@charset "utf-8";
#home {}

/*---------------------------------------------------------------------------------
初期設定
--------------------------------------------------------------------------------- */
/* notoselif font指定（Android 4.4以降対応）*/
@font-face {
    font-family:'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    src:
        url('../fonts/NotoSerifJP-Regular.woff') format('woff');
    font-display: swap;
}

body{
	font-family: "Noto Serif Japanese",serif;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:auto;
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
}

/*-------- */


body {
	font-size: 18px;
	color: #333333;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	overflow-x:auto;
}
.gothic {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}
.minchou {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
h1,h2,h3,h4,h5,h6,
ul,ol,dl,
p,li,dt,dd,th,td {
	margin: 0px;
	padding: 0px;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}

ol, ul,li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,td {
	text-align: left;
	vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0px;
	padding: 0px;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
img:not([width]) {
	width:100%;
	height:auto;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  opacity: 0.5;	
}
.clear {
	clear: both;
	display:none;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
}
.hide {
  display:block;
  overflow:hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.box {
	width:1128px;
	margin:0 auto;
	position:relative;
}
.kome {
	font-size:18px;
}
.sub {
	font-size:14px;
}
.sub dt {
	float:left;
}
.sub dd {
	padding-left:40px;
}
.bold {
	font-weight:bold;
}
.t_center {
	text-align:center;
}
.left {
	float:left;
}
.right {
	float:right;
}
.for-pc {
  display: block;
}
.for-sp {
  display: none!important;
}
.t_yellow {
	color:#f2cb42;
}
.t_red {
	color:#dd3333;
}
.t_blue {
	color:#2b2689;
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
/*SP ---------------------------------------------------------------------------- */
@media only screen and (max-width: 736px) {
  .for-pc {
    display: none!important;
  }
  .for-sp {
    display: block!important;
  }
}

/*==============================================================================
header
===============================================================================*/
header {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}
header .bg {
	background:#342e81;
}
header .text01 {
	line-height:22px;
	font-size:12px;
	color:#FFFFFF;
	background:#342e81;
}
header .wrapper_01 { 
	 height:83px;
}
header .header_logo {
	padding-top:7px;
	width:300px;
	float:left;
}
header .right .tel {
	font-family:helvetica;
	font-size:35px;
	font-weight:bold;
	color:#322d93;
	float:left;
	position:relative;
	padding:7px 0 0 32px;
}
header .right .tel:before{
	background:url(../images/tel_icon.jpg) center;
	content:"";
	position:absolute;
	display:block;
	width:28px;
	height:28px;
	background-size:100% auto;
	top:15px;
	left:0px;
}

header .right .sp_inner {
	float:left;
}
header .right .tel a{
	color:#322d93;
}
header .right .tel span{
	display:block;
	position:absolute;
	right:10px;
	bottom:-8px;
	font-size:12px;
	font-weight:300;
	line-height:10px;
}
header .btn {
	padding-top:14px;
	width:240px;
	height:48px;
	float:left;
	margin-left:30px;
}
header .btn a {
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height:48px;
	background:#322d93;
	border-radius:24px;
	text-align:center;
	position:relative;
}
header .btn a::before{
	display:block;
	content:"";
	top:19px;
	right:16px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
header .pmark {
	padding-top:2px;
	width:73px;
	float:left;
	margin-left:30px;
}

/*==============================================================================
mv
===============================================================================*/
#mv {
	background:url(../images/mv_bg.jpg) center;
	background-size:cover;
	height:796px;
	box-sizing:border-box;
	padding:0;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}
#mv .box {
	height:796px;
	position:relative;
}

#mv .text-box {
	background:url(../images/mv_txt.png) ;
	background-size:100% auto;
	width:1128px;
	height:796px;
}
#mv .btn_01 {
	width:650px;
	height:108px;
	position:absolute;
	left:0;
	right:0;
	bottom:80px;
	margin:0 auto;
}
#mv .btn_01 a {
	display:block;
	background:#dd9922;
	box-shadow:0px 8px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	padding:10px 0 0 0;
	position:relative;
	line-height:1.3;
	height:108px;
}
#mv .btn_01 a::after{
	display:block;
	content:"";
	top:45px;
	right:25px;
	width:6px;
	height:6px;
	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:30px;
	font-weight:bold;
	background:url(../images/mv_btn_icon.png) ;
	background-size:100% auto;
	width:108px;
	height:108px;
	line-height:108px;
	top:-40px;
	left:-60px;
	z-index:999;
}
#mv  .btn_text02 {
	font-size:22px;
	font-weight:bold;
	line-height:1;
	position: relative;
    display: inline-block;
}
 #mv .btn_text02:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:26px;
	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:26px;
	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:-26px;}
 #mv .btn_text02:after {right:-26px;}
 #mv .kome {
	 position:absolute;
	 color:#FFFFFF;
	 bottom:20px;
	 right:0;
	 }
 #mv .feature{
 	width:100%;
 	position: absolute;
 	bottom:250px;
 	text-align: center;
 	font-size: 0;
 	vertical-align: middle;
 }
 #mv .feature li{
 	display: inline-block;
 }
 #mv .feature li:nth-child(even){
 	margin:0 10px;
 }


