@charset "UTF-8";
/*日本語*/

/*======================================================================================

======================================================================================*/
@media screen and (max-width:736px){/**/
	
#header{min-width:0;}
#ttl_main{min-width:0;}
#point{min-width:0;}
#casestudy{min-width:0;}
#more{min-width:0;}
#form{min-width:0;}
#footer{min-width:0;}
#about{min-width:0;}
#plan{min-width:0;}
#find{min-width: 0;}
#support{min-width: 0;}
.find_wrap{min-width: 0;}

img {
	width:100%;
}
body {
	width:100%;
	overflow-x:hidden !important;
	font-size:14px;
}
.box {
	width:100%;
	box-sizing: border-box;
	padding: 0 0;
}
.kome {
	font-size:10px;
}
.sub {
	font-size:12px;
}
.sub dt {
	float:left;
}
.sub dd {
	padding-left:30px;
}
/*==============================================================================
header
===============================================================================*/
header {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
	position:relative;
}
header .bg {
	background:#342e81;
}
header .text01 {
	line-height:18px;
	font-size:8px;
	color:#FFFFFF;
	background:#342e81;
	box-sizing:border-box;
	padding:0 10px 0;
}
header .wrapper_01 { 
	 height:38px;
}
header .header_logo {
	padding-top:4px;
	width:130px;
	float:left;
	padding-left:10px;
}
header .right .tel {
	font-family:helvetica;
	font-size:18px;
	font-weight:bold;
	color:#322d93;
	float:left;
	position:relative;
	padding:0;
	width:38px;
	height:38px;
}
header .right .tel:before{
	display:none;
}
header .right .tel a{
	width:38px;
	height:38px;
	display:block;
	background:url(../images/sp_h-btn01.jpg) ;
	background-size:100% auto;
	overflow:hidden;
  text-indent: 100%;
  white-space: nowrap;
}
header .right {
	display:table;
	padding-right:0;
	width:auto;
}
header .right .sp_inner {
	float:right;
	margin-left:10px;
}
header .right .tel span{
	display:none;
	position:absolute;
	right:7px;
	bottom:-5px;
	font-size:6px;
	font-weight:300;
	line-height:10px;
}
header .btn {
	display:table;
	position:inherit;
	padding-top:14px;
	width:38px;
	height:38px;
	float:left;
	margin:0;
	padding:0;
}
header .btn a {
	width:38px;
	height:38px;
	display:block;
	background:url(../images/sp_h-btn02.jpg) ;
	background-size:100% auto;
	border-radius:0;
	margin:0;
	padding:0;
	overflow:hidden;
	text-indent: 100%;
	white-space: nowrap;
}
header .btn a::before{
	display:none;
	content:"";
	top:11px;
	right:12px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
header .pmark {
	padding:2px 0 2px 0;
	box-sizing:border-box;
	width:34px;
	float:left;
	margin-left:0;
}
/*==============================================================================
mv
===============================================================================*/

#mv {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
	background:url(../images/sp_mv.jpg) ;
	height:0;
	padding-top:96.87%;
	background-size:cover;
	-webkit-background-size:cover;
	position:relative;
	width:100%;
	margin:0 0 0 0;
}
#mv .box {
	width:100%;
	height:100%;
	position:relative;
}

#mv .text-box {
	background:none;
	background-size:100% auto;
	width:auto;
	height:100%;
}
#mv .btn_01 {
	width:100%;
	height:80px;
	position:absolute;
	left:auto;
	right:auto;
	top:auto;
	bottom:50px;
	margin:0;
	box-sizing:border-box;
	padding:0 10px;
}
#mv .btn_01 a {
	display:block;
	background:#dd9922;
	box-shadow:0px 4px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:3px 0 0 0;
	position:relative;
	line-height:1.3;
	height:80px;
}
#mv .btn_01 a::after{
	display:block;
	content:"";
	top:35px;
	right:20px;
	width: 8px;
	height: 8px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position:absolute;
}
#mv  .btn_text01 {
	display:block;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	font-size:20px;
	font-weight:bold;
	background:url(../images/mv_btn_icon.png) ;
	background-size:100% auto;
	width:60px;
	height:60px;
	line-height:60px;
	top:-5px;
	left:5px;
	z-index:999;
}
#mv  .btn_text02 {
	font-size:12px;
	font-weight:bold;
	line-height:1;
	position: relative;
    display: inline-block;
}
 #mv .btn_text02:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:12px;
	height: 1px;
	background-color: #fff;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
