@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/


/* Common-Setting
----------------------------------------*/
html {}
body {
	color:#9a8e77;
	background:#fbf9f2;
	position:relative;
}

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size:140%;
	line-height:1.6;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

dt img,dd img,li img,p img {vertical-align:bottom;}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

*:first-child+html p {letter-spacing:0;} 

a:link    {color:#b0218f; text-decoration:underline;}
a:visited {color:#b0218f; text-decoration:underline;}
a:hover   {color:#bb409f; text-decoration:underline;}
a:active  {outline:none;}

@media screen and (max-width: 999px) {
html {-webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {font-size:140%; line-height:1.6;}
}


/* Container
----------------------------------------*/
#wrapper{
	width:100%;
	min-width:1000px;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:left;
}


@media screen and (max-width: 999px) {
#wrapper{min-width:100%;}
}


/* Header
----------------------------------------*/
h1 {
	width:100%;
	font-size:11px;
	background:#f29da6;
	color:#fff;
	text-align:center;
	padding:10px 0;
}

#outer_header {
	width:100%;
	background:#fff;
	box-shadow: 0px 0px 7px -2px #000000;
    z-index: 99999;
}

#header {
	width:94%;
	height:95px;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

#header .logo { width:395px; height:75px; position:absolute; top:10px;}
#header .head_con a {
	display:block;
	width:145px;
	position:absolute;
	top:0;
	right:0;
	background:url(../images/sp/icon1.webp) no-repeat center 20px;
	padding:60px 0 0 0;
	box-sizing:border-box;
	text-align:center;
	color:#a49984;
	text-decoration:none;
}
#header .head_con a:hover { opacity:0.8;}
@media screen and (max-width: 999px) {


}

@media screen and (max-width: 768px) {
h1 { font-size:9px; padding:5px 0;}
#header { width:100%; height:45px; padding:5px 0;}
#header .logo { width:211px; height:40px; position:absolute; top:5px; left:5px;}
#header .head_con a {
	display:block;
	width:130px;
	background:url(../images/sp/icon1.webp) no-repeat left 15px;
	background-size:20px 20px;
	padding:5px 0 0 20px;
	text-align:center;
	color:#a49984;
	text-decoration:none;
	line-height:40px;
	font-size:12px;
}
}

#footer {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	padding:50px 0;
}
#footer p { font-size:20px;}
#copy {
	background:#a49984;
	color:#fff;
	font-size:15px;
	text-align:center;
	padding:25px 0;
}

@media screen and (max-width: 768px) {
#footer { padding:30px 0;}
#footer p { font-size:14px;}
#copy { font-size:11px; padding:15px 0; margin-bottom:135px;}
}

/* index
----------------------------------------*/
#outer_topImage {width:100%; background:url(../images/main_bg.jpg) repeat; /*margin-top:137px;*/}
#topImage { width:100%; background:url(../images/fv_bg.webp) no-repeat center top;}
#topImage h2 { margin:0 auto; text-align:center;}

@media screen and (max-width: 1366px) {
#topImage { width:100%; background:url(../images/fv_bg2.webp) no-repeat right top;}
}
@media screen and (max-width: 999px) {
#outer_topImage {width:100%; background:url(../images/main_bg.webp) repeat; }
#topImage { width:100%; background:none;}
#topImage h2 { margin:0 auto; text-align:center;}
}


/* common
----------------------------------------*/
.pc_area {display:block;}
.sp_area {display:none;}

.f_left {float:left;}
.f_right {float:right;}

.bold {font-weight:bold;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}

.text {margin-bottom:1em;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

.alpha a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

@media screen and (max-width: 999px) {
.pc_area {display:none;}
.sp_area {display:block;}
#wrapper img { width:100%; max-width:100%; height:auto;}

}

/* margin */
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

@media screen and (max-width: 999px) {
.mb40 {margin-bottom:20px !important;}
}

/* sec01 */
#sec01 {
	width:100%;
	border-top:5px solid #f29da6;
	border-bottom:5px solid #f29da6;
	background:#fff;
	padding:4px 0;
}
#sec01_inn {
	width:100%;
	border-top:2px solid #f29da6;
	border-bottom:2px solid #f29da6;
	background:#fff;
	text-align:center;
}

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



