@charset "UTF-8";
/* CSS Document */

#main { width:100%; margin:10px auto; }
#main .sp { display:none!important; }
#main .pc { display:block!important; }

@media screen and (max-width: 736px) {
#main .pc { display:none!important; }
#main .sp { display:block!important; }
}


/*--------------------------------------------------
  reset
--------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight:normal;/* Yutaka added */
  vertical-align: baseline;
}

body {
	margin: 0;
	width: 100%;
	font-size: 14px;
	color: #333;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing:0.05em;
}

ol, ul {
  list-style: none;
	margin: 0;
	padding: 0;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

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

table, tr, th, td, caption {
  vertical-align: middle;
  text-align:left;
}

img {
  vertical-align:bottom;
  font-size:0;
  line-height: 0;
	margin: 0 !important;
	padding:0 !important
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


a:hover {
  opacity:0.8;
}

.text-hide{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  height:0;
}

.bold {
	font-weight: bold;
}


.pc-no01 {
  display: none;
}


sup {
	font-size: 10px;
	margin: 0;
  padding: 0;
  border: 0;
}

@media screen and (max-width: 750px) {
	.pc-no01 {
		display: block;

	}
	.sp-no01 {
		display: none;
}
	sup {
	font-size: 8px;
	 margin: 0;
  padding: 0;
  border: 0;
}

	br {
		line-height:0;
	}
}

/*--------------------------------------------------
 ここから
--------------------------------------------------*/

a {
	text-decoration: none;
}
img {
	display: block;
}
img {
	width: 100%;
	margin: 0;
	padding: 0;
}
h2,h3,h4 {
	margin: 0;
	padding: 0;
}


.color01 {
	color: #e34469;
}

.color02 {
	color: #358bdf;
}
.color03 {
	color: #0f48bc;
}


.link a {
	color: #fff;
	background: #f1a32f;
	border-radius: 5px; 
	position: relative;
	text-align: center;
	box-shadow: 0 5px 0 #b98128;
}

.link a:after{
	content: "";
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 48%;
  right:22px;
  margin-top: -4px;	
}



/*--------------------------------------------------
mv
--------------------------------------------------*/
.mv {
	min-width: 1040px;
	background: url(../images/fv-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 724px;
}
.mv .box {
  margin: 0 auto;
	max-width: 1200px;
	margin-bottom: 111px;
	position: relative;
}
.mv .inner {
  margin: 0 auto;
	max-width: 1000px;
}

.mv .inner .logo {
	width: 325px;
	padding-top: 20px;
}


.mv .inner .text-box {
  background: url(../images/fv-text.png) 0 0 no-repeat;
	background-size: 548px 420px;
	width: 548px;
	height: 420px;
	margin-top: 95px;
	position: relative;
	z-index: 1;
}


.mv .inner .image {
	background: url(../images/fv-image.png) 0 0 no-repeat;
	background-size: 581px 665px;
	width: 581px;
	height: 665px;
	position: absolute;
	top: 40px;
	right: 0;
	
}

/*--------------------------------------------------
追従 link
--------------------------------------------------*/

 .fix-link {
  position: fixed;
  bottom: 0;
  left: 0;
	z-index: 10;
}

.fix-link {
	background:rgba(255,255,255,0.7);
	width: 100%;
	min-width: 1040px;
	padding: 20px 0;
}

.fix-link .inner {
	min-width: 1000px;
	margin: 0 auto;
	width: 1000px;
}

.fix-link .inner .link {
	width: 680px;
	margin: 0 auto;
}
.fix-link .inner .link:nth-child(even) {
	margin-right: 0; 
}


.fix-link .inner .link a {
	width: 680px;
	height: 77px;
	display: inline-block;
	font-size: 24px;
	padding: 6px 0;
	line-height: 77px;
	font-weight: bold;
}

.fix-link .inner .link a span {
	font-size: 24px;
	font-weight: bold;
}



/*--------------------------------------------------
com
--------------------------------------------------*/
.com {
	min-width: 1040px;
	margin: 0 auto;
}

.icon {
	width: 95px;
	margin: 0 auto;
}
/*--------------------------------------------------
title
--------------------------------------------------*/

.title {
	text-align: center;
}
.title h3{
	font-size: 38px;
	font-weight: bold;
	display: inline-block;
	position: relative;
}


.sec01 .title h3:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 110px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
	left: 0;
}

.sec01 .title h3:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 110px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
	right: 0;
}

/*--------------------------------------------------
sec01
--------------------------------------------------*/

.sec01 {
	background: #f0f7ff;
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	position: relative;
	z-index: 1;
}
.sec01 .title h3 {
  padding: 0 100px;
	margin-top: 10px;
}


.sec01 .job-box {
	float: left;
	width: 31%;
	margin-right: 3.5%;
  background:
    linear-gradient(45deg,  transparent 0, #fff 0),
    linear-gradient(135deg, transparent 0, #fff 0),
    linear-gradient(225deg, transparent 0, #fff 0),
    linear-gradient(315deg, transparent 20px, #fff 20px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 100% 100%;
  background-repeat: no-repeat;	
	border-radius: 10px; 
	position: relative;
	margin-bottom: 3.5%;
}

.sec01 .job-box:after {
  content: '';
	background: #cbcbcb ;
	width: 80%;
	height: 60%;
	position: absolute;
	bottom: -5px;
	right: -5px;
	z-index: -1;
}

.sec01 .job-box:nth-child(3n) {
	margin-right: 0;
}

.sec01 .job-box .text-box {
	padding: 25px 20px 35px 20px;
}


.sec01 .j-name {
	background: #358bdf;
	color: #fff;
	border-radius: 4px; 
	display: inline-block;
	padding: 4px 10px 4px 10px;
}

.sec01 .rec {
	font-size: 18px;
	font-weight: bold;
	margin-top: 8px;
}

.sec01 .ls-box {
	margin-top: 10px;
	width: 100%;
}

.sec01 .ls-box ul {
	border-top: solid 1px #dbe0e3;
}
.sec01 .ls-box li {
	border-bottom: solid 1px #dbe0e3;
}

.sec01 .ls-box dl {
	display: table;
	width: 100%;
}

.sec01 .ls-box dt {
	display: table-cell;
	width: 29%;
	background: #e6f2ff;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
}


.sec01 .ls-box dd {
	display: table-cell;
	width: 67%;
	padding: 10px 0;
	padding-left: 4%;
	line-height: 1.3;
	font-size: 15px;
}

.sec01 .ls-box .f-size01 {
	font-size: 13px;
}

.sec01 .text {
	text-align: right;
	line-height: 1.4;
	width: 1000px;
	margin: 0 auto;
	margin-top: -50px;
	font-size: 13px;
}
/*--------------------------------------------------
タブ共通
--------------------------------------------------*/

.tab_wrap{
	width:100%; margin:40px auto 0;
}
.sec01 input[type="radio"]{display:none;}
.tab_area{font-size:0; width: 1000px; margin:0 auto;}
.tab_area label{
	width:248px; 
	margin:0; 
	display:inline-block; 
	height: 64px; 
	vertical-align: bottom;
	color:#fff; 
	background:#8dafd7; 
	text-align:center; 
	font-size:18px;
	border-radius: 5px 5px 0 0;
	cursor:pointer; 
	line-height: 64px;
	transition:ease 0.2s opacity;
}
.job_area {
	width: 1000px;
	margin: 0 auto;
}

.tab_area label+label {
	margin-left: 1px;
}
.tab_area label:hover{opacity:0.9;}

.tab_job{width:100%; padding:40px 0; display:none;}

#tab1:checked ~ .tab_area .tab1_label{background:#044b96; color:#FFF; position: relative; padding-top: 0;}
#tab1:checked ~ .tab_area .tab1_label:after{
	content: "";
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #044b96 transparent transparent transparent;
}
#tab1:checked ~ .job_area #job1{display:block; }

#tab2:checked ~ .tab_area .tab2_label{background:#044b96; color:#FFF; position: relative; padding-top: 0;}
#tab2:checked ~ .tab_area .tab2_label:after{
	content: "";
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #044b96 transparent transparent transparent;
}
#tab2:checked ~ .job_area #job2{display:block;}


#tab3:checked ~ .tab_area .tab3_label{background:#044b96; color:#FFF; position: relative; padding-top: 0;}
#tab3:checked ~ .tab_area .tab3_label:after{
	content: "";
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #044b96 transparent transparent transparent;
}
#tab3:checked ~ .job_area #job3{display:block;}


#tab4:checked ~ .tab_area .tab4_label{background:#044b96; color:#FFF; position: relative; padding-top: 0;}
#tab4:checked ~ .tab_area .tab4_label:after{
	content: "";
	position: absolute;
	display: block;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 10px 0 10px;
	border-color: #044b96 transparent transparent transparent;
}
#tab4:checked ~ .job_area #job4{display:block;}


.tab_area {
	width: 1000px;
	margin: auto;
}


/*--------------------------------------------------
sub-box
--------------------------------------------------*/

.sec01 .sub-box {
	width: 100%;
	background: #fff;
	margin-top: 90px;
}

.sec01 .sub-box .arrow {
	margin: 0 auto;
	width: 0;
  border-style: solid;
	display: block;
	height: 45px;
	border-width: 45px 60px 0 60px;
	border-color: #f0f7ff transparent transparent transparent;
}


.sec01 .sub-box .des-box {
	margin: 0 auto;
	width: 1000px;
}

.sec01 .sub-box .left {
	float: left;
	width: 480px;

}

.sec01 .sub-box .right {
	float: right;
	width: 480px;
}

.sec01 .sub-box .des-box .t-box{
	padding: 30px 0;
	background: #fff;
	border: solid #e6f3ff 5px;
	box-sizing: border-box;
	border-radius: 15px; 	
}

.sec01 .sub-box .des-box .t-box h4 {
	font-size: 23px;
	font-weight: bold;
	background: #358bdf;
	border-radius: 6px;
	color: #fff;
	position: relative;
	margin: 0 22px;
	padding: 15px 0 15px 0;
	letter-spacing: -0.02em;
}

.sec01 .sub-box .des-box .t-box h4 span {
	font-weight:  bold;
	padding-left: 90px;
}

.sec01 .sub-box .des-box .left .t-box h4:before {
  content: '';
  position: absolute;
	background: url(../images/icon02.png) 0 0 no-repeat;
	background-size: 89px 89px;
	width: 89px;
	height: 89px;
  top: -11px;
	left: -13px;
}

.sec01 .sub-box .des-box .right .t-box h4:before {
  content: '';
  position: absolute;
	background: url(../images/icon03.png) 0 0 no-repeat;
	background-size: 89px 89px;
	width: 89px;
	height: 89px;
  top: -11px;
	left: -13px;
}

.sec01 .sub-box .des-box  p {
	text-align: right;
	font-size: 13px;
	letter-spacing: -0.03em;
	margin-top: 10px;
}
.sec01 .sub-box .des-box .t-box p {
	text-align: center;
	font-size: 23px;
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 20px;
}


/*--------------------------------------------------
offer
--------------------------------------------------*/

.offer {
	width: 100%;
	background: url(../images/offer-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	height: 450px;
	margin-top: 110px;
}

.offer .inner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
}

.offer .inner .text-box {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
.offer .inner .text {
	background: #fff;
	display: inline-block;
	border-radius: 100px;
	color: #044b96;
	font-size: 25px;
	padding: 5px 36px 5px 37px;
	text-align: center;
}

.offer .inner .image {
	width: 737px;
	margin: 0 auto;
	margin-top: 20px;
}


.offer .inner .link-box {
	margin-top: 40px;
}
.offer .inner .link {
	width: 680px;
	margin: 0 auto;
}

.offer .inner .link a {
	width: 680px;
	height: 77px;
	display: inline-block;
	font-size: 24px;
	padding: 6px 0;
	line-height: 77px;
	font-weight: bold;
}

.offer .inner .link a span {
	font-size: 24px;
	font-weight: bold;
}


/*--------------------------------------------------
sec02
--------------------------------------------------*/

.sec02 {
	width: 100%;
	margin: 0 auto;
	margin-top: 90px;
}
.sec02 .title h3 {
  padding: 0 ;
	margin-top: 10px;
}

.sec02 .ls-box {
	width: 1000px;
	margin: 0 auto;
	margin-top: 35px;
}

.sec02 .ls-box .ls01 {
	float: left;
	width: 32%;
	margin-right: 2%;
	border: solid 3px #c9d0d9;
	border-radius: 10px;
	box-sizing: border-box;
}
.sec02 .ls-box .ls01:last-child {
	margin-right: 0;
}
.sec02 .ls-box .ls01 .text-box {
	padding: 30px 30px 20px 30px;
}

.sec02 .ls-box .ls01 .text-box h4 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 24px;
	letter-spacing: -0.02em;
}


.sec02 .ls-box .ls01 .text-box p {
	line-height: 1.8;
}
.sec02 .ls-box .ls01 .text-box .tx {
	text-align: right;
	margin-top: 6px;
	font-size: 12px;
}



/*--------------------------------------------------
sec03
--------------------------------------------------*/

.sec03 {
	width: 100%;
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 140px;
}

.sec03 .box {
	background: url(../images/sec03-bg.gif) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 568px;
}

.sec03 .box .title {
	color: #fff;
	padding-top: 120px;
}
.sec03 .box .title .sub-ttl {
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	color: #358bdf;
	font-size: 28px;
	display: inline-block;
	padding: 3px 20px 3px 20px;
	margin-bottom: 0;
}

.sec03 .box .title .arrow {
	margin: 0 auto;
	width: 0;
  border-style: solid;
	display: block;
	height: 0;
	border-width: 18px 10px 0 10px;
	border-color: #fff transparent transparent transparent;
	margin-bottom: 0;
}
.sec03 .box .title h3 {
	 font-size: 40px;
}

.sec03 .box .title .t-text {
	font-size: 18px;
	margin-top: 18px;
	line-height: 2;
}

.sec03 .inner {
	width: 1000px;
	margin: 0 auto;
	margin-top: -190px;
}

.sec03 .com-box {
	background: #fff;
	border-radius: 20px;
	border: solid 4px #aecff0;
	padding: 38px 60px 38px 60px;
	box-sizing: border-box;
}

.sec03 .com-box h4 {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4; 
	position: relative;
	padding-left: 125px;
}

.sec03 .com-box h4:before {
  content: '';
  position: absolute;
	background: url(../images/icon05.png) 0 0 no-repeat;
	background-size: 97px 79px;
	width: 97px;
	height: 79px;
  top:0;
	left: 0;
}

.sec03 .com-box .ls-box {
	margin-top: 35px;
}
.sec03 .com-box .ls-box .left {
	float: left;
	width: 62%;
}

.sec03 .com-box .ls-box .left li {
	float: left;
	width: 31.33%;
	margin-right: 3%;
	margin-bottom: 3%;
}

.sec03 .com-box .ls-box .left li:nth-child(3n){
	margin-right: 0;
}

.sec03 .com-box .ls-box .right {
	float: right;
	width: 35%;
	line-height: 2;
}

.sec03 .com-box02 {
	margin-top: 40px;
}

.sec03 .com-box02 h4{
	font-size: 32px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding: 0 50px;
}

.sec03 .com-box02 h4:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 45px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
	left: 0;
	top: 50px;
}

