@charset "UTF-8";


/* all∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∴‥∴‥∵‥∴ */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	box-sizing: border-box;
	font-size:16px;
    -webkit-text-size-adjust: 100%;
}
html {
	font-size: 16px;
	overflow-y: scroll;
}
body {
	background: #f5f5f2;
	font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	color: #0a4662;
}



ul,ol {
	list-style: none;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	border: 0;
}
a {
	color: #0a4662;
	text-decoration: underline;
	outline: none;
}
a:focus, *:focus { outline:none; }
a:hover {
	color: #00A6DA;
	text-decoration: none;
	transition: .3s;
	outline : none;
}
a:hover img {
	opacity: 0.8;
}
section {
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
article {
	width: 100%;
}
em {
	color: #00A6DA;
	font-weight: bold;
}
span{
	font-size: 100%;
}

.clear {
	clear:both;
}  
.clear hr {
	display:none;
}
.sp-none{
	display: contents;
}
.pc-none{
		display:none;
	}
@media screen and (max-width:  700px) {
	*{
		font-size: 14px;
	}
	.sp-none{
		display:none;
	}
	.pc-none{
		display:block;
		width:100%;
	}
	.pc-none img{
		width:100%;
	}
	.right img{
		margin: 5px 0 0 0; 
		width: 82%;
		float: right;
}
	
}

.left{
	float:left;
}
.right{
	float:right;
}
.t-c{
	text-align: center;
}
.mb45{
	margin-bottom: 45px;
}
.mmt75{
	margin-top: -75px;
}


/* header ∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∴‥∴‥∵‥∴ */

header{
	width:100%;
	background:#f5f5f2 ;
	overflow:hidden;
}
header .inner{
	width: 980px;
	padding: 15px 0;
	margin: 0 auto;
}

@media screen and (max-width:  700px) {
	header .inner{
	width: 95%;
	padding: 15px 0;
	margin: 0 auto;
	}
	h1{
		width: 45%;
	}

}


/* footer ∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∴‥∴‥∵‥∴ */

footer {
	width:100%;
	text-align: center;
	background: #e2e2e0;
	color:#00315d ;
	font-size:0.75em; 
	line-height: 40px;
	height: 40px;
}

.page-top{
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;

	position: fixed ;
	right: 25px ;
	bottom: 25px;
	z-index:9999;
}
 
.move-page-top{
	display: block ;
	background: #0a4662;
	width: 40px ;
	height: 40px ;
	cursor: pointer ;
	border-radius:5px;
	color: #fff ;
	line-height: 40px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

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



/* main ∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∴‥∴‥∵‥∴ */

section{
	width:100%;
}
.blue{
	background: #def2fa;
}
section .inner{
	width:980px;
	margin:0 auto;
	padding: 75px 0;	
}

.mv{
	width: 100%;
	max-width: 1366px;
	margin: 0 auto;
}

h2{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	font-weight: bold;
	color: #00315d;
}
.intro{
	font-size: 2.25em;
}

.intro-box{
	width: 100%;
	margin: 35px auto 75px;
	overflow: hidden;
}
.intro-box li{
	width: 48%;
	float: left;
	border-radius: 10px;
	border:#76afc3 2px solid;
	background: #d2e5ec url(../img/check.png) no-repeat;
	background-position: 2% 40%;
	padding: 35px 35px 35px 5%;
	font-size: 1.5em;
	line-height: 1.4;
}
.intro-box li:nth-child(2){
	float: right;
}
.underline{
	font-weight: bold;
	border-bottom: #0a4662 2px solid;
	font-size: 100%;
	line-height: 1;
}

.hukidasi{
	width: 442px;
	background: url(../img/hukidasi.png) no-repeat;
	margin: 0 auto -75px;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	padding: 20px 0 40px;
}


.next{
	font-size:1.5em; 
	font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align: center;
	font-weight: bold;
	color: #00315d;
	margin: -20px 0 60px 0 ;
}
.top-circle{
	-webkit-text-emphasis: filled dot #00315d;
   text-emphasis: filled dot #00315d;
	font-size: 1em;
}
.siri{
	font-size: 3em;
	line-height: 1;
}
.siri02{
	font-size: 2.25em;
	line-height: 1;
}

.what{
	background: url(../img/what-bg.jpg) repeat;
	background-size: cover;
	border: #f5f5f2 5px solid;
	border-radius: 5px;
	margin: 40px auto 0;
	padding:50px 35px; ;
	color: #fff;
	overflow: hidden;
	box-shadow:3px 2px 4px 1px #bebebe;
-moz-box-shadow:3px 2px 4px 1px #bebebe;
-webkit-box-shadow:3px 2px 4px 1px #bebebe;
}
.box{
	background: #277ea1;
	border: #f5f5f2 5px solid;
	border-radius: 5px;
	margin: 40px auto 0;
	padding:50px 35px; ;
	color: #fff;
	overflow: hidden;
	box-shadow:3px 2px 4px 1px #bebebe;
-moz-box-shadow:3px 2px 4px 1px #bebebe;
-webkit-box-shadow:3px 2px 4px 1px #bebebe;
}
.midasi{
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.3em;
	margin:0 0 27px 0 ;
}
.midasi02{
	width: 407px;
	font-weight: bold;
	font-size: 1.12em;
	margin:0 0 5px 0 ;
}
.midasi-ul{
	width: 120%;
}
.midasi-ul li{
	width: 306px;
	height: 81px;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 50px 0 0 0;
	padding: 0 0 0 70px;
	background: url(../img/what.png) no-repeat;
	line-height: 80px;
	color: #00315d;
}
.box-left{
	float: left;
	width: 445px;
}


.banner{
	margin: 20px 0 0 0 ;
}
.banner-tel{
	width: 580px;
	margin: 22px auto 0;
}
.banner-tel .text{
	font-size: 1.4em;
	float: left;
}
.banner-tel img{
	float: right;
}

.point01{
	background: url(../img/point01.png) no-repeat;
	height: 111px;
	line-height: 111px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 0 125px;
	margin: 0 0 15px 0 ;
}
.point02{
	background: url(../img/point02.png) no-repeat;
	height: 111px;
	line-height: 111px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 0 125px;
	margin: 0 0 15px 0 ;
}
.point03{
	background: url(../img/point03.png) no-repeat;
	height: 111px;
	line-height: 111px;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	padding: 0 0 0 125px;
	margin: 0 0 15px 0 ;
}


.point{
	text-align: center;	
}
.coat{
	width: 815px;
}
.coat02{
	width: 815px;
	margin: 50px 0 0 0 ;
}
.coat img,.coat02 img{
	float: right;
}
.point img{
	margin: 0 0 40px 0 ;
}
.item-box{
	width: 730px;
	margin: 50px auto 0 ;
	overflow: hidden;
}
.item-box .item{
	text-align: center;
	float: left;
	background: #fff;
	width: 340px;
	height: 308px;
	color: #0a4662;
	font-size:1.5em;
	font-weight: bold;
	line-height: 60px;
	padding: 0 0 13px 0;
	margin: 0 auto 25px;
	box-shadow:3px 2px 4px 1px #bebebe;
-moz-box-shadow:3px 2px 4px 1px #bebebe;
-webkit-box-shadow:3px 2px 4px 1px #bebebe;
}
.item-box .item:nth-child(2){
	float: right;
}
.item-box .item:nth-child(3){
	float: none;
	margin: 0 auto 25px;
	clear: both;
}

.more-box{
	width: 780px;
	margin: 0 auto;
}
.more{
	float: left;
}
.more ul{
	list-style:url(../img/more-li.png);
	margin: 0 0 0 26px;
}
.more li{
	font-size: 1.12em;
	font-weight: bold;
	line-height: 30px;
}
.metal {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  width: 907px;
  height: 60px;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ececec 25%, #ececec 50%,
    #fff 50%, #fff 75%,
    #ececec 75%, #ececec
  );
  background-size: 7px 7px;
	border-radius: 5px;
	line-height: 60px;
	font-size: 2.25em;
	font-weight: bold;
	color: #00315d;
	margin: 0 0 10px 0 ;
}
.metal span{
	font-size:0.7em;	
}
.metal-text{
	width: 100%;
	height: 241px;
	margin: 0 auto 45px;
	background:url(../img/only.png) top right no-repeat;
}

.only-logo{
	border-top: #fff 1px solid;
	padding: 20px 0 0 0 ;
	margin: 0 0 45px 0;
}
.only-logo .text{
	float: right;
	width: 660px;
}
.soudan{
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 28px 0 ;
}


.form-text{
	text-align: center;
	margin: 50px auto;
}

form{
	width: 815px;
	margin: 0 auto;
}
#contact {
	background: none repeat scroll 0 0 #F9F9F9;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
#necessary {
	color:#DE4F6B;
	padding:20px 0 10px 0;
}
#contact dt {
	background: none repeat scroll 0 0 #F9F9F9;
	border-top: 1px solid #CCCCCC;
	float: left;
	font-weight: normal;
	padding: 15px 10px;
	width: 163px;
	font-size: 0.8em;
}
#contact dd {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin: 0 0 0 163px;
	padding: 15px 20px;
	text-align: left;
	font-size: 0.8em;
}
#contact dt span {
	color:#DE4F6B;
	font-size:85%;
	padding:0 0 0 3px;
}
#contact dt.h60, #contact dd.h60 {
	height:60px;
}
#contact dt.h140, #contact dd.h140 {
	min-height:140px;
}
#contact dd input, #contact dd textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B7B7B7;
	padding:3px;
}
#contact dd ul {
	height:30px;
}
#contact dd ul li {
	float:left;
	padding:0 20px 0 0;
}
#contact dd ul li input {
	width:20px;
}
#contact div.word input {
	width:240px;
}
#contact input.form_text_short {
	width:80px;
}
#contact .wi {
	width:360px;
}
#contact .comment {
	width:360px;
	height: 100px;
}

