@charset "UTF-8";

/* --------------------------------------------------
	Last Modified: nov 2019
	Version: 1.5
	Author: ZEALPLUS
	Author URI: http://zealplus.co.jp/
 --------------------------------------------------- */


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

	Index:
  - Reset
  - Elements
	. font style
	. img style
	. hover
	. common set
	. space
  
===============================================================================================
*/



/* 1:Reset
----------------------------------------------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; font-size:1em; }
th, td{ vertical-align:top; }
br { letter-spacing:normal; }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
display: block;
}

/* float reset
----------------------------------------------------------------------------------------------*/

/* clear
==========================================================*/

.clear { margin:0; padding:0; clear:both; }	
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.hide { display:none; }
.lineclear   { margin:0; padding:0; clear:both; }		
.lineclear hr{ display:none; }

/*clearfix*/
* html .clearfix { /*zoom: 1;*/}
*+html .clearfix { /*zoom: 1;*/}
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/*clearfix*/




/* 2:Elements
----------------------------------------------------------------------------------------------*/


/* Font Setting
==========================================================*/

/*----------------------------------------
    font-size
------------------------------------------
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
.h1tt { position:absolute;
position:absolute; text-indent:-999em;
white-space: nowrap;
overflow: hidden;
}
.hide-text { position:absolute;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.fn-meiryo { font-family:"メイリオ", meiryo, Arial, sans-serif; }
.fn-mincho { font-family: "Times New Roman", "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.fn-gothic { font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; }

.fn-red { color:#ff0000 !important;}
.lesp-n { letter-spacing:normal !important; }
.bold{ font-weight: bold !important; }
.normal{ font-weight: normal !important; }

.fn-ellipsis{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -moz-text-overflow:ellipsis; }

.opac-0{ opacity: 0;}
.opac-01{ opacity: 0.1;}
.opac-02{ opacity: 0.2;}
.opac-03{ opacity: 0.3;}
.opac-04{ opacity: 0.4;}
.opac-05{ opacity: 0.5;}
.opac-06{ opacity: 0.6;}
.opac-065{ opacity: 0.65;}
.opac-07{ opacity: 0.7;}
.opac-075{ opacity: 0.75;}
.opac-08{ opacity: 0.8;}
.opac-085{ opacity: 0.85;}
.opac-09{ opacity: 0.9;}
.opac-095{ opacity: 0.95;}


/* font-size */
.fns30   { font-size:3em; }
.fns20   { font-size:2em; }
.fns195   { font-size:1.95em; }
.fns19   { font-size:1.9em; }
.fns185   { font-size:1.85em; }
.fns18   { font-size:1.8em; }
.fns175   { font-size:1.75em; }
.fns17   { font-size:1.7em; }
.fns165   { font-size:1.65em; }
.fns16   { font-size:1.6em; }
.fns155   { font-size:1.55em; }
.fns15   { font-size:1.5em; }
.fns145  { font-size:1.45em; }
.fns14  { font-size:1.4em; }
.fns135   { font-size:1.35em; }
.fns13   { font-size:1.3em; }
.fns125   { font-size:1.25em; }
.fns12   { font-size:1.2em; }
.fns115   { font-size:1.15em; }
.fns11   { font-size:1.1em; }
.fns105   { font-size:1.05em;  }
.fns10   { font-size:1em;  }
.fn095   { font-size:0.95em; }
.fn09   { font-size:0.9em; }
.fn085   { font-size:0.85em; }
.fn08   { font-size:0.8em; }
.fn075   { font-size:0.75em; }
.fn07   { font-size:0.7em; }

.lh24 { line-height:2.4 !important;}
.lh23 { line-height:2.3 !important;}
.lh22 { line-height:2.2 !important;}
.lh21 { line-height:2.1 !important;}
.lh20 { line-height:2 !important;}
.lh19 { line-height:1.9 !important;}
.lh18 { line-height:1.8 !important;}
.lh17 { line-height:1.7 !important;}
.lh16 { line-height:1.6 !important;}
.lh15 { line-height:1.5 !important;}
.lh14 { line-height:1.4 !important;}
.lh13 { line-height:1.3 !important;}
.lh12 { line-height:1.2 !important;}
.lh11 { line-height:1.1 !important;}
.lh1 { line-height:1 !important;}
.lh09 { line-height:0.9 !important;}
.lh08 { line-height:0.8 !important;}
.lh0 { line-height:0 !important;}


.fn-w100{ font-weight: 100 !important;}
.fn-w200{ font-weight: 200 !important;}
.fn-w300{ font-weight: 300 !important;}
.fn-w400{ font-weight: 400 !important;}
.fn-w500{ font-weight: 500 !important;}
.fn-w600{ font-weight: 600 !important;}
.fn-w700{ font-weight: 700 !important;}
.fn-w800{ font-weight: 800 !important;}