/* sec02 */
#sec02_outer { position:relative; padding-bottom:60px;	border-bottom:1px solid #e4e0d6;
}
#sec02 {
	width:100%;
	max-width:1000px;
	margin:90px auto 0;
	background:url(../images/img2.webp) no-repeat center top;
	box-sizing:border-box;
}

#sec02_text {
	width:100%;
	box-sizing:border-box;
	padding:120px 170px 0 0;
	text-align:center;
	margin-bottom:25px;
}
#sec02_text h3 { font-size:40px; font-weight:bold; color:#fff9b0; line-height:1.2; margin-bottom:35px;}
#sec02_text p { color:#fff; font-size:24px;}

#sec02 ul { overflow:hidden; margin-left:50px; z-index:9999; position:relative;}
#sec02 ul li { float:left; margin:0 10px;}
#sec2_person { position:absolute; bottom:0; right:0;}

@media screen and (max-width: 1630px) {
#sec2_person { position:absolute; bottom:0; right:0; width:45%;}
#sec2_person img { width:100%;}
}
@media screen and (max-width: 999px) {
#sec02_outer { position:relative; padding-bottom:60px;}
#sec02 {
	width:100%;
	margin:90px auto 0;
	background:url(../images/img2.webp) no-repeat center top;
	box-sizing:border-box;
}

#sec02_text { width:94%; padding:100px 120px 0 0; margin-bottom:25px;}
#sec02_text h3 { font-size:33px; margin-bottom:20px;}
#sec02_text p { font-size:20px;}

#sec02 ul { overflow:hidden; margin-left:0; z-index:9999; position:relative;}
#sec02 ul li { float:left; margin:0 1%; width:31%;}
#sec2_person { position:absolute; bottom:0; right:0; width:60%;}
}

@media screen and (max-width: 768px) {
#sec02_outer { position:relative; padding-bottom:40px;}
#sec02 {
	margin:40px auto 0;
}

#sec02_text { width:94%; padding:70px 0 0 0; margin-bottom:15px;}
#sec02_text h3 { font-size:20px; margin-bottom:15px;}
#sec02_text p { font-size:14px;}

#sec2_person { display:none;}
}


/* sec03 */

#sec03 {
	width:100%;
	background:#fff;
	border-bottom:1px solid #e4e0d6;
	padding:50px 0;
	text-align:center;
	margin-bottom:70px;
}

@media screen and (max-width: 999px) {
#sec03 .btn_img { width:80%; margin:0 auto;}

}

@media screen and (max-width: 768px) {
#sec03 { padding:30px 0; margin-bottom:30px;}
}


/* sec04 */
#sec04_01 { width:94%; max-width:1000px; margin:0 auto;}
#sec04_01 h3 { margin-bottom:60px; text-align:center;}
#sec04_01 .text_deco {
	font-size:28px;
	color:#f298a2;
	text-align:center;
	line-height:1.3;
	margin-bottom:20px;
}
#sec04_01 .text_deco span {
	font-weight:bold;
	font-size:34px;
	color:#7bbfce;
	background: linear-gradient(transparent 60%, #fff9b0 60%);
}
#sec04_01 ul li { font-size:17px; line-height:2.0;}
#sec04_01 ul li span {
	background:#f298a2;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin-right:5px;
	border-radius:20px;
	padding:3px 10px;
}