#contact dd textarea {
	height:140px;
	width:360px;
}
#btn {
	width:143px;
	margin:0px auto;
	padding:20px 0 0 0;
}
.button-center{
	width: 143px;
	margin: 10px auto;
}
button{
	width: 143px;
	height: 44px;
	background: url(../img/btn_next.png) no-repeat;
	border: none;
	outline: none;
	color: transparent;
	cursor: pointer;
}



@media screen and (max-width:  700px) {
	.t-c{
	text-align: left;
}
	section .inner{
	width:calc(100% - 30px);
	margin:0 auto;
	padding: 45px 0;	
	}
	.intro-box{
	width: 100%;
	margin: 35px auto 30px;
	overflow: hidden;
}
	.intro-box li{
	width: 100%;
	float: none;
	border-radius: 10px;
	border:#76afc3 2px solid;
	background: #d2e5ec url(../img/check.png) no-repeat;
	background-position: 2% 40%;
	padding: 25px 20px 25px 15%;
	font-size: 1.5em;
	line-height: 1.4;
	margin: 0 0 15px 0 ;
}
	.intro-box li:nth-child(2){
	float: none;
}
	.hukidasi{
		height: 100px;
	width: 100%;
	background: url(../img/hukidasi.png) no-repeat;
		background-size: 100% auto ;
	margin: 0 auto -75px;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	padding: 20px 0 40px;
}
	.siri{
	font-size: 2em;
	line-height: 1;
}
	.midasi-ul{
	width: 100%;
}
	.midasi-ul li{
	width: 100%;
	height: 71px;
	float: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding: 0 0 0 50px;
	background: url(../img/what.png) no-repeat;
		background-size: 100% auto;
	line-height: 70px;
	color: #00315d;
}
	.banner-tel{
		text-align: center;
	width: 100%;
	margin: 22px auto 0;
}
	.banner-tel .text{
	font-size: 1.4em;
	float: none;
}
	.banner-tel img {
    float: none;
}
	.point,.coat {
	text-align:left;
		width: 94%;
		margin: 0 auto;
}
	.coat02 {
	text-align:left;
		width: 94%;
		margin: 40px auto 0;
}
	.point img,.coat img,.coat02 img{
	text-align:center;	
}
	
	.point01{
	background: url(../img/point01-sp.png) no-repeat;
		background-size: 100% auto;
		height: 65px;
	line-height: 55px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 17%;
	margin: 0 0 15px 0 ;
}
	.point02{
	background: url(../img/point02-sp.png) no-repeat;
		background-size: 100% auto;
		height: 65px;
	line-height: 55px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 17%;
	margin: 0 0 15px 0 ;
}
	.point03{
	background: url(../img/point03-sp.png) no-repeat;
		background-size: 100% auto;
		height: 65px;
	line-height: 55px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 17%;
	margin: 0 0 15px 0 ;
}
	.box-left{
	float: none;
	width: 100%;
		margin: 0 0 20px 0 ;
}
	.item-box{
	width: 100%;
	margin: 50px auto 0 ;
	overflow: hidden;
}
	.item-box .item{
	text-align: center;
	float:none;
	background: #fff;
	width: 90%;
	height: auto;
	color: #0a4662;
	font-size:1.5em;
	font-weight: bold;
	line-height: 60px;
	padding: 0 0 13px 0;
	margin: 0 auto 25px;
	box-shadow:3px 2px 4px 1px #bebebe;
-moz-box-shadow:3px 2px 4px 1px #bebebe;
-webkit-box-shadow:3px 2px 4px 1px #bebebe;
}
	.item-box .item:nth-child(2){
	float: none;
}
	.item-box .item:nth-child(3){
	float: none;
}
	.more-box{
	width: 100%;
	margin: 0 auto;
}
	.more-box img{
		width: 50%;
		margin: 0 auto;
	}
	
	.more ul{
	float: none;
	list-style:url(../img/more-li.png);
	margin: 0 0 0 36px;
}
	.more li{
	font-size: 1em;
	font-weight: bold;
	line-height: 30px;
	padding: 0 0 5px 0 ;
}
	.metal {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  width: 100%;
		padding: 0 10px;
  height: auto;
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #ececec 25%, #ececec 50%,
    #fff 50%, #fff 75%,
    #ececec 75%, #ececec
  );
  background-size: 7px 7px;
	border-radius: 5px;
	line-height: 60px;
	font-size: 2em;
	font-weight: bold;
	color: #00315d;
	margin: 0 0 10px 0 ;
}
	.metal-text{
	width: 100%;
	height:auto;
	margin: 0 auto 45px;
	background:none;
}
	
	.only-logo{
	border-top: #fff 1px solid;
	padding: 20px 0 0 0 ;
	margin: 0 0 45px 0;
}
	.only-logo img{
		width: 50%;
		margin: 0 auto 20px;
	}
	.only-logo .text{
	float: none;
	width: 100%;
}
	.soudan{
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
	margin: 0 0 15px 0 ;
}
	.box-left{
	float: none;
	width: 100%;
}
	.form-text{
	text-align: left;
	margin: 50px auto;
}
	
	form{
	width: 100%;
	margin: 0 auto;
}
#contact {
	background: none repeat scroll 0 0 #F9F9F9;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
