@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/	
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 14px/2 "メイリオ", meiryo, Arial, sans-serif;
	    margin:0; padding: 0; background: #fff; letter-spacing: 0.08em; -webkit-text-size-adjust: 100%; color: #666; }
	  
a { text-decoration: none; color: #666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; vertical-align: bottom; } 
:focus { outline: 0; }
p { line-height: 1.5em;}

.noto { font-family: 'Noto Sans Japanese', serif; }



/* main-layout
==========================================================*/

html, body, .pages, .wide { width:100%; margin: auto;} 

.inner { width: 1000px; margin: 0 auto; }
.inner1100 { max-width: 1100px; width: calc(100% - 40px); margin: 0 auto;}

.bg-g { background: #F4F4F4;}
h1{ margin:-999px 0 0 -999px; width: 999px; height: 999px; }
a[href^="tel:"] { cursor: default; }

/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name */


	
/* common
==========================================================*/

.ttl { color: #0071BC; font-size: 32px; font-family: 'Noto Sans Japanese', serif; margin-bottom: 5px; }
.ttl-border { position: relative; height: 1px; width: 100%; background: #93B6D8; margin-bottom: 30px; }
.ttl-border .border{ position: absolute; width: 70px; height: 2px; background: #0071BC; bottom: 0; left: 0; height: 2px; }

.bikou { font-size: 11px; color: #888; }
.midashi { font-size: 16px; font-family: 'Noto Sans Japanese', serif; font-weight: bold; color: #0071BC; }
.bgmidashi { background: #0071BC; color: #fff; padding: 10px; }


header { padding: 15px 0; }
header .bikou { padding-bottom: 5px;}

.foottel { background: #5CACD9;}
.foottel .inner { width: 780px;}
.foottel .txc { color: #fff; padding: 40px 0 20px;}

footer { padding: 30px 0 40px; background: #0071BC;}
footer .link { color: #D7E0EE; margin-bottom: 15px;}
footer .link a { color: #D7E0EE;}
footer .copy { clear: both; color: #fff; font-size: 12px;}
footer .copy a { color: #fff;}

.footprice { padding: 40px 0 60px; background: #F4F4F4; }
.footprice .inner {}
.footpricettl { font-size: 25px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid  #0071BC; color: #0071BC;}
.footpricettlsub { margin-bottom: 20px;}
.footprice .flex { display: flex; }
.footprice-l { width: 350px;}
.footpricemid { margin-bottom: 10px; font-weight: bold;}
.footpriceimg {}
.footpriceimg img { height: 45px; width: auto;}
.footpricetxtmid { margin: 20px 0 10px; padding: 5px; font-size: 13px;  background: #fff;}
.footpricetxt { font-size: 12px;}
.footpricetxt a { text-decoration: underline;}
.footpricetxt a:hover { text-decoration: none;}
.footprice-r { width: calc(100% - 350px - 30px); margin-left: 30px;}


	
/* gnav
==========================================================*/

.gnav { height: 60px; background: url(../images/common/nav-bg.png) repeat-x; font-family: 'Noto Sans Japanese', serif; }
.gnav ul {  }
.gnav li { width: 164px; float: left; border-left:1px solid #3D9FD3; }
.gnav li.last { border-right: 1px solid #0071BC; }
.gnav li:hover { background:rgba(255,255,255,0.2); }
.gnav li a { border-left: 1px solid #0071BC; line-height: 60px; text-align: center; display: block; font-size: 16px; font-weight: bold; color: #fff; }
.gnav li.last a { border-right:1px solid #3D9FD3; }
@media screen and (min-width: 649px) {
 #menu { display: block !importnant;}
}   

/* index
==========================================================*/

.index {}
.index .mainimg { background: #E8F2F2;}
.index .mainimg .img img { width: 100%; height: 420px;}
.index .mainimg .poab { width: 1020px; height: 400px; margin: auto; top: 0; bottom: 10px; right: 0; left: 0;}
.index .section01 { padding: 40px 0 60px; background: #E8F2F2; }
.index .section01 ul { margin-left: -15px; }
.index .section01 ul li { width: 238px; height: 355px; box-sizing: border-box; margin-left: 15px; background: #fff; }
.index .section01 ul li .midashi { padding: 10px; }
.index .section01 ul li .txt { padding: 0 10px; }

.index .section02 {  width: 100%; background: url(../images/common/camp-bg.png) repeat;}
.index .section02 .inner { box-sizing: border-box; width: 770px; height: 560px; padding-top: 40px;}
.index .section02 .poab01 { bottom: 0; left: -100px;}
.index .section02 .poab02 { bottom: 30px; right: 0;}

.index .section03 { padding: 40px 0 60px;}
.index .section03 ul {}
.index .section03 li { border-bottom: 1px dotted #666; padding-bottom: 10px; margin-bottom: 10px;}

.index .section04 { padding: 40px 0 60px;}
.index .section04 ul { margin-left: -15px; }
.index .section04 ul li { width: 238px; box-sizing: border-box; margin-left: 15px; background: #fff; }
.index .section04 ul li .txt { padding: 10px;  }
.index .section04 ul li .price { padding: 5px 10px 10px 0; color: #f00; }
.index .section04 ul li .price span { padding-right: 10px; margin-right: -5px; font-family: 'Fjalla One', sans-serif; font-size: 40px; }

.index .section05 { padding: 40px 0 60px;}
.arealist { }
.areamidashi { font-size: 25px; font-family: 'Noto Sans Japanese', serif; line-height: 30px; border-left: 2px solid #152F58; padding-left: 15px; margin-bottom: 10px; }
	.areamidashi.ore { color: #EA600E; border-color: #EA600E; }
	.areamidashi.ao {  color: #152F58; border-color: #152F58; }
	.areamidashi.ao2 {  color: #0071BC; border-color: #0071BC; }
	.areamidashi.miz { color: #18BEDD; border-color: #18BEDD; }
	.areamidashi.mid { color: #50A72D; border-color: #50A72D; }
.arealist .txt { margin-bottom: 25px; }
	
	
	
	

	
/* kasou
==========================================================*/

.kasou { }
.kasou .mainimg { }
.kasou .mainimg .mainttl { width: 100%; color: #fff; font-size: 35px; font-weight: 500; font-style: oblique; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.6em; letter-spacing: 0.1em; margin-top: -2%;}
.kasou .mainimg .pagettl {  bottom: -40%; } 
.kasou .mainimg .pagettl .txt  { top: 45%; left: 100px; font-size: 30px; color: #0071BC; font-family: 'Noto Sans Japanese', serif; font-weight: 500; } 
.kasou .mainimg .pagettl .txt span  { color: #fff; font-size: 15px; padding-left: 20px; } 

@media screen and (max-width: 1000px) {
.kasou .mainimg .mainttl {font-size: 30px; }
}

.kasou .inner { position: relative; z-index: 999;}
.kasou .side { width: 240px; top: 0; right: 0; }
.kasou .sectionouter { width: 700px; margin-top: 5%; } 

@media screen and (max-width: 1760px) {
.kasou .side { margin-top: -20%; }
.kasou .sectionouter { width: 700px; margin-top: 20%; } 
}

@media screen and (min-width: 1760px) {
.kasou.area.detail .side  { margin-top:0; }
.kasou.area.detail  .sectionouter { margin-top:-15%; }
}


.kasou .section {  }
.kasou .catch { font-family:  'Noto Sans Japanese', serif; font-size: 20px; color: #666; margin-bottom: 40px; font-weight: bold; letter-spacing: 0.1em; }

.kasou .sectionouter { margin-bottom: 100px; } 



/* greeting
==========================================================*/

.kasou.greeting { }
.kasou.greeting .section { padding-bottom: 60px; }
.kasou.greeting .section01 { border-bottom: 1px solid #666; margin-bottom: 60px; }



/* servise
==========================================================*/

.kasou.servise {}
.kasou.servise .section {}
.kasou.servise .section01 { margin-bottom: 80px; }
.kasou.servise .section01 .col-l,
.kasou.servise .section01 .col-r { box-sizing: border-box; width: 340px; height: 175px; padding: 70px 25px 0;  }
.kasou.servise .section01 .poab { top: -50px; left: 120px;}
.kasou.servise .section01 .txjus { line-height: 1.8em;}

.kasou.servise .nami {}
.kasou.servise .camp { top: -80px; }
.kasou .sectionouter.sectionouter02 { margin-top: 0; padding-top: 160px;}
.kasou.servise .bg-g { padding-bottom: 90px;}

.kasou.servise .section02 { background: #fff; height: 220px; margin-bottom: 40px;}
.kasou.servise .section02 .col-l { width: 220px; }
.kasou.servise .section02 .col-r { box-sizing: border-box; padding: 30px 30px 0; width: 480px;}
.kasou.servise .section02 .ttl { font-size: 25px; }
.kasou.servise .section02 .ttl-border { margin-bottom: 20px;}
.kasou.servise .section02 .priceouter { padding-top: 15px;}
.kasou.servise .section02 .priceouter .txt { float: left; font-weight: bold; padding-right: 15px;}
.kasou.servise .section02 .priceouter .price { color: #f00; padding-top: 10px;}
.kasou.servise .section02 .priceouter .price span { padding-right: 10px; margin-right: -5px; font-family: 'Fjalla One', sans-serif; font-size: 40px; }



/* area
==========================================================*/

.kasou.area {}
.kasou.area a { color: #00A0C0; text-decoration: underline; font-weight: bold;}
.kasou.area a:hover { text-decoration: none;}
.kasou.area .section { }
.kasou.area .section01 { margin-bottom: 40px;}
.kasou.area .section02 { margin-bottom: 40px; padding: 30px;}
.kasou.area .section02 .ttl { font-size: 25px; }
.kasou.area .section02 .txjus { line-height: 1.8em; }

.kasou.area.detail { }
.kasou.area.detail .catch { color: #E9600E; }
.kasou.area.detail .section { margin-bottom: 40px;}
.kasou.area.detail .bg-g { padding: 30px; }
.kasou.area.detail .bg-g .ttl { font-size: 25px; }
.kasou.area.detail .bg-g.kotei { }
.kasou.area.detail .bg-g.kotei .txjus { margin-bottom: 30px; }
.kasou.area.detail .bg-g.kotei {}
.kasou.area.detail .bg-g.kotei dl {}
.kasou.area.detail .bg-g.kotei dt { float: left; clear: left; margin-bottom: 15px;}
.kasou.area.detail .bg-g.kotei dd { text-align: right; margin-bottom: 15px;}

ul.listtype {}
ul.listtype li { float: left; margin-right:-1em; }
ul.listtype li:before { content:"・"; margin-left: 1em; }
ul.listtype li:first-child:before { content: none; margin-left: 0; }

.kasou.area .slideouter { background: #C6E7F2; }
#simple { padding-top: 20px; z-index: 9999;}
.kasou.area.detail .mainimg { margin-top: 8%;}
.kasou.area.detail .pagettl .poab { top: 0; }


/* flow
==========================================================*/

.kasou.flow {}
.kasou.flow .catch { color: #E9600E; padding-left: 170px; font-size: 25px; letter-spacing: 0.05em; line-height: 1.3em;}
.kasou.flow .catch span { font-size: 20px;}
.kasou.flow .section01 { margin-bottom: 60px; }
.kasou.flow .section01 .ico { margin-right: 80px; }
.flowlist { font-weight: bold; font-size: 15px;}
.flowlist li { height: 70px; border-bottom: 3px solid #fff; clear: both; }
.flowlist li .txt { line-height: 70px;}
.flowlist img { padding: 20px; line-height: 70px;}
.flowlist .poab { bottom: -32px; left: 320px;}



/* faq
==========================================================*/

.kasou.faq {}
.kasou.faq .ttl { font-size: 25px;}
.kasou.faq .ttl-border { margin-bottom: 40px;}
.kasou.faq .section { margin-bottom: 60px;}
.kasou.faq .faqnav { width: 580px; margin: 0 auto;}
.kasou.faq .faqnav ul { margin-left: -15px;}
.kasou.faq .faqnav li { float: left; margin-left: 15px; text-align:center; line-height: 1.4em; box-sizing: border-box; width: 100px; height: 100px; }
.kasou.faq .faqnav li a { display: block; box-sizing: border-box; width: 100%; height: 100%; padding-top: 25%; border-radius: 50%;  background: #E9600E; color: #fff; font-size: 16px;}

dl.faq {}
dl.faq dt { font-size: 20px; color: #00A0C0; font-weight: 500; margin-bottom: 10px;}
dl.faq dd { padding-left: 40px; padding-bottom: 40px; border-bottom: 1px dotted #666; margin-bottom: 40px;}


/* company
==========================================================*/

.kasou.company {}
.kasou.company table { margin-bottom: 60px; }
.kasou.company table tr { border-bottom: 2px solid #fff; }
.kasou.company table th { width: 120px; box-sizing: border-box; padding: 20px; border-right: 2px solid #fff; background: #EAEAEA;}
.kasou.company table td { background: #F5F5F5; padding: 20px; }

.privacy { margin-bottom: 60px;}
.privacy dt { font-size: 16px; font-weight: bold; }
.privacy dd { margin-bottom: 30px;}







* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/