@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
==========================================================*/

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

.wide { width:100%; margin: auto; }

h1{ /*margin:-999px 0 0 -999px;*/ width: 999px; height: 999px; position: absolute; top: -999px; left: -999px; }

.cshover button,
.cshover input,
.cshover a,
a.cshover {
  transition: all 0.3s;
}

@media (hover: hover) {
.cshover button:hover,
.cshover input:hover,
.cshover a:hover,
a.cshover:hover {
    -webkit-opacity: 0.6;
    opacity: 0.6;
  }
}

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

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

@media screen and (max-width:1100px) {
.inner { width: auto; margin: 0 auto;}
}

.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
.centertate {position: absolute; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%); } 

.bg-white { background:#fff; }
.bg-gray { background: #F2F2F2; } 

.btn { width: 240px; height: 60px; text-align: center; line-height: 60px;font-family: 'Noto Sans Japanese', serif; letter-spacing: 0.1em; font-size: 16px; }
.btn a { box-sizing: border-box; background: #000082; color: #fff; font-size: 16px; position: relative; display: block; width: 100%; height: 100%; }
.btn a:after { position: absolute; bottom: 0; right: 0; content: ""; width: 0;
height: 0;
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #FFC800 transparent; }

.tume { letter-spacing: -0.1em;}
a.tellink { pointer-events: none; cursor: text;}
 


/* header
==========================================================*/

header { width: 100%; box-sizing: border-box; text-align: center; font-family: 'Noto Sans Japanese', serif; }
header a { display: block; height: 80px; }

.logo { width: 280px; height: 80px; background: #000082; float: left; }
.logo .centerposi { width: 238px;}
.nav-contact { width: 100px; height: 80px; background: #FFC800; float: left; }
.nav-contact a {  font-size: 16px; font-weight: bold; }
.nav-contact .centerposi { width: 100%; }

.gnav { width: calc(100% - 380px); float: left;}
.gnav li { width: 20%; box-sizing: border-box; height: 80px; float: left; position: relative; }
.gnav li .centerposi { width: 100%; }
.gnav li a { border-right: 1px solid #D9D9D9; }
.gnav li a .nav-jp {  font-weight: bold; font-size: 16px;  }
.gnav li a .nav-en { color: #B2B2D9; font-size: 10px; }
.gnav li.select a { background: #F2F2F2; }
.gnav li.select a .nav-en { color: #FFC800; }

@media screen and (max-width:1330px) {
.gnav li.gnavli01 { width: 15%;}
.gnav li.gnavli02 { width: 25%;}
}

@media screen and (max-width:1200px) {
.gnav li { width: 19%; }
.gnav li.gnavli01 { width: 15%;}
.gnav li.gnavli02 { width: 28%; }
.gnav li.gnavli02 .nav-jp{ letter-spacing: 0; }
}

@media screen and (max-width:1030px) {
.gnav li { width: 18.5%; }
.gnav li .nav-jp{ letter-spacing: 0; }
.gnav li.gnavli01 { width: 15%;}
.gnav li.gnavli02 { width: 29.5%; }
}


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

.page-ind { overflow: hidden;}

.ind-ttlwrap { text-align: center;  letter-spacing: 0.1em; }
.ind-ttl-en { font-size: 70px; line-height: 55px; font-weight: bold; font-family: 'Poppins', sans-serif; display: inline-block; position: relative; z-index: 2; margin-bottom: 10px; }
.ind-ttl-en:before { position: absolute; content: ""; width: 110%; height: 15px; background: #FFC800 bottom; bottom: 0; right: -5%; z-index: -1; }
.ind-ttl-jp { font-size: 18px; font-weight: bold; }

.main-online { bottom: 20px; right: 20px; z-index: 5; width: 340px; background: #fff;}
.main-online dt { }
.main-online dt a { display: block; }
.main-online dd { display: none; }
.main-online dd a { display: block; background: #FFC800; height: 60px; line-height: 60px; font-size: 16px; border-top: 1px solid #000082; text-align: center; font-weight: bold; }

@media screen and (max-width: 1000px) {
.main-online { bottom: 0; right: 0; z-index: 5; width: 250px;}
}


.main-bnr{bottom: 20px; right: 20px; z-index: 5;  width: 48%; max-width: 286px; }
.main-bnr a { display: block;}
@media screen and (max-width: 1000px) {
.main-bnr { bottom: 5px; right: 5px; }
}


.ind-about { height: 600px; box-sizing: border-box; background: url(../images/index/about.png) no-repeat top left; background-size: 705px 600px; position: relative; z-index: 2; }
.ind-about .ind-abouttxt { padding: 80px 0 0 660px; font-size: 18px; line-height: 2; font-weight: bold; font-family: 'Noto Sans Japanese', serif;  }
.ind-about .ind-abouttxt01 { margin-bottom: 30px; }
.ind-about .ind-abouttxt02 { margin-bottom: 60px; }
.ind-about .catch { width: 555px; margin-bottom: 60px; } 

.ind-about .belt { position: absolute; width: 184px; right: 15%; bottom: -180px; }

@media screen and (max-width:  1340px) {
.ind-about .belt { position: absolute; width: 184px; right: 5%; bottom: -180px; }
}

@media screen and (max-width: 1220px) {
.ind-about { height: 550px; box-sizing: border-box; background: url(../images/index/about.png) no-repeat top left; background-size: 646px 550px; position: relative; z-index: 2; }
.ind-about .ind-abouttxt { padding: 60px 0 0 580px; font-size: 18px; line-height: 2; font-weight: bold; font-family: 'Noto Sans Japanese', serif;  }
.ind-about .catch { width: 480px; margin-bottom: 40px; }
}

@media screen and (max-width:1100px) {
.br-none-1100 br { display: none; }
.ind-about .catch { width: 460px; margin-bottom: 40px; }
.ind-about .belt { position: absolute; width: 160px; right: 5%; bottom: -200px; }
}

@media screen and (max-width:1040px) {
.ind-about { height: 400px; box-sizing: border-box; background: url(../images/index/about.png) no-repeat top left; background-size: 470px 400px; position: relative; z-index: 2; }
.ind-about .ind-abouttxt { padding: 40px 0 0 420px; font-size: 17px; line-height: 2; font-weight: bold; font-family: 'Noto Sans Japanese', serif;}
.ind-about .ind-abouttxt01 { margin-bottom: 20px; }
.ind-about .ind-abouttxt02 { margin-bottom: 30px; }
.ind-about .catch { width: 460px; margin-bottom: 30px; }
}

@media screen and (max-width:980px) {
.ind-about .ind-abouttxt { font-size: 16px;}
.ind-about .ind-abouttxt01 { margin-bottom: 0; }
.ind-about .ind-abouttxt02 { margin-bottom: 30px; }
}

@media screen and (max-width:920px) {
.ind-about { height: 350px; box-sizing: border-box; background: url(../images/index/about.png) no-repeat top left; background-size: 411px 350px; position: relative; z-index: 2; }
.ind-about .ind-abouttxt { padding: 40px 0 0 370px; font-size: 16px; line-height: 2; font-weight: bold; font-family: 'Noto Sans Japanese', serif;}
.ind-about .ind-abouttxt01 { margin-bottom: 0; }
.ind-about .ind-abouttxt02 { margin-bottom: 30px; }
.ind-about .catch { width: 400px; margin-bottom: 30px; }
.ind-about .belt { display: none; }
}

.ind-shop { padding: 120px 0; text-align: center; position: relative; }
.ind-shop .ind-ttlwrap {}
.ind-shopul {}
.ind-shopul li {  width: 300px; margin-inline: 50px; }
.ind-shopul li .ind-shopimg { margin-bottom: 20px; position: relative ;}
.ind-shopul li .ind-shopttl { font-size: 18px;  font-weight: bold; margin-bottom: 10px; letter-spacing: 0.1em; position: relative ; z-index: 2;}
.ind-shopul li .ind-shoptxt { color: #333; }
.ind-shopul li .ind-shoptel { color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.ind-shopul li .ind-shoptel a { cursor: text;}
.ind-shopul li .ind-shopmap {  }
.ind-shopul li .ind-shopmap a { text-decoration: underline; }
.ind-shopul li .ind-shopmap a:hover { text-decoration: none; }
.ind-shop .btn { margin-inline: auto; margin-top: 40px; }

.ind-shop-reform-bnr{ top: -45px ; right: -45px; z-index: 2; width: 90px;}

@media screen and (max-width:750px) {
  .ind-shop-reform-bnr{ top: -5vw ; right: -5vw; width: 80px;}

}

@media screen and (min-width: 751px) {
.ind-shopul {  display: flex; justify-content: center;}
.ind-shopul li.ind-shoplihon .ind-shopimg img{}
.ind-shopul li.ind-shoplihon .ind-shopimg::before { position: absolute; left: -30px; bottom: -30px; width: 60px; height: 60px; content: ""; background-color: #ffd002; z-index: 1; mix-blend-mode: multiply;}
.ind-shopul li.ind-shopli09 .ind-shopimg img{}
/* 2512 del
.ind-shopul li.ind-shopli09 .ind-shopimg::before { position: absolute; right: -40px; top: -40px; width: 80px; height: 80px; content: ""; background-color: #ffd002; z-index: 1; mix-blend-mode: multiply;}
*/
}


/*
.ind-shop { padding: 120px 0; text-align: center; position: relative; }
.ind-shop .ind-ttlwrap { float: left; width: 300px; }
.ind-shopul { margin-left: -100px; clear: both;  }
.ind-shopul li { width: 300px; float: left; margin-left: 100px; }
.ind-shopul li .ind-shopimg { margin-bottom: 20px; }
.ind-shopul li .ind-shopttl { font-size: 18px;  font-weight: bold; margin-bottom: 10px; letter-spacing: 0.1em;}
.ind-shopul li .ind-shoptxt { color: #333; }
.ind-shopul li .ind-shoptel { color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.ind-shopul li .ind-shoptel a { cursor: text;}
.ind-shopul li .ind-shopmap {  }
.ind-shopul li .ind-shopmap a { text-decoration: underline; }
.ind-shopul li .ind-shopmap a:hover { text-decoration: none; }
.ind-shop .btn { position: absolute; bottom: 120px; left: calc(50% - 120px); }
.ind-shopul li.ind-shoplihon { margin-top: -120px;}
.ind-shopul li.ind-shopli09{ }
.ind-shopul li.ind-shopli09 .ind-shopimg { width: 360px; margin-left: -60px; margin-bottom: -40px;}
.ind-shopul li.ind-shopli05 .ind-shopimg { width: 360px; margin-top: -60px; }

@media screen and (max-width:1100px) {
.ind-shopulwrap { width: 920px; margin-left: 60px; }
.ind-shopul { margin-left: -40px; clear: both;  }
.ind-shopul li { width: 280px; float: left; margin-left: 40px; }
.ind-shop .btn { position: absolute; bottom: 120px; left: calc(50% - 120px); }
.ind-shopul li.ind-shopli09 .ind-shopimg { width: 336px; margin-left: -60px;}
.ind-shopul li.ind-shopli05 .ind-shopimg { width: 336px; }
}
@media screen and (max-width:980px) {

.ind-shopulwrap { width: 750px; margin-inline: auto; }
.ind-shopul { margin-left: -60px; clear: both;  }
.ind-shopul li { width: 300px; float: left; margin-left: 60px; }
.ind-shop .btn { position: absolute; bottom: 180px; left: 100px;}
.ind-shopul li.ind-shopli09 {margin-top: 0px;}
.ind-shopul li.ind-shopli09 .ind-shopimg { width: 360px; margin-left: -60px;  margin-bottom: 0px;}
.ind-shopul li.ind-shopli05 { margin-top: 40px; }
.ind-shopul li.ind-shopli05 .ind-shopimg { width: 360px; }
}
*/

.carousel { }
.carouselul { }
.carouselul li { width: 280px; float: left; }

.ind-news { padding: 120px 0; }
.ind-news .ind-ttlwrap { }
.ind-newswrap { width: 1020px; margin: 0 auto; position: relative; z-index: 2; }
.ind-newswrap:after { content:""; position: absolute; width: 1100px; height:180px; background:#fff; bottom: -40px; z-index: -1; left: -40px; border-bottom: 2px solid #000082; }
.ind-newsul { margin-left:-20px; }
.ind-newsul li { width: 240px; float: left; margin-left: 20px; }
.ind-newsul .ind-newsimg { text-align:center; }
.ind-newsul .ind-newsimg img { width:auto;
height:auto;
max-width:100%;
max-height:100%;}
.ind-newsul .ind-newscat { position: relative; height: 25px; line-height: 25px; width: 90px; font-size: 12px; font-weight: bold; text-align: center; float: left; background: #FFC800; }
.ind-newsul .ind-newscat:after { position: absolute; content: ""; top: 0; right: -10px; width: 0; height: 0; border-style: solid;
border-width: 0 10px 25px 0;
border-color: transparent transparent #FFC800 transparent;}
.ind-newsul .ind-newsdate { color: #8080C0; font-size: 12px; padding-left: 110px; line-height: 25px; }
.ind-newsul .ind-newsttl { padding-top: 5px; color: #333; font-weight: bold;}
.ind-news .btn { margin: 100px auto 0; }

@media screen and (max-width:1000px) {
.ind-newswrap { width: 500px; margin: 0 auto; position: relative; z-index: 2; }
.ind-newsul li { margin-bottom: 20px;}
.ind-newswrap:after { display: none;}
.ind-news .btn { margin: 40px auto 0; }
}


.ind-access { padding: 120px 0;}
#map_canvas { height: 500px; }
#map_canvas01 { height: 500px; }

.ind-accessttl { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.ind-accessul { }
.ind-accessul li { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #000082; }
.ind-accessul .ind-accesssta { width: 100px; height: 40px; line-height: 40px; text-align: center; background: #000082; color: #fff; float: left; }
.ind-accessul .ind-accesstxt {  float: left; margin-left: 15px; margin-right: 40px; }
.ind-accessul li .col-l { }

.map{overflow: hidden; width: 100%; height: 430px;}
.map iframe{border: none; width: 100%; height: 500px; margin-top: -68px;}

@media screen and (max-width:1120px) {
.ind-access { padding: 120px 0 0;}
.ind-accessul { width: 100%; box-sizing: border-box; padding: 0 20px; }
.ind-accessul li:last-child { border: none;}
.ind-accessul .ind-accesstxt {  float: left; margin-left: 15px; margin-right: 20px; }
.ind-accessul li .col-l { width: 100%; border-bottom: 1px solid #000082; padding-bottom: 30px; margin-bottom: 30px;  }
.bb-none { border: none !important;}
}

.pagetop { background: #000082; height: 80px; border-bottom: 1px solid #CCC; }
.pagetop .foot-logo { width: 238px; }
.pagetop .yaji { color: #FFC800; font-size: 40px; line-height: 80px; text-align: right; }



/* footer
==========================================================*/

.footnav { background: #000082; padding: 60px 0 20px; color: #fff; }
.footnav a { color: #fff;}
.footnavul { margin-left: -50px; }
.footnavli { float: left; width: 180px; margin-left: 50px;  }
.footnavli .footnavul-in { margin-bottom: 40px; }
.footnavli .footnavul-in li { font-size: 12px; letter-spacing: 0; position: relative; padding-left: 10px; margin-bottom: 2px; }
.footnavli .footnavul-in li:after { position: absolute; content: "-"; top: 0; left: 0; color: #fff; }
.footnavli .footnavul-in li.footnavttl { font-size: 15px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; border-bottom: 2px solid #FFC800; margin-bottom: 15px; letter-spacing: 0.02em; padding-left: 0; }
.footnavli .footnavul-in li.footnavttl:after { content: ""; }
.footnavli01 { width: 170px; }
.footnavli02 { width: 190px; }
.footnavli03 { width: 240px; }
.footnavli04 { width: 120px; }

.footnavli05 { }
.footnavul-in02 { }
.footnavul-in02 .footnavttl02 { color: #fff; font-size: 15px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-bottom: 5px; }
.footnavul-in02 .footbtn { width: 180px; height: 40px; line-height: 40px; margin-bottom: 40px; }
/*.footnavul-in02 .footbtn.accordion { height: 60px; margin-bottom: 60px; }*/
.footnavul-in02 .footbtn a { color:#000082; display: block; background: #FFC800; }
.footnavul-in02 .footbtn .fa  { padding: 0 10px; }

.footinfo { padding: 40px 0 0; }
.footinfoul { margin-left: -40px;}
.footinfoul li { float: left; margin-left: 40px; margin-bottom: 40px; }
.footinfoul li .footinfottl { font-weight: bold; margin-bottom: 10px; }
.footinfoul li .footinfotxt { font-size: 12px; }
.footinfoul .tellink { font-size: 12px;}
.copy { color: #8080C0; font-size: 10px; text-align: center; height: 40px; line-height: 40px; }

dl.foot-online { position: relative; z-index: 3;}
dl.foot-online dt { height: 60px; margin-bottom: -8px; }
dl.foot-online dd { display: none; }
dl.foot-online dd a { width: 100%;  box-sizing: border-box; padding-left: 10px; float: left; border-top: 1px solid #000082; }
.onlineIcon { float: left;  }
.onlineTxt { line-height: 1.2; padding: 10px; }

@media screen and (max-width:1120px) {
.footnavul { margin-left: 0; }
.footnavli { margin-left: 20px; }
.footinfoul { margin-left: 0;}
.footinfoul li { float: left; margin-left: 20px; margin-bottom: 20px; }
.pagetop .yaji { color: #FFC800; font-size: 40px; line-height: 80px; text-align: right; padding-right: 20px; }
}

@media screen and (max-width:1000px) {
	.footnavli04 { width: 180px; }
}

@media screen and (max-width:860px) {
.footnavli04 { position: relative; left: -210px; width: 190px; }
.footnavli05 { position: relative; left: -210px; margin-right: -210px; }
}





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