/*==============================================================================
section01
===============================================================================*/
#section01 {
	box-sizing:border-box;
	padding:70px 0 0 0;
}
#section01 .ul01 {
	display:table;
	width:100%;
	margin-bottom:60px;
}
#section01 .ul01 li {
	width:360px;
	height:252px;
	text-align:center;
	color:#FFFFFF;
	font-size:32px;
	display:table;
	vertical-align:middle;
	position:relative;
	float:left;
	line-height:1.2;
	font-weight:700;
}
#section01 .ul01 li: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 bottom;
	background-size:100% auto;
	margin-right:22px;
}
#section01 .ul01 li .text01 {
	display:block;
	font-size:16px;
	line-height:30px;
}
#section01 .ul01 .li02 {
	background:url(../images/sec01_02.jpg) center bottom;
	background-size:100% auto;
	margin-right:22px;
}
#section01 .ul01 .li03 {
	background:url(../images/sec01_03.jpg) center bottom;
	background-size:100% auto;
}

#section01 h3 {
	color:#342e81;
	font-weight:700;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:130px;
}
#section01 h3 .h3_large {
font-size:52px;
}
#section01 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section01 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}

#section01 .ul02 {
	display:table;
	width:1080px;
	margin:0 auto 70px;
	border-collapse:separate;
	border-spacing:34px 0;
}
#section01 .ul02 li {
	width:326px;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
#section01 .ul02 li img {
	width:264px;
	margin-bottom:40px;
}
#section01 .ul02 p{
	font-size:19px;
	background:#efeefb;
	box-sizing:border-box;
	padding:20px 0;
	position:relative;
	font-weight:700;
}
#section01 .ul02 p:after {
	content: "";
	position: absolute;
	top: -30px; right: 20%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 20px 30px 0;
	border-color: transparent transparent #efeefb transparent;
}
#section01 .ul02 p .t_blue {
	font-size:26px;
}
#section01 .wrapper_01 {
	background:url(../images/sec01_bg01.jpg) center bottom;
	background-size:cover;
	font-size:40px;
	color:#FFFFFF;
	text-align:center;
	padding:90px 0 70px 0;
	box-sizing:border-box;
	position:relative;
	font-weight:700;
	
}
#section01 .wrapper_01:after {
	content: "";
	position: absolute;
	top:-1px; left: 50%;
	margin-left: -95px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 50px 95px 0 95px;
	border-color: #fff transparent transparent transparent;
}
#section01 .wrapper_01 .t_yellow {
	font-size:60px;
}
#section01 .wrapper_01 p{
	font-weight:700
}
/*==============================================================================
section02
===============================================================================*/