#sec04_02 {
	background:url(../images/img10.webp) no-repeat center top;
	padding:150px 0 80px 0;
	margin-bottom:70px;
}
#sec04_02 .content_bx1 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 315px 30px 0;
	overflow:hidden;
	background:url(../images/line1.webp) no-repeat left bottom;
}
#sec04_02 .content_bx1 h4 { float:left;}
#sec04_02 .content_bx1 .txt_bx { width:510px; float:right;}
#sec04_02 .content_bx1 ul li,
#sec04_02 .content_bx2 ul li,
#sec04_02 .content_bx3 ul li { font-size:18px; padding:3px 0;}
#sec04_02 .content_bx1 ul li:before,
#sec04_02 .content_bx2 ul li:before,
#sec04_02 .content_bx3 ul li:before {
	content:"●";
	color:#64b6c8;
	font-size:12px;
	margin-right:5px;
}

#sec04_02 .content_bx2 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	padding:20px 345px 35px 0;
	background:url(../images/line2.webp) no-repeat left bottom;
}
#sec04_02 .content_bx2 .txt_bx { width:100%; overflow:hidden;}
#sec04_02 .content_bx2 h4 { float:right;}
#sec04_02 .content_bx2 ul { float:left;}

#sec04_02 .content_bx3 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	box-sizing:border-box;
	padding:20px 220px 0 0;
	overflow:hidden;
}
#sec04_02 .content_bx3 h4 { float:left;}
#sec04_02 .content_bx3 .txt_bx { width:550px; float:right;}
#sec04_02 .content_bx3 .txt_bx .inner { overflow:hidden;}
#sec04_02 .content_bx3 .txt_bx .inner ul.first { width:55%; float:left;}
#sec04_02 .content_ttl {
	font-weight:bold;
	color:#64b6c8;
	font-size:24px;
	margin-bottom:5px;
}
.wave_line { background:url(../images/wave.webp) repeat-x top; height:45px;}
.content_ttl2 { display:none;}

@media screen and (max-width: 1630px) {
#sec04_02 { background:url(../images/img10_2.webp) no-repeat center top;}
}

@media screen and (max-width: 999px) {
#sec04_02 {
	width:94%;
	background:url(../images/sp/sec04_bg.webp) repeat;
	padding:50px 0 30px 0;
	margin:20px auto 30px;
}

#sec04_02 .content_bx1 {
	width:92%;
	padding:0 0 30px 0;
	background:url(../images/line1.webp) repeat-x left bottom;
}


#sec04_02 .content_bx1 h4,
#sec04_02 .content_bx3 h4 { float:left; width:25%;}
#sec04_02 .content_bx1 .txt_bx,
#sec04_02 .content_bx3 .txt_bx { width:70%; float:right;}
#sec04_02 .content_bx1 ul li,
#sec04_02 .content_bx2 ul li,
#sec04_02 .content_bx3 ul li { font-size:18px; padding:3px 0;}

#sec04_02 .content_bx2 {
	width:92%;
	padding:20px 0 30px 0;
	background:url(../images/line2.webp) repeat-x left bottom;
}
#sec04_02 .content_bx2 .txt_bx { width:70%; overflow:hidden;}
#sec04_02 .content_bx2 h4 { float:right; width:25%;}
#sec04_02 .content_bx2 ul { float:left;}

#sec04_02 .content_bx3 {
	width:92%;
	padding:20px 0 0 0;
}
#sec04_02 .content_bx3 .txt_bx .inner { overflow:hidden;}
#sec04_02 .content_bx3 .txt_bx .inner ul.first { width:55%; float:left;}
#sec04_02 .content_ttl { font-size:24px;}
.content_ttl2 { display:none;}

}

@media screen and (max-width: 768px) {
#sec04_01 h3 { margin-bottom:20px; text-align:center;}
#sec04_01 .text_deco {font-size:18px;}
#sec04_01 .text_deco span {font-size:22px;}
#sec04_01 ul li { font-size:14px; line-height:2.0;}
#sec04_01 ul li span { font-size:15px; padding:3px 5px;}

#sec04_02 { padding:30px 0 30px 0; margin:20px auto 30px;}
#sec04_02 .content_bx1 {
	width:92%;
	padding:0 0 30px 0;
	background:url(../images/line1.webp) repeat-x left bottom;
}