#mv .btn_text02:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:12px;
	height: 1px;
	background-color: #fff;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
 #mv .btn_text02:before {left:-16px;}
 #mv .btn_text02:after {right:-16px;}
 #mv .kome {
	 position:absolute;
	 color:#FFFFFF;
	 bottom:7px;
	 right:10px;
	 }
#mv .feature{
 	width:100%;
 	bottom:150%;
 }
#mv .feature li{
	width:22%;
}
#mv .feature li:nth-child(even){
	width:5%;
}
 #mv .feature img{
 	width:100%;
 }
/*==============================================================================
section01
===============================================================================*/
#section01 {
	box-sizing:border-box;
	padding:20px 0 0;
}
#section01 .ul01 {
	display:table;
	width:100%;
	margin-bottom:30px;
	padding:0 10px;
	box-sizing:border-box;
}
#section01 .ul01 li {
	width:100%;
	height:100px;
	text-align:center;
	color:#FFFFFF;
	font-size:22px;
	display:table;
	vertical-align:middle;
	position:relative;
	float:none;
	line-height:1.2;
	margin-bottom:6px;
}
#section01 .ul01 li:after {
	display: none;
}
#section01 .ul01 .li03:after {
	content: "";
	position: absolute;
	bottom: -20px; left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #322d93 transparent transparent transparent;
}
#section01 .ul01 .mid {
	display:table-cell;
	vertical-align:middle;
}
#section01 .ul01 .li01 {
	background:url(../images/sec01_01.jpg) center;
	background-size:100% auto;
	margin-right:22px;
}
#section01 .ul01 li .text01 {
	display:block;
	font-size:12px;
	line-height:10px;
}
#section01 .ul01 .li02 {
	background:url(../images/sec01_02.jpg) center;
	background-size:100% auto;
	margin-right:22px;
}
#section01 .ul01 .li03 {
	background:url(../images/sec01_03.jpg) center;
	background-size:100% auto;
}

#section01 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#section01 h3 .h3_large {
    font-size:28px;
}
#section01 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section01 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}

#section01 .ul02 {
	display:table;
	width:100%;
	margin:0 auto;
	border-collapse:inherit;
	border-spacing:0;
	padding:0 10px;
	box-sizing:border-box;
}
#section01 .ul02 li {
	width:100%;
	text-align:center;
	vertical-align:middle;
	position:relative;
	margin-bottom:10px;
	display: flex;
	justify-content:space-between;
	align-items:center;
}
#section01 .ul02 li img {
	width:40%;
	margin-bottom:10px;
}
#section01 .ul02 p{
	width:50%;
	font-size:16px;
	background:#efeefb;
	box-sizing:border-box;
	padding:20px 10px;
	position:relative;
}
#section01 .ul02 p:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #efeefb transparent transparent;
}
#section01 .ul02 p .t_blue {
	font-size:20px;
}
#section01 .wrapper_01 {
	background:url(../images/sec01_bg01.jpg) center bottom;
	background-size:cover;
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	padding:50px 10px 30px 10px;
	box-sizing:border-box;
	position:relative;
}
#section01 .wrapper_01:after {
	content: "";
	position: absolute;
	top:-1px; left: 50%;
	margin-left:-45px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 45px 0 45px;
	border-color: #fff transparent transparent transparent;
}
#section01 .wrapper_01 .t_yellow {
	font-size:30px;
}
/*==============================================================================
section02
===============================================================================*/