#section02 .bg{
	background:url(../images/sec02_bg.jpg) center bottom;
	background-size:cover;
	box-sizing:border-box;
	padding:70px 0 0 0;
}
#section02 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:110px;
}
#section02 h3 .h3_large {
font-size:52px;
}
#section02 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section02 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#section02 .text01 {
	line-height:2;
	text-align:center;
	margin-bottom:70px;
}
#section02 .wrapper_01  {
	background:rgba(0,0,0,0.08);
	box-sizing:border-box;
	padding:80px 0 60px;
}
#section02 .midashi_01 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:42px;
	margin-bottom:110px;
}
#section02 .midashi_01 span {
	font-size:128px;
	line-height:0;
	font-family: "Times New Roman";
    font-style: italic;
}
#section02 .wrapper_01 ul {
	width:100%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
#section02 .wrapper_01 ul li{
	width:360px;
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	box-sizing:border-box;
}

#section02 .wrapper_01 ul li .step {
	width:132px;
	position:absolute;
	margin:0 auto;
	top:-80px;
	left:0;
	right:0;
}
#section02 .wrapper_01 ul li .photo {
	width:100%;
}
#section02 .wrapper_01 ul p{
	font-size:18px;
	background:#ffffff;
	box-sizing:border-box;
	height:110px;
	width:360px;
	display:table-cell;
	vertical-align:middle;
}
#section02 .wrapper_01 ul .li01,#section02 .wrapper_01 ul .li02 {
	margin-right:24px;
}
#section02 .wrapper_01 ul .li01:after,#section02 .wrapper_01 ul .li02:after{
	content: "";
	position: absolute;
	top: 50%; right: -25px;
	margin-top: -25px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 24px 0 24px 25px;
	border-color: transparent transparent transparent #322d93;
}
#section02 .wrapper_01 ul p:after {
	content: "";
	position: absolute;
	top: -30px; right: 20%;
	margin-left: -10px;
	display: block;
	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:1126px auto;
	font-size:28px;
	text-align:center;
	padding:90px 0 70px 0;
	box-sizing:border-box;
	position:relative;
}
#section02 .wrapper_02 .text02 {
	font-size:48px;
	font-weight:bold;
}
#section02 .wrapper_02 .t_red {
	font-size:78px;
}
#section02 .movie{
	width: 950px;
	margin:0 auto 100px;
	padding:55px 45px 45px;
	border:1px solid #b4b1df;
	border-radius: 15px;
	background:#fff;
	text-align:center;
}
#section02 .movie h4{
	color:#342e81;
	font-size:32px;
	line-height: 1.5em;
	margin-bottom: 30px;
	font-weight:600;
}
#section02 .movie h4 img{
	width:63px;
	display: inline-block;
	margin-top:-30px;
	margin-right:5px;
}
#section02 .movie h4 span{
	font-size:56px;
}
#section02 .movie .lead{
	font-size:18px;
	line-height: 1.8em;
	margin-bottom: 40px;
}
#section02 .movie video{
	width:100%;
}
/*==============================================================================
offer
===============================================================================*/

.offer {
	background:url(../images/cv_bg.jpg) center bottom;
	background-size:cover;
	box-sizing:border-box;
	padding:60px 0;
}
.offer h3 {
	font-size:34px;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:40px;
}
.offer .btn_01 {
	width:780px;
	height:120px;
	margin:0 auto;
}
.offer .btn_01 a {
	display:block;
	background:#dd9922;
	box-shadow:0px 8px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	padding:10px 0 0 0;
	position:relative;
	line-height:1.3;
	height:108px;
}
.offer .btn_text01 {
	display:block;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
	font-size:30px;
	font-weight:bold;
	background:url(../images/mv_btn_icon.png) ;
	background-size:100% auto;
	width:108px;
	height:108px;
	line-height:108px;
	top:-30px;
	left:-30px;
	z-index:500;
}
.offer  .btn_text02 {
	font-size:22px;
	font-weight:bold;
	line-height:1;
	position: relative;
    display: inline-block;
}
.offer .btn_text02:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width:26px;
	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:26px;
	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:-26px;}
.offer .btn_text02:after {right:-26px;}


