@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

/* margin style */
.mT0 {margin-top:0 !important;}
.mT05 {margin-top:5px !important;}	.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}	.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}	.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}	.mT40 {margin-top:40px !important;}

/* text style */
.bold {font-weight:700;}
.txt_r {text-align:right;}

a[href="#"] {pointer-events:none;}
a[href="#"]:hover img.hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#recaptcha {margin:20px auto 0 auto;}
#recaptcha div {margin:0 auto;}

@media screen and (max-width: 767px) {
* {margin:0; padding:0;}
html {-webkit-text-size-adjust:100%;}
body {width:100%; overflow-x:hidden; background:#fff; color:#232323; font-size:12px; font-family:sans-serif;}
img {width:100%; height:auto;}
a {color:#4ebae2;}

/* float style */
.area2 .fleft {width:40%; float:left; padding:0 2em 2em 0;}
.area3 .fright {width:40%; float:right; padding:0 0 2em 2em;}
img.photo_l {}
img.photo_r {}

.scroll {overflow: auto; white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
}

@media screen and (min-width: 768px) {
body {background:url(../images/contents/bg.jpg); color:#232323; font-size:12px; font-family:"メイリオ",Meiryo;}
a {color:#4ebae2;}
a:hover {text-decoration:none;}
a:hover img.hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a[href^="tel:"] {pointer-events: none;}
.sp {display:none !important;}

/* float style */
.photo_l {float:left; padding:0 2em 2em 0;}
.photo_r {float:right; padding:0 0 2em 2em;}
}


/*********************************
 *
 * HEADER
 *
 *********************************/

@media screen and (max-width: 767px) {
#header {position:relative; width:100%; height:9.5vw; background:#88bc4d url(../images/header/bg.gif) left bottom repeat-x; background-size:auto 100%;}

/* h1 */
#header h1 {position:absolute; top:1.2vw; left:3vw; width:94vw; color:#fff; font-size:2.2vw; line-height:1.5;}
#header .tel {position:absolute; top:4.5vw; left:3vw; font-size:2.8vw; font-weight:700; white-space:nowrap;}
#header .tel a {padding:0 0 0 1.5em; background:url(../images/header/icn_tel_sp.png) left center no-repeat; background-size:auto 1.2em; box-sizing:border-box; color:#fff; text-decoration:none;}
/*#header .mobile {position:absolute; top:19px; right:0; font-size:13px; font-weight:700; line-height:30px;}
#header .mobile a {padding:0 0 0 18px; background:url(../images/header/icn_tel_sp.png) left 3px no-repeat; background-size:auto 14px; box-sizing:border-box; color:#fff; text-decoration:none;}*/
}

@media screen and (min-width: 768px) {
#header {overflow:hidden; width:100%; height:30px; margin:0 auto; background:url(../images/header/bg.gif) repeat-x; line-height:1;}

/* h1 */
#header h1 {width:980px; margin:8px auto 0 auto; font-size:11px; color:#fff;}
#header .tel {display:none;}
}


/*********************************
 *
 * GLOBAL MENU
 *
 *********************************/

@media screen and (max-width: 767px) {
#gmenu {clear:both; width:100vw !important; height:auto !important; margin:0 auto; padding:0; font-size:11px; line-height:1;}
#gmenu li {display:table-cell; width:20vw; /*padding:20px 0 10px 0; background:url(../images/header/icn_arw.png) center 5px no-repeat; background-size:auto 13px;*/ border-top:1px solid #eee; border-bottom:1px solid #eee; border-left:1px solid #eee; box-sizing:border-box; vertical-align:middle;}
#gmenu li:nth-child(2) {border-left:0;}
#gmenu ul li.logo {display:block; width:100vw; padding:5px 0; background:none; border:0;}
#gmenu ul li.logo img {width:50vw; max-width:306px; padding:0 0 0 3vw;}
#gmenu li a {display:block; padding:1.2em 0.2em; color:#232323; text-decoration:none; text-align:center; line-height:1.3;}
}

@media screen and (min-width: 768px) {
#gmenu {width:100%; height:54px; margin:0 auto; background:#fff;}
#gmenu ul {width:980px; margin:0 auto; padding:0; list-style:none outside none; font-size:15px; font-weight:700;}
#gmenu ul li {float:left; margin:0 25px 0 0; padding:12px 0 0 0; line-height:33px;}
#gmenu ul li:last-child {margin:0;}
#gmenu ul li a {display:block; margin:0; padding:0 0 0 15px; background:url(../images/header/icn_arw.png) left 9.5px no-repeat; color:#2b2b2b; text-decoration:none;}
#gmenu ul li a:hover {text-decoration:underline;}
#gmenu ul li.logo {padding:8px 15px 0 0; line-height:1;}
#gmenu ul li.logo img {max-width:306px; height:auto;}
}


/*********************************
 *
 * MAIN IMAGE
 *
 *********************************/

@media screen and (max-width: 767px) {
#mainimg {overflow:hidden; width:100vw; max-width:767px; height:auto !important; margin:0 auto 15px auto; background:#fff !important;}
#mainimg img {width:100vw; max-width:767px; height:auto;}
#mainimg .orbit-bullets {display:none !important;}
}

@media screen and (min-width: 768px) {
#mainimg {width:980px; margin:0 auto;}
}


/*********************************
 *
 * MAIN
 *
 *********************************/

@media screen and (max-width: 767px) {
#main {overflow:hidden; clear:both; width:90vw; margin:0 auto;}

/* text passs */
#tpass {display:none;}

/* profile */
table.profile {width:100%; margin:0;}
table.profile th, table.profile td {display:block; padding:1em; border:1px solid #d6d6d1;}
table.profile th {background:#fafafa; border-bottom:0;}
table.profile2 {width:100%; margin:0;}
table.profile2 th, table.profile2 td {padding:1em; border:1px solid #d6d6d1;}
table.profile2 th {background:#fafafa; border-bottom:0;}

/* fee */
table.fee {width:100%; margin:0 auto;}
table.fee th, table.fee td {padding:0.7em 1em; border:1px solid #d6d6d1;}
table.fee th {width:140px; background:#fafafa; font-weight:700;}	
table.fee thead th {background:#2c9ec5; color:#fff; text-align:center;}
table.fee tbody td {text-align:center;}
}

@media screen and (min-width: 768px) {
#main {overflow:hidden; clear:both; width:980px; margin:0 auto;}

/* text passs */
#tpass {overflow:hidden; clear:both;}
#tpass li {float:left; margin-right:12px; padding:20px 0; font-size:11px;}
#tpass li.on { background:url(../images/contents/icn_tpass.gif) left center no-repeat; padding-left:13px;}

/* profile */
table.profile {width:100%; margin:0;}
table.profile th, table.profile td {padding:1em 1em; border:1px solid #d6d6d1;}
table.profile th {width:130px; background:#fafafa; white-space:nowrap;}
table.profile2 {width:100%; margin:0;}
table.profile2 th, table.profile2 td {padding:1em 1em; border:1px solid #d6d6d1;}
table.profile2 th {width:130px; background:#fafafa;}

/* fee */
table.fee {width:100%; margin:0 auto;}
table.fee th, table.fee td {padding:0.7em 1em; border:1px solid #d6d6d1;}
table.fee th {width:140px; background:#fafafa; font-weight:bold;}	
table.fee thead th {background:#2c9ec5; color:#fff; text-align:center;}
table.fee tbody td {text-align:center;}
}


/*********************************
 *
 * BANNER
 *
 *********************************/

@media screen and (max-width: 767px) {
#banner {}
#banner ul {margin:0 auto; text-align:center;}
#banner ul li {float:left; width:44vw; margin:3vw 0 0 0;}
#banner ul li:nth-child(even) {float:right;}

/* official */
#banner ul.official {margin-bottom:15px;}

/* tel */
#banner #tel,
#banner #mobile {clear:both; display:none;}
}

@media screen and (min-width: 768px) {
#banner {float:left; width:250px; padding:25px 0; background:#fff; border-radius:8px;}
#banner ul {width:200px; margin:0 auto;}
#banner ul li {margin:0 0 10px 0;}
#banner ul li a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/* official */
#banner ul.official {/*margin-bottom:20px;*/}

/* tel */
#banner #tel {width:200px; height:50px; margin:20px auto 0 auto; background:url(../images/contents/bg_tel.png) no-repeat;}
#banner #tel span {padding:0 0 0 40px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:1px; line-height:50px;}
#banner #mobile {width:200px; height:50px; margin:5px auto 0 auto; background:url(../images/contents/bg_tel.png) no-repeat;}
#banner #mobile span {padding:0 0 0 40px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:1px; line-height:50px;}
}


/*********************************
 *
 * CONTENTS
 *
 *********************************/

@media screen and (max-width: 767px) {
#contents {}

/* h1 */ 
#contents h1 {width:100%; height:80px; margin:10px 0 15px 0; background:url(../images/contents/bg_h1.jpg) center center no-repeat; background-size:cover; border-radius:6px;}
#main h1 span {padding:0 0 0 4vw; color:#4dacd9; font-size:3.6vw; font-weight:700; line-height:80px;}
	
/* h2 */
#contents h2 {padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; font-size:15px; font-weight:700;}
#contents h2 .icn {padding:0 0 0 23px; background:url(../images/contents/icn_h4.png) 3px center no-repeat; background-size:auto 15px; line-height:15px;}

/* h3 */
#contents h3 {margin-top:1em; color:#2c9ec5; font-size:14px; font-weight:bold;}
#contents h3.ttl {margin:30px 0 1em 0; padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; font-size:15px; font-weight:700;}
#contents h3.ttl .icn {padding:0 0 0 23px; background:url(../images/contents/icn_h4.png) 3px center no-repeat; background-size:auto 15px; line-height:15px;}
#contents h3.ttl .edate {margin:0 0 0 0.5em; color:#666; font-size:86%; font-weight:400;}
#contents h3.ttl:first-child {margin-top:0;}

/* h4 */
#contents h4 {margin:30px 0 1em 0; padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; font-size:15px; font-weight:700;}
#contents h4:first-child {margin-top:0;}
#contents h4 .icn {padding:0 0 0 23px; background:url(../images/contents/icn_h4.png) 3px center no-repeat; background-size:auto 15px; line-height:15px;}

/* p */
#contents p {margin-top:1em;}

/* inner */
#contents .inner {overflow:hidden; clear:both; line-height:1.8;}

/* bnr */
#contents #bnr {margin-top:15px;}

.subtext, .ptxt {line-height:1.8;}
.ptxt ol {list-style:decimal; margin-left:2em;}
.ptxt ul {list-style:disc; margin-left:2em;} 

/* pagetop */
#pagetop {display:none;}
}

@media screen and (min-width: 768px) {
#contents {float:right; width:700px;}

/* cbox */
#contents #cbox {width:640px; padding:30px; background:#fff; border-radius:8px;}

/* h1 */ 
#contents h1 {position:relative; width:700px; height:143px; margin-bottom:35px; background:url(../images/contents/bg_h1.jpg) no-repeat;}
#main h1 span {position:absolute; top:38%; left:30px; color:#4dacd9; font-size:24px; font-weight:bold;}
	
/* h2 */
#contents h2 {padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; font-size:16px; font-weight:bold;}
#contents h2 .icn {padding:0 0 0 30px; background:url(../images/contents/icn_h4.png) left center no-repeat; line-height:26px;}

/* h3 */
#contents h3 {margin-top:1em; color:#2c9ec5; font-size:14px; font-weight:bold;}
#contents h3.ttl {margin:30px 0 1em 0; padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; color:#232323; font-size:16px; font-weight:bold;}
#contents h3.ttl .icn {padding:0 0 0 30px; background:url(../images/contents/icn_h4.png) left center no-repeat; line-height:26px;}
#contents h3.ttl .edate {margin:0 0 0 0.5em; color:#666; font-size:86%; font-weight:400;}
#contents h3.ttl:first-child {margin-top:0;}

/* h4 */
#contents h4 {margin:30px 0 1em 0; padding:0.5em 0 0.5em 0.2em; background:url(../images/contents/bg_h4.png) left bottom repeat-x; font-size:16px; font-weight:bold;}
#contents h4:first-child {margin-top:0;}
#contents h4 .icn {padding:0 0 0 30px; background:url(../images/contents/icn_h4.png) left center no-repeat; line-height:26px;}

/* p */
#contents p {margin-top:1em;}

/* inner */
#contents .inner {overflow:hidden; clear:both; line-height:1.8;}

/* bnr */
#contents #bnr {margin-top:20px;}

.subtext, .ptxt {line-height:1.8;}
.ptxt ol {overflow:auto; list-style:decimal;}
.ptxt ol li {margin-left:1.5em;}
.ptxt ul {overflow:auto; list-style:disc;}
.ptxt ul li {margin-left:1.5em;}

/* pagetop */
#pagetop {margin-top:30px; text-align:right;}
}


/*********************************
 *
 * FOOTER
 *
 *********************************/
 
@media screen and (max-width: 767px) {
#footer {margin:30px auto 0 auto;}
#footer ul {font-size:11px;}
#footer li {border-top:1px solid #eee;}
#footer li a {display:block; padding:1.2em 3vw; box-sizing:border-box; color:#666; text-decoration:none;}

/* copyright */
#copyright {padding:15px 0; background:#8cc3dd url(../images/footer/bg_copy.gif) /*left top repeat-x*/; background-size:auto 100%;}
#copyright .box {clear:both; margin:0 auto;}
#copyright .box div {display:none; padding:0 3vw;}
#copyright .box div img {width:auto !important;}
#copyright .box p {margin:1em 0 0 0; color:#fff; font-size:10px; text-align:center; line-height:30px;}
}

@media screen and (min-width: 768px) {
#footer {position:relative; overflow:hidden; width:100%; margin:50px auto 0 auto; padding:20px 0; background:#fff; border-top:1px solid #efefef;}
#footer ul {position:relative; top:40%; left:50%; float:left; font-size:12px;}
#footer li {position:relative; left:-50%; float:left; margin:0 15px;}
#footer li a {color:#2b2b2b; text-decoration:none;}
#footer li a:hover {text-decoration:underline;}

/* copyright */
#copyright {padding:20px 0; background:url(../images/footer/bg_copy.gif) /*repeat-x*/;}
#copyright .box {overflow:hidden; clear:both; width:980px; margin:0 auto;}
#copyright .box div {display:none; float:left;}
#copyright .box p {/*float:right;*/ color:#fff; font-size:10px; line-height:33px; text-align:center;}
}