#section02 .bg{
	background:url(../images/sec02_bg.jpg) center bottom;
	background-size:auto 100%;
	box-sizing:border-box;
	padding:30px 0 0 0;
}
#section02 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#section02 h3 .h3_large {
    font-size:24px;
}
#section02 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section02 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
#section02 .text01 {
	line-height:2;
	text-align:center;
	margin-bottom:30px;
	padding:0 10px;
}
#section02 .wrapper_01  {
	background:rgba(0,0,0,0.08);
	box-sizing:border-box;
	padding:50px 0 30px;
}
#section02 .midashi_01 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:24px;
	margin-bottom:30px;
}
#section02 .midashi_01 span {
	font-size:80px;
	line-height:0
}
#section02 .wrapper_01 ul {
	display:table;
	width:100%;
	margin:0 auto;
}
#section02 .wrapper_01 ul li{
	width:100%;
	text-align:center;
	vertical-align:middle;
	position:relative;
	display: flex;
	justify-content:space-between;
	align-items:center;
	background:#FFFFFF;
}

#section02 .wrapper_01 ul li .step {
	width:50px;
	position:absolute;
	margin:0;
	top:-25px;
	left:3%;
	right:0;
}
#section02 .wrapper_01 ul li .photo {
	width:50%;
}
#section02 .wrapper_01 ul p{
	font-size:14px;
	background:#ffffff;
	box-sizing:border-box;
	height:100%;
	width:50%;
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
}
#section02 .wrapper_01 ul .li01,#section02 .wrapper_01 ul .li02 {
	margin:0 0 30px 0;
}
#section02 .wrapper_01 ul .li01:after,#section02 .wrapper_01 ul .li02:after{
	content: "";
	position: absolute;
	top:auto;
	bottom: -15px; left: 50%;
	margin-left: -15px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #322d93 transparent transparent transparent;
}
#section02 .wrapper_01 ul p:after {
	content: "";
	position: absolute;
	top: -30px; right: 20%;
	margin-left: -10px;
	display: none;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 30px 0;
	border-color: transparent transparent #efeefb transparent;
}
#section02 .wrapper_02 {
	background:url(../images/sec02_bg02.jpg) center top no-repeat;
	background-size:100% auto;
	font-size:18px;
	text-align:center;
	padding:40px 0 30px 0;
	box-sizing:border-box;
	position:relative;
}
#section02 .wrapper_02 .text02 {
	font-size:28px;
	font-weight:bold;
}
#section02 .wrapper_02 .t_red {
	font-size:38px;
}
#section02 .movie{
	width: 95%;
	margin-bottom:50px;
	padding:30px 20px 20px;
	border-radius: 15px;
	box-sizing: border-box;
}
#section02 .movie h4{
	font-size:20px;
	margin-bottom: 20px;
}
#section02 .movie h4 img{
	width:32px;
	margin-top:-15px;
}
#section02 .movie h4 span{
	font-size:36px;
}
#section02 .movie .lead{
	font-size:15px;
	margin-bottom: 20px;
}
#section02 .movie video{
	width:100%;
}
/*==============================================================================
offer
===============================================================================*/

.offer {
	background:url(../images/cv_bg.jpg) center bottom;
	background-size:cover;
	box-sizing:border-box;
	padding:20px 10px 30px;
}
.offer h3 {
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:20px;
}
.offer .btn_01 {
	width:100%;
	height:80px;
	left:0;
	right:0;
	bottom:30px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0 10px;
}
.offer .btn_01 a {
	display:block;
	background:#dd9922;
	box-shadow:0px 4px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:3px 0 0 0;
	position:relative;
	line-height:1.3;
	height:80px;
}

.offer  .btn_text01 {
	display:block;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	font-size:20px;
	font-weight:bold;
	background:url(../images/mv_btn_icon.png) ;
	background-size:100% auto;
	width:60px;
	height:60px;
	line-height:60px;
	top:-5px;
	left:-5px;
	z-index:999;
}
.offer  .btn_text02 {
	font-size:12px;
	font-weight:bold;
	line-height:1;
	position: relative;
    display: inline-block;
}
.offer .btn_text02:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:12px;
	height: 1px;
	background-color: #fff;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.offer .btn_text02:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:12px;
	height: 1px;
	background-color: #fff;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.offer .btn_text02:before {left:-16px;}
.offer .btn_text02:after {right:-16px;}