.offer  .wrapper_01 {
	padding-bottom:40px;
	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) ;
	background-size:100% auto;
	width:287px;
	height:332px;
	line-height:108px;
	bottom:0;
	right:0;
	z-index:500;
}
.offer  .text01 {
	text-align:center;
	color:#FFFFFF;
	margin:40px 0 20px;
}
.offer .wrapper_02  ul{
	width:770px;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
}
.offer .wrapper_02  ul a{
	width:372px;
	height:96px;
	display:block;
}
.offer .wrapper_02  .ask a{
	background:#FFFFFF;
	color:#13104f;
	font-size:24px;
	text-align:center;
	line-height:96px;
	font-weight:bold;
	box-sizing:border-box;
	position:relative;
}
.offer .wrapper_02  .ask a:after{
	display:block;
	content:"";
	top:42px;
	right:20px;
	width: 8px;
	height: 8px;
	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:43px;
	font-weight:bold;
	color:#fff;
	position:relative;
	padding:5px 0 0 64px;
}
.offer .wrapper_02 .tel a:before{
	background:url(../images/cv_tel_icon.png) center;
	content:"";
	position:absolute;
	display:block;
	width:31px;
	height:31px;
	background-size:100% auto;
	top:18px;
	left:26px;
}

.offer .wrapper_02 .tel span{
	display:inline-block;
	position:absolute;
	left:26px;
	bottom:20px;
	font-size:16px;
	font-weight:300;
	line-height:10px;
}
/*==============================================================================
section03
===============================================================================*/
#section03 {
	background:#f1f7fe;
	box-sizing:border-box;
	padding:70px 0;
}
#section03 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:110px;
}
#section03 h3 .h3_large {
font-size:52px;
}
#section03 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section03 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#section03 .text01 {
	text-align:center;
	line-height:2;
	margin-bottom:40px;
}
#section03 li {
	width:1128px;
	height:266px;
	font-size:19px;
	line-height:1.8;
	box-sizing:border-box;
	padding:36px 80px 0 340px;
}
#section03 .li01 {
	background:url(../images/sec03_po01.png) center;
	background-size:100% auto;
	margin-bottom:30px;
}
#section03 .li02 {
	background:url(../images/sec03_po02.png) center;
	background-size:100% auto;
	margin-bottom:30px;
}
#section03 .li03 {
	background:url(../images/sec03_po03.png) center;
	background-size:100% auto;
}
#section03 h4 {
	font-size:30px;
	font-weight:700;
}
/*==============================================================================
section04
===============================================================================*/
#section04 {
	box-sizing:border-box;
	padding:70px 0 20px;
}
#section04 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:110px;
}
#section04 h3 .h3_large {
font-size:52px;
}
#section04 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section04 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#section04 .wrapper_01 h4 {
	display:table;
	margin:0 auto;
	text-align:center;
	font-size:32px;
	color:#342e81;
	border-bottom:1px solid #342e81;
	padding:10px;
	position:relative;
	margin-bottom:40px;
}
#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:713px;
	color:#FFFFFF;
	font-size:28px;
	float:left;
}
#section04 .wrapper_01 .homes .li01 {
	background:url(../images/sec04_01.jpg) center;
	background-size:100% auto;
	width:713px;
	height:263px;
	font-size:32px;
	text-align:center;
	box-sizing:border-box;
	padding:40px;
}
#section04 .wrapper_01 .homes .li02 {
	background:#332f7a;
	box-sizing:border-box;
	padding:24px 0 24px 20px;
	line-height:1;
}
#section04 .wrapper_01 .homes .li03 {
	background:#49458a;
	padding:24px 0 24px 20px;
	line-height:1;
}
#section04 .wrapper_01 .homes .li04 {
	background:#65619e;
	padding:24px 0 24px 20px;
	line-height:1;
}
#section04 .wrapper_01 .homes .t_yellow {
	display:inline-block;
	margin-left:20px;
	border-left:1px solid #adacca;
	padding-left:20px;
}
#section04 .wrapper_01 .self {
	width:414px;
	color:#222222;
	font-size:20px;
	float:left;
	padding-top:43px;
	box-sizing:border-box;
}
#section04 .wrapper_01 .self .li01 {
	background:url(../images/sec04_02.jpg) center;
	background-size:100% auto;
	width:414px;
	height:220px;
	font-size:26px;
	text-align:center;
	box-sizing:border-box;
	padding:40px;
	color:#FFFFFF;
}
#section04 .wrapper_01 .self .li02 {
	background:#dcdcdc;
	padding:28px 0 28px 20px;
	line-height:1;
}
#section04 .wrapper_01 .self .li03 {
	background:#e4e4e4;
	padding:28px 0 28px 20px;
	line-height:1;
}
#section04 .wrapper_01 .self .li04 {
	background:#efefef;
	padding:28px 0 28px 20px;
	line-height:1;
}
#section04 .wrapper_01 .self .text01 {
	display:inline-block;
	margin-left:20px;
	border-left:1px solid #bababa;
	padding-left:20px;
}
#section04 .wrapper_02 {
	margin:40px 0;
}
#section04 .wrapper_02 h4 {
	background:url(../images/sec04_03.jpg) center;
	background-size:100% auto;
	width:310px;
	height:200px;
	box-sizing:border-box;
	text-align:center;
	padding:104px 30px 0 0;
	color:#405b81;
	font-size:24px;
	float:left;
}
#section04 .wrapper_02 dl {
	float:right;
	width:800px;
	line-height:60px;
	font-size:26px;
	text-align:center;
}
#section04 .wrapper_02 dl dt {
	display:inline-block;
	width:50%;
	background:#2e4b81;
	color:#FFFFFF;
	border:#2e4b81 1px solid;
	box-sizing:border-box;
	margin-bottom:10px;
	
}
#section04 .wrapper_02 dl dd {
	display:inline-block;
	width:50%;
	color:#2e4b81;
	border:#2e4b81 1px solid;
	box-sizing:border-box;
}
#section04 .wrapper_02 dl dd span {
	font-size:42px;
	line-height: 20px;
}
#section04 .under {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:40px;
}
#section04 .under  li{
	width:49.6%;
	background:#efefef;
	margin-bottom:10px;
	line-height:50px;
	text-align:center;
}
#section04 span.small{
	font-size:0.5em;
}