#sec04_02 .content_bx1 h4,
#sec04_02 .content_bx3 h4 { float:left; width:25%;}
#sec04_02 .content_bx1 .txt_bx,
#sec04_02 .content_bx3 .txt_bx { width:100%; overflow:hidden;}
#sec04_02 .content_bx1 ul li,
#sec04_02 .content_bx2 ul li,
#sec04_02 .content_bx3 ul li { font-size:12px; padding:3px 0;}

#sec04_02 .content_bx2 {
	width:92%;
	padding:20px 0 30px 0;
	background:url(../images/line2.webp) repeat-x left bottom;
	overflow:hidden;
}
#sec04_02 .content_bx2 .txt_bx { width:100%; overflow:hidden; float:none; }
#sec04_02 .content_bx2 h4 { width:25%; float:right;}
#sec04_02 .content_bx2 ul { float:left;}
#sec04_02 .content_bx2 .content_ttl.pc_area { display:block !important; font-size:18px;}

#sec04_02 .content_bx3 { width:92%; padding:20px 0 0 0;}
#sec04_02 .content_bx3 .txt_bx .inner { overflow:hidden;}
#sec04_02 .content_bx3 .txt_bx .inner ul.first { width:55%; float:left;}
#sec04_02 .content_ttl { display:none;}

.content_ttl2 { display:block;font-size:18px;	font-weight:bold; color:#64b6c8; margin-bottom:5px;}

.content_bx2 .content_ttl { width:74%; float:left;}
}

/* sec05 */

#sec05_outer { background:url(../images/img14.webp) repeat; padding-bottom:90px;}
#sec05 {
	width:94%;
	height:850px;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#sec05_outer h3 { margin-bottom:40px; text-align:center; margin-top:55px;}

#sec05_01 { position:absolute; top:0; left:353px;}
#sec05_02 { position:absolute; top:220px; right:15px;}
#sec05_03 { position:absolute; bottom:0; right:164px;}
#sec05_04 { position:absolute; bottom:0; left:164px;}
#sec05_05 { position:absolute; top:220px; left:30px;}

#sec05_text { position:absolute; width:300px; top:310px; left:353px;}
#sec05_text h4 {
	color:#fff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
	line-height:1.2;
	margin-bottom:15px;
}
#sec05_text h4 span { font-size:30px;}
#sec05_text p { font-size:20px; color:#fff; text-align:center; line-height:1.2;}
#sec05_text ul { overflow:hidden; width:250px; margin:0 auto;}
#sec05_text ul li {
	color:#fff;
	font-size:20px;
	text-align:center;
	float:left;
	width:48%;
	margin:0 1%;
	padding:8px 0 7px 0;
	margin-bottom:5px;
}
#sec05_text ul li:nth-child(1) { background:url(../images/sec5_01.webp) no-repeat center top;}
#sec05_text ul li:nth-child(2) { background:url(../images/sec5_02.webp) no-repeat center top;}
#sec05_text ul li:nth-child(3) { background:url(../images/sec5_03.webp) no-repeat center top;}
#sec05_text ul li:nth-child(4) { background:url(../images/sec5_04.webp) no-repeat center top;}

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

#sec05_outer { background:url(../images/img14.webp) repeat; padding-bottom:90px;}
#sec05 { height:auto;}
#sec05_outer h3 { margin-bottom:40px; text-align:center; margin-top:55px;}

#sec05_01 { position:absolute; top:0; left:353px;}
#sec05_02 { position:absolute; top:220px; right:15px;}
#sec05_03 { position:absolute; bottom:0; right:164px;}
#sec05_04 { position:absolute; bottom:0; left:164px;}
#sec05_05 { position:absolute; top:220px; left:30px;}