.offer  .wrapper_01 {
	padding-bottom:20px;
	width:100%;
	box-sizing:border-box;
	position:relative;
	border-bottom:1px #FFFFFF solid;
}
.offer  .wrapper_01:after {
	content:"";
	display:block;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	font-size:30px;
	font-weight:bold;
	background:url(../images/cv_women.png) center bottom no-repeat;
	background-size:100% auto;
	width:25%;
	height:140px;
	line-height:108px;
	bottom:0;
	right:0;
	z-index:500;
}
.offer  .text01 {
	text-align:center;
	color:#FFFFFF;
	margin:20px 0 20px;
}
.offer .wrapper_02  ul{
	width:100%;
	display:block;
	justify-content:space-between;
	margin:0 auto;
}
.offer .wrapper_02  ul a{
	width:100%;
	height:60px;
	display:block;
}
.offer .wrapper_02  .ask a{
	background:#FFFFFF;
	color:#13104f;
	font-size:18px;
	text-align:center;
	line-height:60px;
	font-weight:bold;
	box-sizing:border-box;
	position:relative;
	margin-bottom:20px;
}
.offer .wrapper_02  .ask a:after{
	display:block;
	content:"";
	top:26px;
	right:15px;
	width: 6px;
	height: 6px;
	border-top:2px solid #13104f;
	border-right:2px solid #13104f;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
.offer .wrapper_02 .tel a{
	border:2px solid #FFFFFF;
	box-sizing:border-box;
	font-family:helvetica;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	position:relative;
	padding:3px 0 0 24px;
	text-align:center;
}
.offer .wrapper_02 .tel a:before{
	background:url(../images/cv_tel_icon.png) center;
	content:"";
	position:absolute;
	display:block;
	width:18px;
	height:18px;
	background-size:100% auto;
	top:12px;
	left:50%;
	margin-left:-96px;
}

.offer .wrapper_02 .tel span{
	display:inline-block;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	bottom:10px;
	font-size:12px;
	font-weight:300;
	line-height:10px;
}
/*==============================================================================
section03
===============================================================================*/
#section03 {
	background:#f1f7fe;
	box-sizing:border-box;
	padding:30px 0;
}
#section03 .bg{
	background:url(../images/sec02_bg.jpg) center;
	background-size:100% auto;
	box-sizing:border-box;
	padding:20px 0 0 0;
}
#section03 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#section03 h3 .h3_large {
    font-size:28px;
}
#section03 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section03 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
#section03 .text01 {
	text-align:center;
	line-height:2;
	margin-bottom:20px;
}
#section03 ul {
	box-sizing:border-box;
	padding:0 10px;
}
#section03 li {
	width:100%;
	height:auto;
	font-size:16px;
	line-height:1.8;
	box-sizing:border-box;
	padding:14% 20px 20px 20px;
}
#section03 .li01 {
	background:url(../images/sp_sec03_po01.jpg) center 0 no-repeat, #FFFFFF;
	background-size:100% auto;
	margin-bottom:20px;
}
#section03 .li02 {
	background:url(../images/sp_sec03_po02.jpg) center 0 no-repeat, #FFFFFF;
	background-size:100% auto;
	margin-bottom:20px;
}
#section03 .li03 {
	background:url(../images/sp_sec03_po03.jpg) center 0 no-repeat, #FFFFFF;
	background-size:100% auto;
}
#section03 h4 {
	font-size:18px;
}
/*==============================================================================
section04
===============================================================================*/
#section04 {
	box-sizing:border-box;
	padding:30px 10px ;
}
#section04 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#section04 h3 .h3_large {
    font-size:28px;
}
#section04 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section04 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
#section04 .wrapper_01 h4 {
	display:table;
	margin:0 auto;
	text-align:center;
	font-size:18px;
	color:#342e81;
	border-bottom:1px solid #342e81;
	padding:10px 0;
	position:relative;
	margin-bottom:30px;
}
#section04 .wrapper_01 h4:before {
	content: "";
	position: absolute;
	bottom: -14px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 9px 0 9px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 0;
}
#section04 .wrapper_01 h4:after {
	content: "";
	position: absolute;
	bottom: -16px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 10px 0 10px;
	border-color: #19283C transparent transparent transparent;
	z-index: -1;
}
#section04 .wrapper_01 .homes {
	width:100%;
	color:#FFFFFF;
	font-size:18px;
	float:none;
}
#section04 .wrapper_01 .homes .li01 {
	background:url(../images/sec04_01.jpg) center;
	height:0;
	padding-top:36.88%;
	background-size:cover;
	-webkit-background-size:cover;
	z-index:0;
	position:relative;
	width:100%;
	margin:0 0 0 0;
	font-size:18px;
}
#section04 .wrapper_01 .homes .li01 span {
	display:inline-block;
	position:absolute;
	top:14%;
	left:0;
	right:0;
	margin:0 auto;
}
#section04 .wrapper_01 .homes .li02 {
	background:#332f7a;
	line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .homes .li03 {
	background:#49458a;
	line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .homes .li04 {
	background:#65619e;
		line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .homes .t_yellow {
	display:block;
	margin-left:0;
	border-left:none;
	border-top:1px solid #adacca;
	padding:10px 0 0 0;
}
#section04 .wrapper_01 .self {
	width:90%;
	color:#222222;
	font-size:16px;
	float:none;
	padding-top:20px;
	box-sizing:border-box;
	margin:0 auto;
}
#section04 .wrapper_01 .self .li01 {
	background:url(../images/sec04_02.jpg) center;
	height:0;
	padding-top:53.14%;
	background-size:cover;
	-webkit-background-size:cover;
	z-index:0;
	position:relative;
	width:100%;
	margin:0 0 0 0;
	font-size:18px;
}
#section04 .wrapper_01 .self .li01 span {
	display:inline-block;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:0 auto;
}
#section04 .wrapper_01 .self .li02 {
	background:#dcdcdc;
	line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .self .li03 {
	background:#efefef;
	line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .self .li04 {
	background:#dcdcdc;
	line-height:1.6;
	padding:10px 20px;
}
#section04 .wrapper_01 .self .text01 {
	display:block;
	margin-left:0;
	border-left:none;
	border-top:1px solid #bababa;
	padding:10px 0 0 0;
}
#section04 .wrapper_02 {
	margin:40px 0 0 0;
}
#section04 .wrapper_02 h4 {
	background:url(../images/sp_sec04_03.png) center no-repeat;
	height:0;
	padding-top:25.66%;
	background-size:cover;
	-webkit-background-size:cover;
	z-index:0;
	position:relative;
	width:100%;
	margin:0 0 10px 0;
	font-size:4.8vw;
	float:none;
	text-align:left;
}
#section04 .wrapper_02 h4 span {
	display:inline-block;
	position:absolute;
	top:12%;
	left:40%;
	right:0;
	margin:0 auto;
}
#section04 .wrapper_02 dl {
	float:none;
	width:100%;
	line-height:34px;
	font-size:20px;
	text-align:center;
}
#section04 .wrapper_02 dl dt {
	display:block;
	width:100%;
	background:#2e4b81;
	color:#FFFFFF;
	border:#2e4b81 1px solid;
	box-sizing:border-box;
	margin-bottom:0;
	
}
#section04 .wrapper_02 dl dd {
	display:block;
	width:100%;
	color:#2e4b81;
	border:#2e4b81 1px solid;
	box-sizing:border-box;
	margin-bottom:10px;
}
#section04 .wrapper_02 dl dd span {
	font-size:28px;
	line-height: 20px;
}
#section04 .under {
	display:block;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:20px;
}
#section04 .under  li{
	width:100%;
	background:#efefef;
	margin-bottom:10px;
	line-height:1.4;
	text-align:center;
	padding:5px 10px;
	box-sizing:border-box;
}

