@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
position: relative;	
}
figure {
	margin: 0;
  padding: 0;
}
img {
  vertical-align: bottom;
	width: 100%;
	margin: 0;
  padding: 0;
}
.btn_entry { width: auto; margin: 5.625vw 20.83%;}
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
header { position: fixed; height: 5.16vw; z-index:50;}
header .logo1 {  display:table-cell; width:23.8333%; }
header .logo2 {  display:table-cell; width:26.1666%; }
header .entry {   display:table-cell; width:50%;}
.dtb { display: table; }

.area_con,footer {padding-right: 20%}　
.area_detail { position: relative; width: 100%; height: 50.333vw; }
.detail_bnr_yt { position: absolute; top:12.375vw; left:28.362vw; width: 42.291%;}
.area_detail { position: relative; width: 100%; height: 40vw; }
.detail_entry { position: absolute; top:13.541vw; left:20.833vw; width: 43.75%;}
.form { position: fixed; right: 0; top: 0; width: 20%; height: 100vh; background-color: antiquewhite; z-index: 100;}


footer { height: 5.16vw; }
footer .logof_1 {  display:table-cell; width:50%; }
footer .logof_2 {  display:table-cell; width:50%; }
.dtbf { display: table; }

.mgnB5{margin-bottom:5px !important;}
.mgnB10{margin-bottom:10px !important;}
.mgnB20{margin-bottom:20px !important;}
.mgnB30{margin-bottom:30px !important;}
.mgnB40{margin-bottom:40px !important;}
.mgnB50{margin-bottom:50px !important;}

.blue{color: #4b7191;}
a {color: #000; text-decoration: underline;}
a:hover {color: #777; text-decoration: none;}

.onlyPC {display:block;}
.onlySP {display:none;}

.btn{ width:450px;height:55px;line-height:55px;margin:0 auto;}
.btn a{ display:block;width:100%;height:100%;text-decoration: none;background:#dc2d52;text-align:center;color:#FFFFFF;font-size:20px;font-weight:bold;box-shadow:0px 0px 0px 4px #dc2d52 ;text-shadow:0px 0px 0px #FFFFFF ;transition: all 0.5s ease;border-radius: 30px;}
.btn a:hover{ background:#FFFFFF;color:#dc2d52;margin-left:0px;margin-top:0px;box-shadow:0px 0px 0px 4px #dc2d52 ;}

@media screen and (max-width: 640px) {
.onlyPC {display:none;}
.onlySP {display:block;}
	
header { position: fixed; height: 6.32vw; z-index:50;}
header .logo1 {  display:table-cell; width:27.2972%; }
header .logo2 {  display:table-cell; width:30.6756%; }
header .entry {  display:table-cell; width:40.0272%;}
	
		
.area_con { padding-top: 13vw;}
.area_detail { position: relative; width: 100%; height: 160vw; }
.detail_bnr_yt { position: absolute; top:45vw; left:10vw; width: 82.432%;}
.area_detail { position: relative; width: 100%; height: 135vw; }
.detail_entry { position: absolute; top:60vw; left:9.4594vw; width: 81.081%;}
.area_con,footer {padding-right: 0;}
.form { display: none;}

		
.btn{   width: 90%;}

.btn_entry { width: auto; margin: 13.5vw 10%;}
	

.mgnB5{margin-bottom:0.3125em !important;}
.mgnB10{margin-bottom:0.625em !important;}
.mgnB20{margin-bottom:1.25em !important;}
.mgnB30{margin-bottom:1.875em !important;}
.mgnB40{margin-bottom:2.5em !important;}
.mgnB50{margin-bottom:3.125em !important;}

}