#sec05_text { position:static; width:100%;}
#sec05_text h4 { font-size:36px; margin-bottom:15px;}
#sec05_text h4 span { font-size:30px;}
#sec05_text p { font-size:20px;}
#sec05_text ul { width:70%;}
#sec05_text ul li {
	font-size:20px;
	text-align:center;
	float:left;
	width:23%;
	margin:0 1%;
	padding:8px 0 7px 0;
	margin-bottom:5px;
}
#sec05 .sp_area ul { overflow:hidden;}
#sec05 .sp_area ul li { width:48%; margin:0 1%; float:left;}
#sec05 .sp_area ul li:last-child { float:none; margin:0 auto;}
}
@media screen and (max-width: 768px) {
#sec05_outer { padding-bottom:40px;}
#sec05_outer h3 { margin-bottom:20px; margin-top:40px;}
#sec05_text { margin-bottom:20px;}
#sec05_text h4 { font-size:28px; margin-bottom:15px;}
#sec05_text h4 span { font-size:20px;}
#sec05_text p { font-size:16px;}
#sec05_text ul { overflow:hidden; width:100%; margin:0 auto;}
#sec05_text ul li { font-size:15px; border-radius:20px;}
#sec05_text ul li:nth-child(1),
#sec05_text ul li:nth-child(2),
#sec05_text ul li:nth-child(3),
#sec05_text ul li:nth-child(4) { background:#64b6c8;}

}


/* sec06 */
#sec06 {
	width:100%;
	padding:80px 0;
	text-align:center;
	background:url(../images/wave2.webp) repeat-x top;
}

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

@media screen and (max-width: 768px) {
#sec06 { padding:30px 0;}
}

/* sec07 */
#sec07_outer {
	padding-top:40px;
	background:#fff url(../images/img23.webp) no-repeat center top;
}

#sec07_01,
#sec07_02 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#sec07_01 h3 { text-align:right;}
#nishisan, #ookawasan { overflow:hidden; margin-bottom:30px;}
#nishisan img { float:left;}
#ookawasan img { float:right;}

#faq01 { width:540px; float:right; padding:120px 0 0 0;}
#faq02 { width:550px; float:left; padding:190px 0 0 0;}

#faq01 .q1, #faq02 .q1 {
	font-size:24px;
	padding:2px 0 2px 70px;
	color:#f29da6;
	background:url(../images/q_01.jpg) no-repeat 0 0;
	line-height:1.2;
	margin-bottom:20px;
}
#faq01 p, #faq02 p { font-size:18px; padding:0 10px;}
p.a1 { font-weight:bold; font-size:28px; margin-bottom:15px;}
p.a1 span {
	font-size:35px;
	color:#5fb4c6;
	background: linear-gradient(transparent 60%, #fff9b0 60%);
}

#sec07_01 dl,
#sec07_02 dl { margin-bottom:40px; box-sizing:border-box; padding:0 10px;}
#sec07_01 dl dt,
#sec07_02 dl dt {
	background:url(../images/q_02.jpg) no-repeat 0 0;
	padding:3px 0 3px 55px;
	font-size:24px;
	color:#f29da6;
	margin-bottom:20px;
	line-height:1.2;
}
#sec07_01 dl dd,
#sec07_02 dl dd {
	font-size:18px;
	padding:0 5px;
}

#sec07_outer2 {
	margin-top:80px;
	background:#fff url(../images/img26.webp) no-repeat center top;
	padding-top:20px;
	padding-bottom:140px;
}

@media screen and (max-width: 1043px) {
#nishisan img { width:40%;}
#ookawasan img { width:40%;}

}

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

#sec07_outer { padding-top:40px;}
#sec07_01,
#sec07_02 { width:94%; margin:0 auto position;relative:}
#sec07_01 h3 { width:80%;}
#nishisan img { float:none; width:70%; margin:0 auto; display:block;}
#ookawasan img { float:none; width:70%; margin:0 auto; display:block;}

#faq01 { width:100%; float:none; padding:0 0 0 0;}
#faq02 { width:100%; float:none; padding:0 0 0 0;}