/*==============================================================================
section05
===============================================================================*/
#section05 {
	background:url(../images/sec05_bg.jpg) center;
	background-size:100% auto;
	box-sizing:border-box;
	padding:30px 10px ;
}
#section05 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
	line-height:1.4;
}
#section05 h3 .text01 {
	display:block;
	background:url(../images/sec05_icon01.png) center no-repeat;
	background-size:100% auto;
	width:70px;
	height:70px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	top:-10px;
	left:-30px;
	color:#FFFFFF;
	box-sizing:border-box;
	padding:18px 8px 0 0;
}

#section05 h3 .h3_large {
    font-size:28px;
}
#section05 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section05 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
/*=============================　シュミレータ　==============================*/

#section05 .wrapper_01 {
	background:#FFFFFF;
	padding:20px ;
	box-sizing:border-box;
	
}
#section05 .wrapper_01 table {
	background:#FFFFFF;
	padding:0;
	box-sizing:border-box;
	width:100%;
}
#section05 .wrapper_01 tr {
	border-bottom:20px solid #FFFFFF;
}
#section05 .wrapper_01 th {
	background:#f1f1f1;
	display: block;
	vertical-align:middle;
	width:100%;
	height:100%;
	text-align:center;
	margin-bottom:10px;
	border-right:none;
	padding:10px 20px;
	box-sizing:border-box;
}