.sec03 .com-box02 h4:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 45px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
	right: 0;
	top: 50px;
}


.sec03 .com-box02 h4 span {
	color: #358bdf;
	font-size: 56px;
	font-weight: bold;
}

.sec03 .com-box02 sup {
	position: relative;
	top: -10px;
}

.sec03 .com-box02 .t-text {
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}


.sec03 .com-box02 .sub-box {
	background: #e1efff;
	margin-top: 40px;
	border-radius: 20px;
	padding: 0 60px 55px 60px ;
}

.sec03 .com-box02 .sub-box .arrow {
	margin: 0 auto;
	width: 0;
  border-style: solid;
	display: block;
	height: 0;
	border-width: 38px 45px 0 45px;
	border-color: #fff transparent transparent transparent;
	margin-bottom: 0;
}


.sec03 .com-box02 .des-box {
	margin-top: 25px;
	background: #fff;
	width: 100%;
	border-radius: 10px;
}

.sec03 .com-box02 .des-box .text-box {
	padding: 40px;
}

.sec03 .com-box02 .des-box .text {
	float: left;
	width: 58%;
	font-size: 15px;
	padding: 4% 4% 4% 4%;
}

.sec03 .com-box02 .des-box  .image {
	float: right;
	width: 28%;
	padding: 1% 6% 2% 0;
}