#faq01 .q1, #faq02 .q1 {
	font-size:24px;
	padding:2px 0 2px 70px;
	color:#f29da6;
	background:url(../images/q_01.jpg) no-repeat 0 0;
	line-height:1.2;
	margin-bottom:20px;
}
#faq01 p, #faq02 p { font-size:18px; padding:0 10px;}
p.a1 { font-weight:bold; font-size:28px; margin-bottom:15px;}
p.a1 span {
	font-size:35px;
	color:#5fb4c6;
	background: linear-gradient(transparent 60%, #fff9b0 60%);
}
}

@media screen and (max-width: 768px) {
#sec07_outer { padding-top:20px;}

#faq01 { width:100%; float:none; padding:0 0 0 0; margin-bottom:30px;}
#faq02 { width:100%; float:none; padding:0 0 0 0;}

#faq01 .q1, #faq02 .q1 {
	font-size:18px;
	padding:0 0 2px 35px;
	background-size:30px 30px;
	margin-bottom:10px;
}
#faq01 p, #faq02 p { font-size:14px; padding:0 10px;}
p.a1 { font-size:14px; margin-bottom:15px;}
p.a1 span { font-size:22px;}

#sec07_01 h3 { width:100%; text-align:center;}

#sec07_01 dl,
#sec07_02 dl { margin-bottom:40px; box-sizing:border-box; padding:0 10px;}
#sec07_01 dl dt,
#sec07_02 dl dt {
	background-size:30px 30px;
	padding:3px 0 5px 35px;
	font-size:18px;
	margin-bottom:5px;
}
#sec07_01 dl dd,
#sec07_02 dl dd { font-size:14px; padding:0 5px;}
#sec07_outer2 { margin-top:20px; padding-top:10px; padding-bottom:40px;}
}

/* sec08 */

#sec08_outer {
	background:url(../images/img29.webp) repeat;
	border-top:10px #f29da6 solid;
	border-bottom:40px #f29da6 solid;
	position:relative;
	padding:130px 0 0 0;
	margin-bottom:80px;
}
#sec08_outer h3 {
	position:absolute;
	top:-129px;
	left:0;
	right:0;
	margin:auto;
	width:540px;
}

#sec08_deco { background:url(../images/img30.webp) no-repeat center top;}

#sec08 { 
	width:94%;
	height:1300px;
	margin:0 auto 80px;
	max-width:1000px;
	box-sizing:border-box;
	position:relative;
}
#sec08 p { font-size:16px; color:#4a4334;}
#step1 {
	width:340px;
	position:absolute;
	top:0;
	left:15px;
	padding:0 40px 40px 0;
	box-sizing:border-box;
	background:url(../images/step_arrow1.png) no-repeat bottom right;
}

#step2 {
	width:325px;
	position:absolute;
	top:10px;
	left:355px;
	padding:40px 25px 0 0;
	box-sizing:border-box;
	background:url(../images/step_arrow2.webp) no-repeat top right;
}

#step3 {
	width:300px;
	position:absolute;
	top:0;
	right:15px;
	padding:0 0 135px 0;
	box-sizing:border-box;
	background:url(../images/step_arrow3.webp) no-repeat bottom right;
}

#step4 {
	width:440px;
	position:absolute;
	top:470px;
	right:130px;
	padding:0 0 0 140px;
	box-sizing:border-box;
	background:url(../images/step_arrow4.webp) no-repeat center left;
}

#step5 {
	width:400px;
	position:absolute;
	top:480px;
	left:30px;
	padding:0 0 55px 100px;
	box-sizing:border-box;
	background:url(../images/step_arrow5.webp) no-repeat bottom left;
}

#step6 {
	width:427px;
	position:absolute;
	top:830px;
	left:115px;
	padding:0 127px 0 0;
	box-sizing:border-box;
	background:url(../images/step_arrow6.webp) no-repeat center right;
}