/*==============================================================================
section05
===============================================================================*/
#section05 {
	background:url(../images/sec05_bg.jpg) center;
	background-size:cover;
	box-sizing:border-box;
	padding:70px 0 ;
}
#section05 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	display:table;
	margin:0 auto 110px;
}
#section05 h3 .text01 {
	display:block;
	background:url(../images/sec05_icon01.png) center;
	background-size:100% auto;
	width:167px;
	height:150px;
	font-size:30px;
	text-align:center;
	font-weight:bold;
	position:absolute;
	top:-110px;
	left:-40px;
	color:#FFFFFF;
	box-sizing:border-box;
	padding:40px 12px 0 0;
}
#section05 h3 .h3_large {
    font-size:52px;
}
#section05 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section05 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#section05 .note{
	font-size:16px;
	margin-bottom:2em;
}
#section05 .kome{
	font-size:20px;
}
/*=============================　シュミレータ　==============================*/

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

#section05 .wrapper_01 td {
	display:table-cell;
	vertical-align:middle;
	width:760px;
}

#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: 70%;
	height: 40px;
	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:inline-block;
	float:left;
	padding:6px 0;
	font-size:18px;
}
#section05 .wrapper_01 .radio01 li {
	width:50%;
}
#section05 .wrapper_01 .radio02 li {
	width:33%;
	font-size:17px;
}
#section05 .wrapper_01 .text input {
	border: #dedede solid 1px;
	padding: 0 10px;
	width: 110px;
	height: 40px;
	box-sizing: border-box;
	margin-right:10px;
}