#necessary {
	color:#DE4F6B;
	padding:20px 0 10px 0;
}
#contact dt {
	background: none repeat scroll 0 0 #F9F9F9;
	border-top: 1px solid #CCCCCC;
	float: left;
	font-weight: normal;
	padding: 15px 10px;
	width: 133px;
	font-size: 0.8em;
}
#contact dd {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	margin: 0 0 0 133px;
	padding: 15px 20px;
	text-align: left;
	font-size: 0.8em;
}
#contact dt span {
	color:#DE4F6B;
	font-size:85%;
	padding:0 0 0 3px;
}
#contact dt.h60, #contact dd.h60 {
	height:60px;
}
#contact dt.h140, #contact dd.h140 {
	min-height:140px;
}
#contact dd input, #contact dd textarea {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #B7B7B7;
	padding:3px;
	width: 90%;
	
}
	#contact .zip,#contact .zip1{
		width: 40%;
	}
#contact dd input.w70 {
	width:70px;
	margin:0 5px;
}
#contact dd ul {
	height:30px;
}
#contact dd ul li {
	float:left;
	padding:0 20px 0 0;
}
#contact dd ul li input {
	width:20px;
}
#contact div.word input {
	width:90%;
}
#contact div.word input.form_text_short {
	width:80px;
}
#contact dd .form_text_short {
	width:28%;
}
#contact dd textarea {
	height:140px;
}
#btn {
	width:143px;
	margin:0px auto;
	padding:20px 0 0 0;
}
	#contact .wi {
	width:90%;
}

}




#mfp_loading_screen,#mfp_loading,#mfp_overlay_background,#mfp_overlay,#mfp_hidden{
	display: none;
}