@charset "utf-8";


.content{
	min-width:940px;
}
#top_menu ul li:nth-child(7) p:first-child{
    color: #205167 !important;
}
.fixed{
	position:fixed !important;
}


.pc_menu {
    display: block !important;
    width: 100%;
    height: 60px;
    background: #fff;
    position: absolute;
    top: 0px;
	z-index:9999;
}

input[type="button"], input[type="text"], input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

input[type="checkbox"]{
	border-radius:3px;
}



.request_top{
	display:block;
	width:100%;
	height:584px;
	position:relative;
	background:url(../../images/request/request_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:60px;
}


.request_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.9rem;
	top:40px;
	width:95%;
	max-width:940px;
	margin:0 auto;
	color:#eee;
}
.request_top p.pan a{
	font-size:0.9rem;
	display:inline-block;
	margin-right:15px;
	color:#eee;
}

.request_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.request_top h2{
	display:block;
	width:360px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:0;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.request_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}

.contact_area,
.sub_area{
	width:90%;
	max-width:940px;
	margin:0 auto;
	
}


.contact_area{
	margin:60px auto 0;
	border-bottom:1px solid #898989;

}

.inner{
	width:700px;
	margin:0 auto;
}


.contact_area p{
	color:#000;
	line-height:1.6rem;
}
.contact_area font{
	font-size:0.9rem;
	color:#013750;
	line-height:1.6rem;
}

.form_area{
	margin:40px 0 0;
}

.form_area box{
	display:block;
	width:100%;
	height:70px;
}



.form_area box label{
	display:inline-block;
	width:130px;
	margin-right:40px;
	vertical-align: middle;
}
.form_area box input[type="text"],
.form_area box input[type="email"],
.form_area box input[type="tel"]{
	width:480px;
	padding:1.5% 1%;
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #C0C0C0;
	color:#B3B3B4;
}
.form_area textarea{
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #B3B3B4;
	color:#B3B3B4;
}

.form_area box.address + box{
	height:auto;
}
.form_area box.address input{
	width:150px;
	margin-right:30px;
}
.form_area box.address span{
	color:#B2B2B3;
}

.form_area box.address_text{
	height:auto;
	margin-bottom:15px;
}

.form_area box.address_text textarea{
	width:480px;
	padding:1.5% 1%;
}
.form_area box.text_area{
	height:auto;
}
.form_area box.text_area label{
	vertical-align: top;
}



.form_area box.text_area textarea{
	width:480px;
	padding:1.5% 1%;
	height:300px;
}

.form_area box.check_area{
	display:block;
	margin:40px 0 0;
}


.form_area box.check_area p{
	width:67%;
	display:inline-block;
}
.form_area box.check_area label{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	cursor:pointer;
}

.form_area box.check_area input{
	width:auto;
	vertical-align:middle;
	margin-right:5px;
}
.sub_area {
	display:block;
	width:100%;
	margin:20px auto;
	text-align:center;
}
.sub_area label{
	cursor:pointer;
}

.sub_area a font{
	display:inline-block;
	color:#10435A;
	padding-bottom:2px;
	border-bottom:1px solid #10435A;
	font-size:0.9rem;
	vertical-align:middle;
	margin:0 40px;
}

