@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------- */
/* BASE --------------------------------------------- */
/* -------------------------------------------------- */


/* ----- COLORs ----- */
/*
red #E02130(224,33,48)
yellow　#FAB243
*/
/* ----- COLORS ----- */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, blockquote, th, td { margin:0; padding:0; }
body { /*color:#333; */ font: 62.5%/1.4 Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0 auto; -webkit-text-size-adjust: 100%; }
body{ font-size: 1em; }

img { max-width: 100%; width: auto\9; /* ie8 */ height: auto; border: 0; vertical-align: top; }
.a-img a:hover img{ opacity:0.6; filter: alpha(opacity=60); }

/* pc-nonpc_switch  */
.pc {}/*pcのみ表示*/
.tablet { display:none; }/* tabletのみ表示*/
.nonpc { display: none; }/*pc非表示、tablet,smartphoneで表示*/
.nonpc-inline { display: none; }/*pc非表示、tablet,smartphoneで表示*/
.pc-tablet {}/* PC,tabletで表示 */
.pc-tablet-inline { display: inline; }/* PC,tabletで表示 */
.nonpc-small { display: none; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: none; }/* smartphoneのみ表示*/
@media screen and (max-width: 768px) {
.pc { display:none; }/*pcのみ表示*/
.tablet { display:block; }/* tabletのみ表示*/
.nonpc { display:block; }/*pc非表示、tablet,smartphoneで表示*/
.nonpc-inline { display: inline; }/*pc非表示、tablet,smartphoneで表示*/
}
@media screen and (max-width: 480px) {
.tablet { display:none; }/* tabletのみ表示*/
.pc-tablet { display: none; }/* PC,tabletで表示 */
.pc-tablet-inline { display: none; }/* PC,tabletで表示 */
.nonpc-small { display: block; }/* smartphoneのみ表示*/
.nonpc-small-inline { display: inline; }/* smartphoneのみ表示*/
}



/* -------------------------------------------------- */
/* HEADER_AREA -------------------------------------- */
/* -------------------------------------------------- */
#page-top-txt{ font-size: .8em; color: #666; }
#header-box { width: 100%; background: #999; }

/*
#top { width: 1200px; margin: 0 auto; overflow: hidden; }
#top-inner { width: 980px; margin: 0 auto 10px; overflow: hidden; }
#top h1{ font-size:12px; font-weight: normal; line-height: 1.2; color: #FFF; padding: 6px 0 14px 0;}
#top { overflow: hidden; background: url(../images/cmn/header_img.jpg) center 80%; background-size: cover; }
*/

#top { overflow: hidden; background-size: 100% auto; background-position: center; background-repeat: no-repeat; }