.sec03 .com-box02 .tx02 {
	tab-size: 12px;
	text-align: right;
	margin-top: 10px;
}



/*--------------------------------------------------
sec04
--------------------------------------------------*/

.sec04 {
	width: 100%;
	margin: 0 auto;
	margin-top: 120px;
}

.sec04 .title .icon {
	width: 110px;
}
.sec04 .title h3 {
  padding: 0 ;
	margin-top: 10px;
	font-size: 37px;
}

.sec04 .inner {
	width: 1000px;
	margin: 0 auto;
}

.sec04 .pop-box {
	margin-top: 50px;
}
.sec04 .pop-box .left{
	float: left;
	width: 47%;
	border-right: dotted 2px #caddf1;
	padding-right: 2.8%;
}
.sec04 .pop-box .right{
	float: right;
	width: 47%;
}
.sec04 .pop-box h4 {
	color: #0f48bc;
	font-weight: bold;
	font-size: 25px;
	margin-bottom: 17px;
	margin-top: 20px;
}

.sec04 .pop-link {
	margin: 30px auto 0;
	text-align: center;
	width: 100%;
	height: 60px;
}

.sec04 .pop-link a {
	color: #fff;
	background: #358bdf;
	border-radius: 5px; 
	position: relative;
	text-align: center;
	box-shadow: 0 5px 0 #1d64a9;
	width: 80%;
	height: 60px;
	display: block;
	line-height: 60px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
}