.sub_area input[type="submit"]{
	font-size:1rem;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.1rem;
	display:block;
	margin:40px auto 0;
	width:300px;
	padding:13px 0;
	background:none;
	border:none;
	background:#013750;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
	border:1px solid#013750;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}


.sub_area input[type="submit"]:hover{
	background:#fff;
	color:#013750;
	border:1px solid#013750;
}


/* PC */

@media screen and (min-width:769px){
.sp_area{display:none;}
}
@media screen and (max-width:980px){
.pc_menu {
	display:none !important;
}
.request_top{
	display:block;
	margin-top:0px;

}
}


/* mobile */

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

.sp_area{
	display:block;
}
.content{
	max-width:736px;
	min-width:320px;
	margin:0 auto;
}
.pc_menu{
	display:none !important;
}

.request_top{
	display:block;
	width:100%;
	height:400px;
	position:relative;
	background:url(../../images/request/request_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.request_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
	color:#eee;
}
.request_top p.pan a{
	font-size:0.7rem;
	display:inline-block;
	margin-right:15px;
	color:#eee;
}

.request_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.request_top h2{
	display:block;
	width:320px;
	text-align:center;
	position:absolute;
	height:48px;
	line-height:48px;
	right:2%;
	font-size:2.4rem;
	letter-spacing:0.8rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.request_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:22px;
	width:100%;
	bottom:-5px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}

.contact_area,
.sub_area{
	width:90%;
	max-width:940px;
	margin:0 auto;
	
}


.contact_area{
	margin:60px auto 0;
	border-bottom:1px solid #898989;

}

.inner{
	width:700px;
	margin:0 auto;
}


.contact_area p{
	color:#000;
	line-height:1.6rem;
}
.contact_area font{
	font-size:0.9rem;
	color:#013750;
	line-height:1.6rem;
}

.form_area{
	margin:40px 0 0;
}

.form_area box{
	display:block;
	width:100%;
	height:70px;
}



.form_area box label{
	display:inline-block;
	width:130px;
	margin-right:40px;
	vertical-align: middle;
}
.form_area box input[type="text"],
.form_area box input[type="email"],
.form_area box input[type="tel"]{
	width:480px;
	padding:1.5% 1%;
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #C0C0C0;
	color:#B3B3B4;
}
.form_area textarea{
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #B3B3B4;
	color:#B3B3B4;
}

.form_area box.address + box{
	height:auto;
}
.form_area box.address input{
	width:150px;
	margin-right:30px;
}
.form_area box.address span{
	color:#B2B2B3;
}

.form_area box.address_text{
	height:auto;
	margin-bottom:15px;
}

.form_area box.address_text textarea{
	width:480px;
	padding:1.5% 1%;
}
.form_area box.text_area{
	height:auto;
}
.form_area box.text_area label{
	vertical-align: middle;
}



.form_area box.text_area textarea{
	width:480px;
	padding:1.5% 1%;
	height:300px;
}

.form_area box.check_area{
	display:block;
	margin:40px 0 0;
}


.form_area box.check_area p{
	width:67%;
	display:inline-block;
}
.form_area box.check_area label{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	cursor:pointer;
}

.form_area box.check_area input{
	width:auto;
	vertical-align:middle;
	margin-right:5px;
}
.sub_area {
	display:block;
	width:100%;
	margin:20px auto;
	text-align:center;
}
.sub_area label{
	cursor:pointer;
}

.sub_area a font{
	display:inline-block;
	color:#10435A;
	padding-bottom:2px;
	border-bottom:1px solid #10435A;
	font-size:0.9rem;
	vertical-align:middle;
	margin:0 40px;
}

.sub_area input[type="submit"]{
	font-size:1rem;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.1rem;
	display:block;
	margin:40px auto 0;
	width:300px;
	padding:13px 0;
	background:none;
	border:none;
	background:#013750;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
	border:1px solid#013750;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}


.sub_area input[type="submit"]:hover{
	background:#fff;
	color:#013750;
	border:1px solid#013750;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}
@media screen and (max-width:640px){
.content{
	max-width:640px;
	min-width:320px;
}

.contact_area,
.sub_area{
	width:90%;
	max-width:940px;
	margin:0 auto;
	
}


.contact_area{
	margin:60px auto 0;
	border-bottom:1px solid #898989;

}

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


.contact_area p{
	color:#000;
	line-height:1.6rem;
}

.contact_area font{
	font-size:0.9rem;
	color:#013750;
	line-height:1.6rem;
}

.form_area{
	margin:40px 0 0;
}

.form_area box{
	display:block;
	width:100%;
	height:70px;
}



.form_area box label{
	display:block;
	width:130px;
	margin-right:40px;
	vertical-align: middle;
	margin-bottom:5px;
}
.form_area box input[type="text"],
.form_area box input[type="email"],
.form_area box input[type="tel"]{
	width:480px;
	padding:1.5% 1%;
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #C0C0C0;
	color:#B3B3B4;
}
.form_area textarea{
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #B3B3B4;
	color:#B3B3B4;
}

.form_area box.address + box{
	height:auto;
}
.form_area box.address input{
	width:150px;
	margin-right:30px;
}
.form_area box.address span{
	color:#B2B2B3;
}

.form_area box.address_text{
	height:auto;
	margin-bottom:15px;
}

.form_area box.address_text textarea{
	width:480px;
	padding:1.5% 1%;
}
.form_area box.text_area{
	height:auto;
}
.form_area box.text_area label{
	vertical-align: top;
}



.form_area box.text_area textarea{
	width:480px;
	padding:1.5% 1%;
	height:300px;
}

.form_area box.check_area{
	display:block;
	margin:40px 0;
}


.form_area box.check_area p{
	width:55%;
	font-size:0.8rem;
	display:inline-block;
	border:none;
}
.form_area box.check_area p font{
	font-size:0.6rem;
}
.form_area box.check_area label{
	display:inline-block;
	width:auto;
	vertical-align:middle;
	cursor:pointer;
	line-height:1.3rem;
}

.form_area box.check_area input{
	width:auto;
	vertical-align:middle;
	margin-right:5px;
}

.sp_border{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	margin-bottom:15px;
}

.sp_center{
	text-align:center;
}

.sub_area {
	display:block;
	width:100%;
	margin:20px auto;
	text-align:center;
}

.sub_area p{
	font-size:0.8rem;
	vertical-align:middle;
}

.sub_area label{
	cursor:pointer;
	vertical-align:bottom;

}
.sub_area input[type="checkbox"]{
}

.sub_area a font{
	display:inline-block;
	color:#10435A;
	padding-bottom:2px;
	border-bottom:1px solid #10435A;
	font-size:0.7rem;
	vertical-align:middle;
	margin:0 40px;
}

.sub_area input[type="submit"]{
	font-size:1rem;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.1rem;
	display:block;
	margin:40px auto 0;
	width:300px;
	padding:13px 0;
	background:none;
	border:none;
	background:#013750;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
	border:1px solid#013750;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}


.sub_area input[type="submit"]:hover{
	background:#fff;
	color:#013750;
	border:1px solid#013750;
}




/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:414px){
.content{
	max-width:414px;
	min-width:320px;
}

.request_top{
	display:block;
	width:100%;
	height:300px;
	position:relative;
	background:url(../../images/request/request_top.jpg) no-repeat top center;
	background-size:cover;
	margin-top:0px;
}


.request_top p.pan{
	position:relative;
	z-index:2;
	font-size:0.7rem;
	top:10px;
	width:95%;
	max-width:940px;
	margin:0 auto;
	color:#eee;
}
.request_top p.pan a{
	font-size:0.7rem;
	display:inline-block;
	margin-right:15px;
	color:#eee;
}

.request_top_title{
	width:100%;
	max-width:940px;
	margin:0 auto;
	position:relative;
	top:35%;
}


.request_top h2{
	display:block;
	width:210px;
	text-align:center;
	position:absolute;
	height:40px;
	line-height:40px;
	right:2%;
	font-size:1.6rem;
	letter-spacing:0.4rem;
	color:#fff;
	font-weight:normal;
	z-index:2;
}

.request_top h2:after{
	position:absolute;
	display:block;
	content:'';
	height:20px;
	width:100%;
	bottom:-0px;
	background:rgba(0,29,49,0.5);
	z-index:-1;
}

.contact_area,
.sub_area{
	width:90%;
	max-width:940px;
	margin:0 auto;
	
}

.sub_area{
	margin-bottom:60px;
}
.contact_area{
	margin:60px auto 0;
	border-bottom:1px solid #898989;

}

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


.contact_area p{
	color:#000;
	line-height:1.6rem;
	font-size:0.7rem;
}

.contact_area font{
	font-size:0.7rem;
	color:#013750;
	line-height:1.6rem;
}

.form_area{
	margin:40px 0 0;
}

.form_area box{
	display:block;
	width:100%;
	height:70px;
}



.form_area box label{
	display:block;
	width:130px;
	margin-right:40px;
	vertical-align: middle;
	margin-bottom:5px;
	font-size:0.8rem;
}

.form_area box input[type="text"],
.form_area box input[type="email"],
.form_area box input[type="tel"]{
	width:100%;
	padding:1.5% 1%;
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #C0C0C0;
	color:#B3B3B4;
}
.form_area textarea{
	border-radius:5px;
	box-shadow:none;
	border:none;
	border:1px solid #B3B3B4;
	color:#B3B3B4;
}

.form_area box.address + box{
	height:auto;
}
.form_area box.address input{
	width:150px;
	margin-right:15px;
}
.form_area box.address span{
	font-size:0.6rem;
	color:#B2B2B3;
}

.form_area box.address_text{
	height:auto;
	margin-bottom:15px;
}

.form_area box.address_text textarea{
	width:100%;
	padding:1.5% 1%;
}
.form_area box.text_area{
	height:auto;
}
.form_area box.text_area label{
	vertical-align: top;
}



.form_area box.text_area textarea{
	width:100%;
	padding:1.5% 1%;
	height:300px;
}

.form_area box.check_area{
	display:block;
	margin:40px 0 0;
	text-align:center;
}


.form_area box.check_area p{
	width:100%;
	font-size:0.8rem;
	display:inline-block;
	border:none;
}
.form_area box.check_area p font{
	font-size:0.6rem;
	display:inline-block;
	margin-left:5px;
}
.form_area box.check_area label{
	display:inline-block;
	width:auto;
	vertical-align:bottom;
	cursor:pointer;
}

.form_area box.check_area input{
	width:auto;
	vertical-align:top;
	margin-right:5px;
}

.sp_border{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	margin-bottom:15px;
}

.sp_center{
	text-align:center;
}

.sub_area {
	display:block;
	width:100%;
	margin:20px auto;
	text-align:center;
}

.sub_area p{
	font-size:0.8rem;
	vertical-align:middle;
	display:block;
}

.sub_area a{
	display:block;
	margin-top:15px;
}

.sub_area label{
	cursor:pointer;
	vertical-align:bottom;
}
.sub_area input[type="checkbox"]{
}

.sub_area a font{
	display:inline-block;
	color:#10435A;
	padding-bottom:2px;
	border-bottom:1px solid #10435A;
	font-size:0.7rem;
	vertical-align:middle;
	margin:0 40px;
}

.sub_area input[type="submit"]{
	font-size:1rem;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	letter-spacing:0.1rem;
	display:block;
	margin:40px auto 0;
	width:300px;
	padding:13px 0;
	background:none;
	border:none;
	background:#013750;
	color:#fff;
	border-radius:5px;
	cursor:pointer;
	border:1px solid#013750;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}


.sub_area input[type="submit"]:hover{
	background:#fff;
	color:#013750;
	border:1px solid#013750;
}

input,
textarea{
	font-size:16px !important;
}

/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


@media screen and (max-width:375px){
.content{
	max-width:375px;
	min-width:320px;
}
.contact_area p{
	color:#000;
	line-height:1.6rem;
	font-size:0.6rem;
}


/* 																												end
----------------------------------------------------------------------------------------------------------------- */}


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

.content{
	max-width:320px;
	min-width:320px;
}
.sub_area input[type="submit"]{
	width:270px;
}


.form_area box.check_area{
	margin-bottom:40px;
	text-align:center;
}
.form_area box input[type="text"], .form_area box input[type="email"], .form_area box input[type="tel"]{
	width:95%;
}
.form_area box.text_area textarea,
.form_area box.address_text textarea{
	width:95%;
}

/* 																												end
---------------------------------------------------------------------------------------------------------------- */}