#section05 .wrapper_01 .btn_01 {
	padding-top:14px;
	width:70%;
	height:90px;
	margin:0 auto;
	
}
#section05 .wrapper_01 .btn_01 a {
	display:block;
	font-size:34px;
	color:#ffffff;
	line-height:90px;
	background:#dd3333;
	border-radius:44px;
	text-align:center;
	position:relative;
	font-weight:bold;
}
#section05 .wrapper_01 .btn_01 a::before{
	display:block;
	content:"";
	top:36px;
	right:40px;
	width:8px;
	height:8px;
	border-top:4px solid #fff;
	border-right:4px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position:absolute;
}
	#section05 .wrapper_01 .inner {
	  border:10px solid #dedede;
	  margin:60px 0 40px;
	  padding:30px 0;
	  box-sizing:border-box;
	  text-align:center;
	  color:#322d93;
	}
	#section05 .wrapper_01 .inner .p1 {
		font-size:34px;
		font-weight:bold;
	}
	#section05 .wrapper_01 .inner .p2 {
		font-size:44px;
		font-weight:bold;
	}
	#simulation-goukei {
		font-size:79px;
		font-weight:bold;
	}
	#section05 .wrapper_01 .inner .p3 {
		font-size:22px;
	}
	
	#section05 .wrapper_01 .btn_02 {
	padding-top:14px;
	width:70%;
	height:70px;
	margin:30px auto 0;
	
}
#section05 .wrapper_01 .btn_02 a {
	display:block;
	font-size:26px;
	color:#ffffff;
	line-height:70px;
	background:#404887;
	text-align:center;
	position:relative;
	font-weight:bold;
}
#section05 .wrapper_01 .btn_02 a::before{
	display:block;
	content:"";
	top:30px;
	right:40px;
	width:8px;
	height:8px;
	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 {
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	padding:70px 0 ;
}
#section06 h3 .h3_large {
    font-size:52px;
}
#section06 .bg_01 {
	background:#f0f0f7;
	padding:70px 0;
	box-sizing:border-box;
	position:relative;
}
#section06 .bg_01:after {
	content: "";
	position: absolute;
	top:-1px; left: 50%;
	margin-left: -95px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 50px 95px 0 95px;
	border-color: #fff transparent transparent transparent;
}
#section06 .ul01 {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width:1066px;
	margin:0 auto 40px;
}
#section06 .ul01 li {
	width:510px;
	height:510px;
	background:#FFFFFF;
	padding:40px;
	box-sizing:border-box;
	margin-bottom:40px;
}
#section06 .ul01 h5 {
	font-size:32px;
	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:19px;
	line-height:1.6;
	margin-top:10px;
}

#section06 table tr {
	vertical-align:middle;
}
#section06 table th {
	text-align:center;
	padding:20px 0;
	display: table-cell;
    vertical-align: middle;
	color:#FFFFFF;
	font-size:24px;
}
#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:120px;
	background:#3a459c;
	padding:0 20px;
	vertical-align:bottom;
}
#section06 table .th02 {
	width:28%;
	background:#9d8984;
	padding:0;
	font-size:22px;
}
#section06 table .th03 {
	width:28%;
	background:#afa7a5;
	padding:0;
	font-size:22px;
}
#section06 table .th02,#section06 table .th03 {
	width:20%;
	height:92px;
}
#section06 table td img {
	width:42px;
}
#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:70px 0 ;
}
#form h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:110px;
}
#form h3 .h3_large {
    font-size:52px;
}
#form h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#form h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#form .text01 {
	font-size:20px;
	text-align:center;
	margin-bottom:40px;
}

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

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

#form .wrapper_01 th span {
	font-size:16px;
}
#form .wrapper_01 td {
	width:75%
}
#form .wrapper_01 .text input {
	border: #dedede solid 1px;
	padding: 0 10px;
	width:100%;
	height: 40px;
	box-sizing: border-box;
	margin-right:10px;
}
#form .wrapper_01 .postal input {
	width:130px;
}
#form .wrapper_01 .postal span.hyphen {
	content:"";
	display:inline-block;
	background:#333333;
	width:16px;
	height:2px;
	margin:0 10px 0 0;
	position:relative;
	top:-3px;
}
#form .wrapper_01 .postal span.note {
	font-size:14px;
}
#form h4 {
	font-size:28px;
	font-weight:bold;
	color:#342e81;
	margin-bottom:40px;
	text-align:center;
}
#form .inner01 {
	font-size:14px;
	margin-bottom:40px;
}
#form .inner01 dt {
	display: block;
	width: 3%;
	clear: left;
	float: left;
}
#form .inner01 dd {
	display: block;
	width:97%;
	float: left;
}
#form .inner02 {
	font-size:14px;
	line-height:1.6;
	border: #dedede solid 1px;
	padding:30px 40px;
	box-sizing:border-box;
	height:180px;
	width:100%;
	overflow:scroll;
	margin-bottom:40px;
}
#form .inner02 dt{
	padding:1em 0 0.5em;
	font-weight: bold;
}
#form .inner02 dd {
	box-sizing:border-box;
	padding-left:30px;
}
#form .inner02 dd.indent{
	text-indent: -3em;
	margin-left:3em;
}
#form .inner02 img{
	width:auto!important;
}
#form .check{
	text-align:center;
	
}
#form .check input{
	height: 18px;
	width:22px;
	}