.sec04 .pop-link a:after{
	content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 52%;
  right:22px;
  margin-top: -4px;	
}


.featherlight-sample {
	display: none;
}

.featherlight-sample h4 {
  font-weight: bold;
	color: #0f48bc;
	font-size: 26px;
	margin-top: 20px;
}

.featherlight-sample h5 {
	font-size: 18px;
	border-bottom: solid 2px #111;
	display: inline-block;
	margin-bottom: 20px;
}

.featherlight-sample .time {
	color: #444;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.featherlight-sample .text {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 20px;
}

.featherlight-sample .p-image {
	width: 86%;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 20px;
}

.featherlight-sample a {
	text-decoration: underline;
	color: #0f48bc;
}



/*--------------------------------------------------
sec05
--------------------------------------------------*/

.sec05 {
	width: 100%;
	margin: 0 auto;
	margin-top: 140px;
	padding-bottom: 110px;
	background: #f6f6f6;
}

.sec05 .title h3 {
  padding: 0 ;
	margin-top: 10px;
}

.sec05 .inner {
	width: 1000px;
	padding-top: 100px;
	margin: 0 auto;
}

.sec05 .q-a-box {
	margin-top: 40px;
}

.sec05 .q-a-box .ls {
	background: #fff;
	border-radius: 10px;
	padding: 40px;
	margin-bottom: 40px;
}