#top-inner { /*width: 90%;*/ margin: 3vh auto; overflow: hidden; }
@media screen and (min-width: 699px) { #top-inner { margin: 10vh auto; width: 70%; } }


#top h1{ font-size: 2.4em; font-weight: bold; line-height: 1.2; color: #333; text-shadow: 1px 1px 2px rgba(255,255,255,.7); padding: .3em 0; text-align: center; background-color: rgba(255,255,255,.6); letter-spacing: .3; }

#page-home #top { background-image: url(../images/219433_s.jpg); }

#page-plan #top { background-image: url(../images/4577922_m.jpg); }
#page-faq #top { background-image: url(../images/227880_m.jpg); }
#page-contact #top { background-image: url(../images/4029293_m.jpg); }
#page-aboutus #top { background-image: url(../images/4193347_s.jpg); }



#top-inner-left { width: 60%; }
@media screen and (min-width: 699px) {
	#top-inner-left { width: 30%; }
}


/*
#top-inner div.float-l { width: 48%; }
#top-inner div.float-r { width: 440px; }
*/
/*
#top-inner div.float-r { width: 440px; }

#head-tel{ width: 256px; float: left; margin-right: 16px; }
#head-contact{ width: 160px; float: right; }

@media screen and (max-width: 768px) {
#header-box { width: 100%; margin-bottom: 10px; }
#top { width: 96%; padding: 10px 0; }
#top-inner { width: 100%; }
#top-inner-left { width: 30%; }
#top-inner-left .nonpc { float: left; display: inline-block !important; }
#top-inner div.float-r { width: 64%; }
#top-inner div.float-l .ml45 { margin-left: 0 !important; }
#head-tel{ width: 60%; }
#head-contact{ width: 32%; }
}

@media screen and (max-width: 480px) {
#top-inner-left { width: 60%; }
#top-inner div.float-l { width: 78%; }
#top-inner div.float-r { width: 160px; }
#head-tel{ width: 160px; float: none; margin: 0 0 4px 0; }
#head-contact{ width: 160px; float: none;  }
}
*/

/* HEADER_AREA - GlobalNavi ---------------- */
/*
#gnavi-box { width: 100%; clear: both; }
#gnavi { width: 980px; margin: 0 auto; }
#gnavi ul { width: 978px;  overflow: hidden; }
#gnavi li { float: left; text-align: center; }

#gnavi-ul { height: 50px; background: url(../images/cmn/gnavi_li_bg.gif) left 18px no-repeat; }
#gnavi-ul li { background: url(../images/cmn/gnavi_li_bg.gif) right 18px no-repeat; }
#gnavi-ul li:last-child { }
#gnavi-ul li a { display: block; padding: 16px 32px; color: #FFF; font-weight: bold; font-size: 16px;}
#gnavi-ul li a:hover { color: #111; text-decoration: none; }

@media screen and (max-width: 768px) { #gnavi-box { display: none; } }
*/


/* -------------------------------------------------- */
/* CONTENTS_AREA ------------------------------------ */
/* -------------------------------------------------- */

#contents-area { clear: both; width: 100%; overflow: hidden; }
#contents-area p { margin-bottom: 1em; }

.contents-area-box { margin: 0 auto; width: 96%; }
@media screen and (min-width: 699px) { .contents-area-box { width: 80%; margin: 20px auto; overflow: hidden; }  }


/* COMMON - MAIN */
#main-idx { width: 100%; }
#main-sub { width: 680px; margin: 0 auto; float: right; overflow: hidden; }
@media screen and (max-width: 768px) { #main-sub { width: 90%; float: none; } }
@media screen and (max-width: 480px) { #main-sub { width: 300px; } }

#main-idx  a:hover, #main-sub  a:hover { text-decoration: underline; }



/* ----- layoutBLOCKs ----- */
.main-box{ margin: 0 auto; overflow: hidden; clear: both; }
.main-box-sub { width: 680px; }
.main-box-regular { width: 980px; }
.main-box-full { width: 100%; }
@media screen and (max-width: 768px) {
.main-box-regular{ width: 90%; }
.main-box-sub { width: 100%; }
}



/* cmn-block */
.cmn-block-w300{ width: 300px; }
.cmn-block-w300-mr30{ width: 300px; margin-right: 30px; }
.cmn-block-w450{ width: 450px; }
.cmn-block-w450-mr60{ width: 450px; margin-right: 60px; }
.cmn-block-w470{ width: 470px; }
.cmn-block-w470-mr40{ width: 470px; margin-right: 40px; }
@media screen and (max-width: 768px) {
.cmn-block-w450{ width: 48%; }
.cmn-block-w450-mr60{ width: 48%; margin-right: 4%; }
.cmn-block-w470{ width: 48%; }
.cmn-block-w470-mr40{ width: 48%; margin-right: 4%; }
}
@media screen and (max-width: 680px) {
.cmn-block-w450{ width: 450px; margin-right: auto; margin-left: auto; float: none !important; }
.cmn-block-w450-mr60{ width: 450px; margin-right: auto; margin-left: auto; float: none !important; }
.cmn-block-w300{ margin-right: auto; margin-left: auto; float: none !important; }
.cmn-block-w300-mr30{ margin-right: auto; margin-left: auto; float: none !important; }
.cmn-block-w470{ width: 300px; margin-right: auto; margin-left: auto; float: none !important;  }
.cmn-block-w470-mr40{ width: 300px; margin-right: auto; margin-left: auto; float: none !important;  }
}
@media screen and (max-width: 480px) {
.cmn-block-mr30{ margin-right: 0; }
.cmn-block-w470{ width: 100%; }
.cmn-block-w470-mr40{ width: 100%; }
}



/* CONTENTS_AREA - MAIN ---------------- */
#breadcrumb{ list-style: none; margin: 0 0 10px; padding: 0; height: 26px; line-height: 24px; border-radius: 4px; background: #EEE;}
#breadcrumb li{	padding: 0 6px 0 4px; float: left; font-size: .91em; color:#757264; }
#breadcrumb li img{ vertical-align: bottom; }
#breadcrumb li a{ display: block; padding: 0 12px 0 0; background: url(../images/cmn/crumbs.gif) no-repeat right; color:#757264; }
#breadcrumb li a:hover, #breadcrumb li a:focus{ color: #777; }
@media screen and (max-width: 480px) {
#breadcrumb li{ padding-left: .2em; font-size: .9em; letter-spacing: -1px; }
#breadcrumb li a{ padding-right: 8px; }
}

#page-ttl{ border-bottom: 1px solid #333; padding: 0 0 4px 2px; margin: 30px 0 2em 0; }


.h1-ttl{ border-bottom: 1px solid #E02130; padding: 0 0 4px 2px; margin: 30px 0 2em 0; font-size: 1.8em; }

.h2-txt { /*position: relative;*/ padding-bottom: .05em; border-bottom: 1.4px solid #ababab/* #ff8f00 #c8e6c9*/; margin: .4em 0 2px; font-size: 2.4em; color: #ff6f00/*#ff6f00*/; text-align: center; }
.h2-txt-sub{ margin: ; padding-top: .3em; font-size: 1.2em; text-align: center; color: #666666; border-top: 1.2px solid #ffa000/**/; }


.h3-txt { position: relative; padding: .5em .8em .2em 2.1em; background: #EEE; margin-bottom: .9em; display: inline-block; border-radius: 4px; font-size: 1.2em; }
.h3-txt::before, .h3-txt::after { position: absolute; content: ''; border-radius: 100%; background: #FFF; }
.h3-txt::before { top: .3em; left: .4em; z-index: 2; width: 18px; height: 18px; background: #00bfa5/*rgba(224,33,48,.5)*/; }
.h3-txt::after { top: .8em; left: .9em; width: 13px; height: 13px; background: #ffa000/*rgba(224,33,48,.8)*/; }

/*red #E02130(224,33,48)*/


.h4-txt { position: relative; padding: 0 .2em .1em; margin-bottom: .4em; display: inline-block; }
.h4-txt::after { position: absolute; bottom: 0; left: 0; z-index: -1; content: ''; width: 100%; height: 10px; background-color: rgba(224,33,48,.2)/*#DDD*/; }




/* アクションパーツ */
/*
.btn-action{ margin: 60px 0; }
.btn-action a:hover img{ opacity:0.6; filter: alpha(opacity=60); }

.btn-action-box{ width: 980px; background: #DADADE; padding: 8px; margin: 0 auto; overflow: hidden;  border: 1px solid #CCC;}
.btn-action-box-inner{ width: 964px; padding: 36px 80px 36px; background: #FFF ; overflow: hidden; }
.btn-action-tel{ float: left; width: 370px; }
.btn-action-btn{ float: right; width: 380px; display: block; }

.main-box-sub .btn-action-box{ width: 678px !important; }
.main-box-sub .btn-action-box-inner{ width: 660px; padding: 30px 20px 10px; }
.main-box-sub .btn-action-tel, .main-box-sub .btn-action-btn{ width: 286px; }

@media screen and (max-width: 768px) {
.btn-action-box{ width: 100%; padding: 2%; }
.btn-action-box-inner{ width: 100%; padding: 30px 2% 10px; }
.btn-action-tel{ width: 50%; }
.btn-action-btn{ width: 50%; }
.main-box-sub .btn-action-box{ display: none; }
}

@media screen and (max-width: 480px) {
.btn-action-box-inner{ padding-top: 14px; }
.btn-action-box-inner p{ max-width: 280px; margin: auto; }
.btn-action-tel{ width: 240px; float: none; margin: 0 auto 16px; }
.btn-action-btn{ width: 240px; float: none; margin: 4px auto; }
}
*/


/* ページトップ */
#page-top { float: none; position: fixed; bottom: 60px; right: 20px; }
#page-top a:hover { opacity:0.6; filter: alpha(opacity=60); }
/* @media screen and (min-width: 699px) { #page-top { bottom: 60px; } } */



/* -------------------------------------------------- */
/* COMMON_COLUMN ------------------------------------ */
/* -------------------------------------------------- */
/*
.cmn-column{ padding: 50px 0 12px; background: url(../images/cmn/cmn_column_bg.gif) repeat; overflow: hidden; }
.cmn-column a:hover img{ opacity:0.6; filter: alpha(opacity=60); }

#side-action{ width: 270px; border: 1px solid #999; background: #CCC; margin: 0 auto 30px; }
#side-action p{ width: 260px; background: #FFF; margin: 4px auto; padding: 10px; text-align: center; }
#side-action p img{ margin: 4px auto; max-width: 240px; }
*/

/* cmn-blog */
/*
#cmn-blog{ width: 450px; max-width: 450px; margin: 0 auto 40px auto; }
@media screen and (max-width: 768px) { #cmn-blog{ margin-bottom: 10px; width: auto; } }
@media screen and (max-width: 600px) { #cmn-blog{  } }
@media screen and (max-width: 580px) { #cmn-blog ul { padding: 20px 6% 0 6%; } }
#sidebox #cmn-blog{ width: 270px; float: left; }
*/
#rss ul { padding: 0 0 0 5%; width: 100%;/* border: 1px dotted #999; background: #FFF; */}
#rss li { margin: 0 0 12px; padding: 0; /*list-style: disc !important;*/}

/*
#sidebox img{ max-width: 270px; }
#sidebox p{ max-width: 270px; }
*/

/* cmn-column */
/*
.cmn-column-ttl{ text-align: center; margin-bottom: 40px; }
#sidebox .cmn-column-ttl{ margin-bottom: 10px; }

.cmn-column-block-mr80{ width: 450px; margin-right: 80px; float: left; }
.cmn-column-block{ width: 450px; float: left; }
#sidebox .cmn-column-block, #sidebox .cmn-column-block-mr80{ width: 270px; margin: 0 0 40px 0; }
@media screen and (max-width: 768px) {
.cmn-column-block-mr80, .cmn-column-block{ float: none; margin-right: auto; margin-left: auto;  }
#sidebox .cmn-column-block{ float: none; margin-right: auto; margin-left: auto; }
}
@media screen and (max-width: 580px) {
.cmn-column-block-mr80, .cmn-column-block{ width: 100%; }
#sidebox .cmn-column-block-mr80, #sidebox .cmn-column-block{ float: none; }
}

.cmn-column-areatxt{ text-align: center; }
.cmn-map-box{ height: 300px; }
#sidebox .cmn-column-areatxt{ text-align: left; }
#sidebox .cmn-map-box{ width: 270px; height: 240px; }

.side-link-ttl{ font-size:1.1em; background:#CCC; padding: .4em .2em .2em .4em; }
.side-menu-ul { border: 1px solid #DDD; }
.side-menu-ul li {border-bottom: 1px solid #ddd;}
.side-menu-ul li:last-child { background: none; border-bottom:none; }
.side-menu-ul li a  { display: block; padding: 12px 0 9px 10px;}
.side-menu-ul li a:link {color: #333;text-decoration: none;}
.side-menu-ul li a:before{color: #999; content: "\f138"; font-weight:normal; font-family: "FontAwesome",sans-serif; margin-right: 5px;}
.side-menu-ul li a:hover { color: #0e4497; background:#f3f3f3;}
*/


/* ---------------------------------------------------- */
/* FOOTER_AREA ---------------------------------------- */
/* ---------------------------------------------------- */

#footer { clear: both; background: #EEE; }
#footer-area { width: 90%; margin: 0 auto; }

#footer-menu { padding: 0 0 10px; overflow: hidden; }
/*@media screen and (max-width: 768px) { #footer-menu { width: 98%; } }*/

#footer-address { width: 100%; text-align: center; }
#footer-txt{ font-size: .9em; margin-top: 20px; }
@media screen and (min-width: 699px) { #footer-address{ width: 30%; float: left; margin-top: 38px; text-align: left; } }

/* footer-link */
#footer-link { width: 96%; margin: 20px auto 0; overflow: hidden; }
.footer-link-box{ margin: 0 0 10px 0; overflow: hidden; width: 48%; float: left; }
#footer-link a{ color: #333; text-decoration: none; }
#footer-link a:hover{ text-decoration: underline; }
@media screen and (min-width: 699px) {
	#footer-link{ margin: 108px auto 0; width: 60%; float: right; }
	.footer-link-box{ margin: 0 2% 0 0; }
}
/*
#footer-link-1{  }
#footer-link-2{  }
.footer-link-ttl{ color: #333; font-size: 16px; margin-bottom: 6px; font-weight: bold; }
*/

#footer-copyright { width: 100%; padding: 40px 0 14px; text-align: center; clear: both; font-size: .9em; }
#footer-copyright a { color: #333; text-decoration: none; }


@media print {
#contents-area, x:-moz-any-link { clear: none; padding-top: 20px; }
#contents-area-box { overflow: visible; width: 98%; margin: 0 2% 0 0; }
#contents-area-box, x:-moz-any-link { display: table; direction: rtl; text-align:left; }
#contents-area-box *, x:-moz-any-link { direction: ltr; }

#main-sub, x:-moz-any-link{ display:table-cell; float:none; vertical-align:top; width: 66%; }
#page-top { display: none; }
/*
#sidebar, x:-moz-any-link{ display:table-cell; float:none; vertical-align:top; overflow:hidden; width: 28%; }
#sidebox { max-width: 98%; }
*/
}