.lesp-005{letter-spacing: 0.05em; }
.lesp-01{letter-spacing: 0.1em; }
.lesp-015{letter-spacing: 0.15em; }
.lesp-02{letter-spacing: 0.2em; }
.lesp-025{letter-spacing: 0.25em; }
.lesp-03{letter-spacing: 0.3em; }

.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}



/* img
==========================================================*/
.imgwide{ width:100%; height:auto;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto;vertical-align: bottom;  }
video { vertical-align: bottom;}

a { outline:none;}
a:focus,
img:focus,
:focus{ outline: 0; }



/* link / hover
==========================================================*/
.cshover button,
.cshover input,
.cshover a, 
a.cshover{ -webkit-transition:all .3s; transition:all .3s;}
.cshover button:hover,
.cshover input:hover,
.cshover a:hover, 
a.cshover:hover { -webkit-opacity: 0.6; opacity: 0.6; }


.hover_imgscale{ overflow: hidden; }
a .imgscale{-webkit-transition: all .4s; transition: all .4s}
a:hover .imgscale {-webkit-transform: scale(1.05);transform: scale(1.05);}



/* button
==========================================================*/




/* common
==========================================================*/
body{ -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }

.h-100vh{ height: 100vh; }
.h-min100vh{ min-height: 100vh; }


.txc  { text-align:center; }
.txl  { text-align:left; }
.txr  { text-align:right; }
.txjus {text-align: justify; text-justify: inter-ideograph;}
.fl   { float: left; }
.fr   { float: right; }
.va-b { vertical-align: bottom;}
.va-m { vertical-align: middle;}

.col-l { float: left; }
.col-r { float: right; }


.box-sizing {-webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.text-tategaki { writing-mode: tb-rl; writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; }


.pore{ position: relative; }
.poab{ position: absolute; }
.table-row { display:table; width:100%;}
.table-cell { display:table-cell; vertical-align:top; } 

.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.centertate { position: absolute; top: 50%; -webkit-transform: translateY(-50%);transform: translateY(-50%); } 
.centeryoko { position: absolute; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); } 


.flex { display: flex; flex-wrap: wrap; }
    .flex_jc_c{ justify-content: center;  }
    .flex_jc_s{ justify-content: space-between;  }
    .flex_ai_c{ align-items: center;  }