.sec05 .q-a-box dl dt {
	font-size: 22px;
	font-weight: bold;
	color: #0f48bc;
	margin-bottom: 15px;
}


.sec05 .q-a-box dl dd .tx {
	font-size: 22px;
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
	padding-left: 20px;
}

.sec05 .q-a-box dl dd .tx02 {
	padding-left: 80px;
}

.sec05 .q-a-box dl dt .q {
	font-family: 'Roboto';
	color: #fff;
	background: #0f48bc;
	border-radius: 100px;
	width: 46px;
	height: 43px;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding-top: 3px;
	margin-right: 15px;
}

.sec05 .q-a-box dl .a {
	font-family: 'Roboto';
	color: #fff;
	background: #aab5cc;
	border-radius: 100px;
	width: 46px;
	height: 43px;
	display: inline-block;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	padding-top: 3px;
	margin-right: 15px;
}

.sec05 .q-a-box .under-line {
	border-bottom: solid 1px #d3dce5;
	padding-bottom: 20px;
}


	.sec05 .t-rig {
		font-weight: bold;
		display: inline-block;
	}	
		
	


/*--------------------------------------------------
sec06
--------------------------------------------------*/

.sec06 {
	width: 100%;
	margin: 0 auto;
	margin-top: 110px;
}