#step7 {
	width:300px;
	position:absolute;
	top:940px;
	right:145px;
}


#sec08 p.txt { padding:0 10px 0 10px;}
@media screen and (max-width: 999px) {
#sec08_deco { background:url(../images/sp/sp_img30.webp) no-repeat right bottom;}
#sec08 { 
	width:94%;
	height:auto;
	margin:0 auto 80px;
	overflow:hidden;
}
#sec08 .sp_block { width:48%; float:left; margin:0 1%;}
}
@media screen and (max-width: 768px) {
#sec08_outer {
	background:url(../images/img29.webp) repeat;
	border-top:none;
	border-bottom:40px #f29da6 solid;
	position:relative;
	padding:130px 0 0 0;
	margin-bottom:40px;
}
#sec08_deco { background-size:250px 509px;}
#sec08 { margin:0 auto 40px;}
#sec08_outer h3 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
}
#sec08 p { font-size:13px;}


}

/* sec09 */
#sec09_01 {
	width:94%;
	max-width:1000px;
	margin:0 auto 65px;
	position:relative;
}
#sec09_01 h3 { margin-left:150px; margin-bottom:30px;}

#sec09_txt1 { font-weight:bold; font-size:27px; text-align:center; margin-bottom:10px;}
#sec09_txt1 span {border-bottom:1px dashed #dcd7ca; padding:0 10px;}

#sec09_txt2 {
	font-weight:bold;
	font-size:26px;
	text-align:center;
	color:#f197a1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
}
#sec09_txt2 span {	background: linear-gradient(transparent 60%, #fff9b0 60%);}

#sec09_txt3 { font-size:20px; text-align:center; position:absolute; bottom:0; left:40px;}
#sec09_txt3 span {
	background: linear-gradient(transparent 60%, #fff9b0 60%);
	font-size:24px;
	color:#64b6c8;
	font-weight:bold;
}

#sec09_flow { position:relative;}
#sec09_flow .person_img { position:absolute; top:-290px; left:-400px;}
#sec09_flow .person_img2 { position:absolute; top:-40px; right:0px; z-index:99;}

@media screen and (max-width: 1400px) {
#sec09_flow .person_img { position:absolute; top:-200px; left:-200px; width:45%;}
#sec09_flow .person_img img { width:100%;}
#flow_img { position:relative; z-index:9;}
}
@media screen and (max-width: 1048px) {

#flow_img img { width:100%;}
}

@media screen and (max-width: 999px) {
#sec09_01 {
	width:94%;
	max-width:1000px;
	margin:0 auto 65px;
	position:relative;
}
#sec09_01 h3 { margin:0 auto 20px; width:80%;}

#sec09_txt1 { font-weight:bold; font-size:24px; text-align:center; margin-bottom:10px;}
#sec09_txt1 span {border-bottom:1px dashed #dcd7ca; padding:0 10px;}

#sec09_txt2 { font-size:20px; position:static; margin:auto;}
#sec09_txt3 { font-size:16px; position:absolute; bottom:0; left:40px;}
#sec09_txt3 span { font-size:20px;}
#sec09_flow { position:relative;}
#sec09_flow .person_img { display:none;}
#sec09_flow .person_img2 { position:absolute; top:0;right:0px; width:35%;}
}
@media screen and (max-width: 768px) {
#sec09_01 { margin:0 auto 30px;}
#sec09_01 h3 { margin:0 auto 20px; width:100%;}

#sec09_txt1 { font-size:17px; margin-bottom:10px;}
#sec09_txt2 { font-size:17px; position:static; margin:auto;}
#sec09_txt3 { font-size:14px; position:static;}
#sec09_txt3 span { font-size:16px;}
#sec09_flow { position:relative;}
#sec09_flow .person_img2 { position:absolute; top:30px;right:0px; width:40%;}
}

#sec09_02 { width:94%; max-width:1000px; margin:0 auto 100px;}
#sec09_02 ul { overflow:hidden; padding:0 3px;}
#sec09_02 ul li { float:left; margin:0 12px;}