.flex-jcc { display: flex; justify-content: center; flex-wrap: wrap; }
.flex-jcs { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-jcend { display: flex; justify-content:flex-end; flex-wrap: wrap; }
.flex-aic { display: flex; align-items: center; flex-wrap: wrap; }

.disp-ib { display: inline-block; }

.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

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

.mt00 {margin-top: 0 !important;}
.mt01 {margin-top: 1px !important;}
.mt02 {margin-top: 2px !important;}
.mt03 {margin-top: 3px !important;}
.mt04 {margin-top: 4px !important;}
.mt05 {margin-top: 5px !important;}
.mt06 {margin-top: 6px !important;}
.mt07 {margin-top: 7px !important;}
.mt08 {margin-top: 8px !important;}
.mt09 {margin-top: 9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt17 {margin-top:17px !important;}
.mt18 {margin-top:18px !important;}
.mt19 {margin-top:19px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt25 {margin-top:25px !important;}
.mt28 {margin-top:28px !important;}
.mt30 {margin-top:30px !important;}
.mt32 {margin-top:32px !important;}
.mt35 {margin-top:35px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt44 {margin-top:44px !important;}
.mt45 {margin-top:45px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt52 {margin-top:52px !important;}
.mt55 {margin-top:55px !important;}
.mt56 {margin-top:56px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mt85 {margin-top:85px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mt160 {margin-top:160px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb01 {margin-bottom: 1px !important;}
.mb02 {margin-bottom: 2px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb04 {margin-bottom: 4px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb06 {margin-bottom: 6px !important;}
.mb07 {margin-bottom: 7px !important;}
.mb08 {margin-bottom: 8px !important;}
.mb09 {margin-bottom: 9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb11 {margin-bottom:11px !important;}
.mb12 {margin-bottom:12px !important;}
.mb13 {margin-bottom:13px !important;}
.mb14 {margin-bottom:14px !important;}
.mb15 {margin-bottom:15px !important;}
.mb16 {margin-bottom:16px !important;}
.mb17 {margin-bottom:17px !important;}
.mb18 {margin-bottom:18px !important;}
.mb19 {margin-bottom:19px !important;}
.mb20 {margin-bottom:20px !important;}
.mb24 {margin-bottom:24px !important;}
.mb25 {margin-bottom:25px !important;}
.mb28 {margin-bottom:28px !important;}
.mb30 {margin-bottom:30px !important;}
.mb32 {margin-bottom:32px !important;}
.mb35 {margin-bottom:35px !important;}
.mb36 {margin-bottom:36px !important;}
.mb40 {margin-bottom:40px !important;}
.mb44 {margin-bottom:44px !important;}
.mb45 {margin-bottom:45px !important;}
.mb48 {margin-bottom:48px !important;}
.mb50 {margin-bottom:50px !important;}
.mb52 {margin-bottom:52px !important;}
.mb55 {margin-bottom:55px !important;}
.mb56 {margin-bottom:56px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}
.mb85 {margin-bottom:85px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.mb160 {margin-bottom:160px !important;}

.pt00 {padding-top: 0 !important;}
.pt01 {padding-top: 1px !important;}
.pt02 {padding-top: 2px !important;}
.pt03 {padding-top: 3px !important;}
.pt04 {padding-top: 4px !important;}
.pt05 {padding-top: 5px !important;}
.pt06 {padding-top: 6px !important;}
.pt07 {padding-top: 7px !important;}
.pt08 {padding-top: 8px !important;}
.pt09 {padding-top: 9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt16 {padding-top:16px !important;}
.pt17 {padding-top:17px !important;}
.pt18 {padding-top:18px !important;}
.pt19 {padding-top:19px !important;}
.pt20 {padding-top:20px !important;}
.pt24 {padding-top:24px !important;}
.pt25 {padding-top:25px !important;}
.pt28 {padding-top:28px !important;}
.pt30 {padding-top:30px !important;}
.pt32 {padding-top:32px !important;}
.pt35 {padding-top:35px !important;}
.pt36 {padding-top:36px !important;}
.pt40 {padding-top:40px !important;}
.pt44 {padding-top:44px !important;}
.pt45 {padding-top:45px !important;}
.pt48 {padding-top:48px !important;}
.pt50 {padding-top:50px !important;}
.pt52 {padding-top:52px !important;}
.pt55 {padding-top:55px !important;}
.pt56 {padding-top:56px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt85 {padding-top:85px !important;}
.pt90 {padding-top:90px !important;}
.pt95 {padding-top:95px !important;}
.pt100 {padding-top:100px !important;}

.pb00 {padding-bottom: 0 !important;}
.pb01 {padding-bottom: 1px !important;}
.pb02 {padding-bottom: 2px !important;}
.pb03 {padding-bottom: 3px !important;}
.pb04 {padding-bottom: 4px !important;}
.pb05 {padding-bottom: 5px !important;}
.pb06 {padding-bottom: 6px !important;}
.pb07 {padding-bottom: 7px !important;}
.pb08 {padding-bottom: 8px !important;}
.pb09 {padding-bottom: 9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb12 {padding-bottom:12px !important;}
.pb13 {padding-bottom:13px !important;}
.pb14 {padding-bottom:14px !important;}
.pb15 {padding-bottom:15px !important;}
.pb16 {padding-bottom:16px !important;}
.pb17 {padding-bottom:17px !important;}
.pb18 {padding-bottom:18px !important;}
.pb19 {padding-bottom:19px !important;}
.pb20 {padding-bottom:20px !important;}
.pb24 {padding-bottom:24px !important;}
.pb25 {padding-bottom:25px !important;}
.pb28 {padding-bottom:28px !important;}
.pb30 {padding-bottom:30px !important;}
.pb32 {padding-bottom:32px !important;}
.pb35 {padding-bottom:35px !important;}
.pb36 {padding-bottom:36px !important;}
.pb40 {padding-bottom:40px !important;}
.pb44 {padding-bottom:44px !important;}
.pb45 {padding-bottom:45px !important;}
.pb48 {padding-bottom:48px !important;}
.pb50 {padding-bottom:50px !important;}
.pb52 {padding-bottom:52px !important;}
.pb55 {padding-bottom:55px !important;}
.pb56 {padding-bottom:56px !important;}
.pb60 {padding-bottom:60px !important;}
.pb65 {padding-bottom:65px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb85 {padding-bottom:85px !important;}
.pb90 {padding-bottom:90px !important;}
.pb95 {padding-bottom:95px !important;}
.pb100 {padding-bottom:100px !important;}


.pl00 {padding-left: 0 !important;}
.pl01 {padding-left: 1px !important;}
.pl02 {padding-left: 2px !important;}
.pl03 {padding-left: 3px !important;}
.pl04 {padding-left: 4px !important;}
.pl05 {padding-left: 5px !important;}
.pl06 {padding-left: 6px !important;}
.pl07 {padding-left: 7px !important;}
.pl08 {padding-left: 8px !important;}
.pl09 {padding-left: 9px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

.pr00 {padding-right: 0 !important;}
.pr01 {padding-right: 1px !important;}
.pr02 {padding-right: 2px !important;}
.pr03 {padding-right: 3px !important;}
.pr04 {padding-right: 4px !important;}
.pr05 {padding-right: 5px !important;}
.pr06 {padding-right: 6px !important;}
.pr07 {padding-right: 7px !important;}
.pr08 {padding-right: 8px !important;}
.pr09 {padding-right: 9px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}