#section05 .wrapper_01 td {
	display: block;
	vertical-align:middle;
	font-size:14px;
	width:100%;
}

#section05 .wrapper_01 td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: #dedede solid 1px;
	padding: 0 10px;
	border-radius: 1px !important;
	width:100%;
	height:30px;
	box-sizing: border-box;
	background: url(../images/arrow01.png) right 50% no-repeat;
	background-size: 40px 40px;
}
#section05 .wrapper_01 .radio input{
	height:18px;
	width:22px;
	margin-right:10px;
}
#section05 .wrapper_01 .radio li {
	display:block;
	float:none;
	padding:6px 0;
	font-size:14px;
}
#section05 .wrapper_01 .radio01 li {
	width:100%;
}
#section05 .wrapper_01 .radio02 li {
	width:100%;
	font-size:14px;
}
#section05 .wrapper_01 .text input {
	border: #dedede solid 1px;
	padding: 0 10px;
	width:120px;
	height:40px;
	box-sizing: border-box;
	margin-right:10px;
}

#section05 .wrapper_01 .btn_01 {
	padding-top:14px;
	width:100%;
	height:60px;
	margin:0 auto;
	
}
#section05 .wrapper_01 .btn_01 a {
	display:block;
	font-size:22px;
	color:#ffffff;
	line-height:60px;
	background:#dd3333;
	border-radius:44px;
	text-align:center;
	position:relative;
	font-weight:bold;
}
#section05 .wrapper_01 .btn_01 a::before{
	display:block;
	content:"";
	top:24px;
	right:20px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position:absolute;
}
	#section05 .wrapper_01 .inner {
	  border:6px solid #dedede;
	  margin:30px 0 20px;
	  padding:20px 0;
	  box-sizing:border-box;
	  text-align:center;
	  color:#322d93;
	}
	#section05 .wrapper_01 .inner .p1 {
		font-size:22px;
		font-weight:bold;
	}
	#section05 .wrapper_01 .inner .p2 {
		font-size:28px;
		font-weight:bold;
	}
	#simulation-goukei {
		font-size:40px;
		font-weight:bold;
	}
	#section05 .wrapper_01 .inner .p3 {
		font-size:14px;
	}
	
	#section05 .wrapper_01 .btn_02 {
	padding-top:14px;
	width:90%;
	height:50px;
	margin:0 auto 0;
	
}
#section05 .wrapper_01 .btn_02 a {
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height:1.4;
	background:#404887;
	text-align:center;
	position:relative;
	box-sizing:border-box;
	padding:10px;
	font-weight:bold;
}
#section05 .wrapper_01 .btn_02 a::before{
	display:block;
	content:"";
	top:28px;
	right:20px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
/*==============================================================================
section06
===============================================================================*/
#section06 {
	box-sizing:border-box;
	
}
#section06 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:0;
	padding:30px 10px 20px;
	box-sizing:border-box;
}
#section06 h3 .h3_large {
    font-size:28px;
}
#section06 .bg_01 {
	background:#f0f0f7;
	padding:40px 10px 30px;
	box-sizing:border-box;
	position:relative;
}
#section06 .bg_01:after {
	content: "";
	position: absolute;
	top:-1px; left: 50%;
	margin-left:-45px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 45px 0 45px;
	border-color: #fff transparent transparent transparent;
}
#section06 .ul01 {
	display:block;
	justify-content:space-between;
	flex-wrap: wrap;
	width:100%;
	margin:0 auto 20px;
}
#section06 .ul01 li {
	width:100%;
	height:auto;
	background:#FFFFFF;
	padding:20px;
	box-sizing:border-box;
	margin-bottom:20px;
}
#section06 .ul01 h5 {
	font-size:22px;
	font-weight:bold;
	line-height:1;
	position: relative;
    display:table;
	color:#4d507f;
	margin:0 auto 10px;
}
#section06 .ul01 h5:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:26px;
	height: 1px;
	background-color: #4d507f;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
