@charset "utf-8";
/* CSS Document */
html, body { font-size: 16px; border:none;  }
.wrapper {  min-width: 0; }
/* subMenu */
.subMenu .menu { position: absolute; top: 0; right:0; width: 40px; height: 40px; background:url(../images/bt_menu.png) no-repeat; background-size: auto 100%; cursor: pointer;}
.subMenu h1{ width: 100px; height: 40px; background-size: 80px auto;}
.subMenu ul { top: 40px; left: 0; display: none;}
.subMenu li{ float: none;}
.subMenu li a{ padding: 0 0px; line-height: 40px; background-color: rgba( 204, 0, 0, 0.8); }
.subMenu .open .menu { background-position: right 0;}
.subMenu .open ul{ display: block;}

.inner { padding:20px 0;}
.inner h2 { font-size: 22px; line-height: 1.4em; }
.inner p { padding: 0 10px; }
.link { width: 160px; line-height: 40px; font-size: 18px;}
.pic {margin-top: 10px;}
.pic img{ width: 100%; height: auto;}

/* sTop */
.sTop .main{ padding-top: 80px; height: 220px; background-size: cover;}
.sTop .inner { padding:20px 0 0;}
.sTop .title{ font-size: 22px; line-height: 140%; margin-bottom: 20px;}
.sTop .title span{ font-size: 28px; line-height: 1.4em;}
.sTop .link { font-size: 18px;}
.list_count { padding-top: 20px; }
.list_count li{ width: 45%; vertical-align: top; margin-bottom: 20px;}
.list_count .count{ font-size: 36px; line-height: 1em;}
.list_count .p2 { font-size: 18px;}

/* s1 */
.s1 { background-size: cover; }
.s1 h2 {font-size: 36px; display: block;}
.s1 .link { line-height: 40px; margin: 0 0 10px; }
.s1 .tableArea { margin-top: 20px; padding: 20px 0 1px;}
.tableArea .content{ width: auto; padding: 0 10px; font-size: 14px;}
.tableArea .table_list { width: auto; margin-right: 0; float: none; margin-bottom: 20px;}

/* s2 */
.s2 h2 {font-size: 36px; display: block;}
.s2 .link { line-height: 40px; margin: 0 0 10px; }
.s2 .box { padding: 0 10px 0px; min-height: 0;}
.list_data { padding-top: 0px; margin-bottom:20px;}
.list_data .q{ padding-right: 30px;letter-spacing: 0px;}
.pos { position: relative; width: auto; margin: 0 -10px 10px;}
.pos .play{ top: 100px; left: 50%; margin-left: -38px;}

/* s3 */
.list_service li{ width: 50%;padding: 10px 10px 0; }
.list_service p{ padding: 0; }


/* s4 */
.s4 { background-size: cover; }
.list_partner li { margin: 10px 0px 0; width:33%; margin-right: -5px;}
.list_partner li img{ display: block; width: 100%; height: auto;}

/* s5 */
.s5 .inner{ background-size: auto 60%;}
.form { padding-top: 20px;}
.input { width: 300px; margin-bottom: 20px;}
.btn { width: 230px; margin: 0 auto 20px; line-height: 40px;}

/* footer */
.footer { background-size: auto 100%;}
.footer .inner { margin: 0 auto; padding: 20px 10px 12px;}
.footer .f_left { position: static; width: auto; margin-bottom: 10px;}
.footer .f_left .logo { margin-bottom: 5px;}
.footer .f_left .logo img{ width: 200px; height: auto;}
.footer .f_left p { padding: 0; line-height: 1.4em; font-size: 12px; }
.footer .f_right { width: auto; }
.footer .f_right li{ position: relative; padding-left: 70px; margin: 0 0px 8px 0; display:block; letter-spacing: 1px; }
.footer .f_right .info_t { position: absolute; top: 0; left: 0;}