* {
	margin:0;
	padding:0;
	line-break:strict;
	word-break:normal;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:400;
	box-sizing:border-box;
}
html { font-size:62.5%; }

body { background-color:#ffffff; color:#000000; font-size:18px; font-size:1.8em; line-height:1em; word-wrap:break-word; }

/* SP/TB */
@media screen and (max-device-width:800px) {
	html { -webkit-text-size-adjust:100%; }
}

ul { list-style-type:none; }

img { width:auto; height:auto; max-width:100%; border:none; vertical-align:bottom; line-height:0; font-size:0; }

a:link { color:#000000; text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:active { color:#000000; text-decoration:none; }
a:hover { color:#FE7587; text-decoration:none; }

a:hover img { opacity:0.7; }

p { line-height:1.8em; }

/* SP */
@media screen and (max-width:800px) {
	body { font-size:18px; font-size:1.8em; }
}

/* ----------------h----------------- */

h1 { margin-bottom:25px; }
h1.h102 { border:solid #000000; border-width:2px 0; padding:15px; margin-bottom:0; text-align:center; }
h1.h102 img { max-height:35px; }

h2 { background-color:#CAE3E8; padding:20px 0; margin-bottom:40px; text-align:center; }
h2 img { max-height:60px; }
h2.h202 { background-color:#E99CA4; color:#ffffff; font-size:30px; font-size:3.0rem; line-height:1.2em; font-weight:400; }

/* SP */
@media screen and (max-width:800px) {
	h2 { margin-bottom:20px; }
	h2.h202 { font-size:20px; font-size:2.0rem; }
}

/* ----------------head----------------- */

#head {
	background:url("../img/lp_1912_01_img00.jpg") center top repeat-x;
	background-size:cover;
	margin-bottom:10px;
}

#head .box01 { text-align:center; }
#head .box01 img { max-height:500px; }

/* SP */
@media screen and (max-width:800px) {
	#head { overflow:hidden; }
	#head .box01 { width:125%; }
	#head .box01 img { margin-left:-10%; display:block; }
}

/* ----------------main----------------- */

#main { width:800px; margin:0 auto; }

#main .box01 { text-align:center; margin-bottom:40px; }

#main .no1 { width:110px; margin:0 auto 35px auto; }

#main .box02 { margin-bottom:95px; }
#main .box02 .col01 { float:left; width:50%; padding-right:30px; }
#main .box02 .col02 { float:left; width:50%; padding-left:30px; }

#main .txt00 {
	background:url("../img/lp_1912_01_img08.png") left center no-repeat;
	background-size:cover;
	text-align:center;
	padding:10px 0;
	margin-bottom:20px;
	line-height:1.2em;
	font-size:22px; font-size:2.2rem;
}
#main .txt00.line2 { background-size:contain; }
#main .item01 a,
#main .item01 span { display:block; }
#main .item01 .img { max-width:250px; margin:0 auto; text-align:center; }
#main .txt01 { text-align:center; line-height:1.4em; font-size:16px; font-size:1.6rem; margin:10px 0; }
#main .txt02 { text-align:center; line-height:1.2em; font-size:20px; font-size:2.0rem; padding:10px 0; color:#ffffff; background:#707070; }
#main .txt03 { line-height:1.2em; font-size:20px; font-size:2.0rem; margin-bottom:20px; padding:10px; background:#f5f5f5; }

#main .txt01 span { font-size:13px; font-size:1.3rem; margin-top:3px; }

#main a:hover .txt02 { background:#FE7587; }

#main .txt02 span {
	position:relative;
	display:inline-block;
	padding-left:15px;
}
#main .txt02 span::before,
#main .txt02 span::after{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	content: "";
}
#main .txt02 span::before{
	box-sizing: border-box;
	left:0;
	width:8px;
	height:5px;
	border:5px solid transparent;
	border-left:8px solid #ffffff;
}

#main .box0101 {
	margin-top:20px;
	font-weight:700;
	font-size:20px; font-size:2.0rem;
}

#main .txtimg01 { text-align:center; margin:20px 0 40px 0; }
#main .txtimg01 img { max-height:120px; }