@media screen and (max-width: 1048px) {
#sec09_02 img { width:100%;}
#sec09_02 ul { overflow:hidden; padding:0;}
#sec09_02 ul li { float:left; margin:0 1%; width:31%;}

}


@media screen and (max-width: 999px) {
#sec09_02 { width:94%; max-width:1000px; margin:0 auto 100px;}
}

@media screen and (max-width: 768px) {
#sec09_02 { margin:0 auto 40px;}

}

/* sec10 */

#sec10_ttl h3 {
  position: relative;
  padding: 0.4em;
  background: #f29da6;
  font-size:50px;
  font-weight:bold;
  color:#fff;
  text-align:center;
  margin-bottom:70px;
}

#sec10_ttl h3:after {
position: absolute;
content: '';
top: 100%;
left: 0;
right:0;
margin:auto;
border: 45px solid transparent;
border-top: 45px solid #f29da6;
width: 0;
height: 0;
}

#sec10 { width:94%; max-width:1000px; margin:0 auto 80px; text-align:center;}
@media screen and (max-width: 1048px) {
#sec10 img { width:100%;}
}
@media screen and (max-width: 768px) {
#sec10_ttl h3 { font-size:22px; margin-bottom:40px;  padding: 0.3em;}
#sec10_ttl h3:after { border: 25px solid transparent; border-top: 25px solid #f29da6;}
#sec10 { margin:0 auto 30px;}
}

/* sec11 */
#sec11_outer { padding:80px 0 60px 0; background:#fff;}
#sec11{ width:94%; max-width:1000px; margin:0 auto; position:relative;}
#sec11 .flow { position:absolute; top:180px; right:0;}
#sec11 .flow p { font-size:26px;}
#sec11 .flow p span {
	font-size:30px;
	color:#5fb4c6;
	font-weight:bold;
	background: linear-gradient(transparent 60%, #fff9b0 60%);
}

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

}
@media screen and (max-width: 768px) {
#sec11_outer { padding:30px 0 30px 0;}
#sec11 .flow { position:absolute; top:60px; right:0;}
#sec11 .flow p { font-size:16px;}
#sec11 .flow p span { font-size:20px;}

}

/* sec12 */
#sec12_outer { padding:65px 0; background:#a49984;}
#sec12 {
	width:94%;
	max-width:1000px;
	margin:0 auto;
	background:url(../images/img51.webp) no-repeat center top;
	padding:50px 90px 65px 110px;
	box-sizing:border-box;
	overflow:hidden;
}

#sec12 h3 {
	text-align:center;
	font-weight:bold;
	font-size:50px;
	color:#fff;
	background:url(../images/line3.jpg) no-repeat center bottom;
	padding:0 0 25px 0;
	margin-bottom:30px;
}

#sec12 ul { width:48%; float:left; margin:0 1%;}
#sec12 ul li { color:#fff; font-size:20px; line-height:1.8;}


@media screen and (max-width: 999px) {
#sec12_outer { padding:40px 0; background:#a49984;}
#sec12 { width:94%; padding:50px 30px 65px 30px;background:none;}
#sec12 h3 {
	font-size:40px;
	background:url(../images/line3.jpg) no-repeat center bottom;
	padding:0 0 25px 0;
	margin-bottom:30px;
}
#sec12 ul li { color:#fff; font-size:18px; line-height:1.8;}
}

@media screen and (max-width: 768px) {
#sec12_outer { padding:30px 0;}
#sec12 { width:100%; padding:0 20px 20px 20px; }
#sec12 h3 {
	font-size:26px;
	padding:0 0 15px 0;
	margin-bottom:20px;
}
#sec12 ul li { font-size:13px;}

#sp_follow { position:fixed; bottom:0; width:100%; left:0; background:#fcf9f2; padding:10px; box-sizing:border-box; z-index:99999;}

}