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

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

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

.link a:after{
	content: "";
  width: 6px;
  height: 6px;
  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: 46%;
  right:12px;
  margin-top: 0;	
}
	
	
/*--------------------------------------------------
mv
--------------------------------------------------*/
.mv {
	min-width: 100%;
	background: none;
	background-size: cover;
	width: 100%;
	height: auto;
}
.mv .box {
  margin: 0 auto;
	max-width: 100%;
	margin-bottom: 0;
	position: relative;
}
.mv .inner {
  margin: 0 auto;
	max-width: 100%;
}

.mv .inner .logo {
	width: 45%;
	top: 2%;
	position: absolute;
	z-index: 2;
	left: 3%;
	margin: 0;
	padding: 0;
}


.mv .inner .text-box {
  background: url(../images/sp-fv.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 0;
	margin-top: 0;
	position: relative;
	padding-top: 110.66%;
	z-index: inherit;
}


.mv .inner .image {
	background: none;
	background-size: 0 0;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	
}
	
	
/*--------------------------------------------------
追従 link
--------------------------------------------------*/

.fix-link-sp {
	background:rgba(255,255,255,0.7);
	width: 100%;
	min-width: 100%;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	z-index: 10;
}

.fix-link-sp .inner {
	min-width: 96%;
	margin: 0 auto;
	width: 90%;
}

.fix-link-sp .inner .link {
	width: 90%;
	margin: 0 auto;
}


.fix-link-sp .inner .link a {
	width: 100%;
	display: inline-block;
	font-size:  3.6vw;
	line-height:60px;
	font-weight: bold;
}

.fix-link-sp .inner .link a span {
	font-size: 3.6vw;
	font-weight: bold;
}

	
/*--------------------------------------------------
com
--------------------------------------------------*/
.com {
	min-width: 100%;
	margin: 0 auto;
}

.icon {
	width: 60px;
	margin: 0 auto;
}

/*--------------------------------------------------
title
--------------------------------------------------*/

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


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

.sec01 .title h3:after {
  content: '';
  position: absolute;
  top: 72%;
  width: 15%;
  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: 30px;
	position: relative;
	z-index: 1;
}
.sec01 .title h3 {
  padding: 0 ;
	margin-top: 10px;
}

.sec01 .inner {

}

.sec01 .job-box {
	float: none;
	width: 100%;
	margin-right:0;
  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: 30px;
}

.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: 15px;
	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: 26%;
	background: #e6f2ff;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
}


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

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

.sec01 .text {
	text-align: left;
	line-height: 1.4;
	width: 90%;
	margin: 0 auto;
	margin-top: -35px;
	font-size: 11px;
}
/*--------------------------------------------------
タブ共通
--------------------------------------------------*/

.tab_wrap{
	width:90%; margin:20px auto 0;
}
.sec01 input[type="radio"]{display:none;}
.tab_area{font-size:0; width: 100%; margin:0 auto;}
.tab_area label{
	width:24%; 
	margin:0; 
	display:inline-block; 
	height: 45px; 
	color:#fff; 
	background:#8dafd7; 
	text-align:center; 
	font-size: 11px;
	border-radius: 5px 5px 0 0;
	cursor:pointer; 
	line-height: 1.3;
	letter-spacing: -0.05em;
	transition:ease 0.2s opacity;
	vertical-align: middle;
}

	.tab_area label span {
		padding-top: 8px;
		display: inline-block;
	}
	.tab_area label .pt01 {
		padding-top: 16px;
		display: inline-block;
	}	
	
.job_area {
	width: 100%;
	margin: 0 auto;
}

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

.tab_job{width:100%; padding:25px 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: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	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: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	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: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	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: -10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 0 8px;
	border-color: #044b96 transparent transparent transparent;
}
#tab4:checked ~ .job_area #job4{display:block;}


.tab_area {
	width: 100%;
	margin: auto;
}
	
	

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

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

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


.sec01 .sub-box .des-box {
	margin: 0 auto;
	width: 90%;
}

.sec01 .sub-box .left {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}

.sec01 .sub-box .right {
	float: none;
	width: 100%;
}

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

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

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

.sec01 .sub-box .des-box .left .t-box h4:before {
  content: '';
  position: absolute;
	background: url(../images/icon02.png) 0 0 no-repeat;
	background-size: 59px 59px;
	width: 59px;
	height: 59px;
  top: -8px;
	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: 59px 59px;
	width: 59px;
	height: 59px;
  top: -8px;
	left: -13px;
}

.sec01 .sub-box .des-box p {
	text-align: left;
	font-size: 11px;
	letter-spacing: -0.03em;
	margin-top: 10px;
}
.sec01 .sub-box .des-box .t-box p {
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
	
	
/*--------------------------------------------------
offer
--------------------------------------------------*/

.offer {
	width: 100%;
	background: url(../images/offer-bg.jpg) 0 0 no-repeat;
	background-size: cover;
	height: auto;
	margin-top: 50px;
	padding-bottom: 35px;
}

.offer .inner {
	width: 94%;
	margin: 0 auto;
	padding-top: 10px;
}

.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: 14px;
	padding: 5px 20px 5px 20px;
	text-align: center;
	line-height: 1.4;
}

.offer .inner .image {
	width: 95%;
	margin: 0 auto;
	margin-top: 10px;
}


.offer .inner .link-box {
	margin-top: 15px;
}
.offer .inner .link { 
	width: 90%;
}


.offer .inner .link a {
	width: 100%;
	height: auto;
	display: inline-block;
	font-size:  3.6vw;
	line-height:60px;
	padding: 0;
	
	font-weight: bold;
}

.offer .inner .link a span {
	font-size: 3.6vw;
	font-weight: bold;
	letter-spacing: -0.05em;
}	
	
	
/*--------------------------------------------------
sec02
--------------------------------------------------*/

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

.sec02 .ls-box {
	width: 90%;
	margin: 0 auto;
	margin-top: 25px;
}

.sec02 .ls-box .ls01 {
	float: none;
	width: 100%;
	margin-right: 0;
	border: solid 3px #c9d0d9;
	border-radius: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.sec02 .ls-box .ls01:last-child {
	margin-right: 0;
}
.sec02 .ls-box .ls01 .text-box {
	padding: 20px 20px 25px 20px;
}

.sec02 .ls-box .ls01 .text-box h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 18px;
	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: 10px;
}

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

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

.sec03 .box {
	background: url(../images/sp-sec03-bg.gif) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding-bottom: 30%;
}

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

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

.sec03 .box .title .t-text {
	font-size: 12px;
	width: 90%;
	margin: 0 auto;
	margin-top: 8px;
	line-height: 2;
}

.sec03 .inner {
	width: 90%;
	margin: 0 auto;
	margin-top: -24%;
}

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

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

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

.sec03 .com-box .ls-box {
	margin-top: 15px;
}
.sec03 .com-box .ls-box .left {
	float: none;
	width: 100%;
}

.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: none;
	width: 100%;
	line-height: 2;
	margin-top: 10px;
}

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

.sec03 .com-box02 h4{
	font-size: 4.6vw;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding: 0 8%
}

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

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


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

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

.sec03 .com-box02 .t-text {
	font-size: 4.6vw;
	font-weight: bold;
	line-height: 1.4;
	margin-top: -1%;
}


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

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


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

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

.sec03 .com-box02 .des-box .text {
	float: none;
	width: 88%;
	font-size: 12px;
	padding: 8% 6% 0 6%;
}

.sec03 .com-box02 .des-box  .image {
	float: none;
	width: 88%;
	padding: 2% 6% 6% 6%;
}
	
.sec03 .com-box02 .tx02 {
	tab-size: 10px;
	text-align: right;
	margin-top: 10px;
}



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

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

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

.sec04 .inner {
	width: 90%;
	margin: 0 auto;
}

.sec04 .pop-box {
	margin-top: 25px;
}
.sec04 .pop-box .left{
	float: none;
	width: 100%;
	border-bottom: dotted 2px #caddf1;
	padding-right: 0;
	border-right: none;
	padding-bottom: 30px;
}
.sec04 .pop-box .right{
	float: right;
	width: 100%;
	margin-top: 30px;
}
.sec04 .pop-box h4 {
	color: #0f48bc;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 15px;
}

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

.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: 40px;
	display: block;
	line-height: 40px;
	font-size: 12px;
	font-weight: bold;
	margin: 0 auto;
}

.sec04 .pop-link a:after{
	content: "";
  width: 6px;
  height: 6px;
  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: -3px;	
}


.featherlight-sample {
	display: none;
}

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

.featherlight-sample h5 {
	font-size: 15px;
	border-bottom: solid 2px #111;
	display: inline-block;
	margin-bottom: 20px;
}	
	
.featherlight-sample .time {
	color: #444;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

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

.featherlight-sample .p-image {
	width: 100%;
	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: 70px;
	padding-bottom: 50px;
	background: #f6f6f6;
}

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

.sec05 .inner {
	width: 90%;
	padding-top: 40px;
	margin: 0 auto;
}

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

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

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


.sec05 .q-a-box dl dd .tx {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	margin-bottom: 5px;
	padding-left: 10px;
	width: 100%;
}
	


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

.sec05 .q-a-box dl dt .q {
	font-family: 'Roboto';
	color: #fff;
	background: #0f48bc;
	border-radius: 100px;
	width: 30px;
	height: 28px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	margin-right: 10px;
	float: left;
}
	
	.sec05 .q-a-box dl dt {
		width: 100%;
	}

	
	.sec05 .q-a-box dl dt .t-rig {
		float: left;
		width: 84%;
		font-weight: bold;
		display: inline-block;
		margin-top: 5px;
	}	
	
	
	

.sec05 .q-a-box dl .a {
	font-family: 'Roboto';
	color: #fff;
	background: #aab5cc;
	border-radius: 100px;
	width: 30px;
	height: 28px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	margin-right: 10px;
	float: left;
}

	
	.sec05 .q-a-box dl dd .tx .t-rig {
		float: left;
		width: 80%;
		font-weight: bold;
		display: inline-block;
		margin-top: 5px;
	}	
		
	
	

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

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

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

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

.sec06 .inner {
	width: 94%;
	margin: 0 auto;
}

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


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

.sec06 .com-box .left {
	width: 50%;
	height: 0;
	float: left;
	background: url(../images/sec06-bg01.png) 0 0 no-repeat;
	background-size: 100% auto;
	position: relative;
	margin-top: -9%;
	padding-top: 53%;
	
}

.sec06 .com-box .right {
	width: 50%;
	height: 0;
	float: left;
	background: url(../images/sec06-bg02.png) 0 0 no-repeat;
	background-size: 100% auto;
	position: relative;
	margin-top: -9%;
	padding-top: 53%;
}

.sec06 .com-box .text {
	color: #fff;
	font-size: 3.2vw;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	margin-top: 0;
	position: absolute;
	top: 4.5%;
	left: 0;
	letter-spacing: -0.05em;
	right: 0;
	
}
.sec06 .com-box .text span {
	font-size: 2.5vw;
	font-weight: bold;
}

.sec06 .com-box h4 {
	text-align: center;
	font-size: 2.5vw;
	font-weight: bold;
	margin-top: 0;
	position: absolute;
	line-height: 1.3;
	top: 30.5%;
	left: 0;
	letter-spacing: -0.05em;
	right: 0;
}
.sec06 .com-box .left h4{
	color: #358bdf;
}
.sec06 .com-box .left h4 span {
	text-align: center;
	font-size: 3.8vw;
	font-weight: bold;
	color: #358bdf;
	line-height: 1.2;
}

.sec06 .com-box .right h4{
	color: #0f48bc;
	margin-top: 0;
	top: 33%;
}
.sec06 .com-box .right h4 span {
	text-align: center;
	font-size: 3.8vw;
	font-weight: bold;
	color: #0f48bc;
	line-height: 1.2;
}
	
	
/*--------------------------------------------------
sec07
--------------------------------------------------*/
 
.sec07 {
	width: 100%;
	margin: 0 auto;
	padding-top:50px;
	background: #e9f8ff;
}

.sec07 .arrow {
	margin: 0 auto;
	width: 0;
  border-style: solid;
	display: block;
	height: 20px;
	border-width: 30px 35px 0 35px;
	border-color: #fff transparent transparent transparent;
}


.sec07 .inner {
	margin: 0 auto;
  background: url(../images/sp-sec07-image02.png) center bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 15px;
}


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

.sec07 .sub-ttl:before {
  content: '';
  position: absolute;
  top: 48%;
  width: 20px;
  height: 2px;
  background-color: #333333;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
	left: 0;
	
}

.sec07 .sub-ttl:after {
  content: '';
  position: absolute;
  top: 48%;
  width: 20px;
  height: 2px;
  background-color: #333333;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
	right: 0;
}

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

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

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

.sec07 .text-box {
	background: url(../images/sp-sec07-image01-1.png) 0 0 no-repeat;
	background-size: 100% auto;
	width: 94%;
	height: 0;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 178.73%;
}

	
.mt0 {
	margin-top: -1px;
}
	
	
	
/*--------------------------------------------------
footer
--------------------------------------------------*/
footer {
	width: 100%;
	background: #333333;
	height: auto;
	min-width: 100%;
	margin-top: -1px;
	margin-bottom: 0;
}


footer .inner {
	width: 90%;
	margin: 0 auto;
	position: relative;
}

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


.f-logo {
	padding-top: 10px;
	float: none;
}


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

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

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

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

.f-nav {
	float: none;
	margin-right: 0;
	margin-top: 6px;
	padding-bottom: 10px;
}

.f-nav li a {
	color: #a7a7a7;
	font-size: 10px;
}

.f-nav li  {
	display: inline-block;
	margin-right: 8px;
	line-height: 1.2;
}	
	
	#wrap {
		margin-bottom: 20%;
	}
	
}