#section06 .ul01 h5:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:26px;
	height: 1px;
	background-color: #4d507f;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
#section06 .ul01 h5:before {left:-26px;}
#section06 .ul01 h5:after {right:-26px;}

#section06 .ul01 p {
	font-size:14px;
	line-height:1.6;
	margin-top:10px;
}
#section06 .ul01 .li03 span {
	font-size:12px;
}

#section06 table tr {
	vertical-align:middle;
}
#section06 table th {
	text-align:center;
	padding:6px;
	display: table-cell;
    vertical-align: middle;
	color:#FFFFFF;
	font-size:12px;
}
#section06 table td {
	text-align:center;
	background:#FFFFFF;
	display: table-cell;
    vertical-align: middle;
}
#section06 table .th00 {
	width:32%;
}
#section06 table .th01 {
	width:28%;
	height:auto;
	background:#3a459c;
	padding:6px;
	vertical-align:bottom;
}
#section06 table .th01 {
	width:28%;
	height:auto;
	background:#3a459c;
	padding:6px;
	vertical-align:middle;
}
#section06 table .th02 {
	width:28%;
	background:#9d8984;
	padding:6px;
	font-size:12px;
}
#section06 table .th03 {
	width:28%;
	background:#afa7a5;
	padding:0;
	font-size:12px;
}
#section06 table .th02,#section06 table .th03 {
	width:20%;
	height:auto;
}
#section06 table td img {
	width:20px;
}
#section06 table .gray td{
	background:#f4f4f4;
}
#section06 table tr td {
	border-right:solid 4px #d9d9d9;
}
#section06 table tr td:last-child {
	border-right:none;
}


/*==============================================================================
フォーム
===============================================================================*/
#form {
	background:url(../images/sec05_bg.jpg) center;
	background-size:100% auto;
	box-sizing:border-box;
	padding:30px 10px ;
}
#form h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#form h3 .h3_large {
    font-size:28px;
}
#form h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#form h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
#form .text01 {
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
}

/*=============================　フォーム　==============================*/

#form .wrapper_01 {
	background:#FFFFFF;
	padding:20px;
	box-sizing:border-box;
	
}
#form .wrapper_01 table{
	font-size:16px;	
	width:100%;
	margin-bottom:16px;
}
#form .wrapper_01 tr {
	border-bottom:solid 20px #FFFFFF;
}
#form .wrapper_01 th {
	display:block;
	vertical-align:middle;
	width:100%;
	margin-bottom:10px;
	
}

#form .wrapper_01 th span {
	font-size:16px;
}
#form .wrapper_01 td {
	display:block;
	width:100%
}
#form .wrapper_01 .text input {
	border: #dedede solid 1px;
	padding: 0 6px;
	width:100%;
	height: 30px;
	box-sizing: border-box;
	margin-right:10px;
}
#form .wrapper_01 .postal input {
	width:35%;
}
#form .wrapper_01 .postal span.hyphen {
	content:"";
	display:inline-block;
	background:#333333;
	width:12px;
	height:2px;
	margin:0 10px 0 0;
	position:relative;
	top:-3px;
}
#form .wrapper_01 .postal span.note{
	display: block;
}
#form h4 {
	font-size:20px;
	font-weight:bold;
	color:#342e81;
	margin-bottom:20px;
	text-align:center;
}
#form .inner01 {
	font-size:14px;
	margin-bottom:20px;
}
#form .inner01 dt {
	display: block;
	width:10%;
	clear: left;
	float: left;
}
#form .inner01 dd {
	display: block;
	width:90%;
	float: left;
	margin-bottom:5px;
}
#form .inner02 {
	font-size:14px;
	line-height:1.6;
	border: #dedede solid 1px;
	padding:20px;
	box-sizing:border-box;
	height:180px;
	width:100%;
	overflow:scroll;
	margin-bottom:20px;
}
#form .inner02 dd {
	box-sizing:border-box;
	padding-left:30px;
}
#form .check{
	text-align:center;
	
}
#form .check input{
	height:18px;
	width:22px;
	}
