@charset "utf-8";
html{font-size: 62.5%; }
main img,
main div img{ width:revert-layer; display: inline; }
main *:not(#fixed-nav li a){ box-sizing: content-box; }
.breadcrumb-list ol{ margin-top: 2.667vw; }
@media (min-width: 768px) {
	.breadcrumb-list ol{ margin-top: 0.5vw; }
}
@media (min-width: 1025px) {
	.breadcrumb-list ol{ margin-top: 0; }
	main{ padding-top: 140px; }
}
/* ------------------------------------------------------------  */
#wrapper { position: relative;}
#main-wrapper{ letter-spacing: 0; font-size: 14px; font-family: 'Lato', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;} 
.sp_only{ display: none;}

p.text { padding: 35px 0 75px; color: #fff; font-size: 20px; line-height: 44px;}

	
#firstview{ padding: 20px 0 0; }
#firstview #header { padding: 25px 0 0 25px; position: fixed; top: 0; left: 0; z-index: 2;}
#firstview h1 img { width: 100%; height: auto;}

#firstview .subttl{ font-size: 23px; text-align: center; color: #35b76d; font-weight: bold; letter-spacing: 0.05em; }

#entry { position: fixed; right: 0; top: 240px; z-index: 200;}
#entry img { margin: 0 0 7px; display: block;}

#nav { margin: 0 0 50px; border-right: 2px dotted #d8d8d8;}
#nav li { float: left; text-align: center; width: 290px; border-left: 2px dotted #d8d8d8; }
#nav li p { padding: 15px 0; font-size: 20px; font-weight: bold;}
#nav li p span { font-family: 'VinylRegular'; font-weight: normal; display: block; font-size: 16px; color: #cecece; letter-spacing: 2px;}
#nav li a { display: block; padding: 10px 0;}
.nav_inner h2{ text-align: center; padding: 0 0 50px; }
.nav_inner h2 img{ width: 100%; height: auto; }


#beginner{ position: relative; padding: 100px 0 75px; background: url(../../../img/lp-start-nav/first/bg_first.png) center top/cover no-repeat; }
#beginner:before{ position: absolute; z-index: 10; bottom: -1.5vw; left: 0; content: ""; width: 100%; height: 2vw; background: url(../../../img/lp-start-nav/first/bg_first_02.png) center/100% no-repeat; }

@media (max-width: 640px) {

	.nav_inner h2{ padding: 0 0 25px; }
	.nav_inner h2 img{ width: 100%; height: auto; }
	
	#beginner{ margin: 10px 0 0; padding: 30px 0 45px; background: url(../../../img/lp-start-nav/first/bg_first-sp.png) center top/cover no-repeat; }
	#beginner:before{ bottom: -15px; height: 16px; background: url(../../../img/lp-start-nav/first/bg_first_02-sp.png) center bottom/cover no-repeat; }
		
}


.btn{ margin: 50px auto 0; width: 460px; border-radius: 20px; background: #d30c0c; box-shadow: 0px 10px 0px 0px rgba(19, 4, 23, 0.1); text-align: center; }
.btn a{ font-size: 30px; font-weight: bold; color: #fff; display: block; padding: 40px 0; }
.btn a img{ padding-left: 20px; width: 30px; }

@media (max-width: 640px) {

	.btn{ position: relative; margin: 25px auto 0; width: 90%; border-radius: 7px; box-shadow: 0px 5px 0px 0px rgba(19, 4, 23, 0.1); }
	.btn a{ font-size: 15px; padding: 23px 0; }
	.btn a img{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: auto; padding-left: 0; }
	
	
}


/* ------------------------------------------------------------ trial */
#trial{ overflow: hidden; position: relative; margin: 50px 0 0; padding: 150px 0 70px; background: url(../../../img/lp-start-nav/trial/bg_barst.jpg) center/cover no-repeat; }
#trial:before{ position: absolute; top: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 40px; left: 0; right: 0; }
#trial:after{ position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0; }
#trial img{ width: 100%; height: auto; }

#trial .bg{ background: url(../../../img/lp-start-nav/trial/bg_main.png) center no-repeat; }

#trial .w_box{ padding: 120px 0 0; position: relative; background: #fffce5; border-radius: 30px; border: 10px solid #d30c0c; box-shadow: 0px 20px 0px 0px rgba(0, 0, 0, 0.07); }
#trial .w_box .ttl{ position: absolute; content: ""; width: 1082px;  height: 234px; top: -60px; left: 50%; transform: translate(-50%); background: url(../../../img/lp-start-nav/trial/p_ttl.png) center/cover no-repeat; }
#trial .w_box h3{ width: 826px; margin: 0 auto; }
#trial .w_box .label{ padding: 20px 0 40px; width: 711px; margin: 0 auto; }

#trial .w_box .flex{ display: flex; align-items: center; width: 975px; margin: 0 auto; }
#trial .w_box .cost{ padding: 0 0 40px; }
#trial .w_box .cost .item{ width: 460px; }
#trial .w_box .cost .cost_box p{ width: 440px; margin: 0 0 0 auto; padding: 0 0 20px; }
#trial .w_box .cost .cost_box .btn{ display: block; width: 480px; height: 79px; background: #35b76d; box-shadow: 0px 10px 0px 0px rgba(19, 4, 23, 0.1); border-radius: 10px; box-sizing: border-box; padding: 20px 8% 0; text-align: center; color: #fff; font-size: 22px; letter-spacing: 0.03em; font-weight: bold; }
#trial .w_box .cost .cost_box .btn img{ width: 30px; height: 30px; padding: 0 0 0 30px; vertical-align: middle; }

#trial .w_box .patern{ position: relative; padding: 40px 0; background: url(../../../img/lp-start-nav/trial/bg_pattern.png) center; border-radius: 0 0 20px 20px; }
#trial .w_box .patern .bg{ background: url(../../../img/lp-start-nav/trial/pic_02.png) 50px center/140px no-repeat, url(../../../img/lp-start-nav/trial/pic_03.png) calc(50% + 450px) center/130px no-repeat; }
#trial .w_box .patern .more{ position: absolute; content: ""; width: 122px; height: 134px; top: -40px; left: 60px; }
#trial .w_box .patern h4{ width: 730px; margin: 0 auto; }

#trial .ast{ padding: 35px 0 0; font-size: 16px; text-align: center; line-height: 150%; }

#trial .o_btn{ width: 570px; margin: 46px auto 0; text-align: center; }


@media (max-width: 640px) {

	#trial{ margin: 20px 0 0; padding: 80px 0 70px; background: url(../../../img/lp-start-nav/trial/bg_barst-sp.jpg) center/cover no-repeat; }
	#trial:before{ height: 24px; top: 0px; background: url(../../../img/lp-start-nav/bg_02.png) center/24px repeat-x; }
	#trial:after{ height: 15px; background-size: 15px auto; }
	
	#trial .bg{ background: url(../../../img/lp-start-nav/trial/bg_main-sp.png); }
	
	#trial .w_box{ padding: 80px 0px 0; border-radius: 15px; border-width: 5px; box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.07); }
	#trial .w_box h3{ width: 200px; }
	#trial .w_box .ttl{ width: 100%; height: auto; top: -40px; background: none; }
	
	#trial .w_box .label{ padding: 10px 0 0; width: 100%; }
	
	#trial .w_box .flex{ width: 90%; flex-direction: column; }
	#trial .w_box .cost{ padding: 0 0 60px; }
	#trial .w_box .cost .item{ width: 100%; padding: 0 0 15px; }
	#trial .w_box .cost .cost_box p{ width: 100%; }
	#trial .w_box .cost .cost_box .btn{ width: 100%; height: 40px; margin: 0; padding: 9px 5% 0; font-size: 13px; border-radius: 5px; box-shadow: 0px 5px 0px 0px rgba(19, 4, 23, 0.1); }
	#trial .w_box .cost .cost_box .btn img{ padding: 0; position: relative; top: -1px; right: -30px; width: 15px; height: 15px; vertical-align: sub; }
	
	#trial .w_box .patern{ padding: 70px 0 25px; border-radius: 0 0 10px 10px; }
	#trial .w_box .patern .bg{ background: none; }
	#trial .w_box .patern .more{ width: 90px; height: auto; top: -40px; left: 50%; transform: translate(-50%,0); padding: 0 0 10px 0; margin: 0 auto;  }
	#trial .w_box .patern h4{ width: 90%; }
	
	#trial .w_box .ast{ padding: 20px 0 0; font-size: 11px; line-height: 230%; }
	
	#trial .o_btn{ width: 85%; margin: 20px auto 0; }
	
}


img.img { width: 100%; height: auto;}

#safe { background: #f6f3ec; padding: 80px 0 0; overflow: hidden;}
#safe .inner_wrap { background: url(../../../img/lp-start-nav/bg_02.png) center bottom repeat-x; padding: 0 0 115px;}
#safe h3 { text-align: center; padding: 0 0 90px;}
#safe .box { width: 741px; background: url(../../../img/lp-start-nav/bg_01.png) center center no-repeat; height: 733px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 120px 125px; position: relative;}
#safe .box h4 { padding: 10px 0 30px; text-align: center;}
#safe .box p { font-size: 20px; line-height: 44px;}
#safe .box img.img01 { position: absolute; top: -66px; left: -100px;} 
#safe .box img.img02 { position: absolute; top: 100px; right: -380px;} 
#safe .box.point01 { position: relative;}
#safe .box.point01::after { content: ""; position: absolute; background: url(../../../img/lp-start-nav/arw.png) no-repeat; width: 197px; height: 250px; bottom: -181px; left: 378px; right: 0; z-index: 1;}
#safe .box.point02 { margin: 50px 0 0 359px;}
#safe .box.point02 img.img03 { position: absolute; left: -380px; top: 60px;}


/* ------------------------------------------------------------ support */
#support { background: url(../../../img/lp-start-nav/bg_03.gif) center top no-repeat; background-size: cover; padding: 95px 0 220px; text-align: center; position: relative;}
#support::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#support h3 { text-align: center; padding: 0 0 40px; }
#support ul li { display: inline-block; *display: inline; *zoom: 1; margin: 0 19px;}
#support #menu { background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 55px 55px 95px;}
#support #menu h4 { font-size: 36px; font-weight: bold; border-bottom: 4px dotted #ff7c55; padding: 0 0 30px; margin: 0 0 25px;}
#support #menu h4 span { font-size: 30px; color: #ff7c55; font-family: 'VinylRegular'; display: block; line-height: 130%;}
#support #menu img.left { margin: 50px 0 0 0;}

/* point_box */
.point_box { padding: 160px 0 60px; }
.point_box .left {float: left;}
.point_box .right { float: right;}
.point_box p.text { font-size: 16px; padding: 20px 0 60px; line-height: 200%;}
.point_box .whitebox p.text{ color: #fff; }
.point_box .box{ width: 360px; }

.highlight span {font-weight: bold;font-size: 40px;letter-spacing: -1px;position: relative;background: linear-gradient(transparent 70%, #ffe25a 70%);line-height: 52px;}

.whitebox {padding: 0 60px 40px;position: relative;background: #fff;min-height: 300px;}
.whitebox::before {content: '';position: absolute;width: 710px;height: 428px;border-radius: 50%;background: #fff;left: 0;right: 0;margin: auto;top: -80px;}

#support .point_box h3{ text-align: left; }

.point_box .block2{ padding: 50px 0 20px; }

#menu p{ color: #000; text-align: left; }
#menu h3{ text-align: left; padding: 0; }
#menu .block3 .box{ padding: 150px 0 0 60px; }


/* ------------------------------------------------------------ mom_support */
#mom_support { background: url(../../../img/lp-start-nav/bg_06.gif) center top repeat-y; background-size: 100% auto; text-align: center; padding: 100px 0 100px; position: relative;}
#mom_support::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#mom_support::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#mom_support h3 { padding: 0 0 50px;}
#mom_support ul li { background: #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 45px 50px; margin: 0 0 130px; position: relative;}
#mom_support ul li h4 { font-size: 42px; font-weight: bold; border-bottom: 4px dotted #98d5cd; padding: 0 0 30px; margin: 0 0 30px;}
#mom_support ul li h5 { font-size: 26px; font-weight: bold; padding: 0 0 20px; text-align: left;}

#mom_support ul li p { font-size: 20px; line-height: 44px; text-align: left;}
#mom_support ul li p small{ font-size: 14px; font-feature-settings: "palt"; }

#mom_support ul li img.m_img { position: absolute; right: 60px; top: 245px;}
#mom_support ul li.point03 { padding: 45px 50px 85px;}
#mom_support ul li.point03 img.m_img { top: 250px;}

#special { background: url(../../../img/lp-start-nav/bg.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 55px 0 65px;}
#special h3 { padding: 0 0 30px;}
#special ul li { float: left; width: 530px;}
#special ul li:first-child { margin: 0 40px 0 0;}

#campaign_small img { width: 100%; height: auto; }


/* --------------------------------------------------------------------- first */
#first { text-align: center; background: #adc965; padding: 115px 0 100px; position: relative;}
#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#first::after{ position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0; }

#first h3 { padding: 0 0 40px; position: relative;}
#first h4{ background: url(../../../img/lp-start-nav/bg_02.png) center; padding: 30px 0; margin: 0 0 80px; }
#first p{ width: 935px; padding: 0 0 100px; margin: 0 auto; }
#first p img{ width: 100%; height: auto; }

#first article:nth-of-type(odd) .item{ float: right; margin: 98px 50px 80px 0; }
#first article:nth-of-type(odd) .box .img_box{ left: 0; }

#first article:nth-of-type(even) .item{ float: left; }
#first article:nth-of-type(even) .box .img_box{ right: 0; }
#first article:nth-of-type(even) .box .item{ padding: 60px 220px 60px 60px;}

#first .box{ position: relative; margin: 0 0 45px;}

#first .box .item{ width: 680px; box-sizing: border-box; -webkit-box-sizing: border-box; background: #f5e451; padding: 50px 60px 50px 280px; border-radius: 10px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position: relative;}

#first .box .img_box { width: 560px; height: 100%; position: absolute; /* top: 50%; transform: translate(0,-50%); */ z-index: 10;　}
#first .box .img_box img{ position: relative; top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); }

#first .box .item h5{ text-align: left; }
#first .box .item ul li p span { display: block; font-size: 18px; font-weight: bold;}

/* set02 */
#first #set02 .box .item h5{ position: relative; text-align: right; /* right: -80px; */ }

/* catalogset */
#first #catalogset{ overflow: hidden; padding: 0px 0 120px; /* background: #cce38f; */ }
#first #catalogset .w_box{ padding: 20px 0 40px; margin: 20px auto 0; width: 980px; background: #fff; border-radius: 20px; }

#first #catalogset h3{ background: url(../../../img/lp-start-nav/first/icn_peace.png) calc(50% - 400px) center/100px no-repeat, url(../../../img/lp-start-nav/first/icn_peace.png) calc(50% + 400px) center/100px no-repeat; } 
#first #catalogset h4{ background: none; margin: 0 0 10px; }

/* #first #catalogset .slider_box{ margin: 0 110px; } */
#first #catalogset .slider_item{ padding: 0 70px 0 0; }
#first #catalogset .slider_item img{ width: 100%!important; height: auto: box-shadow: 6px 6px 0px 0px rgba(0, 0, 0, 0.22); }



@media only screen and (max-width:640px){
	
	#first { padding: 40px 0; position: relative;}
	#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#first::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	
	#first h3 { padding: 0 0 20px; }
	#first h3 img { width: 85%; height: auto;}
	
	#first h4{ margin: 0 0 30px; padding: 20px 0; background: url(../../../img/lp-start-nav/bg_02.png) center/15px; }
	#first h4 img{ width: 80%; margin: 0 auto; height: auto; }
	
	#first p{ width: 90%; margin: 0 auto; padding: 0 0 30px; }
	#first p img{ width: 100%; height: auto; }
	
	#first article{ padding: 0 0 30px; }
	#first #set05{ padding: 0 0 50px; }
	#first article .first_menu{ width: 100%; }
	#first article .first_menu img{ width: 100%; height: auto; }
	
	/* catalogset */
	#first #catalogset{ padding: 40px 0 30px; overflow: hidden; }
	
	#first #catalogset .w_box{ padding: 20px; width: 100%; border-radius: 10px; box-sizing: border-box; }
	#first #catalogset .w_box img{ width: 100%; height: auto; }

	#first #catalogset h4{ margin: 0; padding: 0 0 25px; }
	
/* 	#first #catalogset .slider_box{ margin: 0 10%; } */
	#first #catalogset .slider_item{ width: 61vw!important; padding: 0 15px; }
	#first #catalogset .slider_item img{ height: auto!important; }
	
	
	
}


/* --------------------------------------------------------------------- watch */
#watch { text-align: center; background: url(../../../img/lp-start-nav/bg_00.gif) center bottom no-repeat; padding: 50px 0 84px; margin: 0 0 10px; }

#footer { text-align: center; padding: 85px 0 55px;}
#footer address { font-size: 12px; padding: 45px 0 0;}

/* ------------------------------------------------------------ cta_box */
#cta_box { background: url(../../../img/lp-start-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 80px 0 65px;}
#cta_box h3 { padding: 0 0 25px;}
#cta_box a{ max-width: 460px; width: 44%; display: inline-block; padding: 0 0 20px; }
#cta_box a.left { margin: 0 38px 0 0;}
#cta_box a img{ width: 100%; height: auto; }


@media (max-width: 640px) {
	#cta_box { background: url(../../../img/lp-start-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 25px 0 45px;}
	#cta_box h3 { padding: 0 0 15px;}
	#cta_box h3 img { width: 240px; height: auto;}
	#cta_box a { max-width: auto; width: 280px; margin: 0 auto; display: block; padding: 0; }
	#cta_box a.left { margin: 0 auto 15px;}
	#cta_box a img { width: 100%; height: auto;}
}


/* ------------------------------------------------------------ welcome */
#welcome{ padding: 70px 0 100px; background: url(../../../img/lp-start-nav/joining/bg_joining.jpg) center top/cover no-repeat; }
#welcome h3{ width: 652px; margin: 0 auto; }
#welcome h3 img{ width: 100%; height: auto; }

#welcome ul{ display: flex; justify-content: space-between; margin: 0 auto; padding: 8vw 0 0; }
#welcome ul li{ position: relative; width: 48%; padding: 0 0 40px; z-index: 1; }
#welcome ul li:after{ position: absolute; content: ""; top: 12px; right: -12px; width: 100%; height: 150px; background-size: auto auto; border-radius: 20px; background-image: repeating-linear-gradient(120deg, transparent, transparent 5px, rgba(148, 146, 109, 1) 6px, rgba(148, 146, 109, 1) 5px ); z-index: -1; }
#welcome ul li img{ width: 100%; height: auto; }

#welcome .plus{ width: 57px; margin: 0 auto; padding: 20px 0 30px; }
#welcome .plus img{ width: 100%; height: auto; }

#welcome .more{ width: 100%; padding: 0 0 40px; }
#welcome .more img{ width: 100%; height: auto; }

#welcome .ast{ text-align: center; font-size: 20px; line-height: 150%; letter-spacing: 0.06em; font-weight: 600; }



@media (max-width: 640px) {
	#welcome{ padding: 20px 0 0; background: url(../../../img/lp-start-nav/joining/bg_joining-sp.jpg) center top/cover no-repeat; }
	#welcome .bg{ padding: 0 0 50px; background: none; }
	#welcome h3{ width: 80%; }
	
	#welcome ul{ flex-direction: column; width: 95%; padding: 12vw 0 3vw; }
	#welcome ul li{ padding: 0 0 15px; width: 100%; }
	#welcome ul li:after{ top: 5px; right: -5px; height: 27vw; background-image: repeating-linear-gradient(120deg, transparent, transparent 4px, rgba(148, 146, 109, 1) 5px, rgba(148, 146, 109, 1) 3px ); }
	
	#welcome .plus{ width: 50px; padding: 10px 0 20px; }
	
	#welcome .more{ padding: 0 0 20px; }
	#welcome .more img{ right: 0; }
	
	#welcome .ast{ font-size: 14px; }

	
}





/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

	#wrapper { position: relative;}
	
	.sp_only{ display: block;}
	.pc_only{ display: none;}
	
	p.text { padding: 15px 0 35px; font-size: 14px; line-height: 30px;}
	
	
	#firstview{ padding: 4vw 0 0; }
	#firstview h1{ padding-top: 0; margin: -14px 0 0 0;}
	.index-no #firstview h1{ padding-top: 10px; margin: 0 0 0 0;}
	#firstview #header { width: 100%; padding: 10px 4%; top: 0; left: 0; box-sizing: border-box; z-index: 800; background: #fff; }
	#firstview #header a img { width: 120px; height: auto;}
	#firstview h1 img { width: 100%; height: auto;}
	#firstview #header.is-animation { background: #fff; display: inline-block; *display: inline; *zoom: 1; transition: .5s; box-sizing: border-box; -webkit-box-sizing: border-box;}
	
	#firstview .subttl{ font-size: 12px; line-height: 150%; padding: 15px 0 0; }
	
	
	#entry { position: fixed; right: 0; top: 145px; z-index: 2; width: 40px; height: auto;}
	#entry img { width: 40px; height: auto;}
	
	#nav { margin: 0; border-right: none;}
	#nav li { text-align: center; width: 100%; border-left: none; box-sizing: border-box; padding: 10px 0;}
	
	#nav li img { padding: 0 0 10px; width: 70px; height: auto; }
	#nav li img:last-of-type{ width: 20px; height: auto;}
	
	#nav li:first-child { border-left: none; border-bottom: 2px dotted #d8d8d8;}
	#nav li.point02 { border-bottom: 2px dotted #d8d8d8;}
	
	#nav li.point03 { border-left: none; }
	#nav li p { font-size: 16px; font-weight: bold; line-height: 150%; width: 176px; text-align: left; }
	#nav li p span { display: block; font-size: 14px; color: #cecece; letter-spacing: 2px; }
	
	#nav li a { display: block; padding: 10px 0; display: flex; align-items: center; flex-wrap: nowrap; justify-content: space-between; }
	
	img.img { width: 100%; height: auto;}
	
	#safe { padding: 40px 0 0; overflow: hidden;}
	#safe .inner_wrap { background: url(../../../img/lp-start-nav/bg_02.png) center bottom repeat-x; padding: 0 0 200px; background-size: 15px auto;}
	#safe h3 { text-align: center; padding: 0 0 40px;}
	#safe h3 img { width: 250px; height: auto; margin: 0 auto;}
	#safe .box { width: 100%; background: url(../../../img/lp-start-nav/bg_01.png) center center no-repeat; height: auto; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 60px 4%; position: relative;}
	#safe .box h4 { padding: 0 0 15px; text-align: center;}
	#safe .box h4 img { width: 200px; height: auto;}
	#safe .box p { font-size: 14px; line-height: 30px;}
	#safe .box img.img01 { position: absolute; top: -20px; left: -3%; width: 139px; height: auto;} 
	#safe .box img.img02 { position: absolute; bottom: -60px; right: -3%; width: 142px; height: auto; top: inherit; z-index: 1;} 
	#safe .box.point01 { position: relative;}
	#safe .box.point01::after { content: ""; position: absolute; background: url(../../../img/lp-start-nav/arw.png) no-repeat; width: 97px; height: 125px; bottom: -80px; left: 25%; right: 0; z-index: 1; background-size: 97px auto;}
	#safe .box.point02 { margin: 45px 0 0;}
	#safe .box.point02 img.img03 { position: absolute; left: 0; top: inherit; width: 194px; height: auto; bottom: -190px; right: 0; margin: 0 auto;}
	
	
	
/* 	---------------------------------------------------------------------------- support */
	#support { background: url(../../../img/lp-start-nav/bg_03.gif) center top no-repeat #ff7c55; padding: 40px 0 60px; text-align: center; position: relative; background-size: 800px auto;}
	#support::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#support h3 { padding: 0 0 25px;}
	#support h3 img { width: 290px; height: auto; }
	
	#support #menu h4{ font-size: 20px; border-bottom: 2px dotted #ff7c55; padding: 0 0 10px; margin: 0 0 20px; line-height: 130%; }
	#support #menu h4 span{ font-size: 20px; display: block; line-height: 150%; }
	
	#support #menu { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; margin: 40px 0 0; padding: 25px 4% 45px;}
	#support #menu img.left{ width: 100%; }
	
	#support ul li{ margin: 0 2% 15px; }
	#support ul li img{ width: 150px; height: auto; }
	
	.point_box { padding: 160px 0 60px; }
	.point_box .left {float: inherit;}
	
	.point_box .right { float: inherit; width: 100%; }
	.point_box .right img{ width: 100%; }
	
	.point_box p.text { font-size: 15px;padding: 10px 0 0;line-height: 200%;}
	.highlight span {font-weight: bold;font-size: 25px;letter-spacing: -1px;position: relative;background: linear-gradient(transparent 70%, #ffe25a 70%);line-height: 180%;}
	
	#support .block1 h3{ padding: 0; }
	.point_box .block2 img{ width: 100%; height: auto; }
	
	.whitebox {padding: 0 5% 40px;position: relative;background: #fff;min-height: 300px;}
	.whitebox::before {content: '';position: absolute;width: inherit;height: 428px;border-radius: 50%;background: #fff;left: 0;right: 0;margin: auto;top: -80px;}
	.point_box h3.num {width: 100%;position: absolute;top: -110px;text-align: center;left: 0;}
	.point_box h3.num img { width: 100px; height: auto; }
	.point_box h3.head {position: absolute;z-index: 1;text-align: center;width: 100%;top: -30px;left: 0;}
	.point_box h3.head img { width: 75%; height: auto; }
	
	#menu .block3 .box{ padding: 0; width: 100%; }
	#support .block3  h3{ padding: 0; }
	
	#mom_support { background: url(../../../img/lp-start-nav/bg_06.gif) center top repeat-y; background-size: 100% auto; text-align: center; padding: 50px 0 10px; position: relative;}
	#mom_support::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#mom_support::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-start-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#mom_support p.text { text-align: left;}
	#mom_support h3 { padding: 0 0 25px;}
	#mom_support h3 img { width: 280px; height: auto;}
	#mom_support ul li { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 25px 4%; margin: 0 0 30px; position: relative;}
	#mom_support ul li h4 { font-size: 20px; font-weight: bold; border-bottom: 2px dotted #98d5cd; padding: 0 0 15px; margin: 0 0 15px;}
	#mom_support ul li h4 img { width: 80px; height: auto;}
	#mom_support ul li img.SP { width: 170px; height: auto; margin: 0 auto;}
	#mom_support ul li h5 { font-size: 18px; font-weight: bold; padding: 10px 0 10px; text-align: left;}
	#mom_support ul li p { font-size: 14px; line-height: 30px; text-align: left;}
	#mom_support ul li p small{ font-size: 10px; line-height: 180%; display: inline-block; }
	#mom_support ul li img.m_img { position: absolute; right: 0; top: inherit; width: 160px; height: auto; bottom: -130px; left: 0; margin: 0 auto;}
	#mom_support ul li.point02 img.m_img { bottom: -150px;}
	#mom_support ul li.point03 { padding: 20px 4% 40px;}
	#mom_support ul li.point03 img.m_img { top: inherit; width: 200px; height: auto; left: 0; right: 0; margin: 0 auto; bottom: -160px;}
	
	#special { background: url(../../../img/lp-start-nav/bg.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 25px 0 30px;}
	#special h3 { padding: 0 0 15px;}
	#special h3 img { width: 280px; height: auto;}
	#special ul li { float: none; width: 100%;}
	#special ul li:first-child { margin: 0 0 15px;}
	#special ul li img { width: 100%; height: auto;}
	
	
	#watch { text-align: center; background: none; padding: 0;}
	#watch a img { width: 100%; height: auto;}

	
	#footer { text-align: center; padding: 45px 0 25px; margin: 0 0 57px;}
	#footer a img { width: 150px; height: auto;}
	#footer address { font-size: 11px; padding: 25px 0 0;}
	
	#f_btn { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200;}
	#f_btn a { font-weight: bold; font-size: 12px; display: block; float: left; width: 50%; padding: 15px 0;}
	#f_btn a.catalog { background: #fff100;}
	#f_btn a.entry { background: #ff7c55; color: #fff;}
	#f_btn a img { padding: 0 0 0 10px; vertical-align: top;}

}