#form .btn_01 {
	width:650px;
	height:100px;
	margin:40px auto;
}
#form .btn_01 button {
	display:block;
	width:100%;
	background:#dd9922;
	box-shadow:0px 8px 0px 0px #8f5d07;
	box-sizing:border-box;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	position:relative;
	line-height:100px;
	border:0;
	cursor: pointer;
}
#form .btn_01 button:hover{
	opacity: 0.8;
}
#form .btn_01 button::after{
	display:block;
	content:"";
	top:45px;
	right:25px;
	width: 8px;
	height: 8px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
}
/*==============================================================================
section08
===============================================================================*/
#section08 {
	box-sizing:border-box;
	padding:70px 0 ;
}
#section08 h3 {
	color:#342e81;
	font-weight:bold;
	text-align:center;
	font-size:38px;
	position:relative;
	margin-bottom:110px;
}
#section08 h3 .h3_large {
font-size:52px;
}
#section08 h3 .eng {
	position:absolute;
	font-size:26px;
	color:#8a87c2;
	display:inline-block;
	bottom:-80px;
	left:0;
	right:0;
	margin:0 auto;
	font-weight:300;
}
#section08 h3:after {
	content:"";
	display:block;
	width:24px;
	height:1px;
	background:#8a87c2;
	position:absolute;
	bottom:-20px;
	left:0;
	right:0;
	margin:0 auto;
}
#section08 .text01 {
	text-align:center;
	font-size:26px;
	margin-bottom:40px;
}
#section08  h4{
	background:url(../images/sec08_01.jpg) center;
	width:100%;
	line-height:53px;
	font-size:28px;
	color:#FFFFFF;
	text-align:center;
}
#section08 .wrapper_01 {
	border:1px solid #4a5e79;
	text-align:center;
	padding:30px 0;
	position:relative;
	font-size:24px;
	margin-bottom:40px;
}
#section08 .wrapper_01 span {
	display:block;
	position:absolute;
	bottom:20px;
	right:40px;
	font-size:18px;
}
/*==============================================================================
footer
===============================================================================*/
footer .box {
	padding:70px 0 0 0;
	box-sizing:border-box;
}
footer table {
	font-size:18px;
	width:100%;
}
footer table th {
	color:#ffffff;
	text-align:center;
	
	width:30%;
	display:table-cell;
	vertical-align:middle;
}
footer table td {
	display:table-cell;
	vertical-align:middle;
	padding:14px 0 14px 40px;
}

footer .f_logo {
	width:170px;
	height:60px;
	margin:100px auto 40px;
}
footer.thanks-footer .f_logo {
	margin:0px auto 40px;
}

footer .copy {
	color:#FFFFFF;
	background:#363376;
	line-height:66px;
	text-align:center;
}

/*------------------------------------------------------------
  page-top
------------------------------------------------------------*/
#page-top {
  position: fixed;
  width:48px;
  height:48px;
  bottom:10px;
  right:10px;
  z-index:999;
}

