@charset "UTF-8";

/* main-content */
.main-content{
	line-height: 1.8;
	padding-bottom: 70px;
}



/* bg */
.bg-white{background:#fff}
.bg-blue{background:#e2e8ec}
.bg-green{background:#f0f4f4}
.bg-beige{background:#f2efed}



/*title*/
.title-img{
	/*background-image:linear-gradient( to right,#faf8f6 0%,#faf8f6 50%,#e7dfd9 50%,#e7dfd9 100%);*/
	background-color: #ebf0f3;
}
.title-img > img{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 1000px;
}

.title-sub{
	padding: 40px 20px;
	text-align: justify;
}

.title-sub p:first-child {
    color: #333333;
    font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 1em;
}

/* head */
.content-head{
	font-size: 36px;
	padding: 20px 0 0;
}
.content-head > span{
	font-size: 24px
}

.content-box-head{
	align-items: center;
	display: flex;
	font-size: 20px;
	line-height: 1.4;
	margin: 0 auto;
	max-width: 900px;
}
.content-box-head > img{
	margin-right: 20px;
	width: 20%;
	max-width: 90px;
}



/* head */
.head{
	font-size: 20px;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
}

.ly-font-size-S {
	font-size: .8em;
	display: block;
	margin-top: .4em;
	font-weight: normal;
}

/* content */
.content-box{
	padding: 40px 5%;
}

.content-box-item{
	margin-top: 30px;
}
.content-box-item > p{
	box-sizing: border-box;
	padding: 70px 30px 30px;
	margin-top: -40px;
	text-align: justify;
}
.first-letter::first-letter{
	font-weight: bold;
	float: left;
	font-size: 36px;
	line-height: 1;
	margin:3px 3px 0 0;
}

.content-img{
	display: block;
	line-height: .8;
	margin: auto;
	width: 84%;
}



/* txt-box */
.txt-box{
	box-sizing: border-box;
	padding: 30px;
}
.txt-box p{
	text-align: justify;
}


/* item-list */
.item-list{
	display: flex;
	flex-wrap: wrap;
}
.item-list > li{
	margin: 20px 2% 0;
	width: 46%;
}

.item-txt{
	box-sizing: border-box;
	font-size: 10px;
	padding: 8px 10px;
}

.check{
	align-items: center;
	display: flex;
}
.check::after{
	background:#333;
	border-radius: 4px;
	color:#fff;
	content: "Check";
	display: block;
	font-size: 10px;
	margin-left: 8px;
	text-align: center;
	width: 50px;
}



/* sns */
.sns{
	border: 2px solid #eee;
	box-sizing: border-box;
	display: flex;
	margin: 30px auto;
	padding: 30px;
	width: 90%;
	max-width: 700px;
}
.sns a{
	margin: auto;
}
.sns img{
	margin-right: 15px;
	height: 62px;
	width: 62px;
}

@media screen and (min-width:641px){
/*----*/
/* PC */
/*----*/


/* title */
.title-sub{
	text-align: center;
}


/* content-box */
.content-box{
	padding: 70px 0;
}

.content-head{
	margin-bottom: -50px;
}



/* content-box-item */
.content-box-item{
	align-items: center;
	display: flex;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	max-width: 900px;
}
.content-box-item > p{
	padding: 40px;
	margin-top: 0;
	margin-left: -30px;
	text-align: justify;
	z-index: 1;
}
.content-box-item > p.txt-left{
	margin-right: -30px;
	margin-left: 0;
	order: -1;
	z-index: 1;
}

.content-img{
	margin: 0;
}

#p1-2{
	margin-top: -80px;
}
#p1-3{
	margin-top: 60px;
}
#p2-1{
	width: 460px;
}
#p2-2{
	margin-top: -30px;
	width: 420px;
}
#p2-3{
	margin-top: -30px;
	width: 452px;
}



/* img size */
#img1-1{
	width: 487px;
}
#img1-2{
	margin-top: 80px;
	width:454px;
}
#img1-3{
	margin-top: -84px;
	width:444px;
}
#img2-1{
	width:410px;
}
#img2-2{
	margin-top: -30px;
	width:340px;
}
#img2-3{
	margin-top: -30px;
	width:472px;
}



/* txt-box */
.txt-box{
	margin: auto;
	width: 600px;
}



/* item-list */
.item-list{
	margin: auto;
	max-width: 870px;
}
.item-list > li{
	margin: 20px 10px 0;
	width: 154px;
}



/* hover */
.main-content a,
.main-content img{
	transition: .3s;
}
.main-content a:hover{
	opacity: .6;
}

}/*end media*/