@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; line-height: 1.5;
	    margin:0; padding: 0; background: #fff; letter-spacing: 0.08em; -webkit-text-size-adjust: 100%; color: #000; }
	  
a { text-decoration: none; color: #000; }
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, .contents, .wide { width:100%; margin: auto;} 

.inner { width: 1000px; margin: 0 auto;}

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

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

/* 2column commons name */


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

.midashi { font-family: 'Noto Sans Japanese', serif; }
.en{ font-family: 'Anton', sans-serif; letter-spacing: 0.15em;  }

header { }
header .col-l { padding-left: 20px; padding-top: 20px; }
header .col-l .txt { font-size: 12px; margin-bottom: 10px;}
header .col-r { width: 480px;}

.ttl { text-align: center; padding-top: 120px; margin-bottom: 60px;}
.ttl .en { font-size: 50px; }
.ttl .jp { font-size: 16px; }

.linkbtn { position: relative; box-sizing: border-box; border: 1px solid #000; font-size: 16px; padding-left: 20px; height: 60px;width: 300px; margin: 0 auto; }
.linkbtn .txt { line-height: 60px;}
.linkbtn .arrow { position: absolute; top: 20px; right: 20px; }

.camp { margin-top: 80px; padding-bottom: 120px;}
.areablock a { padding-bottom: 120px; display: block;}

.widecontact { box-sizing: border-box; padding-top: 60px; width: 100%; height: 330px; 
background: url(../img/common/contactbg.png) center center / cover no-repeat; }
.widecontact .inner { width: 720px; margin: 0 auto;}
.widecontact .midashi { text-align: center; padding-bottom: 10px; font-style: oblique; border-bottom: 1px solid #fff; }
.widecontact .midashi span { font-size: 23px; color: #fff; }
.widecontact .arrow { text-align: center; margin-top: -12px; margin-bottom: 20px; }
.widecontact .img { margin-bottom: 20px;}

.widecontact .midashi02 { padding-bottom: 0; width: 355px; height: 40px; line-height: 40px; font-weight: 500; background: #fff; font-size: 20px; color: #0f788f; }

footer { padding: 20px 0 40px; }
footer .footmenu { margin-bottom: 30px; display: flex; justify-content: center; }
footer .footmenu li { float: left; }
footer .footmenu li:after { content: "|";}
footer .footmenu li:first-child:before{ content: "|";}
footer .footmenu li a { padding: 0 15px;  }
footer .pagetop { right: 0; bottom: 20px; }
footer .midashi.txc { color: #008099; font-size: 20px; font-weight: bold;}
footer .copy {color: #008099; font-size: 9px; }
footer .copy a { color: #008099; }

.tume { letter-spacing: normal !important; letter-spacing: -0.05em !important;}




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

.gnav { background: #008099; height: 50px; padding-left: 20px;  }
.gnav li { float: left; margin-left: -10px; margin-right: 20px; }
.gnav li a { color: #fff; display: block; height: 50px;}
.gnav li p { float: left; margin-left: 10px;}
.gnav li p.arrow { box-sizing: border-box; margin-top: 15px; padding-left: 2px; color: #008099; background: #fff; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center;}
.gnav p.en { font-size: 20px; line-height: 50px;  }
.gnav p.jp { font-family: 'Noto Sans Japanese', serif; font-size: 12px; line-height: 50px; }

.slicknav_menu {
display:none;
}


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

.index { }
.index .section { padding-bottom: 120px;}
.index .section.section04,
.index .section.section05 { padding-bottom: 0;}
.index .section.section04 a,
.index .section.section05 a { display: block; padding-bottom: 120px;}

.index .section01 { }
ul.service { margin-bottom: 60px; }
ul.service li.wrap { float: left; }
ul.service li.wrap .poab { top: 15px; right: 10px;}
ul.service li.wrap .midashi { padding-left: 10px; height: 35px; line-height: 35px; color: #fff; font-weight: bold; background: #3398ad; }
ul.service li.wrap .txt { background: #fff; padding:10px; }
ul.service li.wrap .txt .bikou { margin-bottom: 10px;}
ul.service li.wrap .txt .indprice { font-weight: 700; font-size: 22px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; }
ul.service li.wrap .txt .indprice span { font-size: 32px; }
ul.service li.wrap02 { }
ul.service li.wrap02 .midashi { background: #008099; }
ul.service li.wrap02 .txt { background: #eaeaea; }
	
.index .section02 {}
.index .help { margin-left: -4px; margin-bottom: 30px; }
.index .help li { box-sizing: border-box; background: #eaeaea; float: left; margin: 0 4px 4px 0; width: 498px; height: 220px;}
.index .help .txt { float: left; padding: 50px 0 0 30px; } 
.index .help .txt .midashi { font-size: 40px; color: #008099; margin-bottom: 20px; }
.index .help .txt .bikou { font-size: 16px; }
.index .help .img { float: right; box-sizing: border-box; width: 220px; padding: 25px; }

.index .helptunagi { text-align: center; }
.index .helptunagi .en { font-size: 25px; margin-bottom: 30px; }
.index .helptunagi .arrow { width: 0; height: 0; margin: 0 auto; position: relative;
	border-top: 140px solid #008099;
	border-right: 250px solid transparent;
	border-left: 250px solid transparent;
	color: #fff; font-size: 18px; }
.index .helptunagi .arrow p { width: 500px; color: #fff; position: absolute; top: -120px; left: -250px; }

.index .section03 {}
.index .reason { margin-left: -15px; }
.index .reason li { float: left; box-sizing: border-box; width: 330px; height: 330px; background: #fff; margin-left: 5px; margin-bottom: 5px;  }
.index .reason .img { text-align: center; margin: 30px 0; }
.index .reason .midashi { text-align: center; color: #008099; font-size: 20px; font-weight: bold; margin-bottom: 30px; }
.index .reason .txjus { width: 250px; margin: 0 auto; }

.index .section04 { }
.index .section04 .midashi {  font-weight: bold;  }
.index .section04 .midashi01 { height: 80px; text-align: center; background: #008099; color: #fff; display: flex; align-items: center; justify-content: center;  }
.index .flow { margin-bottom: 60px; }
.index .flow li { background: #f5f5f5 url(../img/index/flow-arrow.png) no-repeat left center; box-sizing: border-box; float: left; width: 20%; height: 160px; }
.index .flow li:first-child { background-image: none;}
.index .flow li .en { font-size: 30px; text-align: center; padding: 15px 0 10px;}
.index .flow li .midashi02 { background: none; color: #008099; font-size: 20px; text-align: center;  }

.index .section05 {}

.index .section06 {}
.index .voice { }
.index .voice li { box-sizing: border-box; width: 100%; margin-bottom: 5px; height: 200px; }
.index .voice li .col-l { width: 20%; }
.index .voice li .col-l .midashi { font-size: 20px; text-align: center; color: #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%); }
.index .voice li .col-r { box-sizing: border-box; width: 80%; height: 200px; padding: 40px 0 0 40px; }
.index .voice li .col-r .midashi { font-weight: bold; color: #008099; font-size: 20px; margin-bottom: 20px; }
.index .voice li .col-r .txt {  }


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

.kasou { }
.kasou .ttlarea { width: 100%; height: 250px; background:url(../img/common/ttlbg.png) no-repeat center; position:relative;}
.kasou .ttlarea .txt { color: #fff; text-align: center; position: absolute; top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);  }
.kasou .ttlarea .en { font-size: 50px; }
.kasou .ttlarea .jp { font-size: 16px;}

.kasou .contents { background: #f5f5f5; padding-top: 60px; }
.kasou .midashi-big { margin: 0 auto 60px; font-family: 'Noto Sans Japanese', serif; font-weight: 500; font-size: 30px; font-style: oblique; text-align: center; width: auto; height: 80px; line-height: 80px; border: 2px solid #000;  }


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

.service { }
.navi { border-bottom: 1px solid #008099; margin-bottom: 60px; }
.navi tr { border-right: 1px solid #008099; }
.navi td { position: relative; float: left; box-sizing: border-box; width:  249px; border: 1px solid #008099; border-bottom: none; border-right: none; background: #fff; height: 40px; }
.navi td a { padding-left: 10px; display: block; color: #008099; line-height: 40px; }
.navi td i { position: absolute; right: 10px; top: 10px; }

.service .serlist { margin-left: -10px; margin-bottom: 60px; }
.service .serlist .serbox { float: left; width: 495px; height: 200px; margin-left: 10px; margin-bottom: 10px; }
.service .serlist .serbox .img { float: left; position: relative; width: 200px; }
.service .serlist .serbox .img .poabtxt { width: 100%; text-align: center; color: #fff; font-weight: bold; font-size: 25px; position: absolute; top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%); }
.service .serlist .serbox .txt { float: right; background: #fff; width: 295px; height: 100%; }
.service .serlist .serbox .txt ul { padding-top: 30px; padding-left: 30px;}
.service .serlist .serbox .txt li { margin-bottom: 5px;}



/* price
==========================================================*/

.price { }

.price .prilist { padding-bottom: 120px; }
.price .pribox { float: left; width: 250px; box-sizing: border-box; }
.price .pribox .img { position: relative; }
	.price .pribox .poabtxt { font-style: oblique; width: 200px; font-size: 25px; font-family: 'Noto Sans Japanese', serif; text-align: center;  color: #fff; position: absolute; top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%); }
  .price .pribox .poabtxt span { font-size: 15px;}
.price .pribox .midashi { color: #fff; box-sizing: border-box; padding-left: 10px; height: 35px; line-height: 35px; background: #3398AD; }
.price .pribox .txtarea { background: #fff; padding: 20px; }
.price .pribox .txtarea .bikou { margin-bottom: 5px; font-weight: normal;}
	.price .pribox .txtarea .tokka { }
	.price .pribox .txtarea .tokka .jp { float: left; width: 50px; height: 30px; color: #fff; text-align:center; background: #B52136; line-height: 30px; }
	.price .pribox .txtarea .tokka .en { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: 0.05em; color: #B52136; font-size: 20px; padding-left: 60px; }
	.price .pribox .txtarea .tokka .en span { font-size: 35px; }
.price .pribox.gu { }
	.price .pribox.gu .midashi { background: #008099; }
	.price .pribox.gu .txtarea { background: #EAEAEA; }
	
	
	
	



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

.flolist { width: 100%; margin-bottom: 60px; }
.flolist tr { }
.flolist td { position: relative; box-sizing: border-box; padding-top: 30px;}
  .flolist td:after { position: absolute; bottom: -2px; left: 0; z-index: 2; content: ''; width: 100%; height: 1px; background-color: #fff; }

.flolist td.midashi { box-sizing: border-box; padding-bottom: 30px; width: 200px; background: #008099; }
	.flolist td.midashi .mid-in  { width: 200px; text-align: center; color: #fff;}
	.flolist td.midashi div .en  { font-size: 30px; }
	.flolist td.midashi div .jp  {font-size: 20px; }
	.flolist td.midashi .arrow { position: absolute; left: 50%; bottom: -8px; z-index: 999; }
	
	
.flolist td.ill { padding-bottom: 20px; box-sizing: border-box; width: 80px; background: #EEEEEE; }
.flolist td.ill p { padding-left: 15px; }
  
.flolist td.box { background: #fff; height: 80px; padding-left: 30px; }
.flolist td.box .wrap {}
.flolist td.box:after { border-bottom: 1px solid #eee; }
.flolist td.box01 { padding-bottom: 20px; }
.flolist td.box02 { padding-top: 40px; }
.flolist td.box03 { padding-top: 60px; }

	.flolist td.box .muryo { width: 50px; height: 30px; color: #fff; text-align:center; background: #B52136; line-height: 30px; position: absolute; top: 20px; right: 20px; }




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

.area {}
.area .bg-w { padding-top: 80px;}

.areabox { width: 880px; margin: 0 auto 60px; }
.areabox .col-l { width: 360px;}
.areabox .col-l .midashi { background: #008099; box-sizing: border-box; margin-bottom: 10px; padding-left: 10px; color: #fff; font-size: 20px; line-height: 40px; height: 40px; }
.areabox .col-l .txt { margin-bottom: 20px;}
.areabox a { color:#008099; text-decoration: underline; font-weight: bold;  }
.areabox a:hover { text-decoration: none; }
.areabox .col-l .midashi a { display: block; color: #fff; text-decoration: none; position: relative; font-weight: normal; }
.areabox .col-l .midashi a i { position: absolute; right: 10px; top: 10px; }

.area .tihou { margin-bottom: 60px;}
.area .tihou .col-l { width: 200px; }
.area .tihou .col-r { width: 740px; }
.area .tihou .col-l .midashi-big { font-size: 20px; height: 200px; line-height: 200px; }
.area .tihou .col-r dl { }
.area .tihou .col-r dt { font-size: 20px; font-family: 'Noto Sans Japanese', serif; }
.area .tihou .col-r dt .line { height: 2px; background: #ccc; position: relative; margin: 10px 0 20px;  }
.area .tihou .col-r dt .line p { height: 2px; width: 100px; background: #000; position: absolute; top: 0; left: 0;  }
.area .tihou .col-r dd { margin-bottom: 40px; }
.area .tihou .col-r dd a { color: #008099; text-decoration: underline; font-weight: bold;  }
.area .tihou .col-r dd a:hover { text-decoration: none; }

.area.detail { }
.area.detail .bg-w { padding: 60px 80px; margin-bottom: 40px; line-height: 1.6em;}
.area.detail .bg-w p { line-height: 1.6em; }
.area.detail .ttl { padding-top: 0;}
.catch { text-align: center; font-size: 30px;font-family: 'Noto Sans Japanese', serif; font-style: oblique; font-weight: bold; margin-bottom: 60px; }
.area.detail .service { }
.area.detail .service .midashi { position: relative; }
.area.detail .service .midashi i { position: absolute; top: 10px; right: 10px; }

.area.detail .bg-w .linettl {  color: #008099; font-size: 24px; font-family: 'Noto Sans Japanese', serif; }
.area.detail .bg-w .linettl .line {  height: 2px; background: #ccc; position: relative; margin: 10px 0 30px; }
.area.detail .bg-w .linettl .line p { height: 2px; width: 100px; background: #008099; position: absolute; top: 0; left: 0;  }
.area.detail .bg-w ul { }
.area.detail .bg-w ul li { margin-bottom: 30px;}
.area.detail .bg-w ul li:oast-child { margin-bottom: 0;}

.area.detail .plicetb { width: 100%; }
.area.detail tr { }
.area.detail td { padding: 10px 0 5px; border-bottom: 1px dotted #000; }
.area.detail td.name { width: 28%; }
.area.detail td.plice { width: 18%;}
.area.detail td.arrow { width: 6%;}
.area.detail td.red { width: 17%; color: red; }
.area.detail tr:last-child td { border-bottom: none;  }

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; }


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

.faq { }
.faq .navi {  }
.faq .navi td { width: 333px; }

.faq .faqlist { }
.faq .faqlist .faqbox { margin-bottom: 60px; }
.faq .faqlist .faqbox .col-l { width: 190px; height: 190px; }
.faq .faqlist .faqbox .col-l .midashi-big { position: relative; line-height: 1.4em; font-size: 24px; height: 190px; }
.faq .faqlist .faqbox .col-l .midashi-big p { width: 100%; position: absolute; top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);  }
.faq .faqlist .faqbox .col-r { width: 780px; }
.faq .faqlist .faqbox .col-r .bg-w { margin-bottom: 5px; padding: 40px; }
.faq .faqlist .faqbox .col-r dl{ }
.faq .faqlist .faqbox .col-r dl .en { float: left; font-size: 30px; width: 30px; }
.faq .faqlist .faqbox .col-r dl .jp { width: auto; padding-left: 60px; line-height: 2em;  }
.faq .faqlist .faqbox .col-r dt.que { margin-bottom: 20px;  }
.faq .faqlist .faqbox .col-r dt.que .en { color: #008099;}
.faq .faqlist .faqbox .col-r dt.que .jp { color: #008099;  font-size: 16px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; line-height: 40px;}




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

.company { }
.company .comlist { width: 100%; }
.company .comlist .midashi { font-weight: bold; font-size: 16px; width: 20%; background: #EAEAEA; border-bottom: 1px solid #fff; padding: 30px; }
.company .comlist .txt { padding: 30px; line-height: 2em; border-bottom: 1px solid #eaeaea;  background: #fff; }


/* privacy
==========================================================*/

.privacy { }
.privacy .privdl { }
.privacy .privdl dt { padding-top: 40px; font-family: 'Noto Sans Japanese', serif; color: #333; font-weight: bold; font-size: 20px; float: left; clear: left; }
.privacy .privdl dd { padding: 40px 0; padding-left: 275px; line-height: 2em; border-bottom: 1px dotted #000;  }
.privacy .privdl dd:last-child { border-bottom: none;}









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