@charset "UTF-8";
/* ----------------------------------------------------
	box
---------------------------------------------------- */
/* ----------------------
	display
------------------------- */
.db  {display:block;}
.dn  {display:none;}
.dib {display:inline-block;}
.dt  {display:table;}
.dtc {display:table-cell;}
/* ----------------------
	position
------------------------- */
.posir {position:relative;}
.posia {position:absolute;}
.posif {position:fixed;}
/* ----------------------
	width
------------------------- */
.w010 {width:10%; box-sizing: border-box;}
.w020 {width:20%; box-sizing: border-box;}
.w025 {width:25%; box-sizing: border-box;}
.w033 {width:33.333%; box-sizing: border-box;}
.w050 {width:50%; box-sizing: border-box;}
.w100 {width:100%;box-sizing: border-box;}
.max-w100 {max-width:100%;}
/* ----------------------
	height
------------------------- */
.h000 {height:0;}
.h100 {height:100%;}
/* ----------------------
	background-color
------------------------- */
.bgfff  {background-color:#fff;}
.bgeee  {background-color:#eee;}
.bgf2f2 {background-color:#f2f2f2;}

/* base-color */
.bggray   {background-color:#e0e0e0;}
.bggreen  {background-color:#00c4b3;}
.bgaqua   {background-color:#deebff;}
.bgblue   {background-color:#007cc5;}
.bgair    {background-color:#b9d9eb;}
.bgyellow {background-color:#ffce00;}
/* ----------------------
	line
------------------------- */
hr[class*="line-"]{
	border:0;
	border-top:1px solid #FFF;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
hr.line-ccc{border-color:#ccc;}
hr.line-ddd{border-color:#ddd;}
hr.line-blue{border-color:#007cc5;}
hr.line-2{border-width:2px;}
hr.line-3{border-width:3px;}
hr.line-4{border-width:4px;}
/* ----------------------
	border
------------------------- */
[class*="border-"]{
	border:1px solid;
}
.border-ccc {border-color:#ccc;}
.border-ddd {border-color:#ddd;}
.border-e6e6{border-color:#e6e6e6;}
.border-air{border-color:#b9d9eb}
.border-2{border-width:2px;}
.border-3{border-width:3px;}
.border-4{border-width:4px;}
/* ----------------------------------------------------
	text
---------------------------------------------------- */
/* ----------------------
	color
------------------------- */
.cfff {color:#fff;}
.c000 {color:#000;}
.caaa {color:#aaa;}

/* base-color */
.cgray   {color:#e0e0e0;}
.cgreen  {color:#00c4b3;}
.caqua   {color:#deebff;}
.cblue   {color:#007cc5;}
.cair    {color:#b9d9eb;}
.cyellow {color:#ffce00;}
/* ----------------------
	text-align
------------------------- */
.ac {text-align: center;}
.ar {text-align: right;}
.al {text-align: left;}
.aj {text-align: justify;}
/* ----------------------
	vertical-align
------------------------- */
.vt {vertical-align: top;}
.vm {vertical-align: middle;}
.vb {vertical-align: bottom;}
.vs {vertical-align: super;}
/* ----------------------
	font-weight
------------------------- */
.normal {font-weight: normal;}
.bold   {font-weight: bold;}
/* ----------------------
	font-size
------------------------- */
.fs10 {font-size: 1.0rem;}
.fs11 {font-size: 1.1rem;}
.fs12 {font-size: 1.2rem;}
.fs13 {font-size: 1.3rem;}
.fs14 {font-size: 1.4rem;}
.fs15 {font-size: 1.5rem;}
.fs16 {font-size: 1.6rem;}
.fs17 {font-size: 1.7rem;}
.fs18 {font-size: 1.8rem;}
.fs19 {font-size: 1.9rem;}
.fs20 {font-size: 2.0rem;}
.fs21 {font-size: 2.1rem;}
.fs22 {font-size: 2.2rem;}
.fs23 {font-size: 2.3rem;}
.fs24 {font-size: 2.4rem;}
.fs25 {font-size: 2.5rem;}
.fs26 {font-size: 2.6rem;}
.fs27 {font-size: 2.7rem;}
.fs28 {font-size: 2.8rem;}
.fs29 {font-size: 2.9rem;}
.fs30 {font-size: 3.0rem;}
.fs31 {font-size: 3.1rem;}
.fs32 {font-size: 3.2rem;}
.fs33 {font-size: 3.3rem;}
.fs34 {font-size: 3.4rem;}
.fs35 {font-size: 3.5rem;}
.fs36 {font-size: 3.6rem;}
.fs37 {font-size: 3.7rem;}
.fs38 {font-size: 3.8rem;}
.fs39 {font-size: 3.9rem;}
.fs40 {font-size: 4.0rem;}
.fs41 {font-size: 4.1rem;}
.fs42 {font-size: 4.2rem;}
.fs43 {font-size: 4.3rem;}
.fs44 {font-size: 4.4rem;}
.fs45 {font-size: 4.5rem;}
.fs46 {font-size: 4.6rem;}
.fs47 {font-size: 4.7rem;}
.fs48 {font-size: 4.8rem;}
.fs49 {font-size: 4.9rem;}
.fs50 {font-size: 5.0rem;}
/* ----------------------
	line-height
------------------------- */
.lh10 {line-height: 1.0rem;}
.lh11 {line-height: 1.1rem;}
.lh12 {line-height: 1.2rem;}
.lh13 {line-height: 1.3rem;}
.lh14 {line-height: 1.4rem;}
.lh15 {line-height: 1.5rem;}
.lh16 {line-height: 1.6rem;}
.lh17 {line-height: 1.7rem;}
.lh18 {line-height: 1.8rem;}
.lh19 {line-height: 1.9rem;}
.lh20 {line-height: 2.0rem;}
.lh21 {line-height: 2.1rem;}
.lh22 {line-height: 2.2rem;}
.lh23 {line-height: 2.3rem;}
.lh24 {line-height: 2.4rem;}
.lh25 {line-height: 2.5rem;}
.lh26 {line-height: 2.6rem;}
.lh27 {line-height: 2.7rem;}
.lh28 {line-height: 2.8rem;}
.lh29 {line-height: 2.9rem;}
.lh30 {line-height: 3.0rem;}
.lh31 {line-height: 3.1rem;}
.lh32 {line-height: 3.2rem;}
.lh33 {line-height: 3.3rem;}
.lh34 {line-height: 3.4rem;}
.lh35 {line-height: 3.5rem;}
.lh36 {line-height: 3.6rem;}
.lh37 {line-height: 3.7rem;}
.lh38 {line-height: 3.8rem;}
.lh39 {line-height: 3.9rem;}
.lh40 {line-height: 4.0rem;}
.lh41 {line-height: 4.1rem;}
.lh42 {line-height: 4.2rem;}
.lh43 {line-height: 4.3rem;}
.lh44 {line-height: 4.4rem;}
.lh45 {line-height: 4.5rem;}
.lh46 {line-height: 4.6rem;}
.lh47 {line-height: 4.7rem;}
.lh48 {line-height: 4.8rem;}
.lh49 {line-height: 4.9rem;}
.lh50 {line-height: 5.0rem;}
/* ----------------------------------------------------
float
---------------------------------------------------- */
.fr {float: right;}
.fl {float: left;}
.fn {float: none;}

/* ----------------------
	clearfix
------------------------- */
.cf        {*zoom: 1;}
.cf:before,
.cf:after  {
    content: "";
    display: table;
}
.cf:after  {clear: both;}
/* ----------------------------------------------------
flex
---------------------------------------------------- */
.flex-bet,
.flex-around {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}
.flex-bet {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.m00  { margin:  0px;}
.m01  { margin:  1px;}
.m02  { margin:  2px;}
.m03  { margin:  3px;}
.m04  { margin:  4px;}
.m05  { margin:  5px;}
.m10  { margin: 10px;}
.m15  { margin: 15px;}
.m20  { margin: 20px;}
.m24  { margin: 24px;}
.m25  { margin: 25px;}
.m30  { margin: 30px;}
.m32  { margin: 32px;}
.m35  { margin: 35px;}
.m40  { margin: 40px;}
.m45  { margin: 45px;}
.m48  { margin: 48px;}
.m50  { margin: 50px;}
.m55  { margin: 55px;}
.m60  { margin: 60px;}
.mt00 { margin-top:  0px !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;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt24 { margin-top: 24px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt32 { margin-top: 32px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt48 { margin-top: 48px !important;}
.mt50 { margin-top: 50px !important;}
.mt55 { margin-top: 55px !important;}
.mt60 { margin-top: 60px !important;}
.mr00 { margin-right:  0px;}
.mr01 { margin-right:  1px;}
.mr02 { margin-right:  2px;}
.mr03 { margin-right:  3px;}
.mr04 { margin-right:  4px;}
.mr05 { margin-right:  5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr24 { margin-right: 24px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}
.mr55 { margin-right: 55px;}
.mr60 { margin-right: 60px;}
.mb00 { margin-bottom:  0px;}
.mb01 { margin-bottom:  1px;}
.mb02 { margin-bottom:  2px;}
.mb03 { margin-bottom:  3px;}
.mb04 { margin-bottom:  4px;}
.mb05 { margin-bottom:  5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb24 { margin-bottom: 24px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb32 { margin-bottom: 32px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb48 { margin-bottom: 48px;}
.mb50 { margin-bottom: 50px;}
.mb55 { margin-bottom: 55px;}
.mb60 { margin-bottom: 60px;}
.mb75 { margin-bottom: 75px;}
.mb90 { margin-bottom: 90px;}
.mb120 { margin-bottom: 120px;}
.ml00 { margin-left:  0px;}
.ml01 { margin-left:  1px;}
.ml02 { margin-left:  2px;}
.ml03 { margin-left:  3px;}
.ml04 { margin-left:  4px;}
.ml05 { margin-left:  5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml24 { margin-left: 24px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}
.ml55 { margin-left: 55px;}
.ml60 { margin-left: 60px;}
.mtb00 { margin-top:  0px; margin-bottom:  0px;}
.mtb01 { margin-top:  1px; margin-bottom:  1px;}
.mtb02 { margin-top:  2px; margin-bottom:  2px;}
.mtb03 { margin-top:  3px; margin-bottom:  3px;}
.mtb04 { margin-top:  4px; margin-bottom:  4px;}
.mtb05 { margin-top:  5px; margin-bottom:  5px;}
.mtb10 { margin-top: 10px; margin-bottom: 10px;}
.mtb15 { margin-top: 15px; margin-bottom: 15px;}
.mtb20 { margin-top: 20px; margin-bottom: 20px;}
.mtb24 { margin-top: 24px; margin-bottom: 24px;}
.mtb25 { margin-top: 25px; margin-bottom: 25px;}
.mtb30 { margin-top: 30px; margin-bottom: 30px;}
.mtb32 { margin-top: 32px; margin-bottom: 32px;}
.mtb35 { margin-top: 35px; margin-bottom: 35px;}
.mtb40 { margin-top: 40px; margin-bottom: 40px;}
.mtb45 { margin-top: 45px; margin-bottom: 45px;}
.mtb48 { margin-top: 48px; margin-bottom: 48px;}
.mtb50 { margin-top: 50px; margin-bottom: 50px;}
.mtb60 { margin-top: 60px; margin-bottom: 60px;}
.mrl00 { margin-right:  0px; margin-left:  0px;}
.mrl01 { margin-right:  1px; margin-left:  1px;}
.mrl02 { margin-right:  2px; margin-left:  2px;}
.mrl03 { margin-right:  3px; margin-left:  3px;}
.mrl04 { margin-right:  4px; margin-left:  4px;}
.mrl05 { margin-right:  5px; margin-left:  5px;}
.mrl10 { margin-right: 10px; margin-left: 10px;}
.mrl15 { margin-right: 15px; margin-left: 15px;}
.mrl20 { margin-right: 20px; margin-left: 20px;}
.mrl24 { margin-right: 24px; margin-left: 24px;}
.mrl25 { margin-right: 25px; margin-left: 25px;}
.mrl30 { margin-right: 30px; margin-left: 30px;}
/* ----------------------
	margin percent
------------------------- */
.m00p { margin: 0%;}
.m01p { margin: 1%;}
.m02p { margin: 2%;}
.m03p { margin: 3%;}
.m04p { margin: 4%;}
.m05p { margin: 5%;}
.mt00p { margin-top: 0%;}
.mt01p { margin-top: 1%;}
.mt02p { margin-top: 2%;}
.mt03p { margin-top: 3%;}
.mt04p { margin-top: 4%;}
.mt05p { margin-top: 5%;}
.mr00p { margin-right: 0%;}
.mr01p { margin-right: 1%;}
.mr02p { margin-right: 2%;}
.mr03p { margin-right: 3%;}
.mr04p { margin-right: 4%;}
.mr05p { margin-right: 5%;}
.mb00p { margin-bottom: 0%;}
.mb01p { margin-bottom: 1%;}
.mb02p { margin-bottom: 2%;}
.mb03p { margin-bottom: 3%;}
.mb04p { margin-bottom: 4%;}
.mb05p { margin-bottom: 5%;}
.ml00p { margin-left: 0%;}
.ml01p { margin-left: 1%;}
.ml02p { margin-left: 2%;}
.ml03p { margin-left: 3%;}
.ml04p { margin-left: 4%;}
.ml05p { margin-left: 5%;}
.mtb00p { margin-top: 0%; margin-bottom: 0%;}
.mtb01p { margin-top: 1%; margin-bottom: 1%;}
.mtb02p { margin-top: 2%; margin-bottom: 2%;}
.mtb03p { margin-top: 3%; margin-bottom: 3%;}
.mtb04p { margin-top: 4%; margin-bottom: 4%;}
.mtb05p { margin-top: 5%; margin-bottom: 5%;}
.mrl00p { margin-right: 0%; margin-left: 0%;}
.mrl01p { margin-right: 1%; margin-left: 1%;}
.mrl02p { margin-right: 2%; margin-left: 2%;}
.mrl03p { margin-right: 3%; margin-left: 3%;}
.mrl04p { margin-right: 4%; margin-left: 4%;}
.mrl05p { margin-right: 5%; margin-left: 5%;}
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.p00  { padding:  0px;}
.p01  { padding:  1px;}
.p02  { padding:  2px;}
.p03  { padding:  3px;}
.p04  { padding:  4px;}
.p05  { padding:  5px;}
.p10  { padding: 10px;}
.p15  { padding: 15px;}
.p20  { padding: 20px;}
.p24  { padding: 24px;}
.p25  { padding: 25px;}
.p30  { padding: 30px;}
.p35  { padding: 35px;}
.p40  { padding: 40px;}
.p45  { padding: 45px;}
.p50  { padding: 50px;}
.p55  { padding: 55px;}
.p60  { padding: 60px;}
.pt00 { padding-top:  0px;}
.pt01 { padding-top:  1px;}
.pt02 { padding-top:  2px;}
.pt03 { padding-top:  3px;}
.pt04 { padding-top:  4px;}
.pt05 { padding-top:  5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt24 { padding-top: 24px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pt55 { padding-top: 55px;}
.pt60 { padding-top: 60px;}
.pr00 { padding-right:  0px;}
.pr01 { padding-right:  1px;}
.pr02 { padding-right:  2px;}
.pr03 { padding-right:  3px;}
.pr04 { padding-right:  4px;}
.pr05 { padding-right:  5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr24 { padding-right: 24px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pr55 { padding-right: 55px;}
.pr60 { padding-right: 60px;}
.pb00 { padding-bottom:  0px;}
.pb01 { padding-bottom:  1px;}
.pb02 { padding-bottom:  2px;}
.pb03 { padding-bottom:  3px;}
.pb04 { padding-bottom:  4px;}
.pb05 { padding-bottom:  5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb24 { padding-bottom: 24px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pb55 { padding-bottom: 55px;}
.pb60 { padding-bottom: 60px;}
.pb70 { padding-bottom: 70px;}
.pl00 { padding-left:  0px;}
.pl01 { padding-left:  1px;}
.pl02 { padding-left:  2px;}
.pl03 { padding-left:  3px;}
.pl04 { padding-left:  4px;}
.pl05 { padding-left:  5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl24 { padding-left: 24px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}
.pl55 { padding-left: 55px;}
.pl60 { padding-left: 60px;}
.ptb00 { padding-top:  0px; padding-bottom:  0px;}
.ptb01 { padding-top:  1px; padding-bottom:  1px;}
.ptb02 { padding-top:  2px; padding-bottom:  2px;}
.ptb03 { padding-top:  3px; padding-bottom:  3px;}
.ptb04 { padding-top:  4px; padding-bottom:  4px;}
.ptb05 { padding-top:  5px; padding-bottom:  5px;}
.ptb10 { padding-top: 10px; padding-bottom: 10px;}
.ptb15 { padding-top: 15px; padding-bottom: 15px;}
.ptb20 { padding-top: 20px; padding-bottom: 20px;}
.ptb24 { padding-top: 24px; padding-bottom: 24px;}
.ptb25 { padding-top: 25px; padding-bottom: 25px;}
.ptb30 { padding-top: 30px; padding-bottom: 30px;}
.ptb50 { padding-top: 50px; padding-bottom: 50px;}
.prl00 { padding-right:  0px; padding-left:  0px;}
.prl01 { padding-right:  1px; padding-left:  1px;}
.prl02 { padding-right:  2px; padding-left:  2px;}
.prl03 { padding-right:  3px; padding-left:  3px;}
.prl04 { padding-right:  4px; padding-left:  4px;}
.prl05 { padding-right:  5px; padding-left:  5px;}
.prl10 { padding-right: 10px; padding-left: 10px;}
.prl15 { padding-right: 15px; padding-left: 15px;}
.prl20 { padding-right: 20px; padding-left: 20px;}
.prl24 { padding-right: 24px; padding-left: 24px;}
.prl25 { padding-right: 25px; padding-left: 25px;}
.prl30 { padding-right: 30px; padding-left: 30px;}
/* ----------------------
	padding percent
------------------------- */
.p00p { padding: 0%;}
.p01p { padding: 1%;}
.p02p { padding: 2%;}
.p03p { padding: 3%;}
.p04p { padding: 4%;}
.p05p { padding: 5%;}
.pt00p { padding-top: 0%;}
.pt01p { padding-top: 1%;}
.pt02p { padding-top: 2%;}
.pt03p { padding-top: 3%;}
.pt04p { padding-top: 4%;}
.pt05p { padding-top: 5%;}
.pr00p { padding-right: 0%;}
.pr01p { padding-right: 1%;}
.pr02p { padding-right: 2%;}
.pr03p { padding-right: 3%;}
.pr04p { padding-right: 4%;}
.pr05p { padding-right: 5%;}
.pb00p { padding-bottom: 0%;}
.pb01p { padding-bottom: 1%;}
.pb02p { padding-bottom: 2%;}
.pb03p { padding-bottom: 3%;}
.pb04p { padding-bottom: 4%;}
.pb05p { padding-bottom: 5%;}
.pb10p { padding-bottom: 10%;}
.pb25p { padding-bottom: 25%;}
.pb33p { padding-bottom: 33.333%;}
.pb50p { padding-bottom: 50%;}
.pb100p { padding-bottom: 100%;}
.pl00p { padding-left: 0%;}
.pl01p { padding-left: 1%;}
.pl02p { padding-left: 2%;}
.pl03p { padding-left: 3%;}
.pl04p { padding-left: 4%;}
.pl05p { padding-left: 5%;}
.ptb00p { padding-top: 0%; padding-bottom: 0%;}
.ptb01p { padding-top: 1%; padding-bottom: 1%;}
.ptb02p { padding-top: 2%; padding-bottom: 2%;}
.ptb03p { padding-top: 3%; padding-bottom: 3%;}
.ptb04p { padding-top: 4%; padding-bottom: 4%;}
.ptb05p { padding-top: 5%; padding-bottom: 5%;}
.prl00p { padding-right: 0%; padding-left: 0%;}
.prl01p { padding-right: 1%; padding-left: 1%;}
.prl02p { padding-right: 2%; padding-left: 2%;}
.prl03p { padding-right: 3%; padding-left: 3%;}
.prl04p { padding-right: 4%; padding-left: 4%;}
.prl05p { padding-right: 5%; padding-left: 5%;}
.dis-pc{display:block;}
.dis-sp{display:none;}
@media screen and (max-width: 768px){
.dis-pc{display:none;}
.dis-sp{display:block;}
}
/* ----------------------------------------------------
Opacity
---------------------------------------------------- */
.op{
    -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
    -o-transition:0.2s ease-in-out;
    transition:0.2s ease-in-out;
}

.op:hover {
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    zoom:1;
    outline:none;
}
@media (min-width: 961px) {
  .onHover:hover{
    opacity: 0.7;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
}
/* ----------------------------------------------------
Bootstrap 5 columns
---------------------------------------------------- */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.modal-content {
	width: 50% ;
	margin: 0 ;
	padding: 10px 20px ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 99999999!important;
	text-align:left;
}

.modal-content a {
    color: #007cc5;
}

#modal-overlay {
	z-index: 999999 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	/*background-color: rgba( 0,0,0, 0.75 ) ;*/
	background-color: #e3f0f9c4;
}
.modal-syncer{
  cursor: pointer;
}
.button-link {
	color: #00f ;
	text-decoration: underline ;
}

.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}




/* ----------------------------------------------------
Takeda 共通ヘッダ・フッタ
---------------------------------------------------- */
#takeda__header--pc {
  width: 100%;
  padding: 0;
  border-top: 14px solid #e1242a;
  border-bottom: 1px solid #979797;
  background: #fff;
}

#takeda__header--pc .inner {
  width: 1170px;
  margin: 0 auto;
  position: relative;
  text-align: left;
}

#takeda__header--pc .inner:after {
  content: "";
  clear: both;
  display: block;
}

#takeda__header--pc #nav-link {
  position: absolute;
  right: 10px;
  top: 25px;
}

#takeda__header--pc #nav-link .takeda__header--pc {
  display: inline-block;
}

#takeda__header--pc #nav-link ul {
  list-style: none;
}

#takeda__header--pc #nav-link ul li {
  float: left;
  margin: 0 5px;
}

#takeda__header--pc #nav-link ul li a {
  font-size: 90%;
  padding-left: 0.5em;
  color: #333;
  font-size: 1.4rem;
  text-decoration: none;
}

#takeda__header--pc #nav-link ul li a::before {
  content: ">";
  margin-right: 0.3em;
  color: #e1242a;
}

#takeda__header--sp {
  display: none;
}

#takeda__footerlink-sp {
  display: none;
}

#takeda__footer {
  clear: both;
  border-left: 17px solid #e1242a;
  max-width: 100%;
  background: #FFF;
  font-size: 80%;
  font-family: Noto Sans CJK JP, Open Sans, sans-serif;
  color: #000;
  padding-bottom: 80px;
}

#takeda__footer > div {
  padding-bottom: 30px;
  max-width: 1170px;
  margin: 0 auto;
  overflow: hidden;
}

#takeda__footer ul {
  margin: 35px 0 57px;
  list-style-type: none;
  overflow: hidden;
  font-size: 15px;
}


#takeda__footer ul li {
  float: left;
}

#takeda__footer ul li:nth-child(1)::after {
  content: "｜";
}

#takeda__footer a {
  color: #000;
  text-decoration: none;
}

#takeda__footer p {
  font-size: 17px;
  line-height: 18px;
}


@media screen and (max-width: 1170px) {
  #takeda__header--pc {
    display: none;
  }

  #takeda__header--sp {
    display: block;
    position: relative;
    margin: 0 auto 0;
    background: #fff;
    width: 100%;
    height: 48px;
    border-top: 7px solid #e1242a;
    border-bottom: 1px solid #CCC;
  }

  #takeda__header--sp .title {
    width: 200px;
    /*padding: 5px 0 0 10px;*/

  }

  #takeda__header--sp .title .logo {
    width: 200px;
  }

  #takeda__footerlink-sp {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  #takeda__footerlink-sp .item {
    margin: 0;
    padding: 0;
    text-align: center;
    flex: 0 1 50%;
    background: #FFF;
  }

  #takeda__footerlink-sp .item a {
    padding: 10px;
    border: 1px solid #CCC;
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #333;
  }

  #takeda__footer {
    width: 100%;
    color: #111;
    border-left: 8px solid #e1242a;
  }

  #takeda__footer > div {
    margin: 0;
    padding: 13px 10px 13px 25px;
    max-width: 90%;
  }

  #takeda__footer ul {
    margin: 0;
  }

  #takeda__footer ul li a {
    padding: 0;
    font-size: 12px;
  }

  #takeda__footer p {
    margin-top: 15px;
    font-size: 12px;
  }
}

.indent10 {
  text-indent: -1em;
  padding-left: 1em;
}
@media (min-width: 961px) {
  #takeda__footer {
    border-top: 1px solid #ccc ;
  }
}