#form .btn_01 {
	width:100%;
	height:auto;
	margin:20px auto;
}
#form .btn_01 button {
	display:block;
	background:#dd9922;
	box-shadow:0px 4px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	line-height:1.4;
	padding:10px;
}
#form .btn_01 button::after{
	display:block;
	content:"";
	top:35px;
	right:20px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
/*==============================================================================
section08
===============================================================================*/
#section08 {
	box-sizing:border-box;
	padding:30px 10px ;
}
#section08 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	position:relative;
	margin-bottom:60px;
	padding:0 10px;
	box-sizing:border-box;
}
#section08 h3 .h3_large {
    font-size:28px;
}
#section08 h3 .eng {
	position:absolute;
	font-size:14px;
	color:#8a87c2;
	display:inline-block;
	bottom:-40px;
	left:0;
	right:0;
	margin:0 auto;
}
#section08 h3:after {
	content:"";
	display:block;
	width:18px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}
#section08 .text01 {
	text-align:center;
	font-size:16px;
	margin-bottom:20px;
}
#section08  h4{
	background:url(../images/sec08_01.jpg) center;
	width:100%;
	line-height:32px;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}
#section08 .wrapper_01 {
	border:1px solid #4a5e79;
	text-align:center;
	padding:16px 16px 40px 16px;
	position:relative;
	font-size:16px;
	margin-bottom:20px;
}
#section08 .wrapper_01 span {
	display:block;
	position:absolute;
	bottom:16px;
	right:20px;
	font-size:12px;
}
/*==============================================================================
footer
===============================================================================*/
footer .box {
	padding:30px 10px 0 10px;
	box-sizing:border-box;
}
footer table {
	font-size:13px;
	width:100%;
}
footer table th {
	color:#ffffff;
	text-align:center;
	width:26%;
	display:table-cell;
	vertical-align:middle;
}
footer table td {
	display:table-cell;
	vertical-align:middle;
	padding:10px;
}

footer .f_logo {
	width:90px;
	height:40px;
	margin:20px auto 10px;
}

footer .copy {
	color:#FFFFFF;
	background:#363376;
	line-height:1.2;
	text-align:center;
	font-size:10px;
	padding:10px 0;
}
/*------------------------------------------------------------
  page-top
------------------------------------------------------------*/
#page-top {
  position: fixed;
  width:30px;
  height:30px;
  bottom:10px;
  right:10px;
  z-index:999;
}
.formError{
	left:40%!important;
}
.thanks{
	width:100%;
	background:url(../images/sec02_bg.jpg) center center/cover no-repeat;
}
.thanks .inner{
	width:90%;
	margin:0 auto;
	font-size: 20px;
	text-align: center;
	padding:40px 0;
}
.thanks .info{
	font-size: 18px;
	padding:20px;
	background:#342e81;
	color:#fff;
	margin-top:30px;
}
.thanks .info a{
	color:#fff;
}
.thanks .note{
	text-indent: -1em;
	margin-left:1em;
	text-align:left;
	font-size: 16px;
	width:90%;
	margin:0 auto 60px;
}
.thanks .download_btn a{
	display: block;
	width:100%;
	margin:40px auto;
	background: #dd9922;
	color:#fff;
	font-weight: bold;
	text-align: center;
	padding:20px 0;
}
}
/*======================================================================================
mvボタン位置調整
======================================================================================*/
@media screen and (max-width:340px){/**/
#mv .btn_01 {
	width:100%;
	height:80px;
	position:absolute;
	left:auto;
	right:auto;
	top:auto;
	display:block;
	bottom:40px;
	margin:0;
	box-sizing:border-box;
	padding:0 10px;
}
#mv .btn_01 a {
	display:block;
	background:#dd9922;
	box-shadow:0px 4px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:3px 0 0 0;
	position:relative;
	line-height:1.3;
	height:80px;
}
}