.sec06 .title h3 {
  padding: 0 ;
	margin-top: 10px;
}

.sec06 .inner {
	width: 1000px;
	margin: 0 auto;
}

.sec06 .com-box {
	margin-top: 20px;
}


.sec06 .image {
	width: 160px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.sec06 .com-box .left {
	width: 500px;
	height: 518px;
	float: left;
	background: url(../images/sec06-bg01.png) 0 0 no-repeat;
	background-size: 500px 518px;
	position: relative;
	margin-top: -80px;
	
}

.sec06 .com-box .right {
	width: 500px;
	height: 518px;
	float: left;
	background: url(../images/sec06-bg02.png) 0 0 no-repeat;
	background-size: 500px 518px;
	position: relative;
	margin-top: -80px;
}

.sec06 .com-box .text {
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	margin-top: 30px;
}
.sec06 .com-box .text span {
	font-size: 22px;
	font-weight: bold;
}

.sec06 .com-box h4 {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-top: 54px;
	line-height: 1.3;
}
.sec06 .com-box .left h4{
	color: #358bdf;
}
.sec06 .com-box .left h4 span {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #358bdf;
	line-height: 1.2;
}

.sec06 .com-box .right h4{
	color: #0f48bc;
	margin-top: 64px;
}
.sec06 .com-box .right h4 span {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #0f48bc;
	line-height: 1.2;
}


/*--------------------------------------------------
sec07
--------------------------------------------------*/

.sec07 {
	width: 100%;
	margin: 0 auto;
	padding-top:115px;
	background: #e9f8ff;
}

.sec07 .arrow {
	margin: 0 auto;
	width: 0;
  border-style: solid;
	display: block;
	height: 55px;
	border-width: 60px 65px 0 65px;
	border-color: #fff transparent transparent transparent;
}


.sec07 .inner {
	margin: 0 auto;
  background: url(../images/sec07-image02.png) center bottom no-repeat;
	background-size: 1064px 406px;
	padding-bottom: 120px;
}


.sec07 .sub-ttl {
	font-size: 26px;
	position: relative;
	padding: 0 35px;
	display: inline-block;
}

.sec07 h3:before {
  content: '';
  position: absolute;
  top: 50%;
  width: 44px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
	left: 0;
	
}

.sec07 h3:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 44px;
  height: 2px;
  background-color: #358bdf;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
	right: 0;
}

.sec07 h3 {
	position: relative;
	padding: 0 55px;
	display: inline-block;
	line-height: 1.5;
}

.sec07 h3 span {
	font-weight: bold;
}

.sec07 .text-box {
	background: url(../images/sec07-image01-1.png) 0 0 no-repeat;
	background-size: 1000px 1055px;
	width: 1000px;
	height: 1055px;
	margin: 0 auto;
	margin-top: 40px;
}



/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {
	width: 100%;
	background: #333333;
	height: 88px;
	min-width: 1040px;
	margin-bottom: 130px;
	margin-top: -1px;
}


footer .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.privacy {
	position: absolute;
	right: 0;
	top: 19px;
	width: 50px;
}


.f-logo {
	padding-top:25px;
	float: left;
}


.f-logo a{
  color: #a7a7a7;
	font-size: 13px;
}

.f-logo a .text {
	margin-top: 4px;
}

.f-logo img {
	width: 100px;
	display: inline-block;
}

.f-logo a span {
	margin-left: 10px;
	display: inline-block;
	position: relative;
	top: 3px;
}

.f-nav {
	float: right;
	margin-right: 65px;
}

.f-nav li a {
	color: #a7a7a7;
}

.f-nav li  {
	display: inline-block;
	margin-right: 14px;
	line-height: 88px;
}
.mt0 {
	margin-top: -1px;
}