@charset "UTF-8";



/*========================全体=============================*/
img { vertical-align: top; font-size: 0; line-height: 0; border: 0; }

html { /*-webkit-text-size-adjust: 100%;*/ font-size:62.5%; }
body{font-size:1.3rem; font-size:13px; }
html,body{
font-family:"游ゴシック体", "Yu Gothic", YuGothic,"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
height:100%;
}

/*================ヘッダー=================*/

#wrapper { width:100%; min-width:1024px; margin:0 auto; height:100%;}
header { border-top:#f65d00 12px solid; padding-top:60px; position:fixed; top:0px; left:0px; z-index:-1;width:100%; min-width:1024px;}
header h1 img { width:100%; height:auto;}

/*================コンテンツ=================*/
.btn a{
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}

#contents { background-color:#ffffff;}

#contents1 { text-align:center; color:#ffffff; height:581px; position:relative;}
#contents1 figure { position:absolute; top:0; left:0; width:100%; text-align:center;}
#contents1 h1 { font-size:30px; font-weight:bold; padding:90px 0 40px; line-height:1.3em;}
#contents1 h1 span { font-size:24px; font-weight:bold;}
#contents1 .links a { color:#ffffff; font-size:15px;}
#contents1 ul { padding:40px 0; font-size:15px;}
#contents1 .btn a { display:inline-block; background-color:#ffffff; padding:15px 20px; margin-bottom:10px; color:#ee7600; text-decoration:none; font-size:15px; font-weight:bold; width:375px; border-radius:50px ;}
#contents1 .btn a:hover { background-color:#ee7600;color:#ffffff;}
#contents1 .block{ position:absolute; top:20px; right:20px; border:#ffffff 1px solid; padding:10px 20px;}
#contents1 .block dt { font-size:12px;}
#contents1 .block dd { font-size:23px; font-weight:bold;}

#contents2 { margin-bottom:-1px;}
#contents2 .inner1 { width:50%; float:right; height:378px; position:relative; }
#contents2 .inner1 .inner_wrapper { padding:100px 0 0 40px;}
#contents2 .inner1 h1 { font-size:15px; font-weight:bold; color:#ffffff;text-shadow: 0px 0px 3px #000; margin-bottom:10px;}
#contents2 .inner1 .inner_wrapper dt span { background-color:#000000; color:#ffffff; display:inline-block; font-size:24px; font-weight:bold; margin-bottom:5px; padding:0px 10px; line-height:1.6em;}
#contents2 .inner1 .inner_wrapper dd { font-size:20px; font-weight:bold; color:#ffffff;
filter:dropshadow(color=#000000,offX= 0,offY=-1)
dropshadow(color=#000000,offX= 1,offY= 0)
dropshadow(color=#000000,offX= 0,offY= 1)
dropshadow(color=#000000,offX=-1,offY= 0);
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}
#contents2 .inner1 .block { position:absolute; top:0px; right:0px; background-color:#000000; color:#fbb900; text-align:right; padding:15px 20px; }
#contents2 .inner1 .block dt { color:#fbb900; font-size:13px;}
#contents2 .inner1 .block dd { color:#fbb900; font-size:29px; font-weight:bold; line-height:1em;}

#contents2 .inner2 { width:50%; float:left; height:378px; text-align:center; color:#ffffff;}
#contents2 .inner2 h1 { font-size:26px; font-weight:bold; color:#ffffff; margin:110px 0 30px; line-height:1.8em;}
#contents2 .inner2 p { font-size:20px; }


#contents3 { text-align:center; position:relative;background-color:#ffffff;}
#contents3 .contents_wrapper { width:840px; margin:0 auto; padding:68px 0;}
#contents3 figure { float:left;}
#contents3 .inner1 { margin-left:300px;}
#contents3 .block { font-size:15px; position:absolute; top:0px; left:0px; background-color:#7b716e; color:#ffffff; text-align:right; padding:15px 20px; }
#contents3 .inner1 h1{ }
#contents3 .inner1 p { font-size:15px; font-weight:bold; margin-top:30px;}
#contents3 .inner1 .btn a { display:inline-block; border:#eb2c91 1px solid; background-color:#eb2c91; padding:15px 20px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:bold; width:375px; border-radius:50px ;}
#contents3 .inner1 .btn a:hover { border:#eb2c91 1px solid; background-color:#ffffff; color:#eb2c91;}

#contents4 { text-align:center;}
#contents4 .inner1 { width:50%; float:left; height:288px; background-color:#3bc3b7; position:relative; padding:90px 0px 0px;}
#contents4 .inner1 .block { font-size:15px; position:absolute; top:0px; left:0px; background-color:#000000; color:#ffffff; text-align:right; padding:15px 20px; }
#contents4 .inner1 .block p { margin:0px;}
#contents4 .inner1 p { font-size:15px; font-weight:bold; margin-top:25px;}
#contents4 .inner1 .btn a { display:inline-block; border:#ffffff 1px solid; background-color:#3bc3b7; padding:15px 20px; color:#ffffff; text-decoration:none; font-size:15px; font-weight:bold; width:375px; border-radius:50px ;}
#contents4 .inner1 .btn a:hover {background-color:#ffffff; color:#3bc3b7;}

#contents4 .inner2 { width:50%; float:right; height:288px; background-color:#e4f888; position:relative; padding:90px 0px 0px;}
#contents4 .inner2 .block { font-size:15px; position:absolute; top:0px; left:0px; background-color:#000000; color:#ffffff; text-align:right; padding:15px 20px; }
#contents4 .inner2 .block p { margin:0px;}
#contents4 .inner2 p { font-size:15px; font-weight:bold; margin-top:25px;}
#contents4 .inner2 .btn a { display:inline-block; border:#ffffff 1px solid; background-color:#ffffff; padding:15px 20px; color:#a5cc39; text-decoration:none; font-size:15px; font-weight:bold; width:375px; border-radius:50px ;}
#contents4 .inner2 .btn a:hover { border:#ffffff 1px solid; background-color:#a5cc39; color:#ffffff;}

/*================フッター=================*/
footer { text-align:center; padding:80px 0 40px;background-color:#ffffff;}
footer .logo { margin-bottom:40px;}
footer small { font-size:12px; }


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

}