@media screen and (max-width: 768px) {

	/*------↓記事ごとの記述スタート↓------*/

	body {

		& p {
			font-size: 16px;
			line-height: 1.8;
		}
	}

	.container {
		background-color: #fcecd5;
	}

	.section {
		padding: 24px 4%;
	}

	/* ---container--- */

	.main {
		padding: 230px 7% 0;
		background-image: url(../img/main.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 65vh;
		box-sizing: border-box;
	}

	.main__wrap {
		
		position: relative;

		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/font01.png);
			background-repeat: no-repeat;
			background-size: contain;
			height: 150px;
            bottom: -229px;
            right: 0;
		}
	}

	.topic__main {
		text-align: center;
        letter-spacing: 12px;
	}

	.main__right {
		margin: -184px 0px 0 148px;
        position: relative;
        z-index: 5;
        width: 49%;

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/photo_r01.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 115px;
			height: 115px;
			top: -23px;
			z-index: 0;
			left: -99px;
			z-index: 0;
		}
	
		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/plane.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 100px;
			height: 100px;
			top: -39px;
			right: -35px;
			z-index: 2;
		}
	}
	
	.main__rTxt {
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.5);
		border-radius: 5px;
		position: relative;
		z-index: 3;
		text-align: end;
	}

	.main__left {
		display: flex;
		align-items: center;
		margin-top: 168px;

		& img {
			width: 120px;
			height: 120px;
		}
	}

	.main__lTxt {
		color: #fff;
	}

	/* section__repo01 */
	.section__repo01 {
		padding-top: 48px;
	}

	.repo01__topics {
		display: flex;
		flex-direction: column;
		align-items: end;
		justify-content: space-between;
		gap: 30px;
	}

	.saigoh {
		width: 70%;
	}

	.repo01__txt {
		position: relative;

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/imojyouchu.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 90px;
            height: 230px;
            top: -244px;
            left: 14px;
            transform: rotate(16deg);
		}
	}

	.topic__repo01--big {
		font-size: 2.8rem;
	}

	.topic__repo01 {
		font-size: 2rem;
	}

	.topic__repo01--txt {
		margin-top: 20px;
	}
	
	.photo__repo01--list {
		display: flex;
		flex-direction: column;
		gap: 30px;
		margin-top: 20px;
	}

	.photo__repo01--item img {
		width: 500px;
	}

	/* section__repo02 */
	.repo02__topics {
		display: flex;
	}

	.sunamushiburo {
		padding: 100px 4% 0;
		background-image: url(../img/photo_04.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 87%;
		height: auto;
	}
	
	.staff__name--furo {
		position: relative;
	}
	
	.furo__txt--wrap {
		padding-top: 33px;
		position: relative;
		
		&::after {
			content: '';
			position: absolute;
			background-image: url(../img/fukidashi_sp.png);
			background-repeat: no-repeat;
			background-size: 298px 172px;
			width: 341px;
			height: 200px;
			left: -17px;
			top: 22px;
			z-index: 0;
		}
	}
	
	.furo__txt {
		position: relative;
    	z-index: 2;
		width: 271px;
		
		&::before {
			content: '';
			position: absolute;
			background-color: #333;
			width: 2px;
			height: 63px;
            top: -51px;
            left: 14px;
            transform: rotate(38deg);
		}
	}
	
	img.sakamoto {
		width: 150px;
		height: 150px;
	}

	.name__furo {
		color: #fff;
	}

	.furoTxt__img {
		width: 67%;
        height: 170px;
	}

	.taitle__tate {
		width: 14%;
	}

	.ashiyu {
		padding: 20px 4%;
		background-color: #f8d8a9;
		margin-top: 45px;
	}

	.topic__ashiyu {
		padding: 21px;
		font-size: 1.8rem;
		line-height: 1.2;
		text-align: center;
		border-top: 2px solid #333;
		border-bottom: 2px solid #333;
		position: relative;

		& .big {
			font-size: 2.4rem;
		}

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/hakase-stamp.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 110px;
            height: 100px;
            bottom: -56px;
            left: -23px;
            transform: rotate(-14deg);
		}
	}

	.ditail__ashiyu {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 30px;

		& img.ashiyuImg {
			width: 60%;
			margin: 0 auto;
		}
	}

	.playback {
		padding: 20px 4%;
		background-color: #fffef1;

	}

	.garelly__list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-top: 20px;
	}

	.garelly__item {
		flex: 1 1 calc(50% - 15px);
	}

	.garelly__topic {
		color: #c65517;
		font-size: 1.8rem;
		line-height: 1.1;
		text-align: center;
		position: relative;

		&::before,
		&::after  {
			content: '';
			position: absolute;
			background-color: #c65517;
			width: 2px;
			height: 70px;
			top: 5px;
		}

		&::before {
			left: 43px;
			transform: rotate(-25deg);
		}

		&::after {
			margin-left: 25px;
			transform: rotate(25deg);
		}
	}


	/* section__repo03 */
	.section__03 {
		display: flex;
		flex-direction: column;
		gap: 55px;
		margin-top: 10px;
	}

	.myTrip {
		position: relative;

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/photo_r04.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 130px;
            height: 130px;
            top: 72px;
            left: -3px;
		}
	}

	.topic__myTrip {
		padding: 20px 0 50px;
		font-size: 2rem;
		text-align: center;
		position: relative;

		&.small {
			font-size: 1.4rem;
		}

		&::before,
		&::after  {
			content: '';
			position: absolute;
			background-image: url(../img/namisen.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 300px;
			height: 50px;
		}

		&::before {
			top: -2px;
            left: 21px;
		}

		&::after {
			top: 48px;
            left: 21px;
		}
	}

	.myTrip__list {
		padding: 0 18px;
		display: flex;
		flex-direction: column;
		gap: 24px;
		margin-top: 65px;
	}

	.eat {
		padding: 10px 5px;
		background-color: #e9eef8;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			background-image: url(../img/font04.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 200px;
			height: 100px;
			top: -34px;
		}
	}

	.ditail__eat {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;

		& img {
			width: 100px;
		}
	}

	/* section__repo04 */
	.postscript__wrap {
		padding: 20px 4%;
		background-color: #fffef1;
		border-radius: 10px;
	}
	
	.topics {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.topic__postscript {
		font-size: 1.7rem;
		text-align: center;
		width: 63%;
		position: relative;

		&::before,
		&::after  {
			content: '';
			position: absolute;
			background-color: #333;
			width: 2px;
			height: 40px;
            top: -9px;
		}

		&::before {
			left: -20px;
			transform: rotate(-25deg);
		}

		&::after {
			margin-left: 30px;
			transform: rotate(25deg);
		}
	}

	.staff__name {
		display: flex;
		align-items: center;
		gap: 10px;

		& img {
			width: 120px;
			height: 120px;
		}
	}

	.postscript__txt {
		margin-top: 24px;
	}

	.name {
		font-size: 0.8rem;
	}

	.memory__list {
		margin-top: 30px;
	}

	.memory__item {
		display: flex;
		align-items: center;
		gap: 20px;
		margin: 20px auto;

		& img {
			width: 40%;
		}

		&:nth-of-type(2),
		&:nth-of-type(4) {
			justify-content: end;
		 }
	}

	.memory__item

	.memory__txt {
		width: 40%;
	}

	.memory__img {
		order: 2;
	}

	.memory__txt--ord {
		order: 1;
	}


	.meet {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 48px;
	}

	.staff__name--meet {
		margin-top: 16px;
	}

	.ditail__meet {
		order: 2;
	}

	.meet__img {
		order: 1;
	}

	/*------記事ごとの記述終わり------*/

}

/* media screen fin */