#main .txtimg02 { text-align:center; }
#main .txtimg02 img { max-height:35px; }

#main .box03 { margin-bottom:10px; }
#main .box03 .col01 { float:left; width:30%; margin-right:5%; }
#main .box03 .col02 { float:left; width:30%; }
#main .box03 .col03 { float:left; width:22%; margin-right:4%; }
#main .box03 .col04 { float:left; width:44%; }

#main .box04 { margin-bottom:60px; }
#main .box04 .col01 { float:left; width:30%; margin-right:5%; }
#main .box04 .col02 { float:left; width:30%; }
#main .box04 .col03 { float:left; width:22%; margin-right:4%; }
#main .box04 .col04 { float:left; width:22%; }

#main .box04 .col01 { position:relative; }
#main .box04 .col01 .arr { position:absolute; left:210px; top:30%; width:80px; z-index:99; }

#main .box04 .col03 { position:relative; }
#main .box04 .col03 .arr { position:absolute; left:150px; top:30%; width:80px; z-index:99; }

#main .arr02 { width:80px; margin:20px 0 0 10px; }

#main .box04 img { max-height:176px; }
#main .box04 .txt01 { font-size:14px; font-size:1.4rem; }
#main .box04 .txt02 { font-size:14px; font-size:1.4rem; }


#main .box04 .txt01 span { font-size:12px; font-size:1.2rem; }

#main .box05 { margin-bottom:60px; }
#main .box05 .col01 { float:left; width:30%; padding-right:40px; }
#main .box05 .col02 { float:left; width:70%; }

#main .box05 .txt01 { text-align:left; margin-bottom:20px; }
#main .box05 .txt02 { width:15em; }

/* SP */
@media screen and (max-width:800px) {
	#main { width:100%; }
	#main .box01 { padding:0 20px; margin-bottom:20px; text-align:left; }
	#main .no1 { width:100px; margin:0 auto 20px auto; }
	#main .box02 .col01 { float:none; width:100%; padding:0 20px; margin-bottom:60px; }
	#main .box02 .col02 { float:none; width:100%; padding:0 20px; }
	#main .item01 .img { max-width:150px; }
	#main .txtimg01 { padding:0 20px; }
	#main .txtimg02.sp { text-align:left; margin-bottom:10px; }
	#main .txtimg02.sp img { max-height:30px; }
	#main .box04 .col01 { float:none; width:100%; padding:0 20px; margin:0 0 20px 0; }
	#main .box04 .col02 { float:none; width:100%; padding:0 20px; }
	#main .box04 .col03 { float:none; width:100%; padding:0 20px; margin:0 0 20px 0; }
	#main .box04 .col04 { float:none; width:100%; padding:0 20px; }
	#main .box04 img { max-height:150px; }
	#main .box04 .txt01 { font-size:16px; font-size:1.6rem; }
	#main .box04 .txt02 { font-size:20px; font-size:2.0rem; }
	#main .arr03 { width:20px; margin:20px auto; }
	#main .box05 .col01 { float:none; width:100%; padding:0 20px; margin:0 0 20px 0; }
	#main .box05 .col02 { float:none; width:100%; padding:0 20px; }
	#main .box05 .txt02 { width:100%; }
}

/* ----------------foot----------------- */

#foot { background:#f5f5f5; }
#foot .box01 { text-align:center; padding:40px 0; }
#foot .box01 img { max-height:100px; }

/* SP */
@media screen and (max-width:800px) {
	#foot .box01 { padding:40px 20px; }
}

/* ------------ com ------------ */

.mb03 { margin-bottom:3px !important; }
.mb05 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.mb1em { margin-bottom:1em; }

.right { text-align:right; }
.center { text-align:center; }

.fontS { font-size:12px; font-size:1.2rem; line-height:1.4em; }

table { border-collapse:collapse; border-spacing:0; }

.pc { display:block; }
.sp { display:none; }

.br { display:block; }

/* SP */
@media screen and (max-width:800px) {
	.pc { display:none; }
	.sp { display:block; }
	.br { display:inline; }
}

/* ----------------clearfix----------------- */
.cf { zoom:1; }
.cf:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }