ci/* -- ヘッダー -- */
header{
	width:100%;
	padding:10px 0;
	border-bottom: 5px solid #4096ee; 
}
.headwrapper{
	width:100%;
    max-width:1280px;
	/*! height:100px; */
	display:flex;
    overflow:hidden;
}
.headwrapper::after{
	content: "";
	display: block;
	clear: both;
}
.headwrapper h1{margin-right:24%}

@media only screen and (max-width: 767px) {
	header {padding:2% 3% 0; margin:0;}
	.headwrapper{width:100%; /*! height:11vh; */}
	.headwrapper h1{width:40%; margin:2%;}
	.tops_log1{width:24%; margin:2% 0;}
	.tops_log2{width:17%; margin:2% 0;}
	.tops_log3{width:14%; margin:0 0 2%;}
	nav,header h1,.tops_log1,.tops_log2,.tops_log3{float: left;}
}
@media only screen and (max-width: 360px){
	.headwrapper{width:100%; /*! height:10vh; */}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.headwrapper{width:100%; /*! height:36vh; */}
}
/* -- ファーストビュー -- */

.main_ttl_pc{
	width:100%;
	height:820px;
	background-image:url(../images/index/index_ttl_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.main_ttl_pc section{	
	position: relative;
	height: 820px;
}
img {
	margin: 0;
	padding: 0;
	display: block;
}
.main_ttl_pc h1{
	width:59vw;	
	max-width: 670px;
	height:480px;
	position: absolute;
	top:130px;
}
.main_ttl_pc p{
	width:36%;
	font-size:1.2rem;
	font-size:12px;
	padding:10px;
	background: rgba(255,255,255,0.7);
	border-radius: 10px;
	position: absolute;
	bottom:50px;
}
.main_ttl_pc img{
	width:100%;
}

.main_ttl_pc .ttl_point{
	position: absolute;
	bottom:10px;
	right:25px;
	width:60%;
}
.main_ttl_pc .ttl_area{
	font-size: 37px;
	font-weight: bold;
	color: #feff04;
	text-shadow:1px 0px 5px #de2229 ;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	border: 3px solid #de2229;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background: #ffae2a;
	position: absolute;
	top:120px;
	left:50%;
}
@media only screen and (min-width: 780px) and (max-width: 1000px) {
.main_ttl_pc p{	
	width:56%;
	font-size:1.2rem;
	font-size:12px;
	padding:10px;
	background: rgba(255,255,255,0.7);
	border-radius: 10px;
	position: absolute;
	bottom:25%;
}
.main_ttl_pc .ttl_point{
	position: absolute;
	bottom:10px;
	right:50px;	
	width:90%;
}
}
/* -- SMP -- */
.main_ttl_sp{
	width:100%;
	background-image:url(../images/index/index_ttl_bg_sp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding:1% 3% 3%;
}
.main_ttl_sp h1{
	width:63%;
	margin-top:16%;
	margin-left:2%;
}
.main_ttl_sp .ttl_area{
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #feff04;
	text-shadow:1px 0px 5px #de2229;
	border: 2px solid #de2229;
	padding-top: 2%;
	padding-bottom: 1%;
	background: #ffae2a;
	line-height: 1;
}
.main_ttl_sp .ttl_point{
	width: 96%;
	margin: 42% 2% 0 2%;
}
.main_ttl_sp p{
	width:96%;
	margin: 0 2% 0 2%;
	font-size:9px;
	line-height: 1.2;
	padding:8px;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}
.main_ttl_sp p img{
	width:100%;
}
/* -- ファーストビュー -- */

/* -- コンテンツ01 -- */
.maincontent01 {
	width:100%;
	padding:3%;
	background-image:url(../images/index/index_no1_vera_sp.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.waribiki {
	max-width: 1000px;
	margin: 3em auto;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent01 {
	padding:0%;
	background:none;
}	
}
/* -- コンテンツ -- */
/* -- コンテンツ02 -- */
.maincontent02 {
	position: relative;
	width:100%;
	max-width: 1280px;
	padding: 2% 0;
	margin:0 auto;
}
.maincontent02 section {
	background-image:url(../images/index/ab01.png);
	background-repeat: no-repeat;
	height: auto;
	margin: 2% auto;
	padding: 3% 1% 27%;
	width: 100%;
	background-size: 100%;
}
.web_btn {
	position: absolute;
	bottom: 17%;
	right: 15%;
	width: 13%;
}
.web_btn img {
	width: 80%;
}
.bnt_time01 {
	font-size:50px;
	font-size:calc(100vw / 25);
	font-weight: bold;
	line-height: 1.2;
	float: left;
}
.bnt_time01 strong {
	font-size:58px;
	font-size:calc(100vw / 25);
}
.bnt_time01 span {
	font-size:85px;	
	font-size:calc(100vw / 15);
	color: #dc373c;
}
.bnt_area01 {
	font-size:30px;
	font-size:calc(100vw / 35);
	color: #FFFFFF;
	line-height: 1.4;
	background: #ff8b0c;
	text-align: center;
	border-radius: 20px;
	padding: 1% 0;
	position: relative;
	width: 23%;
	float: left;
}
.bnt_area01:after{
	top: 100%;
	left: 38%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 53, 92, 0);
	border-top-color: #ff8b0c;
	border-width: 20px 0 0 20px;
	margin-left: 70px;
}
.bnt01{
	clear: both;
	text-align: center;
	z-index: 1;
	width: 58%;
	margin: 0 auto;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent02 section {
		background: -moz-linear-gradient(top,  #ffffff 30%, #f3f1eb 100%);
		background: -webkit-linear-gradient(top,  #ffffff 30%,#f3f1eb 100%);
		background: linear-gradient(to bottom,  #ffffff 30%,#f3f1eb 100%);
		border: 5px #dc373c solid;
		margin: 2% auto;
		padding: 3%;
		width: 100%;
		width: 100vmin;
		height: 90vmin;
		position: relative;
	}
	.maincontent02 section:after{
		content: "";
		border: 4px #FFF solid;
		position: absolute;
		top: 0px;
		left: 0px;
		width: calc(100%);
		height: calc(100%);
	}
	.bnt_time01 {
			font-size: 40px;
			font-size: calc(100vw / 17);
			font-weight: bold;
			line-height: 1.2;
			float: none;
		}
		.bnt_time01 strong {
			font-size: 38px;
			font-size: calc(100vw / 17);
		}
		.bnt_time01 span {
			font-size: 62px;
			font-size: calc(100vw / 9);
			color: #dc373c;
		}
	.bnt_area01 {
		font-size: 22px;
		border-radius: 10px;
		padding: 1% 0;
		position: relative;
		width: 70%;
		float: none;
	}
	.bnt_area01:after{
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(253, 53, 92, 0);
		border-top-color: #ff8b0c;
		border-width: 20px 0 0 20px;
		margin-left: 70px;
	}
	.maincontent02 section p{
		margin-top: 0%; 
	}
	.web_btn {
		position: absolute;
		bottom: 3.5%;
		right: -3%;
		width: 24%;
	}
	.bnt01{
		width: 100%;
		margin:0% 3% 0 0;
		margin-top: -4em; 
	}
	.maincontent02 section a{
	 display: block;
	 z-index: 999;
	 position: relative;
	}
}

@media only screen and (min-width: 1200px){
	.bnt_time01 {
		font-size:50px;
		font-weight: bold;
		line-height: 1.2;
		float: left;
	}
	.bnt_time01 strong {
		font-size:58px;
	}
	.bnt_time01 span {
		font-size:85px;
		color: #dc373c;
	}
	.bnt_area01 {
		font-size:30px;
		color: #FFFFFF;
		line-height: 1.4;
		background: #ff8b0c;
		text-align: center;
		border-radius: 20px;
		padding: 1% 0;
		position: relative;
		width: 23%;
		float: left;
	}
}

@media only screen and (max-width: 360px) {
	.maincontent02 section {
	margin: 2% auto;
	padding: 3%;
	width: 100%;
	height: 100%;
	}
	.bnt_time01 {
		font-size: 23px;
		font-weight: bold;
		line-height: 1.2;
		float: none;
	}
	.bnt_time01 strong {
		font-size: 21px;
	}
	.bnt_time01 span {
		font-size: 32px;
		color: #dc373c;
	}
	.bnt_area01 {
		font-size: 18px;
		border-radius: 10px;
		padding: 1% 0;
		position: relative;
		width: 70%;
		float: none;
	}
	.bnt01{
		width: 100%;
		margin:0 3% 0 0;
		margin-top: -8%; 
	}
	.maincontent02 section a{
	 display: block;
	}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.maincontent02 section{
		width: 100%;
		height: 550px;
		margin:0;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ03 -- */
.maincontent03 {
	width:100%;
	padding:3% 0;
	background-image:url(../images/index/index_trouble_bg.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
/* -- コンテンツ -- */
/* -- コンテンツ04 -- */
.maincontent04 {
	width:100%;
}
.maincontent04 section{
	/* position:relative; */
	width: 100%;
	max-width: 1280px;
	/* height:416px; */
}
.maincontent04 div{
	/* position:absolute; */ 
	width: 100%;
	overflow: hidden;
}
	/* .maincontent04 p{
	width: 1150px;
	font-size:26px;
	line-height: 1.3;
	position:absolute;
	left:60px;
	bottom:30px;
} */
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent04 section{
	width: 100%;
}
.maincontent04 div{
	width: 100%;
}
.maincontent04 p{
	width: 85%;
	font-size: 14px;
	line-height: 1.5;
}
}
@media only screen and (max-width: 360px) {
	.maincontent04 section{
	width: 100%;
}
.maincontent04 p{
	width: 94%;
	font-size: 14px;
	line-height: 1.5;
	left:3%;
	bottom:5%;
}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.maincontent04 section{
		width: 100%;
		height: 560px;
	}
  .maincontent04 div{
	width: 100%;
	height: 580px;
	}
	.maincontent04 p{
		width: 85%;
		font-size: 14px;
		line-height: 1.8;
		left:8%;
		bottom:2%;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ05 -- */
.maincontent05 {
	width:100%;
	padding:5% 0 3%;
}
/* -- コンテンツ -- */
/* -- コンテンツ06 -- */
.maincontent06 {
	width:100%;
	background:linear-gradient(#bfeafb, #FFFFFF);
	padding:3% 0;
}
/* -- コンテンツ -- */
/* -- コンテンツ07 -- */
.maincontent07 {
	width:100%;
	padding:5% 0;
	background-image:url(../images/index/index_fee_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.maincontent07 h2{
	width:84%;
}
@media only screen and (max-width: 767px) {
	.maincontent07 h2{
		width:100%;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ07 -- */
.maincontent07_ab {
	width:100%;
	/*! padding:5% 0; */
	/*! background-image:url(../images/index/index_fee_bg.png); */
	/*! background-repeat: no-repeat; */
	/*! background-size: cover; */
	/*! background-position: center center; */
}
.maincontent07_ab h2{
	/*! width:84%; */
}

@media only screen and (max-width: 767px) {
	.maincontent07_ab h2{
		width:100%;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ08 -- */
.maincontent08 {
	width:100%;
	padding:3% 0;
}
.maincontent08 h2{
	margin:0 auto;
	max-width: 1094px;
}
.before_work_text {
	margin: 0 auto;
	text-align: center;
	max-width: 1060px;
	width: 100%;
	position: relative;
}
.before_work_text p {
	width: 80%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 20px;
	text-align: left;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent08 h2{
		margin:0 auto;
		width:100%;
	}
	.before_work_text p {
		font-size: 4vw;

	}
}
/* -- コンテンツ -- */
/* -- コンテンツ09 -- */
.maincontent09 {
	width:100%;
	padding:5% 0;
	background-image:url(../images/index/index_flow_bg.gif);
}
.maincontent09 h2 {
	background: linear-gradient(45deg, #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 40%, 0% 100%, 100% 60%, 100% 0%);
	-webkit-clip-path: polygon(0% 50%, 0% 100%, 100% 50%, 100% 0%);
	padding: 3% 0;
}
.maincontent09 h2 img {
	max-width:634px;
	width: 100%;
	display: block;
	margin:0 auto;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent9 h2 img{
	margin:0 auto;
	max-width:auto;
	width:90%;
}
.maincontent09 h2 {
	background: linear-gradient(45deg, #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 40%, 0% 100%, 100% 60%, 100% 0%);
	-webkit-clip-path: polygon(0% 40%, 0% 100%, 100% 60%, 100% 0%);
	padding: 3% 2%;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ10 -- */
.maincontent10 {
	width:100%;
	padding:3% 0;
	background-image:url(../images/index/index_no1_verb_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.maincontent10 h2{
	margin:0 auto;
	max-width: 1094px;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent10 {
	padding:0;
	background: none;
}
.maincontent10 h2{
	margin:0 auto;
	width:100%;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ11 -- */
.maincontent11 {
	width:100%;
	padding:3% 0;
}
.maincontent11 .main_container {
	width:100%;
}
.maincontent11 h2 {
	width:100%;
	max-width: 1160px;
	margin:0 auto;
}
.maincontent11 div {
	width:100%;
	max-width:1280px;
	margin:-3% auto;
	background-image:url(../images/index/index_media_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 5% 8%;
}
.maincontent11 div::after{
	content: " ";
	clear: both;
	display: block;
}
.maincontent11 figure{
	width: 48%;
	float: left;
	margin-right: 4%;
}

.maincontent11 figure:nth-of-type(1){
	float: left;
	margin-bottom: 2%;
}
.maincontent11 figure:nth-of-type(2){
	float: left;
	margin-right: 0;
	margin-bottom: 2%;
}
.maincontent11 figure:nth-of-type(4){
	float: left;
	margin-right: 0;
}
.maincontent11 figcaption {
	border-left: 8px solid #c6eaee;
	border-right: 8px solid #c6eaee;
	font-size:18px;
	text-align: center;
	margin: 2% 0;
}
.maincontent11 figcaption em{
	font-size: 28px; 
	font-style: normal;
	font-weight: bold;
	color: #00479d;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent11 h2{
	margin:0 auto;
	width:100%;
}
.maincontent11 div{
	width:100%;
	height: auto;
	background-image:url(../images/index/index_media_bg_sp.png);
	background-size: 100% 100%;
}
.maincontent11 figure{
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 2%;
}
.maincontent11 figcaption {
	border-left: 8px solid #c6eaee;
	border-right: 8px solid #c6eaee;
	font-size:14px;
	text-align: center;
	margin: 2% 0;
}
.maincontent11 figcaption em{
	font-size: 20px; 
	font-style: normal;
	font-weight: bold;
	color: #00479d;
}
.maincontent11 figure:nth-of-type(4){
	float: none;
	margin-right: 0;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ12 -- */
.maincontent12 {
	width:100%;
	background-image:url(../images/index/bg_pattern_blue.jpg);
	padding: 3% 0;
}
.maincontent12 h2 {
	background: linear-gradient(45deg, #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 50%, 0% 100%, 100% 50%, 100% 0%);
	-webkit-clip-path: polygon(0% 50%, 0% 100%, 100% 50%, 100% 0%);
	padding: 3% 0;
}
.maincontent12 h2 img {
	max-width:1232px;
	width: 100%;
	display: block;
	margin:0 auto;
}
.maincontent12 dl{	
	background: -moz-linear-gradient(top,  #ffffff 30%, #f3f1eb 100%);
	background: -webkit-linear-gradient(top,  #ffffff 30%,#f3f1eb 100%);
	background: linear-gradient(to bottom,  #ffffff 30%,#f3f1eb 100%);
	margin-bottom:30px;
	width: 100%;
	max-width: 1220px;
	margin: 0 auto 30px;
}
.maincontent12 dt{
	font-size: 40px;
	font-size: calc(100vw / 40);
	font-weight: bold;
	text-align: center;
	width: 66%;
	line-height: 1.2;
	padding:2% 0;
}
.maincontent12 dt em{
	font-size: 57px;
	font-size: calc(100vw / 30);
	font-weight: bold;
	color: #e60012;
	background: linear-gradient(transparent 60%, #fff799 60%);
	padding: 1px 2px;
}
.maincontent12 .s_icon{
	float: left;
	margin: 2% 0 0 2%;
	width: 10%
}
.maincontent12 .s_text{
	float: left;
	border-top:1px #0081e4 solid;
	margin: 10px 0 10px 25px;
	width: 64%;
	font-size:18px;
	line-height: 1.8;
	padding:10px 30px 10px 80px;
}
.maincontent12 .s_photo{
	float: right;
	margin-top: 3%;
	margin-right:3%;
	margin-bottom: 3%;
	width: 28%;
}
@media only screen and (min-width: 1200px) {
.maincontent12 dt{
	font-size: 40px;
}
.maincontent12 dt em{
	font-size: 57px;
}
}

/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent12 h2 {
		background: linear-gradient(45deg, #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
		clip-path: polygon(0% 20%, 0% 100%, 100% 80%, 100% 0%);
		-webkit-clip-path: polygon(0% 20%, 0% 100%, 100% 80%, 100% 0%);
		padding: 5% 0;
	}
	.maincontent12 h2 img {
		max-width:auto;
		width: 90%;
		display: block;
		margin:0 auto;
	}
	.maincontent12 dl{
		width:100%;
	}
	.maincontent12 dt{
		float: left;
		font-size: 18px;
		font-size: calc(100vw / 20);
		width: 70%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.maincontent12 dt em{
		font-size: 28px;
		font-size: calc(100vw / 15);
	}
	.maincontent12 .s_text{
		clear: both;
		margin:2%;
		width: 96%;
		font-size:14px;
		line-height: 1.8;
		padding:5%;
	}
	.maincontent12 .s_photo{
		float: none;
		margin: 5%;
		width: 90%;
	}
	.maincontent12 .s_icon{
		float: left;
		margin: 10px;
		width: 20%;
	}
}
@media only screen and (max-width: 360px) {
	.maincontent12 dt em{
		font-size: 24px;
	}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.maincontent12 dt{
		float: left;
		font-size: 28px;
		width: 70%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	.maincontent12 dt em{
		font-size: 42px;
	}
	.maincontent12 .s_text{
		clear: both;
		margin:2%;
		width: 96%;
		font-size:16px;
		line-height: 1.8;
		padding:3%;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ13 -- */
.maincontent13 {
	padding-top: 1%;
	width:100%;
	background:linear-gradient(#ff680b 50%,#ff9300 100%);
	line-height: 0;
}
.maincontent13_2{
	padding: 2% 0;
	width:100%;
	background-image:url(../images/index/index_operator_bg.gif);
}
.maincontent13_2 p{
	width:100%;
	padding:1%;
	background:#FFF;
	border-radius: 15px;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	box-shadow:0px 5px 0px 0px #999999;
	margin-bottom: 3%;
	position: relative;
}
.maincontent13_2 p:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 53, 92, 0);
	border-top-color: #FFF;
	border-width: 15px;
	margin-left: -15px;	
}
.maincontent13_2 p:before{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 53, 92, 0);
	border-top-color: #999;
	border-width: 22px;
	margin-left: -22px;	
}
.maincontent13_2 ul{
	width:100%;
	display:flex;
	flex-wrap:nowrap;
}
.maincontent13_2 li{
	width:100%;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent13_2 p{
	width:96%;
	margin: 2% 2% 5%;
	padding:1%;
	background:#FFF;
	border-radius: 15px;
	font-size: 25px;
}
.maincontent13_2 ul{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding-left:5%;
}
.maincontent13_2 li{
	width:32%;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ14 -- */
.maincontent14 {
	width:100%;
	background-image:url(../images/index/index_key_bg.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 5% 0 3%;
}
.maincontent14 div {
	width: 65%;
	border: 3px solid  #3f93ec;
	background: rgba(255, 255, 255, 0.4);
}
.maincontent14 p {
	font-size:18px;
	text-align: center;
	margin: 20px;
}
.maincontent14 h2 {
	text-align: center;
	margin-top: 0px; 
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent14 h2 {
	width:100%;
}
.maincontent14 div {
	width: 96%;
	margin-left:2%;
}
.maincontent14 p {
	font-size:14px;
	text-align: left;
	margin: 20px;
}
}
@media only screen and (max-width: 767px) {
	.maincontent14 h2 {
  	width:100%;
	 margin-top: 0; 
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ15 -- */
.maincontent15 {
	width: 100%;
	padding: 3% 0;
}
.maincontent15 div {
	display: flex;
	flex-wrap: wrap;
}
.maincontent15 h2 {
	font-size:32px;
	padding:1% 0;
	margin-bottom:3%; 
	text-align: center;
	color:#FFF;
	background: #4096ee;
	background: -moz-linear-gradient(top,  #4096ee 0%, #2b6bd5 100%);
	background: -webkit-linear-gradient(top,  #4096ee 0%,#2b6bd5 100%);
	background: linear-gradient(to bottom,  #4096ee 0%,#2b6bd5 100%);
}
.maincontent15 dl {
	width:45%;
	padding:1% 0;	
	margin-left:3%;
	margin-bottom: 2%;
	border-bottom: 5px solid #3f93ec; 
}
.maincontent15 dt{
	background:#3f93ec;
	background-image:url(../images/index/index_faq_q.png);
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: 2% 1%;
	padding:10px 0 10px 60px;
	font-size: 20px;
	color: #FFF;
	position: relative;
}
.maincontent15 dt:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 10px solid #3f93ec;
}
.maincontent15 dd {
	font-size:18px;
	padding:20px 0 5px 50px;
	line-height: 1.8;
	background-image:url(../images/index/index_faq_a.png);
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: 2% 10%;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent15 h2 {
	font-size:20px;
}
.maincontent15 dl {
	width:100%;
	padding:1% 0;	
	margin-left:0;
	margin-bottom: 30px;
	border-bottom: 5px solid #3f93ec; 
}
.maincontent15 dt{
	font-size: 17px;
	background-position: 2% 30%;
	padding:10px 10px 10px 40px;
	
}
.maincontent15 dd{
	font-size: 14px;
	padding:5% 2% 5% 10%;
}
}

@media screen and (max-width: 760px) and (orientation: landscape) {
	.maincontent15 dt{
		font-size: 17px;
		background-position: 2% 30%;
		padding:10px 10px 10px 60px;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ16 -- */
.maincontent16 {
	width:100%;
	background-image:url(../images/index/index_measureslist_bg.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:3% 0;
}
.maincontent16 h2 img {
	max-width:962px;
	width: 100%;
	display: block;
	margin:0 auto;	
}
.maincontent16 ul {
	margin: 0 auto;
	width: 100%;
	padding: 2%;
}
.maincontent16 li {
	float: left;
	width: 46%;
	margin: 0 2%
}
.maincontent16 li:nth-of-type(1) {
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	overflow: visible;
}
.maincontent16 li:nth-of-type(2) {
	transform: rotate(2deg);	
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
	overflow: visible;
}.maincontent16 li:nth-of-type(4) {
	transform: rotate(-5deg);	
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	overflow: visible;
}
.maincontent16 li img {
	text-align: center;
	width: 90%;
	padding:5%;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent16 li {
	float: none;
	width: 100%;
	transform: rotate(0deg)!important;
	-moz-transform: rotate(0deg)!important;
	-webkit-transform: rotate(0deg)!important;
	margin: 0 auto;
}
.maincontent16 li img {
	text-align: center;
	width:100%;
	padding:2%;
}
.maincontent16 h2 img {
	max-width:auto;
	width: 90%;
	display: block;
	margin:0 auto;	
}
}
/* -- コンテンツ -- */
/* -- コンテンツ17 -- */
.maincontent17 {
	width:100%;
	background-image:url(../images/index/index_countermeasures_bg.gif);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:3% 0 8%;
}
.maincontent17 div{
	display: flex;
	flex-wrap: wrap;
}
.maincontent17 dl{
	width: 50%;
	padding:3% 5%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.maincontent17 dl:nth-child(1){
	background-image:url(../images/index/index_countermeasures01_P_bg.png);
}
.maincontent17 dl:nth-child(2){
	background-image:url(../images/index/index_countermeasures02_P_bg.png);
}
.maincontent17 dl:nth-child(3){
	background-image:url(../images/index/index_countermeasures03_P_bg.png);
}
.maincontent17 dl:nth-child(4){
	background-image:url(../images/index/index_countermeasures04_P_bg.png);
}
.maincontent17 dt{
	font-size: 45px;
	font-size: calc(100vw / 35);
	color: #00479d;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.maincontent17 dt:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: repeating-linear-gradient(-45deg, #999, #999 1px, #fff 1px, #fff 4px);
}
.maincontent17 dd{
	font-size:20px;
	font-size: calc(100vw / 65);
	line-height: 1.8;
	padding:2% 0;
}
@media only screen and (min-width: 1200px) {
.maincontent17 dt{
	font-size: 45px;
	color: #00479d;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.maincontent17 dt:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: repeating-linear-gradient(-45deg, #999, #999 1px, #fff 1px, #fff 4px);
}
.maincontent17 dd{
	font-size:20px;
	line-height: 1.8;
	padding:2% 0;
}
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent17 div{
	display: block;
}
.maincontent17 dl{
	width: 96%;
	margin: 2%;
	padding:5% 8%;
	background-repeat: no-repeat; 
	background-size: 100% 100%;
}
.maincontent17 dt{
	font-size: 22px;
	color: #00479d;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.maincontent17 dd{
	font-size:14px;
	line-height: 1.4;
	padding:2% 0 0;		
	width: 96%;
	margin: 2%;
}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.maincontent17 dt{
		font-size: 45px;
		color: #00479d;
		font-weight: bold;
		text-align: center;
		position: relative;
	}
	.maincontent17 dt:after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 6px;
		background: repeating-linear-gradient(-45deg, #999, #999 1px, #fff 1px, #fff 4px);
	}
	.maincontent17 dd{
		font-size:20px;
		line-height: 1.8;
		padding:2% 0;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ18 -- */
.maincontent18 {
	width:100%;
	padding:3% 0 14%;
	margin-top:-8%; 
	background-image:url(../images/index/index_keytype_bg.gif);
	clip-path: polygon(0px 8.5%, 0% 100%, 100% 93%, 100% 0%);  
	-webkit-clip-path: polygon(0px 8.5%, 0% 100%, 100% 93%, 100% 0%);
	position: relative;
	z-index: 2;
}
.maincontent18:before {
	content: "";
	display:inline-block;
	width: 100%;
	height: 20vh;
	background: linear-gradient(45deg,  #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 30%, 0% 100%, 100% 80%, 100% 0%);
	-webkit-clip-path: polygon(0% 40%, 0% 100%, 100% 90%, 100% 0%);
	position: absolute;
	bottom: 0;
	z-index: 1;
}
.maincontent18 h2 {
	background: linear-gradient(45deg,  #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 20%, 0% 100%, 100% 65%, 100% 0%);
	-webkit-clip-path: polygon(0% 40%, 0% 100%, 100% 65%, 100% 0%);
	padding: 8% 0 3%;
	margin-top: -80px;
	z-index: 9996;
	min-height: 300px;
	max-height: 400px;
}
.maincontent18 h2 {
	background: linear-gradient(45deg, #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	padding: 10% 0 3%;
	margin-top: -9%;
	z-index: 9996;
	min-height: 250px;
	max-height: 460px;
	height: 100%;
}
.maincontent18 h2 img {
	max-width:1334px;
	width: 90%;
	display: block;
	margin:auto auto;
	z-index: 9997;
}
.maincontent18 ul {
	margin: 0 auto;
	width: 100%;
	z-index: 1000000;
	position: relative;
}
.maincontent18 li {
	float: left;
	width: 18.5%;
	margin: 5px;
	z-index: 999999;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent18 {
	width:100%;
	padding:3% 0 30%;
	background-image:url(../images/index/index_keytype_bg.gif);
	background-size:100%;
	clip-path: polygon(0% 2%, 0% 100%, 100% 95%, 100% 0%);
	-webkit-clip-path: polygon(0% 2%, 0% 100%, 100% 95%, 100% 0%);
	position: relative;
	margin-top: -20px;
	z-index: 2;
}
.maincontent18 li {
	float: left;
	width: 30%;
	margin-left: 2%;
	z-index: 9999;
}
.maincontent18 h2 {
	background: linear-gradient(45deg,  #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 10%, 0% 100%, 100% 90%, 100% 0%);
	-webkit-clip-path: polygon(0% 10%, 0% 100%, 100% 90%, 100% 0%);
	padding: 21% 5% 5%;
	z-index: 9996;
	min-height: 200px;
	max-height: 400px;
}
.maincontent18:before {
	content: "";
	display:inline-block;
	width: 100%;
	height: 110px;
	background: linear-gradient(45deg,  #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 40%, 0% 100%, 100% 95%, 100% 0%);
	-webkit-clip-path: polygon(0% 40%, 0% 100%, 100% 95%, 100% 0%);
	position: absolute;
	bottom: 0;
	z-index: 1;
}
}
@media only screen and (max-width: 360px) {
	.maincontent18 li {
		float: left;
		width: 30%;
		margin-left: 1%;
		z-index: 9999;
	}
	.maincontent18 h2 {
		padding: 26% 5% 5%;
	}
}
@media screen and (max-width: 760px) and (orientation: landscape)  {
	.maincontent18:before {
	content: "";
	display:inline-block;
	width: 100%;
	height: 200px;
	background: linear-gradient(45deg,  #2b6bd5 0%,#6394ea 30%,#2b6bd5 70%,#6394ea 100%);
	clip-path: polygon(0% 30%, 0% 100%, 100% 70%, 100% 0%);
	-webkit-clip-path: polygon(0% 30%, 0% 100%, 100% 70%, 100% 0%);
	position: absolute;
	bottom: 0;
		z-index: 1;
	}
}
/* -- コンテンツ -- */
/* -- コンテンツ19 -- */
.maincontent19 {
	width:100%;
	padding: 8% 0 3%;
	background-image:url(../images/index/index_point_bg.gif);
	margin-top:-150px;
}
.maincontent19 div {
	width: 100%;
	margin-top:-20%;
	overflow: visible;
}
.maincontent19 ul {
	margin: 0 auto;
	width: 100%;
	padding: 2%;
}
.maincontent19 li {
	float: left;
	width: 46%;
	margin: 1% 2%
}
.maincontent19 h2 {
	position: relative;
	z-index: 99999;
}
.maincontent19 h2 img {
	max-width:1334px;
	width: 100%;
	display: block;
	margin:12px auto;
}

/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent19 {
	width:100%;
	padding: 20% 0 3%;
	background-image:url(../images/index/index_point_bg.gif);
	margin-top:-80px;
}
.maincontent19 li {
	float: none;
	width: 90%;
	margin: 1% 5%
}
.maincontent19 h2 img {
	max-width:auto;
	width: 90%;
	display: block;
	margin:2% auto;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ20 -- */
.maincontent20 {
	width:100%;
	background-image:url(../images/index/tokyo_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding:3% 0;
}
.maincontent20 div{
	width: 1208px;
	margin: 0 auto;
	
}
.maincontent20 h2{
	font-size:36px;
	font-size:calc(100vw / 30);
	text-align: center;
	margin: 50px auto;
	line-height: 0;
}
.maincontent20 h2 span{
	font-size:76px;
	font-size:calc(100vw / 16);
	color: #dc373c;
}

@media only screen and (min-width: 1200px) {
.maincontent20 h2{
	font-size:36px;
	text-align: center;
	margin: 50px auto;
	line-height: 0;
}
.maincontent20 h2 span{
	font-size:76px;
	color: #dc373c;
}
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent20 {
	padding: 0 0 3%;
}
.maincontent20 h2{
	font-size:24px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	background-image:url(../images/index/index_map_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:140%;
	padding:5% 0 5% 20% ;
}
.maincontent20 div{
	width:90%;
	margin:5%; 
	background:none;
}
.maincontent20 h2 span{
	font-size:36px;
	color: #dc373c;
}
}
@media only screen and (max-width: 360px) {
	.maincontent20 {
	padding: 0 0 3%;
}
.maincontent20 h2{
	font-size:22px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	padding:5% 0 5% 20% ;
}
.maincontent20 div{
	width:90%;
	margin:5%; 
	background:none;
}
.maincontent20 h2 span{
	font-size:30px;
	color: #dc373c;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ21 -- */
.maincontent21 {
	width:100%;
	padding:3% 0;
}
.maincontent21 h2 {
	font-size:32px;
	padding:1% 0;
	text-align: center;
	color:#FFF;
	background: #4096ee;
	background: -moz-linear-gradient(top,  #4096ee 0%, #2b6bd5 100%);
	background: -webkit-linear-gradient(top,  #4096ee 0%,#2b6bd5 100%);
	background: linear-gradient(to bottom,  #4096ee 0%,#2b6bd5 100%);
}
.maincontent21 ul{

	justify-content: center;
}
.maincontent21 li{
	font-size: 18px;
	margin:20px 20px;
	text-decoration: underline;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.maincontent21 h2 {
	font-size:20px;
}
.maincontent21 li{
	font-size: 14px;
	margin:20px 20px;
	text-decoration: underline;
}
}
/* -- コンテンツ -- */
/* -- コンテンツ22 -- */
.maincontent22 {
	width:100%;
	background:#cff;
}
/* -- コンテンツ -- */

/* -- ボタン -- */
.inquiry_btn{
	/*background-image:url(../images/index/index_btn.png);
	background-repeat: no-repeat;*/
	height:auto;
	margin: 2% auto 0;
	padding: 1%;
}
.bnt_area02{
	font-size:42px;
	font-size: calc(100vw / 30);
	color: #FFFFFF;
	line-height: 1.4;
	background: #ff8b0c;
	text-align: center;
	border-radius: 15px;
	padding: 1% 0;
	position: relative;
	width: 80%;
	margin: 10px;
}
.bnt_area02:after{
	top: 0;
	left: 92%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(253, 53, 92, 0);
	border-bottom-color:#ff8b0c;
	border-width: 2vw 2vw 2vw 0;
	margin-left: 7%;
}
.bnt02 a{
	display: block;
	width: 100%;
	margin-top:-9%;
}
.bnt_time02{
	font-size:42px;
	font-size: calc(100vw / 28);
	line-height: 1.4;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 3%;
}
.bnt_time02 span{
	color: #dc373c;
	font-weight: bold;
}
@media only screen and (min-width: 1200px) {
	.bnt_time02{font-size:42px;}
	.bnt_area02{font-size:42px;}
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	.inquiry_btn{
	height: auto;
	width: 100%;
	width: 100vmin;
	/*! background-image:url(../images/index/index_btn_sp.png); */
	/*! background-size: contain; */
	background-image: none;
}
.bnt_area02{
	width: 96%;
	margin: 5% 2% 0;
	padding:2%;
	font-size:20px;
	border-radius: 10px;
}
.bnt_area02:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: 80px;
	border: 10px solid transparent;
	border-top: 25px solid #ff8b0c;
}
.bnt02 a {
	display: block;
	width: 96%;
	margin: 2%;
	position: absolute;
	top:15vh;
}
.bnt_time02{
	font-size:26px;
	line-height: 1.4;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 3%;
}
}

@media only screen and (max-width: 360px) {
	.inquiry_btn{
	width: 100%;
	/*! background-image:url(../images/index/index_btn_sp.png); */
	/*! background-size: contain; */
  background-image: none;
}
.bnt_area02{
	width: 96%;
	margin: 5% 2% 0;
	padding:2%;
	font-size:14px;
	border-radius: 10px;
}
.bnt_area02:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: 80px;
	border: 10px solid transparent;
	border-top: 25px solid #ff8b0c;
}
.bnt02 a {
	display: block;
	width: 96%;
	margin: 2%;
	position: absolute;
	top:100px;
}
.bnt_time02{
	font-size:22px;
	line-height: 1.4;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 3%;
}
}
@media screen and (max-width: 760px) and (orientation: landscape) {
	.inquiry_btn{
		height: auto;
		width: 100%;
		background-image: none;
	}
}
#price-attention {
	font-size:14px;
line-height: 1.5em;
border: solid 1px #333;
padding: 10px !important;
margin:10px;
}
/* -- SMP -- */
@media only screen and (max-width: 767px) {
	#price-attention {
	font-size:12px;
line-height: 1.5em;
border: solid 1px #333;
padding: 10px !important;
margin:10px;
}	
}

/* -- エリア用CSS -- */
label img{
display:inline;}

.main_ttl_pc_shinjuku{
	background-image:url(../images/index/area/index_ttl_bg_shinjuku.jpg) !important;
}

.main_ttl_sp_shinjuku{
	background-image:url(../images/index/area/index_ttl_bg_sp_shinjuku.jpg) !important;
}

.maincontent02_shinjuku section {
	background-image:url(../images/index/area/ab01_shinjuku.jpg);
}

.main_ttl_pc{
	background-image:url(../images/index/area/index_ttl_bg.jpg) !important;
}

.main_ttl_sp{
	background-image:url(../images/index/area/index_ttl_bg_sp.jpg) !important;
}
@media only screen and (min-width: 767px) {
.maincontent02 section {
	background-image:url(../images/index/area/ab01.jpg)!important;
}
}