.thanks{
	width:100%;
	background:url(../images/sec02_bg.jpg) center center/cover no-repeat;
}
.thanks .inner{
	width:900px;
	margin:0 auto;
	font-size: 24px;
	text-align: center;
	padding:80px 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:550px;
	margin:0 auto 60px;
}
.thanks .download_btn a{
	display: block;
	width:600px;
	margin:40px auto;
	background: #dd9922;
	color:#fff;
	font-weight: bold;
	text-align: center;
	padding:20px 0;
}
.formError{
	left:0%!important;
}
#simulation-data .data-02{
	display: none;
}
.text-half{
	width:35%!important;
}
#price{
	background: #f1f7fe;
	padding: 60px 0 100px;
}
#price .text{
	width: 100%;
}
#price .text.left dt{
	width: 530px;
	padding-top: 10px;
	float: right;
}
#price .text.left dd{
	width: 530px;
	float: left;
}
#price .text.right dt{
	width: 530px;
	padding-top: 10px;
	float: left;
}
#price .text.right dd{
	width: 530px;
	float: right;
}
#price .text{
	margin-bottom: 50px;
}
#price .text dt img{
	width: 100%;
}
#price .text dd h3{
	font-size: 30px;
	line-height: 1.5em;
	font-weight: 500;
	color: #2f4a81;
	margin-bottom: 25px;
}
#price .text dd p{
	font-size: 17px;
	color: 272727;
	line-height: 2em;
}
#price .price-list{
	clear: both;
	font-size: 0;
	text-align: center;

}
#price .price-list li{
	display: inline-block;
	vertical-align: top;
	margin-right: 24px;
	width: 220px;
}
#price .price-list li:last-child{
	margin-right: 0;
}
#price .price-list li dt{
	display: table;
	width: 100%;
}
#price .price-list li dt span{
	display: table-cell;
	vertical-align: middle;
	height: 60px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	background: #7d84ba;
}
#price .price-list li dd{
	background: #fff;
	position: relative;
	text-align: center;
	height: 175px;
}
#price .price-list li dd img{
	display: inline-block;
}
#price .price-list li dd p{
	font-size: 16px;
	color: #2f4a81;
	position: absolute;
	font-weight: 600;
	right: 10px;
	bottom: 5px;
}
#price .price-list li dd p .big{
	font-size: 44px;
	font-weight: 400;
}
#price .price-list li dd p .big2{
	font-size: 33px;
	font-weight: 400;
}
#price .section_1{
	margin-bottom: 90px;
}
#price .section_1 .price-list li:nth-child(1) img{
	width: 96px;
	padding-top: 29px;
}
#price .section_1 .price-list li:nth-child(2) img{
	width: 140px;
	padding-top: 32px;
}
#price .section_1 .price-list li:nth-child(3) img{
	width: 140px;
	padding-top: 33px;
}
#price .section_1 .price-list li:nth-child(4) img{
	width: 148px;
	padding-top: 39px;
}

#price .section_2 .price-list li:nth-child(1) img{
	width: 126px;
	padding-top: 16px;
}
#price .section_2 .price-list li:nth-child(2) img{
	width: 90px;
	padding-top: 31px;
}
#price .section_2 .price-list li:nth-child(3) img{
	width: 109px;
	padding-top: 23px;
}

@media only screen and (max-width: 736px) {
	#price{
		padding: 40px 0;
	}
	#price .text.left dt{
		width: 100%;
		float: none;
	}
	#price .text.left dd{
		width: 100%;
		float: none;
	}
	#price .text.right dt{
		width: 100%;
		float: none;
	}
	#price .text.right dd{
		width: 100%;
		float: none;
	}
	#price .text{
		width: 90%;
		float: none;
		margin: 0 auto 20px;
	}
	#price .text dt{
		margin-bottom: 20px;
	}
	#price .text dd h3{
		font-size: 24px;
		margin-bottom: 0.5em;
	}
	#price .text dd p{
		font-size: 16px;
	}
	#price .price-list li{
		width: 46%;
		margin-bottom: 10px;
		margin-right: 2%;
	}
	#price .price-list li:nth-child(even){
		margin-right: 0;
	}
	#price .price-list li dt span{
		font-size: 14px;
	}
	#price .price-list li dd p{
		font-size: 14px;
	}
	#price .price-list li dd p .big{
		font-size: 38px;
	}
	#price .section_1{
		margin-bottom: 60px;
	}
}