@charset "UTF-8";

body {font: 14px/1.8 "lucida grande",helvetica,verdana,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro' ,メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;background: #2b74e3;}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
audio,canvas,img,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
input {border:1px solid #ccc;color: #666;}
input[type="text"] {-webkit-appearance: none;}
textarea {resize: vertical; border:1px solid #ccc;-webkit-appearance: none;}
a{color:#000; text-decoration: none;outline:none;transition: 0.5s ease;}
a:hover {opacity:0.7; filter:alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
a:focus{outline:none;}
a img{transition: 0.5s ease;}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
::-webkit-input-placeholder { color: #ccc; }
:-moz-placeholder { color: #ccc;}
img{max-width: 100%;height: auto;}
.fl{ float: left;}
.fr{ float: right;}
.cf:before,.cf:after{content:"";display: table;}
.cf:after{clear:both;}
.cf{*zoom:1;}
#main_wrap {max-width: 1100px;margin: -15px auto 0;background: #fff;}
#main_wrap header {position: relative;background:#2b74e3;}
#main_wrap header h1 {text-align: center;margin-top: -50px;}
#main_wrap header h1 img {width: 220px;height: auto; }
#main_wrap main {padding: 40px;display: block;text-align: center;}
#main_wrap .col {margin-top: 110px;}
#main_wrap .col > p {font-size: 22px;font-weight: bold; margin-top: 25px;}
#main_wrap .box {max-width: 46.5%;margin-top: 80px;}
#main_wrap .box .btn {font-size: 11px;margin: 35px auto 0;}
#main_wrap .box .btn a {color:#ff5b04;text-decoration: underline;}
#main_wrap .col .cc {margin-top: 80px;}
#main_wrap .box2 {margin-top: 80px;}
#main_wrap .box2  + .box2{margin-top: 70px;padding-top: 70px;border-top: 1px dashed #ccc;}
#main_wrap .box2 dt {margin-bottom: 30px;}
#main_wrap .box2 .btn {font-size: 12px;margin: 35px auto 0;}
#main_wrap .box2 .btn a {color:#ff5b04;text-decoration: underline;}
#main_wrap main > h4 {margin: 80px 0 20px;}
#main_wrap footer {padding: 20px;display: block;text-align: center;}
#main_wrap footer ul {width: 100%;display: table;table-layout: fixed;border-collapse: separate; border-spacing: 10px 0; }
#main_wrap footer ul li {display: table-cell;}
#main_wrap footer ul li a {color:#fff;padding: 15px;background: #ff5b04;display: block;border-radius: 4px;}
#main_wrap footer ul li.bb {color:#fff;padding: 15px;background: #ccc;display: block;border-radius: 4px;}
#main_wrap footer .sns {padding: 40px 0;text-align: center;}

#main_wrap .h_btn {position: fixed;bottom:20px;right:20px;font-size: 11px;text-align: center}
#main_wrap .h_btn a {color:#fff;}

@media screen and (max-width:768px){
#main_wrap {margin: 0;}
.fl,.fr{ float: none;}
a:hover {opacity:1; filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
#main_wrap header h1 {margin-top: 0;background: #fff;}
#main_wrap header h1 img {width: 150px;}
#main_wrap main {padding: 10px;}
#main_wrap .col {margin-top: 50px;}
#main_wrap .col > p {font-size: 18px;font-weight: bold; margin-top: 15px;}
#main_wrap .box {max-width: 100%;margin-top: 40px;}
#main_wrap .box .btn,#main_wrap .box2 .btn {font-size: 13px;margin: 25px auto 0;}
#main_wrap .col .cc {margin-top: 40px;}
#main_wrap .box2  + .box2{margin-top: 30px;padding-top: 30px;}
#main_wrap main > h4 {margin: 40px 0 20px;}
#main_wrap footer {padding: 10px;display: block;text-align: center;}
#main_wrap footer ul li {display: table-cell;}
#main_wrap footer ul {width: 100%;display: block;margin: 0;}
#main_wrap footer ul li {display: block;margin-top: 10px;}
#main_wrap .h_btn img {width: 25px; height: auto;}
#main_wrap .h_btn a {color:#2b74e3;}
}