@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;700;900&display=swap');
@import url(../fonts/style.css);
/*
  danny 202009
  1. $Reset
  2. $font
  3. $body,html
  4. $¹²ÓÃ
  5. $Mobile
  6. $Pad
  7. $™MµÄ°æÐÍ
  8. $Pc
  9. $1025~1279
  
  update
  . reset
  . import Noto Sans TC¡¢icomoon
  . before after preset icomoon
  . body font-size 10px
*/

/* $Reset
--------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}ol,ul{list-style:none}q:before,q:after{content:''}abbr,acronym{border:0}a{background:transparent;text-decoration:none;color:inherit;cursor:pointer;line-height:1em;display:inline-block}a:active{outline:0}input,textarea,button,select,option{border:0;margin:0;outline:none;padding:0;font-size:1.6rem;font-family:'Noto Sans TC','Open Sans','Arial','Microsoft JhengHei','Apple LiGothic Medium',sans-serif;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}select::-ms-expand{display:none}input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}





/* $font
--------------------------------------------------------------------------------------*/
:before ,:after{ font-family:'icomoon','Microsoft JhengHei','Apple LiGothic Medium';}





/* $body,html
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; height: 100%; font-family:'Microsoft JhengHei','Apple LiGothic Medium', Arial, Helvetica, sans-serif; font-size:10px; }





/* commond
--------------------------------------------------------------------------------------*/
.clearfix:before,.clearfix:after {content: ' ';display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

/* IMAGE REPLACE */
.imageReplace{ text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* float */
.floatL{ float: left;}
.floatR{ float: right;}

/* button reset¡¢input reset¡¢select reset */
button, input, select{ font-family:'Microsoft JhengHei','Apple LiGothic Medium', Arial, Helvetica, sans-serif; border: none; }

/* color */
.color--red{ color: #f00; }
/* .color--green{ color: #009380; } */
.color--green{ color: #1fa08e; }
.color--gray{ color: #727272; }
.color--black{ color: #000; }

/* bgcolor */
.whitebg{ background: #fff; }
.bluelightbg{ background: #EDF4F3; }
.bluelight02bg{ background: #E0EDF6; }

/* margin */
.mr5{ margin: 0 5px 0 0; }
.mr10{ margin: 0 10px 0 0; }
.mr15{ margin: 0 15px 0 0; }
.mr20{ margin: 0 20px 0 0; }
.ml5{ margin: 0 0 0 5px; }
.ml10{ margin: 0 0 0 10px }
.ml15{ margin: 0 0 0 15px; }
.ml20{ margin: 0 0 0 20px; }
.mlr5{ margin: 0 5px 0 5px; }
.mlr10{ margin: 0 10px 0 10px; }
.ml20r10{ margin: 0 10px 0 20px; }
.ml30r10{ margin: 0 10px 0 30px; }
.ml40r10{ margin: 0 10px 0 40px; }
.ml50r10{ margin: 0 10px 0 50px; }
.mt5{ margin: 5px 0 0 0; }
.mt10{ margin: 10px 0 0 0; }
.mt15{ margin: 15px 0 0 0; }
.mt20{ margin: 20px 0 0 0; }
.mt0{ margin-top: 0; }

/* text style */
.txtbold{ font-weight: bold; }

/* text align */
.textalignright{ text-align: right; }
.textalignleft{ text-align: left; }
.textaligncenter{ text-align: center; }


/* edit by Gary */
.LoginTxt input {width: 140px;}

/* $Mobile
--------------------------------------------------------------------------------------*/
html,body{ width: 100%; -webkit-text-size-adjust:none; }
body.inpage{ background: #f5f5f5; }
/* header */
header{ width: 100vw; position: fixed;  box-shadow: 0 3px 6px rgba(0,0,0,.1); background: #fff; z-index: 999; }
.header-wrap{ width: 100%; height: 60px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; padding: 0 15px; }
.header-wrap h3{ width: 30vw; }
.header-wrap h3 a{ width: 100%; line-height: 0; }
.header-wrap h3 a img{ width: 100%; }
.header-nav{ display: flex; flex-direction: column; color: #000; width: 100vw; height: calc( 100% - 60px); position: fixed; right: 0; top: 60px; overflow: auto; display: none; background: #fff; }
.header-nav>li{ display: flex; flex-direction: column; width: 100vw;}
.header-nav>li:nth-child(odd){ background: #fef7e0; }
.header-nav>li:nth-child(even){ background: #F1F1F1; }
.header-nav_trigger{ display: inline-block; font-size: 1.6rem; cursor: pointer; height: 60px; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; box-sizing: border-box; padding: 0 20px 0 40px; }
.header-nav_trigger:after{ content: '\e90b'; color: #727272; display: inline-block; }
.header-nav_trigger.active:after{ content: '\e90a';  }
/* megamenu-wrap */
.megamenu-wrap{ display: flex; width: 100vw; background: rgba(255,255,255,1);  display: none; }
.megamenu-inner{ display: flex; flex-direction: column; justify-content: space-between; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 0 20px 25px 60px; }
.megamenu-list_title{ font-size: 1.5rem; font-weight: bold; color: #000; margin: 25px 0 10px 0; }
.megamenu-list{ display: flex; flex-direction: column; flex-wrap: wrap; font-size: 1.4rem; line-height: 1.6; color: #000;  }
.megamenu-list>li{ display: flex; align-items: center; width: 100%; height: 35px; transition: all .25s cubic-bezier(.4,0,.2,1);  }
.megamenu-list>li:before{ content: '-'; margin: 0 5px 0 0; }
.megamenu-list>li:hover{ color: #009380; }
.megamenu-list>li:hover:before;{ color: #009380; }
.header-search{ display: flex; justify-content: space-between; align-items: center; width: 150px; height: 35px; border-radius: 35px; border: 1px solid #E7E7E7; position: absolute; right: 60px; }
.header-search input[type='text']{ width: calc( 100% - 35px); height: 100%; box-sizing: border-box; padding: 0 10px 0 20px; font-size: 1.5rem; color: #000; background: transparent;   }
.header-search input[type='text']::placeholder{ color: #000; }
.header-search button{ width: 35px; height: 35px; border-radius: 30px; border: 1px solid #E7E7E7; background: transparent; cursor: pointer; }
.header-search button:after{ content: '\e926'; font-size: 1.8rem; }
.hamburg-box{ width: 30px; height: 30px; display: flex; align-items: center; position: relative; }
.hamburg-box>span{ width: 100%; height: 2px; border-radius: 10px; background: #FCCF00; display: block; transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:before{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #FCCF00; display: block;  position: absolute; top: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box:after{ content: ''; width: 100%; height: 2px; border-radius: 10px; background: #FCCF00; display: block; position: absolute; bottom: 0; transition: all .2s cubic-bezier(.4,0,.2,1); }
.hamburg-box.active>span{ opacity: 0; }
.hamburg-box.active:before{ top: 50%; transform: rotate(45deg) translateY(-50%); }
.hamburg-box.active:after{ bottom: 45%; transform: rotate(-45deg) translateY(-50%); }

/* index msg */
.index-msg{ display: flex; justify-content: center; align-items: center; width: 100%; /* height: auto; */ height: 90px; background: #1fa08e; position: fixed; top: 60px; box-sizing: border-box; padding: 10px 15px 10px 15px; /* z-index: 998; */ z-index: 99999;  }
.index-msg .msg-box{ display: flex; flex-direction: column; justify-content: center; width: 100% ; height: 95%; margin: 0 auto; position: relative; }
.index-msg .msg-box ul{ font-size: 1.4rem; line-height: 1.58; color: #fff; width: calc(100% - 50px); height: 100%; }
.index-msg .msg-box ul>li{ width: 100%; margin: 0 0 0 22px; display: flex; align-items: start;  }
.index-msg .msg-box ul>li:before{ content: '\e961'; color: #fccf00; margin: 0 5px 0 -22px; }
.index-msg .msg-box ul>li:nth-child(n+2){ display: none;  }
.index-msg .msg-box ul>li a{ /* text-decoration: underline; */ color: #fff; /* color: #FEEC99; */ line-height: 1.5; transition: all .2s cubic-bezier(.4,0,.2,1); }
.index-msg .msg-box ul>li a:hover{ color: #FEEC99; }
.index-msg .msg-box .msg-close{ position: absolute; right: 0; top: 3px; cursor: pointer; }
.index-msg .msg-box .msg-close:after{ content: '\e90f'; color: #fff; font-size: 1.4rem;   }
.index-msg .msg-box .msg-more{ font-size: 1.4rem; color: #fccf00; text-align: right; margin: 5px 0 0 0; }
.index-msg .msg-box .msg-more:after{ content: '\e906'; margin: 0 0 0 5px; color: #fccf00; }

/* idx kv */
.idx-kv{ box-sizing: border-box; padding: 150px 0 30px 0; position: relative; }
.idxkv-bg{ display: none; }
.idx-kv .kv-box{ width: 100vw; margin: 0 auto; }
.idx-kv .kv-box li{ position: relative; }
.idx-kv .kv-box li img{ width: 100%; }
.idx-kv .kv-box li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-kv .slick-dots{ display: flex; justify-content: center; margin: 15px 0 0 0; }
.idx-kv .slick-dots li{ width: 10px; height: 10px; border-radius: 50%; border: 2px solid #727272; overflow: hidden; cursor: pointer; }
.idx-kv .slick-dots li.slick-active{ background: #727272; }
.idx-kv .slick-dots li button{ display: none;  }
.idx-kv .slick-dots li+li{ margin: 0 0 0 10px; }
.idx-kv .slick-arrows{ display: none; }

/* index ¹²ÓÃ */
/* index h5 ˜Ëî} */
.index .tit-box{ display: flex; justify-content: center; margin: 0 0 25px 0; }
.index .tit-box h5{ display: inline-block; font-size: 2.2rem; font-weight: 400;  }
.index .tit-box h5:after{ content: ''; display: block; width: 100%; height: 6px; background: #ffc815; margin: -8px 0 0 0; }
/* index more icon */
.index .more-icon{ display: flex; flex-direction: column; align-items: center; width: 80px; margin: 30px auto 0; font-size: 1.5rem; position: relative;  }
.index .more-icon:after{ content: '\e916'; display: flex; justify-content: center; align-items: center; color: #000; font-size: 1.2rem; width: 20px; height: 20px; border-radius: 20px; background: #fccf00;  }
.index .more-icon>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }

/* idx service */
.idx-service{  }
.idx-service .service-list{ display: flex; flex-wrap: wrap; justify-content: center; width: 100vw; margin: 0 auto; box-sizing: border-box; padding: 0 15px 30px 15px; }
.idx-service .service-list>li{ width: 40%; font-size: 1.6rem; display: flex; flex-direction: column; align-items: center; position: relative; margin: 0 15px 20px 15px; }
.idx-service .service-list .img-box{ width: 100%; margin: 0 0 5px 0; transition: all .2s cubic-bezier(.4,0,.2,1) }
.idx-service .service-list .img-box img{ width: 100%; }
.idx-service .service-list>li>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }

/* idx search */
.idx-search{ position: relative; height: 130px; margin: 0 0 0 0; z-index: 1; }
.idx-search .search-bg{ width: 100%; height: 100%; background: #fccf00; position: absolute; left: 0; top: 0; z-index: -1; transition: all .4s cubic-bezier(.4,0,.2,1); }
.idx-search .search-bg:before{ display: none; }
.idx-search .search-bg .img-box{ display: none; }
.idx-search .search-box{ display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 15px 0 15px; }
.idx-search .search-bar{ display: flex; flex-wrap: wrap;  align-items: center; }
.idx-search .checkradio-box{ display: flex; font-size: 2rem; font-weight: bold; }
.idx-search .checkradio-box>li{ position: relative; }
.idx-search .checkradio-box>li+li{ margin: 0 0 0 40px; }
.idx-search input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.idx-search input[type=radio]+ label:before {content:'\e922'; color:#000; margin-right:.2rem; background: #fff; border-radius: 50%; }
.idx-search input[type=radio]:checked + label:before {content:'\e95f'; color:#000;}
.idx-search .search-input{ display: flex; justify-content: space-between; width: 100%; height: 45px; border-radius: 20px; background: #fff; position: relative; margin: 10px 0 0 0; overflow: hidden;  }
.idx-search .search-input input[type='text']{ width: calc(100% - 45px); height: 100%; box-sizing: border-box; padding: 0 10px 0 20px; font-size: 2rem; color: #000; background: transparent; }
.idx-search .search-input button{ width: 45px; height: 45px; border-radius: 20px; background: transparent; cursor: pointer; }
.idx-search .search-input button:after{ content: '\e926'; font-size: 2.6rem; }

/* idx line */
.idx-line{  background: #E2F2F1;  }
.idx-line .line-box{ display: flex; flex-direction: column; justify-content: center;  width: 100vw; margin: 0 auto 0 auto; box-sizing: border-box; padding: 30px 15px 30px 15px; }
.idx-line .line-box .line-list{ display: flex; flex-direction: column; align-items: center; }
.idx-line .line-box .line-list>li{ width: 235px; margin: 10px 0 10px 0; }
.idx-line .line-box .line-list>li:nth-child(n+2){ width: 265px; }
.idx-line .line-box .line-list>li a{ width: 100%; transition: all .3s cubic-bezier(.4,0,.2,1); }
.idx-line .line-box .line-list>li a:hover{ transform: scale(1.1); }
.idx-line .line-box .line-list>li img{ width: 100%; }
.idx-line .line-box .line-list>li a+a{ margin: 20px 0 0 0; }

/* idx foodmap */
.idx-foodmap{  background: #FFFCE2;  }
.idx-foodmap .banner-box{ width: 100%; margin: 0 auto 0 auto; position: relative; }
.idx-foodmap .banner-box img{ width: 100%; }
.idx-foodmap .banner-box a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }


/* idx txtnews */
.idx-txtnews{  background: #e5e5e5;  }
.idx-txtnews .txtnews-box{ display: flex; flex-direction: column; justify-content: center; width: 100vw; margin: 0 auto; box-sizing: border-box; padding: 30px 15px 20px 15px; }
.idx-txtnews .txtnews-list{ display: flex; flex-direction: column; margin: 0 0 0 0; }
.idx-txtnews .txtnews-list>li{ display: flex; flex-wrap: wrap; align-items: center; height: auto; position: relative; }
.idx-txtnews .txtnews-list>li>a{ width: 100%; height: 100%; line-height:0; position: absolute; left: 0; top: 0; }
.idx-txtnews .txtnews-list>li+li{ margin: 20px 0 0 0 }
.idx-txtnews .txtnews-tag{ display: flex; justify-content: center; align-items: center; width: 70px; height: 25px; border-radius: 5px; font-size: 1.4rem; flex-shrink: 0; }
.txtnews-tag.type01{ background: #1FA08E; color: #fff;  }
.txtnews-tag.type02{ background: #47A2E3; color: #fff;  }
.txtnews-tag.type03{ background: #FCCF00; color: #545251;  }
.txtnews-tag.type04{ background: #f27b7b; color: #fff;  }
.idx-txtnews .txtnews-date{ display: flex; align-items: center; width: 80px; height: 100%; font-size: 1.4rem; margin: 0 10px 0 10px; }
.idx-txtnews .txtnews-txt{ width: 100%; display: flex; align-items: center; font-size: 1.4rem; margin: 5px 0 0 0; }

/* idx imgnews  */
.idx-imgnews{  }
.idx-imgnews .imgnews-box{ width: 100vw; margin: 0 auto; box-sizing: border-box; padding: 30px 15px 20px 15px; }
.idx-imgnews .imgnews-list{ display: flex; flex-direction: column; }
.idx-imgnews .imgnews-list li{ width: 100%; height: 500px; /* height: 430px; */ position: relative; font-size: 1.4rem; line-height: 1.58; color: #727272;   }
.idx-imgnews .imgnews-list li.slick-slide{ box-shadow: 1px 3px 10px rgba(0,0,0,.16) inset;  }
.idx-imgnews .imgnews-list li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-imgnews .imgnews-list li .img-box{ /* width: 100%; */ width: calc( 100vw - 30px); height: calc( 100vw - 30px); /* height: auto; */ position: relative; overflow: hidden; }
.idx-imgnews .imgnews-list li .img-box img{ width: 100%; }
.idx-imgnews .imgnews-list li .txt-box{ box-sizing: border-box; padding: 0 15px 0 15px; }
.idx-imgnews .imgnews-list .tit{ font-size: 2rem; font-weight: bold; text-align: center; color: #000; margin: 20px 15px 20px 15px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }
.idx-imgnews .slick-dots{ display: flex; justify-content: center; margin: 15px 0 0 0; }
.idx-imgnews .slick-dots li{ width: 10px; height: 10px; border-radius: 50%; border: 2px solid #727272; overflow: hidden; cursor: pointer; }
.idx-imgnews .slick-dots li.slick-active{ background: #727272; }
.idx-imgnews .slick-dots li button{ display: none;  }
.idx-imgnews .slick-dots li+li{ margin: 0 0 0 10px; }

/* idx social media */
.idx-socialmedia{ position: relative; z-index: 997; /*  z-index: 9999;  */ }
.idx-socialmedia .socialmedia-list{ display: flex; width: 100vw; height: 470px; margin: 0 auto; box-sizing: border-box; padding: 30px 15px 20px 15px; }
.idx-socialmedia .socialmedia-list .fb{ width: 100%; height: 100%; margin: 0 0 0 0; }
.idx-socialmedia .socialmedia-list .fb-include{ height: 303px; border-radius: 10px; border: 10px solid #363636; position: relative; background: #363636; }
.idx-socialmedia .socialmedia-list .cat01{ position: absolute; left: 50%; top: -50px; transform: translateX(-50%); }
.idx-socialmedia .socialmedia-list .tvcf{ display: none; }
.index .idx-socialmedia .tit-box{ margin: 0 0 60px 0; }

/* inpage */
.inpage-wrap{ box-sizing: border-box; padding: 60px 0 40px 0; min-height: calc( 100vh - 60px - 280px - 110px ); }
/* breadcrumb */
.breadcrumb-box{ display: flex; justify-content: center; align-items: center; width: 100%; min-height: 40px; background: #fff; }
.breadcrumb-list{ display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; font-size: 1.3rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 5px 15px 5px 15px; }
.breadcrumb-list>li{ display: flex; align-items: center; }
.breadcrumb-list>li+li:before{ content: '\e913'; margin: 0 5px 0 5px; line-height: 1.58;  }
.breadcrumb-list a{ line-height: 1.58; }
.breadcrumb-list a:hover{ text-decoration: underline; }

.form-box .eye{ position: absolute; left: 85%; transform: translateY(0); cursor: pointer; }
.form-box .eye:after{ content: '\e974'; font-size: 2rem; color: #1fa08e; }
.form-box .eye.close:after{ content: '\e975'; }


/* member */
.member-box{ width: 100%; box-sizing: border-box; padding: 20px 15px 0 15px; margin: 0 auto; position: relative; }
.member-box .tit{ display: flex; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; margin: 0 0 20px 0;  }
.member-box .tit-subtxt{  font-size: 1.4rem; line-height: 1.58; text-align: center; margin: 0 0 20px 0; }
.member-box .tit-subtxt a{ color: #1fa08e; text-decoration: underline; }
.member-box>.note-txt{ font-size: 1.4rem; line-height: 1.58; text-align: center; }
.member-box .login-platform{ display: flex; /*justify-content:  center ; align-items: center;*/ width: 90vw; min-height: 80px; border-radius: 50px; background: #fff; margin: 0 auto 20px; box-sizing: border-box; /* padding: 20px 0 0 0; */  }
.member-box .login-platform.mpt20{ padding: 20px 0 0 0; }
.flexwrap { justify-content: flex-start; align-items: flex-start;  flex-wrap:wrap;}
.flexcenter { justify-content:  center ; align-items: center; }

/* .member-box .login-platform li+li{ margin: 0 0 0 20px; } */
.member-box .login-platform li img{ height: 40px; transition: all .4s cubic-bezier(.4,0,.2,1); }
.member-box .login-platform li:hover img{ transform: scale(1.2); opacity: 0.9; cursor: pointer; }

.member-box .login-platform li.unbind a { white-space:nowrap;    }

.login-platform li {text-align:center; font-size: 1.2rem; /* margin-bottom:8px; */ margin: 0px 10px 20px 10px; width: 46px; }
.form-box{ width: 100%; margin: 0 auto; border-radius: 30px; border: 4px solid #1FA08E; box-sizing: border-box; padding: 20px 20px 38px 20px; background: #fff; position: relative;  }
.member-box .form-box .form-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.member-box .form-box .form-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #1FA08E; }
.member-box .form-box .form-header .header-tit{ font-size: 2rem; line-height: 1.58; font-weight: bold; color: #1fa08e; }
.member-box .form-box .form-header .header-note{ font-size: 1.4rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.form-list{ box-sizing: border-box; padding: 0 0 40px 10px; }
.form-list.last{ padding: 0 0 10px 10px; }
.form-list>li{ display: flex; flex-direction: column; align-items: flex-start; font-size: 1.8rem; line-height: 1.58; margin: 15px 0 0 0; }
.form-list.mflexrow>li{flex-direction: row; }
.form-list .list_tit{ display: flex; align-items: center; flex-shrink: 0; font-weight: bold; width: 100px; height: 50px; margin: 0 25px 0 0; }
.form-list .list_tit.must:before{ content: '*'; color: #f00; margin: 0 0 0 -10px; }
.form-list .list_item{ width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 1.4rem; position: relative; }
.form-list .list_item .account{ width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 1.4rem; position: relative; }
.form-list .list_item .note-txt{ width: 100%; font-size: 1.3rem; line-height: 1.2; color: #1fa08e; margin: 5px 0 0 0; }
.form-list .list_item .eye{ position: absolute; left: 80%; transform: translateY(-30%); cursor: pointer; }
.form-list .list_item.join .eye{ position: absolute; left: 85%; transform: translateY(-29px); cursor: pointer; top:40px; }
.form-list .list_item.joinconfirm .eye{ position: absolute; left: 85%; transform: translateY(0); cursor: pointer; top: 12px; }
.form-list .list_item .eye:after{ content: '\e974'; font-size: 2rem; color: #1fa08e; }
.form-list .list_item .eye.close:after{ content: '\e975'; }

/* bind */
.member-box .bind-btn{ font-size: 1.8rem;  width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: start; }
.member-box .bind-btn>.col-1{ width: auto; height: 50px; display: flex; align-items: center; }
.member-box .bind-btn>.col-2{ width: 100%; font-size: 1.4rem; }
.member-box .bind-btn{ margin: 15px 0 0 0; }
.member-box .bind-btn.other{ margin: 30px 0 0 0; }
.member-box .bind-btn .subtit{ font-weight: bold; }
.member-box .bind-btn .bind-list>li{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.member-box .bind-btn .bind-list>li+li{ margin: 10px 0 0 0; }
.member-box .bind-btn .bind-list>li>.col-1{ margin: 0 0 10px 0; }
.member-box .bind-btn .btn{ background: #fccf00; color: #000; min-width: 250px; }


/* member input */
.form-list input[type='text'],.form-box.sheetadd input[type='text']{ height: 50px; border-radius: 25px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 5px 0 10px; font-size: 1.3rem;}
.form-list input[type='password']{ height: 50px; border-radius: 25px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 5px 0 10px; font-size: 1.3rem;}
/* member select */
.select-box{ display: inline-block; height: 50px; overflow: hidden; border-radius: 25px; border: 1px solid #B2B2B2; background: #fff; position: relative; vertical-align: middle; }
.select-box:before{ display: inline-block; content: "\e916"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);  pointer-events: none; font-size: 1.2rem; }
select{ background: transparent; width:100%; height: 50px; padding: 0px 10px; font-size: 1.3rem; text-align: center;  line-height: 1;  border: 0;  border-radius: 0; -webkit-appearance: none; box-sizing: border-box;  position: absolute;}
.form-list .select-box+.select-box{ margin: 0 0 0 10px; }
/* member check radio */
.member-box .platform-check{ display: flex; justify-content: center; margin: 30px 0 0 0; }
.member-box .platform-check .checkradio-box{ height: auto; flex-wrap: wrap; align-items: start; }
.member-box .platform-check .checkradio-box img{ height: 40px; order: -1; margin: 0 0 10px 0; }
.member-box .platform-check .checkradio-box label{ display: flex; flex-direction: column; justify-content: start; align-items: center; font-size: 1.4rem; }
.member-box .platform-check .checkradio-box a{ text-decoration: underline; margin: 5px 0 0 0; font-size: 1.2rem; }
.checkradio-box{ display: flex; /* align-items: start; */ align-items: center; height: 50px; }
.checkradio-box>li{ position: relative; }
.checkradio-box li>input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li>input[type=radio]+ label:before {content:'\e922'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=radio]:checked + label:before {content:'\e923'; color:#1FA08E;}
.checkradio-box li input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li.unbind input[type=radio]{ height:75%;  }




.checkradio-box li input[type=radio]+ label:before {content:'\e922'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li input[type=radio]:checked + label:before {content:'\e923'; color:#1FA08E;}
.member-box .platform-check .checkradio-box li input[type=radio]+ label:before { display: none; }
.checkradio-box li>input[type=checkbox]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li.haslink>input[type=checkbox]{ width:13px; height:13px; }
.checkradio-box li>input[type=checkbox]+ label:before {content:'\e91f'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=checkbox]:checked + label:before {content:'\e920'; color:#1FA08E;}
.checkradio-box>li+li{ margin: 0 0 0 15px; }
.member-box .platform-check .checkradio-box>li{ margin: 0 6px 15px 6px; }
.member-box .readconfirm-check{ display: flex; align-items: center; font-size: 1.3rem; line-height: 1.58; box-sizing: border-box; padding: 0 0 0 13px; }
.member-box .readconfirm-check a{ color: #1fa08e; text-decoration: underline; }
.btn-box{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; }
.btn-box input[type=button]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input[type=submit]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input[type=reset]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input+input{ margin: 0 0 0 10px; }
.btn-box input:hover{ background: #fccf00; }
/* login */
.member-box .login-box{ display: flex; flex-direction: column; justify-content: center;  }
.member-box .login-box .note-txt{ text-align: center; font-size: 1.4rem; }
.member-box .login-form{ width: 100%; border-radius: 30px; border: 4px solid #1FA08E; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 1.4rem; line-height: 1.58; margin: 0 0 30px 0; }
.member-box .login-form .form-list{ padding: 0 0 20px 0; }
.member-box .login-form .login-platform{ width: 100%; height: 80px; border-radius: 50px; background: #EDF4F3; margin: 20px auto 30px; }
/*.member-box .login-form .login-platform li+li{ margin: 0 0 0 15px; }*/
.member-box .login-form .login-platform li img{ height: 40px; }
.member-box .login-form .form-list .list_tit{ margin: 0 0 0 0; }
.member-box .login-form .list_item a{ font-size: 1.3rem; text-decoration: underline; margin: 5px auto 0 auto; color: #1fa08e; }
.member-box .login-box .readconfirm-check{ padding: 0 0 0 0; justify-content: center; }
.member-box .login-form .login-code{ height: 50px; display: flex; align-items: center; margin: 5px auto 0 auto; }
.member-box .login-form .btn-box{ margin: 30px 0 0 0; }
.member-box .login-box .addmember-box{ width: 100%; height: 500px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
.member-box .login-box .icat-man{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; }
.member-box .login-box .icat-man img{ width: 40vw; }
.member-box .login-box .addmember-form{ width: 100%; border-radius: 30px; border: 4px solid #fccf00; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 2rem; line-height: 1.58; margin: 0 40px 0 0; }
.member-box .login-box .addmember-form .select-icon{ display: flex; justify-content: center; font-size: 1.5rem; line-height: 1.2; margin: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; width: 140px; height: 140px; border-radius: 50%; background: #fef7e0; box-sizing: border-box; padding: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li+li{ margin: 0 0 0 20px; }
.member-box .login-box .addmember-form .select-icon li:before{ color: #fccf00; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.member-box .login-box .addmember-form .select-icon li:first-child:before{ content: '\e968'; font-size: 4rem;  }
.member-box .login-box .addmember-form .select-icon li:last-child:before{ content: '\e969'; font-size: 5rem;  }
.member-box .addmember-form .btn-box{ margin: 30px 0 0 0; }
.member-box .addmember-form .btn-box input[type=button]{ background: #fccf00; color: #000;  }
.member-box .addmember-form .btn-box input[type=submit]{ background: #fccf00; color: #000;  }
/* fc forget contact */
.member-box .form-box.fc{ font-size: 1.4rem; line-height: 1.58; }
.member-box .form-box.fc+.form-box.fc{ margin: 20px auto 0 auto; }
.member-box .form-box.fc a{ color: #1FA08E; }
.member-box .form-box.fc .note-txt{ text-align: center; font-size: 1.4rem; }
.form-list.forget{ display: flex; flex-direction: column; align-items: center; padding: 20px 0 30px 0; }
.form-list.forget .list_tit{ margin: 0 0 0 0; }
.form-list.forget>li{ width: 95%; }
.member-box .form-box.fc .btn-box{ margin: 30px 0 0 0; }
.member-box .subtit{ font-size: 1.6rem; color: #363636; font-weight: bold; text-align: center; margin: 30px 0 15px 0; }
.member-box .form-box .header_tit{ font-weight: bold; }
.member-box .form-box .header_tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; margin: 10px 0 10px 0; }
.member-box .form-box .contact-list{ font-size: 1.4rem; line-height: 2; }
.member-box .form-box .edit-btn{ width: 110px; height: 35px; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; position: absolute; right: -4px; bottom: -4px; font-size: 1.3rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.member-box .form-box .edit-btn a{ color: #000; box-sizing: border-box; padding: 0 10px 0 10px; }
.member-box .form-box .edit-btn li+li:before{ content: '|'; color: #B2B2B2;  }
.member-box .btn-box.add{ margin: 20px 0 0 0; }
.member-box .add .form-list{ padding: 0 0 10px 10px; }
.member-box .form-box.add{ margin: 20px auto 0 auto; }
/* icat */
.full-wrap{  }
.icatsend .full-wrap:nth-of-type(odd){ background: #e5e5e5; }
.full-inner{ width: 100%; box-sizing: border-box; margin: 0 auto;  }
.full-inner.sheetadd{ display: flex; flex-direction: column; align-items: center; padding: 20px 15px 20px 15px; }
.sheetadd .tit{ font-size: 2rem; line-height: 1.58; font-weight: bold; margin: 0 0 20px 0; }
.sheetadd .tit .hightlight{ color: #1fa08e; }
.sheetadd .icon-list{ width: 100%; display: flex; justify-content: center; /* flex-wrap: wrap;  */}
.sheetadd .icon-list>li{ width: 24%; min-height: 110px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.2rem; text-align: center; border-radius: 30px; margin: 0 5px 0 5px; box-sizing: border-box; background: #fff; border: 1px solid #B2B2B2; cursor: pointer; position: relative; box-sizing: border-box; padding: 10px 0 10px 0; }
.sheetadd .icon-list.noicon>li{ width: 30%; height: 80px; line-height: 1.2; flex-direction: column; justify-content: center; margin: 0 10px 0 10px; }
.sheetadd .icon-list.columnnoicon{ flex-direction: column; align-items: center; }
.sheetadd .icon-list.columnnoicon>li{ width: 100%; height: auto; line-height: 1.58; flex-direction: row; flex-wrap: wrap; justify-content: start; padding: 15px 10px 15px 15px;   }
.sheetadd .icon-list.columnnoicon>li+li{ margin: 15px 0 0 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1{ width: 100%; height: 100%; display: flex; align-items: center; position: relative; font-size: 1.5rem; font-weight: bold; margin: 0 0 0 0; color:#1FA08E; flex-shrink: 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1 input[type=radio]:checked + label:before {content:'\e94f'; color:#1FA08E;}
/* .sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1:after{ content: ''; height: 100%; border-right: 1px solid #707070; position: absolute; right: 0;  } */
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2{ display: flex; height: 30px;  }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li{ position: relative; white-space: nowrap; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li+li{ margin: 0 0 0 10px; }
.sheetadd .icon-list.columnnoicon>li>.input-box{ margin: 0 0 0 5px; display: flex; align-items: center; }
.sheetadd .icon-list.columnnoicon>li>.input-box input{ border-bottom: 1px solid #707070; font-size: 2rem; margin: 0 0 0 10px; width: 100px; }
.sheetadd .icon-list.columnnoicon>li>.input-box input:disabled{ background: none; border-color: #ccc; }
.sheetadd .icon-list.columnnoicon .info-txt{ text-align: left; }
.sheetadd .icon-list>li p>span{ display: block; line-height: 1.58; }
.sheetadd .icon-list>li img{ width: 80%; }
.sheetadd .icon-list>li:hover,.sheetadd .icon-list>li.active{ border: 2px solid #1FA08E; }
.sheetadd .icon-list>li.disable{ border: none; /* background: none; */ opacity: 0.3; cursor: default; }
.sheetadd .icon-list>li img{ margin: 0 0 10px 0; }
.sheetadd .arrow_down{ display: flex; justify-content: center; margin: 25px 0 0 0; }
.sheetadd .arrow_down img{ width: 40px; }
.sheetadd .note-txt{ display: flex; justify-content: center; font-size: 1.4rem; line-height: 1.58; color: #727272; margin: 25px 0 0 0; }
.step-list.icat li{ display: none; }
.step-list.icat li.active{ display: flex; font-size: 2.2rem; width: 220px}
.sheetadd .select-info{ width: 100%; min-height: 60px; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; line-height: 1.58; box-sizing: border-box; padding: 15px 15px 15px 15px; }
.flex-box{ display: flex; }
.sheetadd .flex-box{ justify-content: center; align-items: center; font-size: 1.4rem; line-height: 1.58; }
.sheetadd .flex-box+.flex-box{ margin: 15px 0 0 0; }
.sheetadd .form-list .list_tit{ width: auto; }
.sheetadd .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 2rem; font-weight: bold; color: #fff; position: relative;  }
.sheetadd .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.2rem; align-items: flex-end; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.sheetadd .form-header .contact-sel{ background: none; border: none; position: absolute; right: 3px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header .contact-sel:before{ content: '\e94c'; color: #fccf00; margin: 0 0 0 10px;  }
.sheetadd .form-header .contact-sel select{ color: #fff; font-size: 1.2rem; padding: 0 0 0 0; text-align: left; cursor: pointer;  }
.sheetadd .clearall{ text-decoration: underline; width: 100%; text-align: center; margin: 10px 0 0 0; }
.sheetadd .clearall a{ font-size: 1.4rem; }
.sheetadd .form-list .list_item .notetxt{ color: #363636; text-align: center; margin: 5px 0 0 0; }
.sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn{ color: #363636; text-align: center; margin: 10px 0 0 0; }
.sheetadd .topdline{ border-top: 1px dashed #B2B2B2; padding: 20px 0 20px 0; }
.sheetadd .topdlinemt0{ border-top: 1px dashed #B2B2B2; padding: 20px 0 20px 0; margin-top: 0; }
.sheetadd .toplinemt0{ border-top: 1px solid #B2B2B2; padding: 20px 0 20px 0; margin-top: 0; flex-wrap: wrap; }
.sheetadd .toplinemt0 .subnote{ font-size: 1.2rem; }
.sheetadd a{ color: #1fa08e; text-decoration: underline;  }
.sheetadd .btn-box{ margin: 30px 0 0 0; }
.sheetadd .noticeservice .list_item.disabled{ opacity: 0.3; }
.sheetadd .noticeservice .list_item.disabled input:disabled{ cursor: default; }
.sheetadd .noticeservice .list_item:last-child{ margin: 10px 0 0 0; }
.sheetadd .mobile-phone{ display: flex; align-items: center; margin: 20px 0 0 0; }
/* send confirm */
.send-confirm{ width: 100%; margin: 0 auto 30px; font-size: 1.8rem; line-height: 1.58; }
.send-confirm>li{ display: flex; flex-direction: column;  }
.send-confirm>li+li{ margin: 15px 0 0 0; }
.send-confirm .confirm-tit{ font-weight: bold; height: 40px; display: flex; justify-content: center; align-items: center;  }
.send-confirm .confirm-txt{ display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; border-radius: 30px; background: #f0f0f0; box-sizing: border-box; padding: 0 30px 0 30px; font-size: 1.3rem;  }
.send-confirm .confirm-txt>p{ width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.send-confirm .subtit{ margin: 40px 0 0 0; }
.send-confirm>li.multi{ justify-content: flex-start; }
.send-confirm>li.multi .confirm-tit{ margin: 0 0 0 0; align-items: flex-start; }
.send-confirm>li.multi .confirm-multitxt{ font-size: 1.3rem; text-align: center; }
.send-confirm .mdisplaynone{ display: none; }
/* send-finish */
.send-finish{ width: 100%; margin: 0 auto; font-size: 1.6rem; line-height: 1.58; }
.send-finish .printer-list{ width: 100%; height: 500px; border: 1px solid #727272; box-sizing: border-box; margin: 20px 0 40px 0; background: #fff; overflow: scroll; }
.info-box{ font-size: 1.4rem; line-height: 1.58; color: #363636; }
.info-box .info-header{ font-size: 2rem; }
.info-box .info-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #727272; margin: 5px 0 15px 0; }
.info-box+.info-box{ margin: 20px 0 0 0; }
.info-box a{ color: #1fa08e; text-decoration: underline; }
.info-list{ list-style-type: disc; margin: 0 0 0 25px; }
.send-finish .sedn-finish_notetxt{ font-size: 1.4rem; line-height: 1.58; color: #363636; }
.send-finish .printer-code{ display: flex; justify-content: center; align-items: center; width: 100%; height: 200px; background: #fff; border: 1px solid #727272; font-size: 1.4rem; line-height: 1.58; margin: 10px 0 40px 0;  }
.send-finish .printer-code .code-txt{ margin: 0 10px 0 0; }
.full-inner .tit .btn{ background: #fccf00; color: #fff; text-decoration: none; font-weight: normal; }

/* multipleadd */
.full-inner.sheetadd{ font-size: 1.4rem; line-height: 1.58; }
.form-box.sheetadd .l2{ height: auto; box-sizing: border-box; padding: 0 0 0 18px; }
.form-box.sheetadd .invoice{ display: flex; flex-direction: column;  align-items: start;}
.form-box.sheetadd .invoice li+li{ margin: 10px 0 0 0; }
.form-box.sheetadd .invoicenum{ display: flex; flex-direction: column; align-items: start; }
.form-box.sheetadd .invoicenum label{ margin: 0 0 5px 0; }
.form-box.sheetadd .invoicenum>input[type=radio]{ width: 120px; height: 40px; }
.form-box.sheetadd .input-box{ display: flex; flex-direction: column; align-items: start; margin: 0 0 0 18px; font-size: 1.4rem; line-height: 1.58; }
.form-box.sheetadd .invoicenum input[type=text]{ margin: 0 0 0 0; }
.form-box.sheetadd .invoicenum input[type=text].alignmargin{ margin: 0 0 0 18px; }
.form-box.sheetadd .note-txt{ justify-content: start; margin: 5px 0 0 10px;  }
.form-box.sheetadd .multipleadd-list>li+li{ margin: 10px 0 0 0; }
.sheetadd .inport-box .col-1{ display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 0 30px 0; }
.sheetadd .inport-box{ display: flex; flex-direction: column; align-items: start; margin: 0 0 0 18px; font-size: 1.4rem; line-height: 1.58; }
.sheetadd .inport-box .col-2{ display: flex; flex-direction: column; align-items: center; }
.sheetadd .inport-box .icon-box{ width: 210px; height: 188px; border-radius: 20px; background: #1fa08e; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 10px 0;  }
.sheetadd .inport-box .icon-box:hover:after{ transform: scale(1.2); }
.sheetadd .inport-box .icon-box:after{ content: '\e970'; font-size: 12rem; color: #fff; transition: all .4s cubic-bezier(.4,0,.2,1); pointer-events: none; }
.sheetadd .inport-box .icon-box a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.sheetadd .btn_download{ min-width: 180px; height: 50px; border-radius: 20px; background: #f4faf9; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 10px 0 10px; display: inline-flex; align-items: center; text-decoration: none; color: #363636; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_download:hover{ background: #edfffc; }
.sheetadd .btn_download:before{ content: '\e909'; font-size: 3rem; color: #1fa08e; margin: 0 5px 0 0;  }
.sheetadd .btn_inport{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_inport:hover{ background: #fccf00; border-color: #fccf00; }
.sheetadd .btn_inport:before{ content: '\e970'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }
.btn-box.multipleadd{ flex-direction: column; }
.btn-box.multipleadd>a{ width: 250px; }
.multipleadd-txt{ width: 100%;   }
.multipleadd .multipleadd-info{ height: 60px; border-radius: 20px; background: #fff; border: 1px solid #727272; display: inline-flex; justify-content: center; align-items: center; font-size: 1.4rem; line-height: 1.58; color: #363636; box-sizing: border-box; padding: 0 10px 0 10px; }
.multipleadd .multipleadd-info .hightlight{ font-size: 1.8rem; color: #1fa08e; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .hightlight--red{ font-size: 2.4rem; color: #f00; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .finish{ margin: 0 20px 0 0; }
/* multipleadd table01 */
.multipleadd .table01-box{  width: 100%; overflow: auto; }
.multipleadd .table01{  margin: 0 auto 10px; font-size: 1.4rem; color: #363636; text-align: left; border-spacing:3px; }
.multipleadd .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: auto; min-height: 60px; }
.multipleadd .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 1.4rem; font-weight: bold; }
.multipleadd .table01.errow thead td{ background: #FAE1DD; }
.multipleadd .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.multipleadd .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.multipleadd .table01 td:first-child{ text-align: center; }
.multipleadd .table01 td{ white-space:nowrap; }
/* multipleadd table02 */
.multipleadd .table02-box{  width: 100%; overflow: auto; }
.multipleadd .table02-box .headertr{ box-sizing: border-box; display: flex;  }
.multipleadd .table02-box .headertr>div{ background: #d3ece8; box-sizing: border-box; padding: 20px 20px 20px 20px; min-height: 60px; border-radius: 10px 10px 0 0; font-size: 1.4rem; font-weight: bold; display: flex; align-items: center; }
.multipleadd .table02-box .headertr>div+div{ margin: 0 0 0 0.5%; }
.multipleadd .table02-box .headertr>div:nth-child(1){ width: 16%; min-width: 100px; }
.multipleadd .table02-box .headertr>div:nth-child(2){ width: 22%; min-width: 160px; }
.multipleadd .table02-box .headertr>div:nth-child(3){ width: 62%; min-width: 300px; }
.multipleadd .table02-box .divtr{ background: #fff; display: flex; margin: 5px 0 0 0; font-size: 1.4rem; line-height: 1.58; }
.multipleadd .table02-box .divtr>div{ box-sizing: border-box; padding: 20px 20px 20px 20px }
.multipleadd .table02-box .divtr>div:nth-child(1){ width: 16%; min-width: 100px; background: #fff; }
.multipleadd .table02-box .divtr>div:nth-child(2){ width: 22%; min-width: 160px; background: #fff; }
.multipleadd .table02-box .divtr>div:nth-child(3){ width: 62%; min-width: 300px; background: #fff; }
.multipleadd .table02-box .divtr>div+div{ margin: 0 0 0 0.5%;}

/* order */
.order .full-inner{ display: flex; flex-direction: column; align-items: center; font-size: 1.4rem; line-height: 1.58; padding: 20px 15px 20px 15px;  }
.order .full-inner.whitebg{ padding: 20px 0 0 0; }
.order .tit{ font-size: 2rem; line-height: 1.58; color: #1fa08e; }
.order .tit-txt{ box-sizing: border-box; padding: 0 15px 0 15px; }
.order .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 3px solid #1FA08E; margin: 20px 0 0 0; }
.order .tab-box>li{ /* width: 32%; */ width: 24.5%; height: 40px; border-radius: 20px 20px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 3px solid #1FA08E; margin: 0 0 -3px 0; display: flex; justify-content: center; align-items: center; /* font-size: 1.4rem; */ font-size: 1.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .tab-box>li:hover,.order .tab-box>li.active{ color: #1fa08e; border: 3px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.order .search-bar{ width: 100%; height: 60px; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; background: #fccf00; box-sizing: border-box; padding: 0 20px;  margin: 0 0 20px 0; }
.order .search-bar input[type=text]{ width: 75%; height: 40px; border-radius: 15px; background: #fff; box-sizing: border-box; padding: 0 20px; font-size: 1.5rem; }
.order .search-bar button{ width: 20%; height: 40px; border-radius: 30px; background: #1fa08e; font-size: 1.5rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .orderlist-box{ width: 100%; margin: 0 auto; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 40px 10px; position: relative; }
.order .order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; box-sizing: border-box; padding: 5px 0 5px 0; }
.order .order-list>li:last-child{ border: none; }
.order .orderlist-box+.orderlist-box{ margin: 10px 0 0 0; }
.order .order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 110px; min-height: 40px; border-radius: 30px; background: #feec99; font-size: 1.3rem; margin: 0 10px 0 0; flex-shrink: 0; padding: 5px 10px; }
.order .order-list a{ color: #1fa08e; }
.order .orderlist-box .edit-btn{ display: flex; justify-content: center; align-items: center; width: 210px; height: 35px; border-radius: 30px; font-size: 1.3rem; border: 4px solid #E5E5E5; position: absolute; right:3px; bottom: -4px; }
.order .orderlist-box .edit-btn>li+li:before{ content: '|'; margin: 0 15px 0 15px; }
.order .orderlist-box .edit-btn a{ color: #1fa08e; transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlist-box .edit-btn a:hover{ text-decoration: underline; color: #1fa08e; }
.order .orderlistpage{ display: flex; justify-content: center; align-items: center; font-size: 1.4rem; color: #727272; margin: 20px 0 20px 0; }
.order .orderlistpage>li{  }
.order .orderlistpage>li.active{ color: #000; font-weight: bold; }
.order .orderlistpage>li:nth-child(3){ margin: 0 5px 0 5px; }
.order .orderlistpage>li a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:hover a{ color: #000; }
.order .orderlistpage>li:hover a span{ color: #000; }
.order .orderlistpage>li span{ font-size: 2rem; color: #b2b2b2; transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:first-child{ margin: 0 20px 0 0; }
.order .orderlistpage>li:last-child{ margin: 0 0 0 20px; }
.order .info-box{ width: 100%; margin: 0 auto;  }
.order .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 1.8rem; font-weight: bold; color: #fff; box-sizing: border-box; padding: 5px 30px 5px 30px; position: relative;  }
.order .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.2rem; align-items: flex-end; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.order .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.order .form-header.twocol{ flex-wrap: wrap; font-size: 1.6rem; }
.order .form-header.twocol span{ line-height: 1.2; }
.order .form-box{ padding: 10px 10px 30px 10px; margin: 20px auto 0 auto; }
.btn-box.order{ margin: 0 0 0 0;}
.order .qrcode-box{ display: flex; justify-content: center; align-items: center; margin: 20px 0 20px 0; }
.order .qrcode-box .qrcode-txt{ margin: 0 10px 0 0; }
.order .qrcode-box .qrcode-code img{ width: 100px; }
.order .form-list{ border-radius: 15px; box-sizing: border-box; padding: 10px 15px 20px 15px; }
.order .form-list.hasbgcolor{ border-radius: 15px; background: #f4faf9; box-sizing: border-box; padding: 10px 15px 20px 15px; margin: 0 0 20px 0; }
.order .form-list .list_tit{ width: 150px; }
.order .form-list .list_tit.w100{ width: 100px; }
.order .form-box .btn-box{ margin: 30px 0 0 0; }
.order .list_item.disabled{ opacity: 0.3; }
.order .form-list .notetxt{ display: block; margin: 5px 0 0 20px; color: #000; }
.order .form-list .flex-box.tworow{ flex-direction: column;  margin: 15px 0 0 0; }
.order .form-list .flex-box.tworow .txtbold{ font-size: 1.8rem; line-height: 50px;}
.order .form-list .mobile-address{ margin: 10px 0 0 0; }

.order-list .eye{ position: absolute; left: 85%; transform: translateY(0); cursor: pointer; }
.order-list .eye:after{ content: '\e974'; font-size: 2rem; color: #1fa08e; }
.order-list .eye.close:after{ content: '\e975'; }

/* multiple */
.order .multiplelist-box{ width: 100%; max-width: 950px; margin: 0 auto; }
.order .multiplelist-header{ display: flex; flex-direction: column; font-size: 1.4rem; line-height: 1.58; }
.order .multiplelist-header .col-1{ display: flex; flex-direction: column; justify-content: center;   }
.order .multiplelist-header .col-2{ background: #fff; font-size: 1.4rem; box-sizing: border-box; padding: 0 0 30px 0; order: -1; margin: 0 0 20px 0; }
.order .multiplelist-header.type2 .col-2{ background: none; display: flex; justify-content: center; align-items: center; order: 1; margin: 20px 0 0 0; }
.order .multiplelist-header .col-2 .toptit{ height: 45px; background: #e5e5e5; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .col-2 .txt-box{ box-sizing: border-box; padding: 0 20px 0 30px; }
.order .multiplelist-header .col-2 .img-box{ margin: 20px auto 20px; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .hightlight{ font-weight: bold; color: #1fa08e;  }
.order .multiple-detail{ width: 100%; margin: 0 auto; border-radius: 30px; border: 1px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 30px; position: relative; margin: 30px 0 0 0; }
.order .multiple-detail .detail-list{ display: flex; flex-direction: column; }
.order .multiple-detail .detail-list>.col-2{ order: -1; margin: 0 0 20px 0; } 
.order .multiple-detail .toptit{ font-size: 1.8rem; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: center; align-items: end;  }
.order .multiple-detail .toptit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 15px 0 15px 0; }
.order .multiple-detail .list-tit{ font-size: 1.6rem; font-weight: bold; }
.order .multiple-detail .order-list{  font-size: 1.4rem; }
.order .multiple-detail .order-list .col-1{ width: 80px; margin: 0 30px 0 0; }
.order .multiple-detail .detail-list{ display: flex; justify-content: space-between; }
.order .multiple-detail .detail-list>.col-1,.order .multiple-detail .detail-list>.col-2{ width: 100%; }
.order .multiple-detail .img-box{ width: 150px; }
.order .multiple-detail .img-box img{ width: 100%; }
.order .multiple-detail .qrcode-box{ justify-content: space-between; align-items: start; margin: 10px 0 0 0;  }
.order .multiple-detail .service .col-1{ background: #d3ece8; width: 100px; }
.order .btn_printer{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; font-weight: normal; }
.order .btn_printer:hover{ background: #fccf00; border-color: #fccf00; }
.order .btn_printer:before{ content: '\e971'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }


/* notice */
.btn-box.notice{ margin: 40px 0 40px 0; }
.sheetadd .form-box.mail{ margin: 10px auto 0 auto; }
.btn-box.notice .btn{ font-size: 1.6rem; }
.sheetadd .mail .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.sheetadd .mail .form-list>li{ width: 100%; }
.sheetadd .mail .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.sheetadd .mail .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.sheetadd .mail .subfun li:hover{ color: #1fa08e; }
.sheetadd .mail .subfun li+li{ margin: 0 0 0 30px; }
.sheetadd .mail .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.sheetadd .mail .note{ font-size: 1.6rem; }
.sheetadd .orderlist-box{ width: 100%; margin: 20px auto; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 30px 10px; position: relative; }
.sheetadd .order-list>li{ display: flex; justify-content: flex-start; align-items: center; height: 60px; border-bottom: 1px dashed #B2B2B2; }
.sheetadd .order-list>li:last-child{ border: none; }
.sheetadd .orderlist-box+.orderlist-box{ margin: 10px 0 0 0; }
.sheetadd .order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 130px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.3rem; margin: 0 10px 0 0; flex-shrink: 0; }
.sheetadd .order-list a{ color: #1fa08e; }
.sheetadd .icon-list>li>input[type=radio]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }
/* sheetadd tab */
.sheetadd.tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; background: #fff; }
.sheetadd .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 3px solid #1FA08E; margin: 0px 0 0 0; }
.sheetadd .tab-box{ position: static; }
.sheetadd .tab-box>li{ width: 45%; height: 40px; border-radius: 20px 20px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 3px solid #1FA08E; margin: 0 0 -3px 0; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; position: relative; }
.sheetadd .tab-box>li:hover,.sheetadd .tab-box>li.active{ color: #1fa08e; border: 3px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.sheetadd .tab-box>li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
/* opp switch */
.op-switch{ display: flex; margin: 30px 0 0 0; }
.op-switch .switch-btn{ width: 60px; height: 30px; border-radius: 30px; background: #ccc; position: relative; margin: 0 0 0 10px; overflow: hidden; }
.op-switch .switch-btn:after{ content: ''; width: 30px; height: 30px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 0; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.op-switch .switch-btn.active{ background: #1FA08E;  }
.op-switch .switch-btn.active:after{ left: 30px; }
.pup-info .icon-list{ width: 100%; display: flex; justify-content: center; margin: 30px 0 0 0; }
.pup-info .icon-list>li{ width: 45%; max-width: 150px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; border-radius: 30px; margin: 0 10px 0 10px; box-sizing: border-box; background: #fff; border: 1px solid #B2B2B2; cursor: pointer; transition: all .1s cubic-bezier(.4,0,.2,1); position: relative; }
.pup-info .icon-list.noicon>li{ height: 80px; line-height: 1.2; }
.pup-info .icon-list>li p>span{ display: inline-block; line-height: 0; }
.pup-info .icon-list>li img{ width: auto; }
.pup-info .icon-list>li:hover,.pup-info .icon-list>li.active{ border: 2px solid #1FA08E; }
.pup-info .icon-list>li.disable{ border: none; opacity: 0.3; cursor: default; }
.pup-info .icon-list>li img{ margin: 0 0 10px 0; }
.pup-info .icon-list>li>input[type=radio]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }

/* inquire */
.inquire .tit{ font-size: 2rem; line-height: 1.58; font-weight: bold; margin: 0 0 20px 0; }
.inquire .tit .hightlight{ color: #1fa08e; }
.full-inner.inquire{ display: flex; flex-direction: column; align-items: center; padding: 20px 15px 20px 15px; }
.inquire-box{ width: 100%; margin: 0 auto 30px; font-size: 1.6rem; line-height: 1.58; }

/* form box size M */
.form-box.sizem{ margin: 10px auto 0 auto; }
.form-box.sizem .list_tit{ width: 120px; }
.form-box.sizem .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.form-box.sizem .form-list>li{ width: 100%; }
.form-box.sizem .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.form-box.sizem .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.form-box.sizem .subfun li:hover{ color: #1fa08e; }
.form-box.sizem .subfun li+li{ margin: 0 0 0 30px; }
.form-box.sizem .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.form-box.sizem .note{ font-size: 1.6rem; }
.form-box.sizem .info-list{ font-size: 1.4rem; color: #727272; margin: 20px 0 20px 25px;  }
.form-box .subtit{ font-size: 1.8rem; font-weight: bold; line-height: 1.58; text-align: center; }
.form-box .btn-box{ margin: 30px 0 0 0; }
.inquire-box .form-list>li{ flex-direction: row; }

.inquire-box .demo-img{ display: flex; justify-content: center; align-items: center; }
.inquire-box .demo-img img{ width: auto; max-width: 80%; }
.inquire-box .demo-img.fullimg{ margin: 0 0 30px 0; position: relative; }
.inquire-box .demo-img.fullimg img{ max-width: 100%; }
.inquire-box .demo-img.fullimg a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.inquire-box .form-box.sizem .list_tit{ width: 20px; margin: 0 10px 0 0; }
.orderlist-box{ width: 100%; margin: 10px auto; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 30px 10px; position: relative; }
.order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; }
.order-list>li:last-child{ border: none; }
.orderlist-box+.orderlist-box{ margin: 10px 0 0 0; }
.order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 110px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.3rem; margin: 0 10px 0 0; flex-shrink: 0; }
.order-list a{ color: #1fa08e; text-decoration: underline; }
.list-number{ list-style-type: decimal; }
.list-disc{ list-style-type: disc; }
.list-number>li,.list-disc>li{ margin: 0 0 0 25px; }
.inquire-box .list-number{ font-size: 1.4rem; line-height: 1.58; }
.inquire-box .list-number.sizem{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 20px;  }
.inquire-box .btn-box{ margin: 40px 0 0 0; }
.inquire-box .info-box{ width: 100%; margin: 0 auto; font-size: 1.4rem; line-height: 1.58;  }
.inquire-number{ width: 300px; height: 80px; border-radius: 30px; display: flex; justify-content: center; align-items: center; font-size: 2.4rem; color: #1fa08e; background: #fff; margin: 20px auto 30px; }
.inquire-box .hint-txt{ font-size: 1.6rem; }
.inquire-box .single-box{ display: flex; justify-content: center; align-items: center; margin: 10px auto 20px; }
.inquire-box .single-box>span{ font-size: 3rem; color: #1fa08e; margin: 0 0 0 5px; cursor: pointer;  }
input.single[type='text']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 1.6rem; text-align: center; }
.single-box select{ font-size: 1.6rem; }
/* service base */
.full-inner.servicebaseheader{ background: #e2f2f1; }
.inquire-header{ width: 100%; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.6rem; line-height: 1.58;  }
.inquire-header .col-1{   }
.inquire-header .col-2{ display: flex; justify-content: center; margin: 10px 0 0 0; order: 0;  }
.inquire-header .col-2 .img-box{ width: 200px; }
.inquire-header .col-2 .img-box img{ width: 100%; }
.inquire-header .tit{ font-size: 2.4rem; margin: 0 0 5px 0; }
.inquire-header .search-bar{ width: 100%; border-radius: 50px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 10px 10px 10px 10px; background: #fccf00; margin: 15px 0 10px; }
.inquire-header .search-bar .select-box,.inquire-header .search-bar input{ text-align: left; margin: 0 5px 0 0; font-size: 1.3rem; }
.inquire-header .search-bar .select-box,.inquire-header .search-bar.hotel input{ margin: 0 5px 0 5px; }
.inquire-header .search-bar button{ height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.4rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 5px 0 5px; }
.inquire-header .search-bar input[type=submit]{ height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.4rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 5px 0 5px; }
.servicebase .inquire-box{ width: 100%; max-width: 990px;  }
.servicebase .inquire-box .info-box{ max-width: none; margin: 0 0 30px 0 }
.inquire-box a{ text-decoration: underline; color: #1fa08e; }
.search-header{ display: flex; flex-direction: column; justify-content: space-between;  }
.search-list{ font-size: 1.4rem; line-height: 1.58; margin: 10px 0 0 0; }
.search-list>li{ box-sizing: border-box; padding: 10px 10px 10px 10px; position: relative; }
.search-list>li:nth-child(odd){ background: #fff; }
.search-item{ display: flex; flex-direction: column;  }
.search-item .item_name{ font-weight: bold; }
.search-item .item_address{  }
.search-item .item-arrow{ position: absolute; right: 20px; top: 20px; cursor: pointer; }
.search-item .item-arrow:before{ content: '\e916'; opacity: 0.5; }
.search-item .item-arrow.active:before{ content: '\e917'; opacity: 1;  }
.search-info{ display: flex; flex-direction: column; font-size: 1.3rem; line-height: 1.58; color: #727272; margin: 10px 0 0 0; display: none; }
.search-info .time-list{ line-height: 1.8; }
.search-info .otherservice-list{ margin: 15px 0 0 0; }
.storenumber{ font-size: 3rem; color: #1fa08e; }
.substore-search{ display: flex; flex-wrap: wrap; margin: 20px 0 10px 0; }
.substore-search>li{ width: 40vw; margin: 0 2.5vw 20px 2.5vw; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.substore-search>li:hover{ opacity: 0.6; }
.substore-search .img-box{ width: 42vw; height: 42vw; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; }
/* .substore-search .img-box>img{ width: 90%; max-width: 91px; } */
.substore-search .txt-box{ display: flex; justify-content: center; align-items: center; color: #363636; margin: 10px 0 0 0; }
.substore-search>li>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.column4 .search-item{ flex-direction: row; flex-wrap: wrap;  }
.column4 .search-item .item_number{ width:3%; }
.column4 .search-item .item_name{ width: auto; /* font-weight: normal; */ }
.column4 .search-item .item_phone{ width: 100%; }
.column4 .search-item .item_address{ width: 100%; }
.inquire-header .search-bar.golf{ width: 85%; min-width: 300px; margin: 15px auto 10px; }

/* orderlist-table  */
.orderlist-box.hastable{ width: 100%; overflow: auto; }
.international .orderlist-box.hastable{ /* width: 850px; max-width: none; padding: 30px 30px 30px 30px; */ }
.orderlist-table{ font-size: 1.3rem; width: 500px;   }
.international .orderlist-table{ width: 600px;   }
.orderlist-table .table-header{ font-size: 1.6rem; color: #1fa08e; }
.orderlist-table .table-header:after{ content: ''; display: block; width: 100%; border-bottom: 1px solid #B2B2B2; margin: 10px 0 20px 0; }
.orderlist-table table{ border-collapse:collapse; color: #b2b2b2;  }
.orderlist-table table td{ height: 40px; padding: 0; }
.orderlist-table table td:nth-child(3){ width: 260px; }
.international .orderlist-table table td:nth-child(4){ width: 150px;  }
.international .orderlist-table table tr:nth-child(n+2) td:nth-child(4){ box-sizing: border-box; padding: 0 0 0 30px;  }
.orderlist-table table td:last-child a{ box-sizing: border-box; padding: 0 0 0 30px; }
.orderlist-table .table-thead{ width: 130px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.3rem; color: #000; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.orderlist-table .time{ margin: 0 0 0 10px; }
.orderlist-table .step-disc{ display: flex; justify-content: center; align-items: center; position: relative; width: 50px; height: 100%; }
.orderlist-table .step-disc .disc{ width: 10px; height: 10px; border-radius: 50%; background: #e5e5e5;  }
.orderlist-table .step-disc .line{ width: 1px; height: 100%; background: #e5e5e5; position: absolute;  }
.orderlist-table .active{ color: #000; }
.orderlist-table .active td:nth-child(3){ color: #1fa08e; }
.orderlist-table .active .disc{ width: 15px; height: 15px; background: #1fa08e; z-index: 1; }
.orderlist-table table tr:nth-child(2) .line{ height: 50%; bottom: 0; }
.orderlist-table table tr:last-child .line{ height: 50%; top: 0; }
.orderlist-table a{ color: #b2b2b2; }
.orderlist-table .active a{ color: #000; }


/* service */
/* qa */
/* thinborder-box */
.service-header{ width: 100%; margin: 20px auto 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58;  }
.service-header .tit{ font-size: 2.4rem; margin: 0 0 15px 0; }
.service-header .search-bar{ width: 94%; height: 60px; border-radius: 50px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 10px 10px 10px 10px; background: #fccf00; margin: 10px 0 10px; }
.service-header .search-bar .select-box,.service-header .search-bar input{ text-align: left; margin: 0 10px 0 0; height: 40px; }
.service-header .search-bar .select-box,.service-header .search-bar.hotel input{ margin: 0 10px 0 10px; }
.service-header .search-bar select{ font-size: 1.3rem; }
.service-header .search-bar input{ font-size: 1.3rem; }
.service-header .search-bar button{ min-width: 70px; height: 40px; border-radius: 30px; background: #1fa08e; font-size: 1.4rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 10px 0 10px; white-space: nowrap; }
.qa .qa-wrap{ box-sizing: border-box; padding: 0 15px 0 15px; }
.thinborder-box{ width: 100%; margin: 0 auto; border-radius: 30px; border: 3px solid #1FA08E; box-sizing: border-box; padding: 10px 20px 10px 20px; background: #fff; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.thinborder-box+.thinborder-box{ margin: 25px auto 0 auto; }
.thinborder-box.active{ padding: 20px 20px 20px 20px; }
.thinborder-box.noexpand{ width: 100%; max-width: 990px; margin: 0 auto; border-radius: 30px; border: 3px solid #1FA08E; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #fff; position: relative; }
.thinborder-box .thinborder-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.qa .thinborder-box.active .thinborder-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; margin: 10px 0 0 0; }
.thinborder-box .thinborder-header .header-tit{ display: flex; align-items: center; font-size: 2rem; line-height: 1.58; font-weight: bold; color: #1fa08e; }
.qa .thinborder-box .thinborder-header .header-tit:before{ content: '\e90b'; font-size: 1.6rem; margin: 0 5px 0 0; }
.qa .thinborder-box.active .thinborder-header .header-tit:before{ content: '\e90a';  }
.thinborder-box .thinborder-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.qa .qa-list{ font-size: 1.4rem; line-height: 1.58; color: #707070; display: none;  }
.qa .thinborder-box.active .qa-list{ display: block; }
.qa .qa-list>li{ display: flex; margin: 20px 0 0 0; }
.qa .qa-list>li:before{ content: '\e96c'; font-size: 1.2rem; line-height: 30px; color: #1fa08e; margin: 0 8px 0 0; }
.qa .qa_tit{ font-size: 1.6rem; color: #363636; font-weight: bold; }
.qa .qa-list a{ color: #1fa08e; text-decoration: underline; }

/* webcontact */
/* .webcontact .service-header .search-bar{ width: 630px; } */
.webcontact .full-inner{ padding: 20px 15px 20px 15px; }
.webcontact .form-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.webcontact .form-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.webcontact .info-box{ max-width: 900px; margin: 50px auto 0; }
.webcontact .form-list .list_tit{ width: 120px; }
.webcontact .form-list textarea{ width: 100%; height: 120px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.webcontact .btn-box{ margin: 40px 0 0 0; }
.webcontact .login-code{ display: flex; align-items: center; margin: 10px auto 0 auto; }
.webcontact .id{ flex-wrap: wrap; height: auto; min-height: 50px; }
.webcontact .id>li:first-child{ width: 100%; }
.webcontact .id>li+li{ margin: 0 0 0 0; }
.webcontact .orderlist-box{ padding: 20px 10px 20px 10px; }
.webcontact .order-list{ font-size: 1.4rem; line-height: 1.58; }
.webcontact .form-box{ font-size: 1.6rem; line-height: 1.58; }

/* article */
.inpage-header{ width: 100%; margin: 20px auto 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; /* font-size: 2rem; */ font-size: 1.6rem; line-height: 1.58;  }
.inpage-header .tit{ font-size: 2.4rem; margin: 0 0 15px 0; }
.article .inpage-header{ margin: 40px auto 0; }
.article-list{ display: flex; flex-direction: column; width: calc(100% - 30px); margin: 0 auto; }
.article-list>li{ width: 100%; margin: 10px 0 10px 0; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,.16); position: relative; transition: all .6s cubic-bezier(.4,0,.2,1); }
.article-list .img-box{ width: calc(100vw - 30px); height: calc(100vw - 30px); position: relative; overflow: hidden; }
.article-list .img-box img{ width: 100%; }
.article-list .txt-box{ font-size: 1.4rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 20px 20px 30px 20px; }
.article-list .txt-box .tit{ font-size: 2rem; font-weight: bold; line-height: 1.2; color: #000; text-align: center; overflow: hidden; margin: 0 0 20px 0; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }
.article-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.article-list>li:hover { background: #f0f0f0; box-shadow: 0px 0px 20px rgba(0,0,0,0); }
.page-list{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; color: #727272; margin: 20px 0 0 0;  }
.page-list li:nth-child(1){ margin: 0 30px 0 0; }
.page-list li:nth-child(3){ margin: 0 5px 0 5px; }
.page-list li:nth-child(5){ margin: 0 0 0 30px; }
.page-list span{ font-size: 3rem; color: #b2b2b2; }
.article-detail{ font-size: 1.6rem; line-height: 1.58; color: #707070; }
.article-detail .tit{ font-size: 1.8rem; line-height: 1.58; font-weight: bold; color: #1FA08E; text-align: center; }
.article-detail .tit:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom:1px solid #B2B2B2 ; margin: 10px 0 10px 0;  }
.article-detail a{ color: #1fa08e; text-decoration: none; }
.border-box .article-detail  a{ text-decoration: none; }
.article-detail .link-list li{ display: flex; align-items: center; }
.article-detail .link-list li:before{ content: '\e92b';  color: #1fa08e; font-size: 1.2rem; margin: 0 5px 0 0; }
.article-detail .link-list li:first-child:before{ content: '\e96d'; color: #707070;  }
.article-detail .link-list li+li{ margin: 10px 0 0 0; }
/* .article-detail a:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #1FA08E; } */
.article-detail .col-1{ width: 100%; flex-shrink: 0; margin: 0 0 10px 0 ; }
.article-detail .col-1 .img-box{ width: 100%; margin: 0 auto; }
.article-detail .col-1 .img-box img{ width: 100%; }
.article .btn-box{ margin: 30px 0 0 0; } 
.article .border-box{ width: calc(100% - 30px); margin: 0 15px 0 15px; }

/* news */
.news .inpage-header{ margin: 40px auto 0; }
.news .border-box{ width: calc(100% - 30px); margin: 0 15px 0 15px; font-size: 1.6rem; line-height: 1.58; }
.news .border-box img{ max-width: 100%; }
.txtnews-list{ display: flex; flex-direction: column; margin: 0 0 0 0; }
.txtnews-list>li{ display: flex; flex-wrap: wrap; align-items: center; height: auto; position: relative; }
.txtnews-list>li>a{ width: 100%; height: 100%; line-height:0; position: absolute; left: 0; top: 0; }
.txtnews-list>li+li{ margin: 20px 0 0 0 }
.txtnews-tag{ display: flex; justify-content: center; align-items: center; width: 70px; height: 25px; border-radius: 5px; font-size: 1.4rem; flex-shrink: 0; }
.txtnews-date{ display: flex; align-items: center; width: 80px; height: 100%; font-size: 1.4rem; margin: 0 10px 0 10px; }
.txtnews-txt{ width: 100%; display: flex; align-items: center; font-size: 1.4rem; margin: 5px 0 0 0; }
.txtnews-txt>p{ width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  }
.txtnews-list>li:hover .txtnews-txt{ text-decoration: underline; }
.news .page-list{ margin: 50px 0 0 0;  }
.news .tit-box{ display: flex; align-items: center; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.58; font-weight: bold; color: #1fa08e;  }
.news .tit-box .txtnews-tag{ margin: 0 20px 0 0; }
.news .tit-box .tit{ width: 100%; display: flex; flex-wrap: wrap; margin: 0 0 0 0; }
.news .tit-box:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom:1px solid #B2B2B2 ; margin: 10px 0 10px 0; }
.news .date{ font-size: 1.4rem; line-height: 1.58; color: #b2b2b2; text-align: right; margin: 0 0 10px 0; }
.news .btn-box{ margin: 40px 0 0 0; }

/* selfhelp */
.selfhelp-wrap{ width: calc(100% - 30px); margin: 0 auto; }
.selfhelp-list{  }
.selfhelp-list>li{ width: 100%; min-height: 80px; border-radius: 30px; border: 1px solid #1FA08E; display: flex; align-items: center; box-sizing: border-box; padding: 20px 20px 20px 20px; font-size: 1.4rem; line-height: 1.58; color: #363636; }
.selfhelp-list>li.top{ background: #f4faf9; font-size: 3.2rem; font-weight: bold; color: #1fa08e;  justify-content: center; }
.selfhelp-list>li.top .msg{ font-size: 1.6rem; margin: 0 0 0 0; }
.selfhelp-list>li+li{ margin: 20px 0 0 0; }
.selfhelp-list>li .col-1{ display: flex; justify-content: center; align-items: center; flex-shrink: 0; align-self: start; width: 60px; height: 60px; border-radius: 50px; background: #1fa08e; font-size: 1.5rem; font-weight: bold; color: #d3ece8; margin: 0 15px 0 0; }
.selfhelp-list>li .col-1>span:last-child{ font-size: 2.2rem; color: #fff; margin: 0 0 0 2px; }
.selfhelp-list>li .col-2{ width: 100%; }
.selfhelp-list>li .tit{ margin: 0 0 0 0; font-weight: normal; font-size: 1.6rem; }
.selfhelp-list .line{ width: 100%; height: 1px; border-bottom: 1px dashed #B2B2B2; margin: 15px 0 15px 0; }
.selfhelp-list .msg{ font-size: 1.4rem; color: #1fa08e; margin: 0 0 0 20px; }
.selfhelp-wrap .info-list{ font-size: 1.4rem; line-height: 1.58; margin: 20px 0 0 25px; }
.selfhelp-wrap .info-list a{ color: #1fa08e; text-decoration: underline; }

/* ezcat */
.full-inner.ezcat{  padding: 40px 0 40px 0; background: #e2f2f1; }
.ezcat-header{ display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; }
.ezcat-header>.col-1{ margin: 0 0 20px 0; }
.ezcat-header>.col-2>p{ font-size: 1.6rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 0 15px 0 15px; }
.ezcat-header>.col-2>p.tit{ font-size: 2.4rem; margin: 0 0 10px 0; color: #000; text-align: center; }
.ezcat-header>.col-2 .flex-box{ flex-direction: column; align-items: center; margin: 20px 0 0 0; }
.ezcat-header>.col-2 .phone{ font-size: 3.6rem; font-weight: bold; color: #1fa08e }
.ezcat-header>.col-2 .btn{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; background: #fccf00; font-size: 2rem; line-height: 1.4; font-weight: bold; color: #000; }
.ezcat-header>.col-2 .flex-box .col-1{ font-size: 1.7rem; margin: 0 0 20px 0; }
.ezcat-table{ width: 94%; margin: 0 auto; font-size: 1.3rem; }
.ezcat-table .table-row{ display: flex; }
.ezcat-table .table-row .col-1{ display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 65px; min-height: 60px; border-radius: 10px 0 0 10px; background: #d3ece8; box-sizing: border-box; padding: 10px 5px 10px 5px; margin: 0 5px 0 0;  }
.ezcat-table .table-row .col-2{ display: flex; flex-grow: 1; align-items: center; background: #fff; box-sizing: border-box; padding: 10px 5px 10px 5px; }
.ezcat-table>.table-row+.table-row{ margin: 5px 0 0 0; }
.ezcat-table>.table-row-column+.table-row{ margin: 5px 0 0 0; }
.ezcat-table .info-list{ line-height: 1.8; }
.ezcat-table .table-row-column{ display: flex; margin: 5px 0 0 0; }
.ezcat-table .table-row-column .table-row:first-child{ width: 55%; }
.ezcat-table .table-row-column .table-row:last-child{ width: 45%; }
.ezcat-table .table-row-column .table-row+.table-row{ margin: 0 0 0 5px; }

/* about */
.full-wrap .full-inner .full-kv{ width: 100vw; height: 39.5vw; overflow: hidden; }
.full-wrap.about .full-inner .full-kv{ background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover ;  }
.about-box{ width: calc(100vw - 30px); margin: 20px auto 0; }
.about-box .flex-box.originl{ flex-direction: column; }
.about-box .flex-box.originl .col-1{ width: 100%; flex-shrink: 0;  }
.about-box .flex-box .img-box img{ width: 100%;  }
.about-box .flex-box.originl .col-2{ width: 100%; flex-shrink: 0; font-size: 1.4rem; line-height: 1.58; /* background: rgba(255,255,255,.9);  */box-sizing: border-box; padding: 30px 0 0 0; margin: 0 0 0 0; }
.about-box .tit-box{ display: flex; justify-content: center; align-items: center; }
.about-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; margin: 0 0 20px 0; }
.about-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.about-box .txt-box{ box-sizing: border-box; padding: 0 0 0 0; }
.about-box .about-info{ box-sizing: border-box; padding: 0 0 0 0; font-size: 1.4rem; line-height: 1.58; margin: 20px 0 0 0;  }
.about-box .about-info .tit-txt{ color: #1fa08e; margin: 0 0 20px 0;  }
.about-box .about-info .flex-box{ flex-direction: column;  margin: 30px 0 0 0; }
.about-box .about-info .flex-box .col-1{ width: 100%; margin: 0 0 10px 0; }
.about-box .about-info .flex-box .col-2 p span{ display: inline-block; width: 120px; }

/* events */
.full-wrap.events .full-inner .full-kv{ background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover ;  }
.events-box{ width: calc(100vw - 30px); margin: 0 auto;  box-sizing: border-box; padding: 30px 0 0 0; }
.events-box .tit-box{ display: flex; justify-content: center; align-items: center; }
.events-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; }
.events-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.events-box .txt-box{ box-sizing: border-box; padding: 0 30px 0 30px; }
.events-box .events-list{}
.events-box .events-list>li{ box-sizing: border-box; padding: 0 0 20px 20px; position: relative; }
.events-box .events-list>li:before{ content: ''; width: 1px; height: 100%; background: #1fa08e; position: absolute; left: 5px; top: 20px; }
.events-box .events-list>li:after{ content: ''; width: 10px; height: 10px; border-radius: 50px; background: #1fa08e; position: absolute; left: 0px; top: 12px; }
.events-box .events-list>li ul{ list-style-type: disc; font-size: 1.4rem; line-height: 1.58; color:#363636; margin: 10px 0 0 25px; }
.events-box .events-year{ font-size: 2rem; color: #1fa08e; }
.events-box .flex-box{ flex-direction: column; position: relative; }
.events-box .col-2{ flex-shrink: 0; order: -1; }
.events-box .col-2 .img-box{ width: 80vw; margin: 30px auto 20px; }
.events-box .col-2 .img-box img{ width: 100%; }

/* sitemap */
.sitemap-wrap{ width: calc(100vw - 30px); margin: 0 auto; box-sizing: border-box; padding: 20px 0 0 0;  }
.sitemap-wrap a:hover{ color: #1fa08e; text-decoration: underline; }
.sitemap-box{ width: 100%; border-radius: 30px; background: #fff ; box-sizing: border-box; padding: 20px 10px 20px 20px; display: flex; flex-direction: column;  }
.sitemap-wrap .sitemap-box+.sitemap-box{ margin: 20px 0 0 0; }
.sitemap-box>.sitemap+.sitemap{ margin: 0 0 0 0; }
.sitemap-box .sitemap{ display: flex; width: 100%; }
.sitemap-box .sitemap-tit{ width: 70px; height: 70px; border-radius: 50px; border: 1px solid #1FA08E; font-size: 2rem; color: #1fa08e; line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 20px 0 0; box-sizing: border-box; padding: 0 14px 0 14px; align-self: start; flex-shrink: 0;  }
.sitemap-box .sitemap-list{ display: flex; flex-wrap: wrap; }
.sitemap-box.onelist .sitemap .sitemap-list{ }
.sitemap-box .sitemap-list>li{ width: 65%; font-size: 1.4rem; line-height: 1.8; color: #363636; margin: 0 5px 20px 5px; }
.sitemap-box.onelist .sitemap-list>li{ width: auto; }
.sitemap-box .sitemap-list .tit{ font-size: 1.8rem; color: #363636; margin: 0 0 0 0; }
.sitemap-box .sitemap-list .tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 10px 0 15px 0; }
.sitemap-box .sitemap-list .tit.one:after{ display: none; }

/* privacy */
.privacy{ font-size: 1.4rem; line-height: 1.58;  }
.txt-list{ font-size: 1.4rem; line-height: 1.58; list-style-type: cjk-ideographic; margin: 0 0 0 30px; }
.txt-list>li{ text-align: justify; }
.txt-list>li+li{ margin: 20px 0 0 0; }
.txt-list a{ text-decoration: underline; color: #009380;  }
.txt-list .listtit{ font-weight: bold; }
.privacy .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.privacy .txt-box{ font-size: 1.4rem; line-height: 1.58; text-align: justify;  }
.privacy .txt-box a{ text-decoration: underline; color: #009380;  }
.privacy .subtit{ font-size: 1.8rem; font-weight: bold; margin: 0 0 0px 0; }
.privacy .inpage-header .tit{ margin: 0 0 0 0; }

/* clause */
.clause{ font-size: 1.4rem; line-height: 1.58;  }
.clause .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.clause .cjk-list>li{ text-align: justify; }
.clause .border-box>ul>li+li{ margin: 20px 0 0 0; }
.clause .listtit{ font-weight: bold; }
.clause .inpage-header .tit{ margin: 0 0 0 0; }

/* productlist */
.productlist .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.productlist-box{ width: 100%; margin: 0 auto; }
.productlist-list{ display: flex; flex-wrap: wrap; margin: 0 0 30px 0; }
.productlist-list>li{ width: 100%; border-radius: 20px; background: #fff;  outline: 1px solid #727272; box-sizing: border-box; padding: 10px 10px 20px 10px; margin: 13px min(1.66%,13px) 13px min(1.66%,13px); position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.productlist-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.productlist-list>li .img-box{  height: 180px; display: flex; justify-content: center; align-items: center; }
.productlist-list>li .img-box img{ width: min(100%,220px); }
.productlist-list>li .tit{ font-size: 1.8rem; font-weight: bold; text-align: center; margin: 0 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.productlist-list>li .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #727272; margin: 10px 0 15px 0;  }
.productlist-list>li .orderinfo{ display: flex; justify-content: space-between; font-size: 1.6rem; }
.productlist-list>li .orderinfo>span{ color: #1fa08e; cursor: pointer; }
.productlist-list>li:hover{ outline: 8px solid #1FA08E; }
.productlist-list>li:hover .tit:after{ border-bottom: 1px solid #1FA08E; } 
.info .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.info .border-box{ border: 4px solid #1FA08E; }
.info .flex-box{ flex-direction: column; margin: 0 0 30px 0; }
.info .flex-box .col-1{ width: 100%; margin: 0 0 20px 0; }
.info .flex-box .col-2{ font-size: 1.6rem; line-height: 1.58; }
.info .flex-box .img-box img{ width: 100%; }
.info .flex-box .col-2 .tit{ font-size: 1.8rem; font-weight: bold; margin: 0 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.info .flex-box .col-2 .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #1fa08e; margin: 10px 0 15px 0;  }
.info .flex-box .col-2 .btn-box{ justify-content: center; margin: 30px 0 0 0; }
.info .full-inner>.btn-box{ margin: 30px 0 0 0; }

/* remind */
.remind .full-inner{  }
.remind .tab-wrap{ width: calc(100vw - 30px); margin: 0 auto; box-sizing: border-box; padding: 20px 0 20px 0; position: relative; }
.remind .mobile-tabheader{ width: 100%; height: 60px; border: 1px solid #1fa08e; font-size: 1.8rem;  display: flex; justify-content: center; align-items: center; position: relative; }
.remind .mobile-tabheader:after{ content: '\e916'; font-size: 2rem; color: #1fa08e; position: absolute; right: 20px; }
.remind .mobile-tabheader.active:after{ content: '\e917'; }
.remind .tab-box{ width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; box-sizing: border-box; padding: 0 0 0 0; position: absolute; top: 82px; display: none; }
.remind .tab-box>li{ width: 100%; height: 60px; border-radius: 0 0 0 0; background: #edf4f3; /* border: 1px solid #1FA08E;  *//* border-bottom: 1px solid #1FA08E; */ margin: 0 0 0 0; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.remind .tab-content{ width: calc(100vw - 30px); margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.remind .tab-content .flex-box{ flex-direction: column; }
.remind .tab-content .img-box{ width: 50%; margin: 0 auto 10px auto; }
.remind .tab-content .img-box img{ width: 100%; }
.remind .tab-content .txt-box{ font-size: 1.6rem; line-height: 1.58;  }
.remind .tab-content .txt-box .tit{ font-size: 1.8rem; font-weight: bold; margin: 0 0 10px 0; text-align: center; }
.remind .help{ width: calc(100vw - 30px); margin: 60px auto 0; }
.remind .help .tit{ font-size: 2rem; font-weight: bold; color: #1fa08e; text-align: center; margin: 0 0 10px 0; }
.remind .remind-help{ display: flex; flex-direction: column; }
.remind .remind-help li{ width: 100%; border-radius: 20px; border: 1px solid  #1FA08E; box-sizing: border-box; padding: 15px 15px 15px 15px; margin: 10px 0 10px 0; background: #fff; }
.remind .remind-help .img-box{ display: flex; justify-content: center; align-items: center; }
.remind .remind-help .img-box img{ width: 65%; }
.remind .remind-help li:last-child{  }
.remind .remind-help li:last-child .img-box{  }
.remind .remind-help li:last-child .img-box img{  width: 100%; }
.remind .remind-help li:last-child .txt-box{  }
.remind .remind-help .txt-box{ font-size: 1.6rem; line-height: 1.58; color: #363636;  }
.remind .remind-help .subtit{ display: block; width: 100px; font-size: 1.8rem; font-weight: bold; text-align: center; margin: 10px auto 15px; }
.remind .remind-help .subtit:after{ content: ''; display: block; width: 100%; border-bottom: 3px solid #1FA08E; margin: 5px 0 10px 0; }

/* reject */
.reject .full-inner{ width: calc(100vw - 30px); margin: 0 auto;  }
.reject-info{ font-size: 1.4rem; line-height: 1.58; color: #363636; align-items: flex-start;  flex-direction: column; }
.reject-info .tit{ font-size: 1.8rem; font-weight: bold; color: #1fa08e; margin: 0 0 0 0; }
.reject-info .col-1{  }
.reject-info .col-2{ width: 100%; }
.reject-info .col-2 .img-box{  display: flex; justify-content: center;  }
.reject-info .col-2 .img-box img{ width: 100px; }
.reject-info a{ text-decoration: underline; color: #1fa08e; }
.reject .border-box{ margin: 30px 0 0 0; }
.reject .border-box .tit{ font-size: 2rem; font-weight: bold; text-align: center; margin: 0 0 30px 0; }
.reject-list{ font-size: 1.4rem; line-height: 1.58; color: #363636; }
.reject-list>li+li:before{ content: ''; display: block; width: 100%; height: 1px; background: #b2b2b2; margin: 20px 0 20px 0;  }
.reject-list>li>.flex-box{ /* flex-direction: column;  */}
.reject-list>li>.flex-box .col-1{ flex-shrink: 0; width: 60px; margin: 0 10px 0 0; }
.reject-list>li>.flex-box .col-1 .img-box img{ width: 100%; }
.reject-list .subtit{ font-size: 1.6rem; font-weight: bold; color: #1fa08e; margin: 0 0 5px 0; }
.reject-list .subtit-note{ font-size: 1.4rem; font-weight: normal; }
.reject-list .twocol{ display: flex; flex-direction: column; }
.reject-list .twocol li{ margin: 0 0 0 0; }
.reject-list>li>.flex-box.country{ flex-direction: column; }
.reject-list>li>.flex-box.country .col-1{ width: auto; margin: 0 60px 0 0; }
.reject .note{ font-size: 1.4rem; text-align: center; margin: 20px 0 0 0;  }
.reject .note span{ display: block; }

/* info */
.info .full-inner{ width: auto; margin: 0 ; }
.info-top{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; font-size: 1.6rem; line-height: 1.58;  }
.info-top .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 15px 0; text-align: center; }
.info-top .col-1{ box-sizing: border-box; padding: 20px 0 20px 0; }
.info-top .col-1 a{ margin:  0 0 0; }
.info-top .col-1 .btn-box{ margin: 20px 0 0 0; }
.info-top .col-2 .img-box{ display: flex; justify-content: center; }
.info-top .col-2 .img-box img{ width: 70%; }
.info .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.info .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 3px solid #1FA08E; margin: -30px 0 0 0; }
.info .tab-box{ position: static; }
.info .tab-box>li{ width: 45%; height: 40px; border-radius: 20px 20px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 3px solid #1FA08E; margin: 0 0 -3px 0; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.info .tab-box>li:hover,.info .tab-box>li.active{ color: #1fa08e; border: 3px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.info .tab-content{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 20px 0 0 0; }
.info .tab-content .flex-box{ flex-direction: row; }
.info .tab-content .img-box img{ width: 100%; }
.info .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.info .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.info .info-warp{ width: calc(100vw - 30px); margin: 0 auto; }
.info .info-warp .tit{ text-align: center; font-size: 1.8rem; margin: 0 0 20px 0; }
.info .info-warp  .img-box{ display: flex; justify-content: center; align-items: center; }
.info .info-warp  .img-box>img{ width: 100%; max-width: 900px; }
.info .info-warp  .img-box>img.pc{ display: none; }
.info .info-warp  .img-box>img.mobile{ display: block; }
.info .borderlist-box{ width: 100%; margin: 20px auto 20px; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 30px 10px; position: relative; }
.info #tab02 .borderlist-box{ margin: 0 auto 20px;0 }
.info .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.4rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.info .border-list>li+li{ margin: 10px 0 0 0; }
.info .border-list>li:last-child{ border: none; }
.info .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.info .border-list a{ color: #1fa08e; text-decoration: underline; }
.info .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 140px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.5rem; margin: 0 0 0 0; }
.info .border-list .col-1.moretxt{ width: 250px; }
.info .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 10px; }
.info .border-list .consign{ display: flex; justify-content: center; }
.info .border-list .consign img{ max-width: 400px; }
.info .app-info{ font-size: 1.5rem; text-align: center;  }
.info .app-info .flex-box{ justify-content: center; margin: 10px 0 0 0; }
.info .app-info .flex-box .col-1{ width: 40%; margin: 0 10px 0 0; }
.info .app-info .flex-box .col-2{ width: 40%;  }
.info .app-info .flex-box  img{ width: 100%; }
.info .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* line */
.line .full-inner{ width: auto; margin: 0 ; }
.line-top{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; font-size: 1.6rem; line-height: 1.58;  }
.line-top .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 15px 0; text-align: center; }
.line-top>.col-1{ box-sizing: border-box; padding: 20px 0 20px 0; }
.line-top>.col-1 a{ margin:  0 0 0; }
.line-top>.col-1 .btn-box{ margin: 20px 0 0 0; }
.line-top>.col-2 .img-box{ display: flex; justify-content: center; }
.line-top>.col-2 .img-box img{ width: 60%; }
.line-top .flex-box{ flex-direction: column; }
.line-top .flex-box .col-1{ margin: 0 0 20px 0; }
.line-top .flex-box .img-box{ display: flex; justify-content: center; }
.line-top .flex-box .img-box a{ width: 45%; margin: 0 5px 0 5px }
.line-top .flex-box .img-box img{ width: 100%; /* margin: 0 5px 0 5px; */ }
.line-top .flex-box .info-list{ list-style-type: decimal; line-height: 1.8; }
.line .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.line .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 3px solid #1FA08E; margin: 20px 0 0 0; }
.line .tab-box{ position: static; }
.line .tab-box>li{ width: 45%; height: 40px; border-radius: 20px 20px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 3px solid #1FA08E; margin: 0 0 -3px 0; display: flex; justify-content: center; align-items: center; font-size: 1.4rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.line .tab-box>li:hover,.line .tab-box>li.active{ color: #1fa08e; border: 3px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.line .tab-content{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 20px 0 0 0; }
.line .tab-content .flex-box{ flex-direction: row; }
.line .tab-content .img-box img{ width: 100%; }
.line .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.line .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.line #tab01 .full-wrap:last-child{ /* background: #fff; */ margin: 50px 0 0 0; padding: 30px 0 20px 0; }
.line .fun-list{ display: flex; flex-direction: column; align-items: center;  }
.line .fun-list>li{ width: 90%; margin: 0 0 10px 0; }
.line .fun-list>li>img{ width: 100%; }
.line .line-warp{ width: calc(100vw - 30px); margin: 0 auto; }
.line .line-warp .tit{ text-align: center; font-size: 1.8rem; margin: 0 0 20px 0; }
.line .line-warp  .img-box{ display: flex; justify-content: center; align-items: center; }
.line .line-warp  .img-box>img{ width: 100%; max-width: 900px; }
.line .line-warp  .img-box>img.pc{ display: none; }
.line .line-warp  .img-box>img.mobile{ display: block; }
.line .borderlist-box{ width: 100%; margin: 20px auto 20px; border-radius: 30px; border: 4px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 10px 30px 10px; position: relative; }
.line #tab02 .borderlist-box{ margin: 0 auto 20px;0 }
.line .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.4rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.line .border-list>li+li{ margin: 10px 0 0 0; }
.line .border-list>li:last-child{ border: none; }
.line .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.line .border-list a{ color: #1fa08e; text-decoration: underline; }
.line .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 140px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.5rem; margin: 0 0 0 0; }
.line .border-list .col-1.moretxt{ width: 250px; }
.line .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 10px; }
.line .border-list .consign{ display: flex; justify-content: center; }
.line .border-list .consign img{ max-width: 400px; }
.line .app-info{ font-size: 1.5rem; text-align: center;  }
.line .app-info .flex-box{ justify-content: center; margin: 10px 0 0 0; }
.line .app-info .flex-box .col-1{ width: 40%; margin: 0 10px 0 0; }
.line .app-info .flex-box .col-2{ width: 40%;  }
.line .app-info .flex-box  img{ width: 100%; }
.line .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* icatapp */
.icatapp .info-top .col-1{ display: flex; flex-direction: column; justify-content: center; padding: 10px 0 0 0;  }
.icatapp .info-top .col-1 .img-box{ width: 270px; margin: 15px auto 0 auto;  }
.icatapp .info-top .col-1 .img-box>img{ width: 100%; }
.icatapp .info-top .col-1 a{ width: 160px; margin: 8px auto 20px auto; }
.icatapp .info-top>.col-2 { width: 100%; flex-shrink: 0; order: -1;}
.icatapp .info-top .col-2 .img-box img{ width: 100%; }
.icatapp .flex-box{ width: calc(100vw - 30px); margin: 0 auto; font-size: 1.4rem; line-height: 1.58; align-items: center; flex-direction: column; }
.icatapp .flex-box .imgl,.icatapp .flex-box .imgr{ order: 1; }
.icatapp .flex-box .img-box{ width: 50%; line-height: 0; margin: 20px auto 0 auto; }
.icatapp .flex-box .img-box img{ width: 100%; }
.icatapp .subtit{ font-size: 2rem; color: #1fa08e; margin: 20px 0 5px 0; text-align: center; }
.icatapp .flex-box .imgr{ margin: 0 0 0 0; }
.icatapp .flex-box .imgl{ margin: 0 0 0 0; }
.icatapp .full-wrap:last-child{ margin: 0 0 -50px 0; }
.icatapp .img-flex{ display: flex; justify-content: center; align-items: flex-start; margin: 15px 0 15px 0; }
.icatapp .img-flex .col-1,.icatapp .img-flex .col-2{ width: 45%; padding: 0 0 0 0;}
.icatapp .img-flex>div+div{ margin: 0 0 0 10px; }
.icatapp .img-flex .col-1 a,.icatapp .img-flex  .col-2 a{ line-height: 0; width: 100%; margin: 0 0 0 0; }
.icatapp .img-flex .col-1 img,.icatapp .img-flex .col-2 img{ width: 100%; }
.icatapp .img-flex .pc{ display: none; }
.icatapp .img-flex .mobile{ display: block; }

/* normal */
.normal .flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0; }
.normal .flex-box>li{ width: 100%; margin: 0 0 30px 0;  }
.normal .flex-box>li:first-child{ align-self: center; }
.normal .flex-box .tit{ font-size: 2.4rem; font-weight: bold; text-align: center;  margin: 0 0 10px 0; }
.normal .flex-box>li .img-box img{ width: 100%; }
.normal .flex-box>li .btn-box{ margin: 20px 0 0 0; }
.normal .flex-box>li .btn{ margin: 0 0 0 0; }
.subtit-line{ font-size: 1.8rem; }
.subtit-line:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom:1px solid #727272; margin: 5px 0 15px 0;   }
.normal .product.link-list{ margin: 5px 0 10px 0; }

/* cool */
.cool>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.cool>.flex-box>li{ width: 100%; margin: 0 0 30px 0;  }
.cool>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.cool>.flex-box>li:first-child .flex-box{ flex-direction: column; }
.cool>.flex-box>li:first-child .col-1{ justify-content: center; align-self: center; margin: 0 0 0 0;  }
.cool>.flex-box>li:first-child .col-2{ display: flex; justify-content: center; margin: 20px 0 0 0; }
.cool>.flex-box>li:first-child .img-box{ width: 270px; }
.cool>.flex-box>li:last-child{ width: 100%; max-width: none; }
.cool .img-box img{ width: 100%; }
.cool>.flex-box>li:first-child .disc-list{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 20px 20px 20px 30px; margin: 10px 0 10px 0; font-size: 1.4rem; line-height: 1.6; }
.cool>.flex-box .tit{ font-size: 2.4rem; font-weight: bold;  margin: 0 0 20px 0; text-align: center; }
.cool>.flex-box .tit.hasimg{ display: flex; justify-content: center; align-items: center }
.cool>.flex-box .tit.hasimg img{ height: 80px; margin: 0 0 0 10px; }
.cool .cool-hightlight{ display: flex; /* flex-direction: column; */ }
.cool .cool-hightlight>li{ height: 60px; border-radius: 20px; background: #e0edf6; font-size: 1.6rem; color: #363636; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 10px; white-space: nowrap;    }
.cool .cool-hightlight>li+li{ margin: 0 0 0 10px; }
.cool .cool-hightlight>li span{ font-weight: bold; color: #47a2e3; margin: 0 0 0 5px; }
.cool .product.link-list{ margin: 0 0 20px 0; }
.cool .cool-item{ margin: 20px 0 0 0; }
.cool .cool-item>li{ display: flex; font-size: 1.3rem; line-height: 1.58; }
.cool .cool-item>li+li{ margin: 20px 0 0 0; }
.cool .cool-item>li .col-1{ width: 80px; flex-shrink: 0; margin: 0 10px 0 0; }
.cool .cool-item .subtit{ color: #1fa08e; font-weight: bold; font-size: 1.5rem; }

/* economy */
.economy>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.economy>.flex-box>li{ width: 100%; margin: 0 0 30px 0; }
.economy>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.economy>.flex-box>li:first-child .flex-box{ flex-direction: column; align-items: center; font-size: 1.4rem; }
.economy>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 30px 0 0; }
.economy>.flex-box>li:first-child .col-1 .img-box{ margin: 10px 0 0 0; }
.economy>.flex-box>li:first-child .col-1 img{ max-width: 270px; }
.economy>.flex-box>li:first-child .img-box{ width: 100%; }
.economy>.flex-box>li:nth-child(n+4){ width: 100%; max-width: none; }
.economy>.flex-box>li:nth-child(n+4) .img-box{ max-width: 800px; margin: 40px auto 0;  }
.economy>.flex-box>li:nth-child(n+4) .img-box.pc{ display: none; }
.economy>.flex-box>li:nth-child(n+4) .img-box.mobile{ display: block; }
.economy .img-box img{ width: 100%; }
.economy>.flex-box>li:first-child .disc-list{ margin: 20px 0 30px 20px; font-size: 1.4rem; line-height: 1.6; }
.economy>.flex-box .tit{ font-size: 2.4rem; margin: 0 0 20px 0; text-align: center; }
.economy .product.link-list{ margin: 0 0 20px 0; }
/* line-list */
.line-list{ margin: 0 0 0 10px; }
.line-list:before{content: '-'; margin: 0 0 0 -10px; display: inline-block;  }
.idx-line .line-list:before{display: none;  }


/* day */
.day>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.day>.flex-box>li{ margin: 0 0 30px 0;  }
.day>.flex-box>li:first-child .flex-box{ flex-direction: column; /* align-items: flex-end; */ font-size: 1.4rem; }
.day>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 20px 0; }
.day>.flex-box>li:first-child .col-1 .img-box{ margin: 20px 0 20px 0; }
.day>.flex-box>li:first-child .col-2{ width: 130px; flex-shrink: 0; align-self: center; }
.day>.flex-box>li:first-child img{ width: 100%; }
.day>.flex-box>li:nth-child(2) .flex-box{ flex-direction: column; }
.day>.flex-box>li:nth-child(2) .col-1{  }
.day>.flex-box>li:nth-child(2) .col-2{  margin: 0 0 20px 0; order: -1; }
.day>.flex-box>li:nth-child(2) img{ width: 100%; }
.day>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.day .subtit{ font-size: 1.8rem; color: #1fa08e; margin: 0 0 5px 0; }
.day .note{ font-size: 1.3rem; line-height: 1.58; color: #363636; }
.day .product.link-list{ margin: 10px 0 0 10px; } 
.day .flex-list>li{ display: flex; }
.day .flex-list .col-1{ width: 60px; flex-shrink: 0; }

/* freight */
.freight>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.freight>.flex-box>li{ width: 100%; margin: 0 0 30px 0;  }
.freight>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.freight>.flex-box>li:first-child .flex-box{ flex-direction: column; }
.freight>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 30px 0; }
.freight>.flex-box>li:first-child .col-2{ display: flex; justify-content: center; }
.freight>.flex-box>li:first-child .img-box{ width: 250px; }
.freight .img-box img{ width: 100%; }
.freight>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.freight .product.link-list{ margin: 10px 0 20px 0; }

/* golf */
.golf>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.golf>.flex-box>li{ width: 100%; margin: 0 0 30px 0;  }
.golf>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.golf>.flex-box>li:first-child .flex-box{ flex-direction: column; }
.golf>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 30px 0; }
.golf>.flex-box>li:first-child .col-2{ align-self: center;  }
.golf>.flex-box>li:first-child .img-box{ width: 250px; }
.golf>.flex-box>li:first-child .disc-list{ font-size: 1.4rem;  }
.golf .img-box img{ width: 100%; }
.golf>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.golf .product.btn-box{ margin: 30px 0 0 0; }
.golf .product.link-list{ margin: 0 0 20px 0; }
.golf .product.link-list{ margin: 0 0 0 0; }

/* medicine */
.medicine>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.medicine>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.medicine>.flex-box>li:first-child .flex-box{ flex-direction: column; font-size: 1.5rem; }
.medicine>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 30px 0; }
.medicine>.flex-box>li:first-child .col-1 .img-box{ margin: 30px 0 30px 0; }
.medicine>.flex-box>li:first-child .col-2{ width: 100%; flex-shrink: 0; }
.medicine>.flex-box>li:first-child .col-2 img{ width: 100%; }
.medicine>.flex-box>li:nth-child(3) .flex-box{ flex-direction: column; }
.medicine>.flex-box>li:nth-child(3) .col-1{ width: 100%; }
.medicine>.flex-box>li:nth-child(3) .col-2{ width: 100%; margin: 0 0 20px 0; order: -1; }
.medicine>.flex-box>li:nth-child(n+2) img{ width: 100%; }
.medicine>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.medicine .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }
.medicine .note{ font-size: 1.7rem; line-height: 1.58; color: #363636; }
.medicine .product.link-list{ margin: 10px 0 0 0; }

/* cvs */
.cvs>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.cvs>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.cvs>.flex-box>li:first-child .flex-box{ flex-direction: column; align-items: flex-start; font-size: 1.5rem; }
.cvs>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 30px 0; }
.cvs>.flex-box>li:first-child .col-2{ width: 100%; flex-shrink: 0;  }
.cvs>.flex-box>li:first-child .col-2 img{ width: 100%; }
.cvs>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.cvs .subtit{ font-size: 1.8rem; color: #1fa08e; margin: 0 0 5px 0; }

/* store */
.store>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.store>.flex-box>li{ width: 100%; margin: 2% 0 2% 0; font-size: 1.5rem; }
.store>.flex-box>li:nth-child(2) .flex-box{ flex-direction: column; align-items: flex-start; font-size: 1.5rem; }
.store>.flex-box>li:nth-child(2) .col-1{ align-self: center; margin: 0 0 0 0; }
.store>.flex-box>li:nth-child(2) .col-2{ margin: 10px 0 0 0;  }
.store>.flex-box>li:nth-child(2) .col-2 img{ width: 50%; display: block; margin: 0 auto; }
.store>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.store .subtit{ font-size:1.8rem; color: #1fa08e; margin: 0 0 5px 0; }

/* twoec */
.twoec .twoec-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; text-align: center; box-sizing: border-box; padding: 20px 0 0 0;  }
.twoec .twoec-box .img-box{ margin: 20px 0 0 0; }
.twoec .twoec-box .img-box a{ width: 100%; }
.twoec .twoec-box .img-box img{ width: 100%; }
.twoec .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; }
.twoec .subtit{ font-size: 1.8rem; color: #1fa08e; margin: 0 0 5px 0; }

/* product hightlight-txt */
.product.hightlight-txt{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: 5px 0 20px 0; font-size: 1.4rem; line-height: 1.6; }
.product.hightlight-txt .subtit{ font-size: 1.6rem; color: #1fa08e;  }
/* product btn-box */
.product.btn-box{ justify-content: center; margin: 30px 0 0 0; }
.product.btn-box .btn{ margin: 0 0 0 0; }
/* product note-txt */
.product.note-txt{ font-size: 1.3rem; line-height: 1.58; color: #727272; }
/* product link-list */
.product.link-list{ display: flex;  color: #1fa08e; }
.product.link-list>li:after{ content:'\e913'; font-weight: bold; }
.product.link-list>li+li{ margin: 0 0 0 30px; }

/* explain */
.explain .explain-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 20px 0 0 0;  }
.explain .tit{ font-size: 2.4rem; color: #000; margin: 0 0 20px 0; }
.explain-list{ display: flex; flex-direction: column; align-items: center; margin: 20px 0 0 0;  }
.explain-list>li{ width: 70%; font-size: 1.4rem; line-height: 1.58; color: #363636; text-align: left; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;  }
.explain-list>li+li{ margin: 50px 0 0 0; }
.explain-list .img-box{ width: 200px; }
.explain-list .img-box img{ width: 100%;  }
.explain-list .searchtype{ font-size: 1.8rem; color: #000;  font-weight: bold; width: 100%; height: 50px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 10px 0 20px 0;  }
.explain-list>li:nth-child(1) .searchtype{ background: #1fa08e; }
.explain-list>li:nth-child(2) .searchtype{ background: #FCCF00; }
.explain-list>li:nth-child(3) .searchtype{ background: #47A2E3; }
.explain-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
/* explain table01 */
.explain .table01-box{ overflow: hidden; }
.explain .table01{ width: 100%; margin: 0 auto 30px; font-size: 1.4rem; color: #000; text-align: left; border-spacing:3px; }
.explain .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: 50%; min-height: 60px; }
.explain .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 1.6rem; font-weight: bold; text-align: center; }
.explain .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.explain .table01 tbody tr:nth-child(odd) td{ background: #fff; }


/* timesheet */
.timesheet .timesheet-box{ width: calc(100vw - 30px); margin: 0 auto; font-size: 1.5rem; line-height: 1.58; color: #363636;  box-sizing: border-box; padding: 20px 0 0 0;  }
.timesheet .tit{ font-size: 2.4rem; font-weight: bold; color: #000; margin: 0 0 20px 0; text-align: center; }
.timesheet a{ color: #1fa08e; text-decoration: underline; }
/* timesheet table01 */
.timesheet .table01-box{ overflow: scroll; }
.timesheet .table01{ width: 600px; margin: 0 0 20px; font-size: 1.2rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table01 td{ box-sizing: border-box; padding: 20px 5px 20px 5px; width: 160px; min-height: 60px; }
.timesheet .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table01 thead td:first-child{ background: none; }
.timesheet .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.timesheet .table01 tbody tr:nth-child(-n+2) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(n+6) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.2rem; font-weight: bold;  }
/* timesheet table02 */
.timesheet .table02{ margin: 15px 0 20px; font-size: 1.2rem; color: #000; text-align: center; }
.timesheet .table02 .table-row{ width: 100%; display: flex;  }
.timesheet .table02 .table-row.thead{ margin: 0 0 5px 0; }
.timesheet .table02 .table-row.thead>div{ background: #d3ece8; width: 80px; height: 40px; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; }
.timesheet .table02 .table-row.thead>div:last-child{ width: 300px; justify-content: flex-start; box-sizing: border-box; padding: 0 10px 0 10px;  }
.timesheet .table02 .table-row.thead>div+div{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row>div { min-width: 80px; }
.timesheet .table02 .table-row:nth-child(n+2){ box-sizing: border-box; padding: 10px 10px 10px 0; }
.timesheet .table02 .table-row:nth-child(odd){ background: #F1F1F1; }
.timesheet .table02 .table-row:nth-child(even){ background: #fff; }
.timesheet .table02 .table-row>.col-2>ul>li{ display: flex; }
.timesheet .table02 .table-row>.col-2{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row .col-2>ul>li .col-1{ min-width: 80px; margin: 0 5px 0 0; text-align: left; box-sizing: border-box; padding: 0 0 0 20px; }
.timesheet .table02 .table-row .col-2>ul>li .col-2{ text-align: left; box-sizing: border-box; padding: 0 0 0 10px; }
.timesheet .subtithasbg{ width: 100%; height: 40px; border-radius: 10px; background: #feec99; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; margin: 0 0 10px 0; }
/* timesheet table03 */
.timesheet .table03-box{ overflow: scroll;  }
.timesheet .table03{ width: 800px; margin: 0 0 20px; font-size: 1.2rem; color: #000; text-align: center; border-spacing:3px;  }
.timesheet .table03 td{ box-sizing: border-box; padding: 20px 10px 20px 10px;/*  width: 105px; */ min-height: 60px; }
.timesheet .table03 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table03 thead td:first-child{ background: none; width: 100px; }
.timesheet .table03 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table03 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table03 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.2rem; font-weight: bold; }
/* timesheet table04 */
.timesheet .table04-box{ overflow: scroll;  }
.timesheet .table04{ width: 800px; margin: 0 0 20px; font-size: 1.2rem; color: #000; text-align: center; border-spacing:3px;  }
.timesheet .table04 td{ box-sizing: border-box; padding: 20px 10px 20px 10px; min-height: 60px; }
.timesheet .table04 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table04 thead td:first-child{ background: none; width: 100px; }
.timesheet .table04 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table04 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table04 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.2rem; font-weight: bold; }
/* timesheet table05 */
.timesheet .table05-box{ overflow: scroll;  }
.timesheet .table05{ width: 800px; margin: 0 0 20px; font-size: 1.2rem; color: #000; text-align: center; border-spacing:3px;  }
.timesheet .table05 td{ box-sizing: border-box; padding: 20px 10px 20px 10px; /* width: 70px; */ min-height: 60px; }
.timesheet .table05 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table05 thead td:first-child{ background: none; width: 100px; }
.timesheet .table05 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table05 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table05 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.2rem; font-weight: bold; }
.timesheet .img-box{ display: flex; justify-content: center; margin: 0 0 30px 0; }
.timesheet .img-box img{ width: 100%; }

/* join */
.join>.flex-box{ width: calc(100vw - 30px); margin: 0 auto;  font-size: 1.5rem; line-height: 1.58; box-sizing: border-box; padding: 20px 0 0 0;  }
.join>.flex-box>li:first-child .flex-box{ flex-direction: column; }
.join>.flex-box>li:first-child .col-1{  }
.join>.flex-box>li:first-child .img-box{  }
.join .img-box img{ display: block; width: 80%; margin: 30px auto 0; }
.join>.flex-box .tit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 20px 0; text-align: center; }
.join .product.btn-box{ margin: 30px 0 0 0; }

/* status */
.status .status-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.5rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 20px 0 0 0;  }
.status .tit{ font-size: 2.4rem; font-weight: bold; color: #000; margin: 0 0 20px 0; }
.status-list{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 30px 0 0 0;  }
.status-list>li{ width: 70%; /* height: 380px; */ position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.status-list>li .list-box{ width: 100%; height: 100%; border-radius: 30px; border: 5px solid ; box-sizing: border-box; padding: 0 0 0 0;  font-size: 1.5rem; line-height: 1.58; color: #363636; text-align: left;  overflow: hidden; margin: 0 0 30px; }
.status-list>li+li{ margin: 0 0 30px 0; }
.status-list .img-box{ height: 165px; display: flex; justify-content: center; align-items: center; }
.status-list .img-box img{ display: block; margin: 0 auto;  }
.status-list .searchtype{ font-size: 2rem; color: #000;  font-weight: bold; height: 40px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.status-list>li .txt-box{ box-sizing: border-box; padding: 10px 15px 30px 15px; }
.status-list>li .note-txt{ font-size: 1.3rem; line-height: 1.58; color: #727272; width: 90%; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); }
.status-list>li:nth-child(1) .txt-box{ background: #d3ece8; }
.status-list>li:nth-child(2) .txt-box{ background: #FEEC99; }
.status-list>li:nth-child(3) .txt-box{ background: #CBDEF3; }
.status-list>li:nth-child(1) .list-box{ border-color: #1fa08e; }
.status-list>li:nth-child(2) .list-box{ border-color: #FCCF00; }
.status-list>li:nth-child(3) .list-box{ border-color: #47A2E3; }
.status-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.status-list>li:hover{ transform: translate(0,-3%); }

/* business */
.business .business-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.3rem; line-height: 1.58;  text-align: center; box-sizing: border-box; padding: 20px 0 0 0;  }
.business .tit{ font-size: 2.4rem; font-weight: bold; color: #000; margin: 0 0 20px 0; }
.business-list{ display: flex; flex-direction: row; flex-wrap: wrap;  margin: 0 auto 0 auto;  }
.business-list>li{ width: 49%; height: 90px; background: #fff; margin: 0.5% 0.5% 0.5% 0.5%; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.business-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.business-list .img-box{ height: 60px; display: flex; justify-content: center; align-items: center; }
.business-list .img-box img{ display: block; margin: 0 auto;  }
.business .login-box{ width: 80%; height: 90px; border-radius: 50px; background: #d3ece8; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 15px 0 15px; margin: 20px auto 40px auto; }
.business .login-box .btn{ width: 120px; flex-shrink: 0; }

/* communicaton */
.communication .note-txt{ font-size: 1.4rem; line-height: 1.58; text-align:justify; }
.communication .tit{ font-weight: bold; }

/* bindinginfo */
.bindinginfo .info-top{ padding: 30px 0 30px 0; }
.bindinginfo .info-top .tit{ font-size: 2.2rem; margin: 0 0 0 0; }
.bindinginfo .info-top>.col-1{ margin: 0 0 20px 0; padding: 0 0 0 0; }
.bindinginfo .info-top>.col-1 img{ max-width: 100%;}
.bindinginfo .info-top>.col-2 a{ color: #1fa08e; text-decoration: underline; }
.bindinginfo .info-top>.col-2 .img-box{ width: 70px; }
.bindinginfo .info-top>.col-2 .img-box img{ width: 100%; }
.bindinginfo .hightlight-txt{ width: 100%; height: auto; display: flex; align-items: center; margin: 10px 0 10px 0;  }
.bindinginfo .hightlight-txt .col-1{ margin: 0 0 0 0; padding: 0 0 0 0; z-index: 2; }
.bindinginfo .hightlight-txt .col-2{ width: 100%; height: auto; border-radius: 40px; box-sizing: border-box; padding: 10px 10px 10px 65px; margin: 0 0 0 -60px; background: #fff; font-size: 1.3rem; line-height: 1.6; z-index: 1;  }
.bindinginfo .hightlight-txt .col-2 a{ height: 30px; border-radius: 15px; background: #1fa08e; font-size: 1.3rem; color: #fff; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 10px 0 10px; margin: 0 3px 0 3px;  }
.bindinginfo .hightlight-txt .col-2>p{ margin: 0 0 8px 0; }
.bindinginfo.bindimggopoint .service-header .img-box{ display: flex; justify-content: center; }
.bindinginfo.bindimggopoint .service-header img{ width: 90%; }
.bindinginfo .open-bind{ width: 100%;  margin: 20px auto 10px; display: flex; flex-direction: column; align-items: center; }
.bindinginfo .open-bind>li{ width: 280px; height: 670px; border-radius: 20px; background: #fff; overflow: hidden; display: flex; flex-direction: column; align-items: center; margin: 10px 0 10px 0; }
.bindinginfo .open-bind>li .tit{ font-size: 2.2rem; color: #1fa08e; text-align: center; margin: 10px 0 10px 0; }
.bindinginfo .service-header .img-box{ position: relative; }
.bindinginfo .service-header .img-box a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.bindinginfo .bindimg-box .bindimg-slide{ width: 250px; height: 572px; position: relative; }
.bindinginfo .bindimg-box .bindimg-slide img{ width: 100%; }
.bindinginfo .bindimg-box .slide-item{ width: 100%; }
.bindinginfo .bindimg-box .txt-box{ font-size: 1.6rem; color: #1fa08e; text-align: center; margin: 5px 0 5px 0;  }
.bindinginfo .bindimg-box .bindimg-ui{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #727272; }
.bindinginfo .bindimg-box .bindimg-ui .count-num{ font-family: arial; margin: 0 55px 0 55px; }
.bindinginfo .bindimg-box .bindimg-ui .current{ font-weight: bold; color: #1fa08e; }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow,.bindinginfo .bindimg-box .bindimg-ui .nextarrow{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover,.bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover{ color: #1fa08e; }
.bindinginfo .qa-list>p{ margin: 20px 0 0 0; }
.info-box.bindinginfo{ width: calc(100% - 30px); margin: 30px auto 0; }

/* errpage */
.errpage-txt{ font-size: 1.5rem; line-height: 1.58; }
.errpage.btn-box{ margin: 10px auto 0; }

/* chtotw */
.chtotw{ font-size: 1.4rem; line-height: 1.58;  }
.chtotw .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.chtotw .cjk-list>li{ text-align: justify; }
.chtotw .border-box>ul>li+li{ margin: 20px 0 0 0; }
.chtotw .listtit{ font-weight: bold; }
.chtotw .inpage-header .tit{ margin: 0 0 0 0; }
.chtotw .txt-list{ font-weight: bold; }
.chtotw .txt-list ul{ font-weight: normal; }
.chtotw .txtnormal{ font-weight: normal; }

/* border box */
.border-box{ width: 100%; margin: 0 auto; border-radius: 30px; border: 4px solid #1FA08E; box-sizing: border-box; padding: 20px 20px 40px 20px; background: #fff; position: relative; }

/* flex box */
.flex-box{ display: flex; }

/* column box */
.column-box{  }

/* step-list */
.step-list{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; /* font-weight: bold; */ margin: 40px 0 20px 0; }
.step-list li{ display: flex; justify-content: center; align-items: flex-start; min-width: 150px; height: 30px; border-bottom: 2px solid #E5E5E5; position: relative;  }
.step-list li:after{ content:''; width: 2px; height: 30px; border-right: 2px solid #E5E5E5; transform: skewX(25deg); position: absolute; right: 6px; top: 0; }
.step-list li.active{ color: #1fa08e; border-color: #1FA08E; }
.step-list li.active:after{ border-color: #1FA08E; }

/* disc-list */
.disc-list{ list-style-type: disc; margin: 0 0 0 25px; }

/* decimal-lisxt */
.decimal-list{ list-style-type: decimal; margin: 0 0 0 25px; }

/* cjk-list */
.cjk-list{ list-style-type: cjk-ideographic; margin: 0 0 0 37px; }

.border-box a{ color: #1fa08e; text-decoration: underline; }

/* btn */
.btn-box{ display: flex; justify-content: center; align-items: center; margin: 30px 0 0 0; }
.pup-info .btn-box{ margin: 20px 0 0 0; }
/* .btn-box .btn{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); text-decoration: none; } */
.btn{ display: inline-flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 20px 0 20px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); text-decoration: none; }
a.btn{ color: #fff; text-decoration: none; }
.btn-box .btn+.btn{ margin: 0 0 0 20px; }
.btn-box .addcontact-btn:before{ content: '\e96a'; font-size: 2.2rem; color: #fccf00; margin: 0 8px 0 0; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn:hover{ background: #fccf00; }
.btn:hover:before{ color: #fff; }

/* width set */
/* mobile */
.mw100p{ width: 100%; }
.mw50{ width: 50px; } 
.mw60{ width: 60px; }
.mw70{ width: 70px; }
.mw80{ width: 80px; }
.mw85{ width: 85px; }
.mw90{ width: 90px; }
.mw100{ width: 100px; }
.mw110{ width: 110px; }
.mw120{ width: 120px; }
.mw130{ width: 130px; }
.mw150{ width: 150px; }
.mw175{ width: 175px; }
.mw180{ width: 180px; }
.mw200{ width: 200px; }
.mw225{ width: 225px; }
.mw230{ width: 230px; }
.mw240{ width: 240px; }
.mw250{ width: 250px; }
.mw270{ width: 270px; }
.mw300{ width: 300px; }
.mw400{ width: 400px; }
.form-list .mdisplaynone{ display: none; }

/* pup */
.pup-box{ display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: rgba(0,0,0,.9); position: fixed; left: 0; top: 0; z-index: 99999; }
.pup-box .pup-info{ width: 90vw; border-radius: 30px; background: #fff; border: 4px solid #1FA08E; box-sizing: border-box; padding: 40px 20px 20px 20px; font-size: 1.6rem; line-height: 1.58; position: relative; text-align: left; }
.pup-box .pup-info a{ color: #1fa08e; text-decoration: underline; }
.pup-box .pup-info .close{ font-size: 1.8rem; font-weight: bold; color: #1fa08e; position: absolute; right: 15px; top: 10px; cursor: pointer; }

.pup-info ol {list-style:decimal; margin-top:5px;}
.pup-info ul {list-style:disc; margin-top:5px;}
.pup-info li {margin-left:24px;}


/* footer */
footer{  }
.footer-bg{ width: 100%; height:  60px; position: relative; overflow: hidden; z-index: 996; /* z-index: 999; */ }
.footer-bg:before{ content: ''; width: 300vw; height: 500px; border-radius: 50%/50%; background: #727272; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0); z-index: -1; }
.index .footer-bg{ height: 150px; margin: -150px 0 0 0; }
.footer-box1{ box-sizing: border-box; padding: 0 0 30px 0; background: #727272; position: relative; }
.footer-box1 .footer-nav{ display: flex; flex-direction: column; width: 100%; box-sizing: border-box; padding: 0 15px 0 15px;  }
.footer-box1 .footer-nav>li{  }
.footer-box1 .footer-nav .footer-nav_title{ font-size: 2rem; line-height: 1.58; color: #fff; margin: 0 0 0 0; position: relative;  }
.footer-box1 .footer-nav .footer-nav_title:before{ content: '\e916'; font-size: 2rem; position: absolute; right: 15px; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.footer-box1 .footer-nav .footer-nav_title:after{ content: ''; display: block; border-bottom: 1px solid #fff; margin: 15px 0 15px 0; }
.footer-box1 .footer-nav>li.active .footer-nav_title:before{ content: '\e917';   }
.footer-box1 .footer-nav>li.active .footer-nav_title:after{ content: ''; display: block; border-bottom: 1px solid transparent; margin: 5px 0 5px 0;  }
.footer-box1 .footer-nav .nav-list{ font-size: 1.6rem; line-height: 1.58; color: #fff; margin: 0 0 30px 0; display: none; }
.footer-box1 .footer-nav .nav-list>li{ transition: color .25s cubic-bezier(.4,0,.2,1); }
.footer-box1 .footer-nav .nav-list>li+li{ margin: 10px 0 0 0; }
.footer-box1 .footer-nav .nav-list>li:hover{ color: #f6c900;  }
.footer-box1 .footer-nav .nav-list .fb:before{ content:'\e903'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .yt:before{ content:'\e960'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .line:before{ content:'\e92d'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .ig:before{ content:'\e92e'; margin: 0 10px 0 0; }
.footer-box2{ display: flex; flex-direction: column; align-items: center; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box; padding: 15px 15px; font-size: 1.5rem; line-height: 1.58; color: #000; }
.footer-box2 .footer-copyright{ display: flex; flex-direction: column; align-items: center; order: 2; font-size: 1.3rem; margin: 20px 0 0 0; }
.footer-box2 .footer-copyright .col-1{ display: flex; flex-direction: column; align-items: center; }
.footer-box2 .footer-copyright .col-2{ display: flex; flex-direction: column; align-items: center; }
.footer-box2 .footer-link{ display: flex; align-items: center; order: 1; } 
.footer-box2 .footer-link{ display: flex; align-items: center; order: 1; } 
.footer-box2 .footer-link>li.icon{ width: 30px; padding: 0 5px 0 0; }
.footer-box2 .footer-link>li.icon span{ display: none; }
.footer-box2 .footer-link>li{ display: flex; align-items: center; height: 25px; font-size: 1.2rem; white-space: nowrap; }
.footer-box2 .footer-link>li:hover{ color: #009380; }
.footer-box2 .footer-link>li+li:before{ content: ''; display: block; width: 1px; height: 17px; background: #000; margin: 0 15px 0 15px; }



/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

.header-wrap h3{ width: 160px; }
.header-search{ width: 200px; }

.index-msg .msg-box ul>li:nth-child(n+2){ display: block;  }

.idx-service .service-list>li{ width: 20%; }
.idx-service .service-list{ padding: 0 15px 15px 15px; }

.idx-search .search-box{ width: 50%; }

.idx-txtnews .txtnews-box{ width: 90vw; }

/* idx imgnews  */
.idx-imgnews{  }
.idx-imgnews .imgnews-box{ width: 100vw; margin: 0 auto; box-sizing: border-box; padding: 40px 15px 20px 15px; }
.idx-imgnews .imgnews-list{ display: flex; flex-direction: row; justify-content: space-between; }
.idx-imgnews .imgnews-list li{ width: 30vw; height: 380px; /* height: 360px; */ position: relative; font-size: 1.4rem; line-height: 1.58; color: #727272; box-shadow: 0 3px 20px rgba(0,0,0,.16); transition: all .4s cubic-bezier(.4,0,.2,1); }
.idx-imgnews .imgnews-list li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-imgnews .imgnews-list li .img-box{ width: 30vw; max-width: 340px; height: 30vw; max-height: 340px; /* height: 22.5vw;  max-height: 255px;*/ overflow: hidden; position: relative; }
.idx-imgnews .imgnews-list li .img-box img{ width: 100%; transition: all 1s cubic-bezier(.4,0,.2,1); }
.idx-imgnews .imgnews-list li:hover{ background: #f0f0f0;  box-shadow: 0 0px 0px rgba(0,0,0,0);}
.idx-imgnews .imgnews-list li .txt-box{ box-sizing: border-box; padding: 0 15px 0 15px; }
.idx-imgnews .imgnews-list .tit{ font-size: 2rem; font-weight: bold; text-align: center; color: #000; margin: 20px 15px 20px 15px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }

.idx-socialmedia .socialmedia-list .fb{ width: 70%; margin: 0 auto 0 auto; }

/* member */
.member-box{ width: 100%; max-width: 1100px; box-sizing: border-box; padding: 50px 15px 0 15px; margin: 0 auto; position: relative; }
.member-box .tit{ display: flex; justify-content: center; align-items: center; font-size: 2.4rem; line-height: 1.58; margin: 0 0 30px 0;  }
.member-box .tit-subtxt{  font-size: 1.8rem; line-height: 1.58; text-align: center; margin: 0 0 20px 0; }
.member-box .tit-subtxt a{ color: #1fa08e; text-decoration: underline; }
.member-box>.note-txt{ font-size: 1.8rem; line-height: 1.58; text-align: center;  }
.member-box .login-platform{ display: flex; justify-content: center; align-items: flex-start; width: 600px; height: 90px; border-radius: 50px; background: #fff; margin: 0 auto 20px; }
.member-box .login-platform.mpt20{ padding: 15px 0 0 0; }
/* .member-box .login-platform li+li{ margin: 0 0 0 50px; } */
.member-box .login-platform li{ width: auto; margin: 0 25px 0 25px; }
.member-box .login-platform li img{ height: 60px; }
.member-box .login-platform li:hover img{ transform: scale(1.2); opacity: 0.9; cursor: pointer; }
.member-box .form-box{ width: 100%; max-width: 900px; margin: 0 auto; border-radius: 30px; border: 4px solid #1FA08E; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #fff; position: relative; }
.member-box .form-box .form-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.member-box .form-box .form-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #1FA08E; }
.member-box .form-box .form-header .header-tit{ font-size: 2.4rem; line-height: 1.58; font-weight: bold; color: #1fa08e; }
.member-box .form-box .form-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.form-list{ box-sizing: border-box; padding: 0 0 80px 10px; }
.form-list.last{ padding: 0 0 10px 10px; }  
.form-list>li{ display: flex; flex-direction: row ; align-items: flex-start; /* flex-wrap: wrap;  */font-size: 2rem; line-height: 1.58; margin: 25px 0 0 0; }
.form-list .list_tit{ display: flex; align-items: center; flex-shrink: 0; font-weight: bold; width: 100px; height: 50px; margin: 0 25px 0 0; }
.form-list .list_tit.must:before{ content: '*'; color: #f00; margin: 0 0 0 -10px; }
.form-list .list_item{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 2rem; position: relative; min-height: 50px; }
.form-list .list_item.edit span{ min-height: 50px;  display: flex; align-items: center; }
.form-list .list_item .notetxt{ font-size: 1.7rem; line-height: 1.2; color: #1fa08e; margin: 0 0 0 5px; }
.form-list .list_item .note-txt{ width: 100%; font-size: 1.7rem; line-height: 1.2; color: #1fa08e; margin: 5px 0 0 0; }
.form-list .list_item .eye{ position: absolute; left: 120px; transform: translateY(0); cursor: pointer; }
.form-list .list_item .eye:after{ content: '\e974'; font-size: 2rem; color: #1fa08e; }
.form-list .list_item.join .eye{ position: absolute; left: 260px; transform: translateY(-24px); cursor: pointer; }
.form-list .list_item.joinconfirm .eye{ position: absolute; left: 260px; transform: translateY(0); cursor: pointer; }

/* bind */
.member-box .bind-btn{ font-size: 2rem;  width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: start; }
.member-box .bind-btn>.col-1{ width: 20%; height: 50px; display: flex; align-items: center; }
.member-box .bind-btn>.col-2{ width: 80%; font-size: 2rem; }
.member-box .bind-btn{ margin: 25px 0 0 0; }
.member-box .bind-btn.other{ margin: 80px 0 0 0; }
.member-box .bind-btn .subtit{ font-weight: bold; }
.member-box .bind-btn .bind-list>li{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.member-box .bind-btn .bind-list>li+li{ margin: 20px 0 0 0; }
.member-box .bind-btn .bind-list>li>.col-1{ margin: 0 0 0 0; }
.member-box .bind-btn .btn{ background: #fccf00; color: #000; min-width: 250px; }

.form-list .list_item .eye.close:after{ content: '\e975'; }
/* member input */
.form-list input[type='text']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 2rem; }
/* member select */
.form-list .select-box{ display: inline-block; height: 50px; overflow: hidden; border-radius: 30px; border: 1px solid #B2B2B2; background: #fff; position: relative; vertical-align: middle; }
.form-list .select-box:before{ display: inline-block; content: "\e916"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);  pointer-events: none; }
.form-list select{ background: transparent; width:100%; height: 50px; padding: 0px 10px; font-size: 2rem; text-align: center;  line-height: 1;  border: 0;  border-radius: 0; -webkit-appearance: none; box-sizing: border-box;  position: absolute;}
.form-list .select-box+.select-box{ margin: 0 0 0 10px; }
select{ background: transparent; width:100%; height: 50px; padding: 0px 10px; font-size: 2rem; text-align: center;  line-height: 1;  border: 0;  border-radius: 0; -webkit-appearance: none; box-sizing: border-box;  position: absolute; font-size: 2rem;}
/* member check radio */
.member-box .platform-check{ display: flex; justify-content: center; margin: 30px 0 0 0; }
.member-box .platform-check .checkradio-box{ height: auto; }
.member-box .platform-check .checkradio-box img{ height: 60px; order: -1; margin: 0 0 10px 0; }
.member-box .platform-check .checkradio-box label{ display: flex; flex-direction: column; align-items: center; font-size: 2rem; }
.checkradio-box{ display: flex; align-items: center; height: 50px; }
.checkradio-box>li{ position: relative; }
.checkradio-box li>input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li>input[type=radio]+ label:before {content:'\e922'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=radio]:checked + label:before {content:'\e923'; color:#1FA08E;}
.checkradio-box li>input[type=checkbox]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li.haslink>input[type=checkbox]{ width:18px; height:18px; }
.checkradio-box li>input[type=checkbox]+ label:before {content:'\e91f'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=checkbox]:checked + label:before {content:'\e920'; color:#1FA08E;}
.checkradio-box>li+li{ margin: 0 0 0 40px; }
.member-box .platform-check .checkradio-box>li{ margin: 0 20px 20px 20px; }
.member-box .readconfirm-check{ display: flex; align-items: center; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 0 0 0 10px; }
.member-box .readconfirm-check a{ color: #1fa08e; text-decoration: underline; }
.member-box .btn-box{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; }
.member-box .btn-box input[type=button]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.member-box .btn-box input[type=submit]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.member-box .btn-box input[type=reset]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.member-box .btn-box input+input{ margin: 0 0 0 20px; }
.member-box .btn-box input:hover{ background: #fccf00; }
/* login */
.member-box .login-box{ align-items: center;  }
.member-box .login-box .note-txt{ text-align: center; font-size: 1.8rem; }
.member-box .login-form{ width: 500px; border-radius: 30px; border: 4px solid #1FA08E; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 1.8rem; line-height: 1.58; margin: 0 0 20px 0; }
.member-box .login-form .form-list{ padding: 0 0 20px 0; }
.member-box .login-form .login-platform{ width: 100%; height: 90px; border-radius: 50px; background: #EDF4F3; margin: 20px auto 50px; }
.member-box .login-form .login-platform li+li{ margin: 0 0 0 30px; }
.member-box .login-form .login-platform li img{ height: 50px; }
.login-platform li {text-align:center; font-size: 1.6rem; }
.member-box .login-form .form-list .list_tit{ margin: 0 0 0 0; }
.member-box .login-form .list_item a{ font-size: 1.7rem; text-decoration: underline; margin: 0 0 0 5px; color: #1fa08e;  }
.member-box .readconfirm-check{ padding: 0 0 0 0; justify-content: center; margin: 30px 0 0 0; }
.member-box .login-form .login-code{ height: 50px; display: flex; align-items: center; margin: 0 0 0 5px; }
.member-box .login-form .btn-box{ margin: 30px 0 0 0; }
.member-box .login-box .addmember-box{ width: 500px; height: 700px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
.member-box .login-box .icat-man{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; }
.member-box .login-box .icat-man img{ width: auto; }
.member-box .login-box .addmember-form{ width: 100%; border-radius: 30px; border: 4px solid #fccf00; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 2rem; line-height: 1.58; margin: 0 40px 0 0; }
.member-box .login-box .addmember-form .select-icon{ display: flex; justify-content: center; font-size: 1.8rem; line-height: 1.2; margin: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; width: 140px; height: 140px; border-radius: 50%; background: #fef7e0; box-sizing: border-box; padding: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li+li{ margin: 0 0 0 20px; }
.member-box .login-box .addmember-form .select-icon li:before{ color: #fccf00; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.member-box .login-box .addmember-form .select-icon li:first-child:before{ content: '\e968'; font-size: 4rem;  }
.member-box .login-box .addmember-form .select-icon li:last-child:before{ content: '\e969'; font-size: 5rem;  }
.member-box .addmember-form .btn-box{ margin: 30px 0 0 0; }
.member-box .addmember-form .btn-box input[type=button]{ background: #fccf00; color: #000;  }
.member-box .addmember-form .btn-box input[type=button]:hover{ background: #1fa08e;  }
.member-box .addmember-form .btn-box input[type=submit]{ background: #fccf00; color: #000;  }
.member-box .addmember-form .btn-box input[type=submit]:hover{ background: #1fa08e;  }

/* fc forget contact */
.member-box .form-box.fc{ max-width: 720px; font-size: 2rem; line-height: 1.58; }
.member-box .form-box.fc+.form-box.fc{ margin: 30px auto 0 auto; }
.member-box .form-box.fc a{ color: #1FA08E; }
.member-box .form-box.fc a:hover{ text-decoration: underline; }
.member-box .form-box.fc .note-txt{ text-align: center; font-size: 1.8rem; }
.member-box .form-box.add .note-txt{ text-align: left; font-size: 1.8rem; margin: 10px 0 10px 0;  }
.form-list.forget{ display: flex; flex-direction: column; align-items: center; padding: 30px 0 40px 0; }
.form-list.forget .list_tit{ margin: 0 0 0 0; }
.form-list.forget>li{ width: auto; }
.member-box .form-box.fc .btn-box{ margin: 40px 0 0 0; }
.member-box .subtit{ font-size: 2rem; color: #363636; font-weight: bold; text-align: center; margin: 30px 0 15px 0; }
.member-box .form-box .header_tit{ font-weight: bold; }
.member-box .form-box .header_tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; margin: 10px 0 10px 0; }
.member-box .form-box .contact-list{ font-size: 1.8rem; line-height: 2; }
.member-box .form-box .edit-btn{ width: 150px; height: 60px; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; position: absolute; right: -8px; bottom: -8px; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.member-box .form-box .edit-btn a{ color: #000; box-sizing: border-box; padding: 0 10px 0 10px; }
.member-box .form-box .edit-btn li+li:before{ content: '|'; color: #B2B2B2;  }
/* icat */
.full-wrap{  }
.icatsend .full-wrap:nth-of-type(odd){ background: #e5e5e5; }
.full-inner{ width: 100%; box-sizing: border-box; margin: 0 auto;  }
.full-inner.sheetadd{ display: flex; flex-direction: column; align-items: center; padding: 20px 15px 20px 15px; }
.sheetadd .tit{ font-size: 2rem; line-height: 1.58; font-weight: bold; margin: 0 0 25px 0; }
.sheetadd .tit .hightlight{ color: #1fa08e; }
.sheetadd .icon-list{ width: 100%; display: flex; justify-content: center; }
.sheetadd .icon-list>li{ width: 24%; max-width: 220px; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.6rem; border-radius: 30px; margin: 0 8px 0 8px; box-sizing: border-box; background: #fff; border: 1px solid #B2B2B2; cursor: pointer; transition: all .1s cubic-bezier(.4,0,.2,1); position: relative; }
.sheetadd .icon-list.noicon>li{ height: 120px; line-height: 1.58; }
.sheetadd .icon-list.columnnoicon{ flex-direction: column; align-items: center; }
.sheetadd .icon-list.columnnoicon>li{ width: 90%; max-width: 90%; height: 80px; line-height: 1.58; flex-direction: row; justify-content: start; padding: 20px 30px 20px 30px; flex-wrap: nowrap; }
.sheetadd .icon-list.columnnoicon>li+li{ margin: 15px 0 0 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1{ width: 100px; height: 100%; display: flex; align-items: center; position: relative; font-size: 2rem; font-weight: bold; margin: 0 20px 0 0; color:#1FA08E; flex-shrink: 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1 input[type=radio]:checked + label:before {content:'\e94f'; color:#1FA08E;}
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1:after{ content: ''; height: 100%; border-right: 1px solid #707070; position: absolute; right: 0;  }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2{ display: flex;  }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li{ position: relative; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li+li{ margin: 0 0 0 20px; }
.sheetadd .icon-list.columnnoicon>li>.input-box{ margin: 0 0 0 10px; }
.sheetadd .icon-list.columnnoicon>li>.input-box input{ border-bottom: 1px solid #707070; font-size: 2rem; margin: 0 0 0 10px; width: 150px; }
.sheetadd .icon-list.columnnoicon>li>.input-box input:disabled{ background: none; border-color: #ccc; }
.sheetadd .icon-list.columnnoicon>li>.info-txt{ text-align: left; }
.sheetadd .icon-list>li p>span{ display: inline-block; line-height: 0; }
.sheetadd .icon-list>li img{ width: auto; }
.sheetadd .icon-list>li:hover,.sheetadd .icon-list>li.active{ border: 4px solid #1FA08E; }
.sheetadd .icon-list>li.disable{ border: none; opacity: 0.3; cursor: default; }
.sheetadd .icon-list>li img{ margin: 0 0 10px 0; }
.sheetadd .icon-list>li>input[type=radio]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }
.sheetadd .arrow_down{ display: flex; justify-content: center; margin: 25px 0 0 0; }
.sheetadd .arrow_down img{ width: auto; }
.sheetadd .note-txt{ display: flex; justify-content: center; font-size: 1.6rem; line-height: 1.58; color: #727272; margin: 25px 0 0 0; }
.step-list.icat li{ display: flex; }
.step-list.icat li.active{ display: flex; font-size: 1.8rem; width: auto; }
.sheetadd .select-info{ width: 80%; min-height: 80px; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; line-height: 1.58; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.sheetadd .flex-box{ justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; }
.sheetadd .flex-box+.flex-box{ margin: 15px 0 0 0; }
.sheetadd .form-list .list_tit{ width: auto; }
.sheetadd .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 2.2rem; font-weight: bold; color: #fff; position: relative; }
.sheetadd .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.8rem; align-items: flex-end; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.sheetadd .form-header .contact-sel{ background: none; border: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header .contact-sel:before{ content: '\e94c'; color: #fccf00; margin: 0 0 0 3px;  }
.sheetadd .form-header .contact-sel select{ color: #fff; font-size: 1.8rem; padding: 0 0 0 0; text-align: left; cursor: pointer;  }
.sheetadd .clearall{ position: absolute; right: 10px; bottom: 5px; text-decoration: underline; width: auto; }
.sheetadd .clearall a{ /* color: #1fa08e; text-decoration: underline;  */font-size: 1.8rem; }
.sheetadd .form-list .list_item .notetxt{ color: #363636; }
.sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn{ color: #363636; text-align: center; margin: 0 0 0 5px; }
.sheetadd .topdline{ border-top: 1px dashed #B2B2B2; padding: 25px 0 25px 0; }
.sheetadd .topdlinemt0{ border-top: 1px dashed #B2B2B2; padding: 25px 0 25px 0; margin-top: 0; }
.sheetadd .toplinemt0{ border-top: 1px solid #B2B2B2; padding: 25px 0 25px 0; margin-top: 0; flex-wrap: wrap; }
.sheetadd .toplinemt0 .subnote{ font-size: 2rem; }
.sheetadd a{ color: #1fa08e; text-decoration: underline;  }
.sheetadd .btn-box{ margin: 40px 0 0 0; }
.sheetadd .noticeservice .list_item.disabled{ opacity: 0.3; }
.sheetadd .noticeservice .list_item.disabled input:disabled{ cursor: default; }
.sheetadd .noticeservice .list_item:last-child{ margin: 20px 0 0 0; }
.sheetadd .mobile-phone{ display: flex; align-items: center; margin: 0 0 0 0; }
/* send confirm */
.send-confirm{ width: 90%; margin: 0 auto 20px; font-size: 1.8rem; line-height: 1.58; }
.send-confirm>li{ display: flex; flex-direction: row; justify-content: space-between;  }
.send-confirm>li+li{ margin: 20px 0 0 0; }
.send-confirm .confirm-tit{ font-weight: bold; width: 160px; height: 60px; display: flex; justify-content: flex-end; align-items: center;  }
.send-confirm .confirm-txt{ display: flex; justify-content: flex-start; align-items: center; width: 480px; height: 60px; border-radius: 30px; background: #f0f0f0; box-sizing: border-box; padding: 0 30px 0 30px; font-size: 1.8rem; }
.send-confirm .confirm-txt>p{ width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.send-confirm .subtit{ margin: 60px 0 0 0; }
.send-confirm>li.multi{ justify-content: flex-start; }
.send-confirm>li.multi .confirm-tit{ margin: 0 50px 0 0; align-items: flex-start; }
.send-confirm>li.multi .confirm-multitxt{ font-size: 1.8rem; text-align: left; }
.send-confirm .mdisplaynone{ display: flex; }
/* send-finish */
.send-finish{ width: 94%; max-width: 900px; margin: 0 auto; font-size: 1.8rem; line-height: 1.58; }
.send-finish .printer-list{ width: 100%; height: 750px; border: 1px solid #727272; box-sizing: border-box; margin: 30px 0 60px 0; background: #fff; overflow: scroll; }
.info-box{ font-size: 1.6rem; line-height: 1.58; color: #363636; }
.info-box .info-header{ font-size: 2.2rem; }
.info-box .info-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #727272; margin: 5px 0 15px 0; }
.info-box+.info-box{ margin: 40px 0 0 0; }
.info-list{ list-style-type: disc; margin: 0 0 0 25px; }
.send-finish .sedn-finish_notetxt{ font-size: 1.6rem; line-height: 1.58; color: #363636; }
.send-finish .printer-code{ display: flex; justify-content: center; align-items: center; width: 100%; height: 220px; background: #fff; border: 1px solid #727272; font-size: 1.8rem; line-height: 1.58; margin: 10px 0 60px 0;  }
.send-finish .printer-code .code-txt{ margin: 0 100px 0 0; }

/* multipleadd */
.full-inner.sheetadd{ font-size: 2rem; line-height: 1.58; }
.form-box.sheetadd .l2{ height: auto; box-sizing: border-box; padding: 0 0 0 25px; }
.form-box.sheetadd .invoice{ display: flex; flex-direction: row; align-items: start;}
.form-box.sheetadd .invoice.cloumncheck{ flex-direction: column; }
.form-box.sheetadd .invoice li+li{ margin: 0 0 0 20px; }
.form-box.sheetadd .invoice.cloumncheck li+li{ margin: 0 0 0 0; }
.form-box.sheetadd .invoicenum{ display: flex; flex-direction: row; align-items: start; }
.form-box.sheetadd .invoicenum label{ margin: 0 10px 0 0; }
.form-box.sheetadd .invoicenum>input[type=radio]{ width: 120px; height: 40px; }
.form-box.sheetadd .input-box{ display: flex; align-items: start; flex-direction: row; font-size: 1.8rem; line-height: 1.58;  }
.form-box.sheetadd .invoicenum input[type=text]{ margin: -10px 0 0 10px; }
.form-box.sheetadd .invoicenum input[type=text].alignmargin{ margin: 0 0 0 0; }
.form-box.sheetadd .note-txt{ justify-content: start; margin: 10px 0 0 25px;  }
.form-box.sheetadd .multipleadd-list>li+li{ margin: 30px 0 0 0; }
.sheetadd .inport-box{ display: flex; align-items: start; flex-direction: row; font-size: 1.8rem; line-height: 1.58;  }
.sheetadd .inport-box .col-1{ width: auto; display: flex; flex-direction: column; align-items: center; margin: 0 100px 0 70px; }
.sheetadd .inport-box .col-2{ align-items: start; }
.sheetadd .inport-box .icon-box{ width: 210px; height: 188px; border-radius: 20px; background: #1fa08e; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 10px 0;  }
.sheetadd .inport-box .icon-box:hover:after{ transform: scale(1.2); }
.sheetadd .inport-box .icon-box:after{ content: '\e970'; font-size: 12rem; color: #fff; transition: all .4s cubic-bezier(.4,0,.2,1); pointer-events: none; }
.sheetadd .inport-box .icon-box a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.sheetadd .btn_download{ min-width: 180px; height: 50px; border-radius: 20px; background: #f4faf9; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 10px 0 10px; display: inline-flex; align-items: center; text-decoration: none; color: #363636; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_download:hover{ background: #edfffc; }
.sheetadd .btn_download:before{ content: '\e909'; font-size: 3rem; color: #1fa08e; margin: 0 5px 0 0;  }
.sheetadd .btn_download+.btn_download{ margin: 0 20px 0 20px; }
.sheetadd .btn_inport{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_inport:hover{ background: #fccf00; border-color: #fccf00; }
.sheetadd .btn_inport:before{ content: '\e970'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }
.btn-box.multipleadd{ flex-direction: row; }
.btn-box.multipleadd>a{ width: auto; }
.multipleadd-txt{ width: 100%; max-width: 800px;  }
.multipleadd .multipleadd-info{ height: 60px; border-radius: 20px; background: #fff; border: 1px solid #727272; display: inline-flex; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; color: #363636; box-sizing: border-box; padding: 0 30px 0 30px; }
.multipleadd .multipleadd-info .hightlight{ font-size: 2.4rem; color: #1fa08e; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .hightlight--red{ font-size: 2.4rem; color: #f00; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .finish{ margin: 0 40px 0 0; }
/* multipleadd table01 */
.multipleadd .table01-box{  width: 100%; max-width: 990px; overflow: auto; }
.multipleadd .table01{ width: 100%; max-width: 990px; margin: 0 auto 30px; font-size: 1.8rem; color: #363636; text-align: left; border-spacing:3px; }
.multipleadd .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: auto; min-height: 60px; }
.multipleadd .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; }
.multipleadd .table01.errow thead td{ background: #FAE1DD; }
.multipleadd .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.multipleadd .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.multipleadd .table01 td:first-child{ text-align: center; }
/* multipleadd table02 */
.multipleadd .table02-box{  width: 100%; max-width: 990px; overflow: hidden; }
.multipleadd .table02-box .headertr{ box-sizing: border-box; display: flex;  }
.multipleadd .table02-box .headertr>div{ background: #d3ece8; box-sizing: border-box; padding: 20px 20px 20px 20px; min-height: 60px; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; display: flex; align-items: center; }
.multipleadd .table02-box .headertr>div+div{ margin: 0 0 0 0.5%; }
.multipleadd .table02-box .headertr>div:nth-child(1){ width: 16%; white-space: nowrap; }
.multipleadd .table02-box .headertr>div:nth-child(2){ width: 22%; }
.multipleadd .table02-box .headertr>div:nth-child(3){ width: 62%; }
.multipleadd .table02-box .divtr{ background: #fff; display: flex; margin: 5px 0 0 0; font-size: 1.8rem; line-height: 1.58; }
.multipleadd .table02-box .divtr>div{ box-sizing: border-box; padding: 20px 20px 20px 20px }
.multipleadd .table02-box .divtr>div:nth-child(1){ width: 16%; }
.multipleadd .table02-box .divtr>div:nth-child(2){ width: 22%; }
.multipleadd .table02-box .divtr>div:nth-child(3){ width: 62%; }
.multipleadd .table02-box .divtr>div+div{ margin: 0 0 0 0.5%;}

/* order */
.order .full-inner{ display: flex; flex-direction: column; align-items: center; font-size: 2rem; line-height: 1.58; padding: 30px 0 30px 0; }
.order .full-inner.whitebg{ padding: 30px 0 0 0; }
.order .tit{ font-size: 2.8rem; line-height: 1.58; color: #1fa08e; }
.order .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 30px 0 0 0; }
.order .tab-box>li{ width: 24.5%; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .tab-box>li:hover,.order .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.order .search-bar{ width: 100%; max-width: 700px; height: 89px; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; background: #fccf00; box-sizing: border-box; padding: 0 20px;  margin: 0 0 20px 0; }
.order .search-bar input[type=text]{ width: 80%; height: 50px; border-radius: 15px; background: #fff; box-sizing: border-box; padding: 0 20px; font-size: 2rem; }
.order .search-bar button{ width: 15%; height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .orderlist-box{ width: 100%; max-width: 700px; margin: 0 auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.order .order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; }
.order .order-list>li:last-child{ border: none; }
.order .orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }
.order .order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 190px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }
.order .orderlist-box .edit-btn{ display: flex; justify-content: center; align-items: center; width: 260px; height: 60px; border-radius: 30px; font-size: 1.8rem; border: 8px solid #E5E5E5; position: absolute; right:-8px; bottom: -8px; }
.order .orderlist-box .edit-btn>li+li:before{ content: '|'; margin: 0 15px 0 15px; }
.order .orderlist-box .edit-btn a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlist-box .edit-btn a:hover{ text-decoration: underline; color: #1fa08e; }
.order .orderlistpage{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #727272; margin: 40px 0 40px 0; }
.order .orderlistpage>li{  }
.order .orderlistpage>li.active{ color: #000; font-weight: bold; }
.order .orderlistpage>li:nth-child(3){ margin: 0 5px 0 5px; }
.order .orderlistpage>li a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:hover a{ color: #000; }
.order .orderlistpage>li:hover a span{ color: #000; }
.order .orderlistpage>li span{ font-size: 3rem; color: #b2b2b2; transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:first-child{ margin: 0 35px 0 0; }
.order .orderlistpage>li:last-child{ margin: 0 0 0 35px; }
.order .info-box{ width: 100%; max-width: 700px; margin: 0 auto;  }
.order .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 2rem; font-weight: bold; color: #fff; box-sizing: border-box; padding: 0 30px 0 30px; position: relative;  }
.order .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.8rem; align-items: flex-end; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.order .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.order .form-header.twocol{ justify-content: space-between; }
.order .form-box{ padding: 15px 15px 40px 15px }
.order .qrcode-box{ display: flex; justify-content: center; align-items: center; margin: 30px 0 30px 0; }
.order .qrcode-box .qrcode-txt{ margin: 0 100px 0 0; }
.order .qrcode-box .qrcode-code img{ width: auto; }
.order .form-list{ border-radius: 15px; box-sizing: border-box; padding: 20px 30px 30px 30px; }
.order .form-list.hasbgcolor{ border-radius: 15px; background: #f4faf9; box-sizing: border-box; padding: 20px 30px 30px 30px; margin: 0 0 20px 0; }
.order .form-list .list_tit{ width: 150px; }
.order .form-list .list_tit.w100{ width: 100px; }
.order .form-box .btn-box{ margin: 40px 0 0 0; }
.order .list_item.disabled{ opacity: 0.3; }
.order .form-list .notetxt{ display: inline; text-align: left; color: #000; }
.order .form-list .flex-box.tworow{ flex-direction: row;  margin: 20px 0 0 0; }
.order .form-list .flex-box.tworow.email{  margin: 0 0 0 40px; }
.order .form-list .flex-box.tworow .txtbold{ font-size: 1.8rem; line-height: 50px;}
.order .form-list .mobile-address{ margin: 20px 0 0 0; }
/* multiple */
.order .multiplelist-box{ width: 96%; margin: 0 auto; }
.order .multiplelist-header{ display: flex; flex-direction: row; justify-content: space-between; font-size: 2rem; line-height: 1.58; }
.order .multiplelist-header .col-1{ width: 56%; display: flex; flex-direction: column; justify-content: center;  }
.order .multiplelist-header .col-2{ width: 43%; background: #fff; font-size: 1.8rem; box-sizing: border-box; padding: 0 0 30px 0; order: 1; }
.order .multiplelist-header.type2 .col-2{ background: none; display: flex; justify-content: end; align-items: center; }
.order .multiplelist-header .col-2 .toptit{ height: 45px; background: #e5e5e5; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .col-2 .txt-box{ box-sizing: border-box; padding: 0 20px 0 30px; }
.order .multiplelist-header .col-2 .img-box{ margin: 30px auto 30px; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .hightlight{ font-weight: bold; color: #1fa08e;  }
.order .multiple-detail{ width: 100%; max-width: 950px; margin: 0 auto; border-radius: 30px; border: 1px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; margin: 50px 0 0 0; }
.order .multiple-detail .detail-list{ display: flex; }
.order .multiple-detail .toptit{ font-size: 2rem; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;  }
.order .multiple-detail .toptit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 15px 0 15px 0; }
.order .multiple-detail .list-tit{ font-size: 2rem; font-weight: bold; }
.order .multiple-detail .order-list{ font-size: 1.8rem; }
.order .multiple-detail .order-list .col-1{ width: 80px; margin: 0 30px 0 0; }
.order .multiple-detail .detail-list{ display: flex; flex-direction: row; justify-content: space-between; }
.order .multiple-detail .detail-list>.col-1,.order .multiple-detail .detail-list>.col-2{ width: 47%; }
.order .multiple-detail .detail-list>.col-2{ order: 1; }
.order .multiple-detail .img-box{ width: 150px; }
.order .multiple-detail .img-box img{ width: 100%; }
.order .multiple-detail .qrcode-box{ justify-content: space-between; align-items: start; margin: 30px 0 50px 0;  }
.order .multiple-detail .service .col-1{ background: #d3ece8; width: 100px; }
.order .btn_printer{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.order .btn_printer:hover{ background: #fccf00; border-color: #fccf00; }
.order .btn_printer:before{ content: '\e971'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }

/* notice */
.btn-box.notice{ margin: 50px 0 50px 0; }
.btn-box.notice .btn{ font-size: 2rem; }
.sheetadd .form-box.mail{ max-width: 700px; margin: 25px auto 0 auto; }
.sheetadd .mail .list_tit{ width: 120px; }
.sheetadd .mail .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.sheetadd .mail .form-list>li{ width: auto; }
.sheetadd .mail .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 80px; }
.sheetadd .mail .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.sheetadd .mail .subfun li:hover{ color: #1fa08e; }
.sheetadd .mail .subfun li+li{ margin: 0 0 0 30px; }
.sheetadd .mail .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.sheetadd .mail .note{ font-size: 1.8rem; }
.sheetadd .orderlist-box{ width: 100%; max-width: 700px; margin: 30px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.sheetadd .order-list>li{ display: flex; justify-content: flex-start; align-items: center; height: 60px; border-bottom: 1px dashed #B2B2B2; }
.sheetadd .order-list>li:last-child{ border: none; }
.sheetadd .orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }
.sheetadd .order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }

/* inquire */
.full-inner.inquire{ display: flex; flex-direction: column; align-items: center; padding: 20px 15px 20px 15px; }
.inquire-box{ width: 94%; max-width: 900px; margin: 0 auto 30px; font-size: 1.8rem; line-height: 1.58;  }
/* form box size M */
.form-box.sizem{ max-width: 700px; margin: 25px auto 0 auto; }
.form-box.sizem .list_tit{ width: 120px; }
.form-box.sizem .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.form-box.sizem .form-list>li{ width: auto; }
.form-box.sizem .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 50px; }
.form-box.sizem .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.form-box.sizem .subfun li:hover{ color: #1fa08e; }
.form-box.sizem .subfun li+li{ margin: 0 0 0 30px; }
.form-box.sizem .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.form-box.sizem .note{ font-size: 1.8rem;  }
.form-box.sizem .info-list{ font-size: 1.8rem; color: #727272;  }
.form-box .btn-box{ margin: 40px 0 0 0; }
.inquire-box .demo-img{ display: flex; justify-content: center; align-items: center; }
.inquire-box .form-box.sizem .list_tit{ width: 20px; margin: 0 25px 0 0; }
.orderlist-box{ width: 100%; max-width: 700px; margin: 20px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; }
.order-list>li:last-child{ border: none; }
.orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }
.order-list a{ color: #1fa08e; text-decoration: underline; }
.order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }
.list-number{ list-style-type: decimal; }
.list-disc{ list-style-type: disc; }
.list-number>li,.list-disc>li{ margin: 0 0 0 25px; }
.inquire-box .list-number{ font-size: 1.8rem; line-height: 1.58; }
.inquire-box .list-number.sizem{ width: 100%; max-width: 700px; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 40px;  }
.inquire-box .btn-box{ margin: 40px 0 0 0; }
.inquire-box .info-box{ width: 100%; max-width: 700px; margin: 0 auto; font-size: 1.8rem; line-height: 1.58;  }
.inquire-number{ width: 300px; height: 80px; border-radius: 30px; display: flex; justify-content: center; align-items: center; font-size: 2.4rem; color: #1fa08e; background: #fff; margin: 20px auto 30px; }
.inquire-box .hint-txt{ font-size: 1.8rem; }
.inquire-box .single-box{ display: flex; justify-content: center; align-items: center; margin: 10px auto 20px; }
.inquire-box .single-box>span{ font-size: 3rem; color: #1fa08e; margin: 0 0 0 5px;  }
input.single[type='text']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 2rem; }
.single-box select{ font-size: 2rem; }
/* service base */
.full-inner.servicebaseheader{ background: #e2f2f1; }
.inquire-header{ width: 100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-size: 2rem; line-height: 1.58;  }
.inquire-header .col-1{ width:500px;  }
.inquire-header .col-2{ /* width: 51%; max-width: 500px; */ display: flex; justify-content: center;  }
.inquire-header .col-2 .img-box{ width: 260px; }
.inquire-header .tit{ font-size: 3.2rem; margin: 0 0 15px 0; }
.inquire-header .search-bar{ width: 100%; border-radius: 50px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 30px 15px 30px 15px; background: #fccf00; margin: 15px 0 10px; }
.inquire-header .search-bar.golf{ width: 100%;  }
.inquire-header .search-bar .select-box,.inquire-header .search-bar input{ text-align: left; margin: 0 10px 0 0; }
.inquire-header .search-bar .select-box,.inquire-header .search-bar.hotel input{ margin: 0 10px 0 10px; }
.inquire-header .search-bar select{ font-size: 1.8rem; }
.inquire-header .search-bar input{ font-size: 1.8rem; }
.inquire-header .search-bar button{ height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 10px 0 10px; white-space: nowrap; }
.servicebase .inquire-box{ width: 100%; max-width: 990px;  }
.servicebase .inquire-box .info-box{ max-width: none; margin: 0 0 30px 0 }
.inquire-box a{ text-decoration: underline; color: #1fa08e; }
.search-header{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.search-list{ font-size: 1.8rem; line-height: 1.58; margin: 10px 0 0 0; }
.search-list>li{ box-sizing: border-box; padding: 15px 15px 15px 15px; position: relative; }
.search-list>li:nth-child(odd){ background: #fff; }
.search-item{ display: flex; flex-direction: row; align-items: center; /* margin: 0 0 10px 0; */ }
.search-item .item_name{ width: 370px; font-weight: bold; }
.search-item .item_address{ width: 520px; }
.search-item .item-arrow{ position: absolute; right: 30px; top: 15px; cursor: pointer; }
.search-item .item-arrow:before{ content: '\e916'; opacity: 0.5; }
.search-item .item-arrow.active:before{ content: '\e917'; opacity: 1;  }
.search-info{ display: flex; flex-direction: row; font-size: 1.7rem; line-height: 1.58; color: #727272; margin: 10px 0 0 0; display: none; }
.search-info .time-list{ width: 370px; line-height: 1.8; }
.search-info .otherservice-list{ width: 520px; }
.storenumber{ font-size: 3rem; color: #1fa08e; }
.substore-search{ display: flex; flex-wrap: wrap; margin: 20px 0 20px 0; }
.substore-search>li{ width: 120px; margin: 0 13px 30px 13px; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.substore-search>li:hover{ opacity: 0.6; }
.substore-search .img-box{ width: 120px; height: 120px; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; }
.substore-search .img-box img{ max-width: 100%; }
.substore-search .txt-box{ display: flex; justify-content: center; align-items: center; color: #363636; margin: 10px 0 0 0; }
.substore-search>li>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.column4 .search-item .item_number{ width:3%; }
.column4 .search-item .item_name{ width: 25%; font-weight: normal; }
.column4 .search-item .item_phone{ width: 25%; }
.column4 .search-item .item_address{ width: 45%; }

/* qa */
.qa-header .search-bar{ width: 50%;  }
.qa-header .search-bar button{ font-size: 1.8rem; }
.qa-header .search-bar input{ font-size: 1.8rem; }
.qa-header .tit{ font-size: 3.2rem; font-weight: bold; }
.service-header .search-bar{ width: 65%; height: 80px;  }
.service-header .search-bar button{ font-size: 2rem; height: 50px; min-width: 100px;  }
.webcontact .login-code{ margin: 0 0 0 10px; }
.webcontact .id{ flex-wrap: nowrap; }
.webcontact .id>li:first-child{ width: auto; }
.webcontact .id>li:last-child{ margin: 0 0 0 10px; }
.webcontact .id>li+li{ margin: 0 0 0 40px; }
.webcontact .orderlist-box{ padding: 30px 40px 30px 40px; }
.webcontact .order-list{ font-size: 2rem; line-height: 1.58; }

/* article */
.article-list{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 0 auto; }
.article-list>li{ width: 32vw; height: 380px; margin: 5px 0.65vw 5px 0.65vw; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,.16); position: relative; transition: all .6s cubic-bezier(.4,0,.2,1); }
.article-list .img-box{ width: 100%; height: 32vw; /* height: 22.5vw; max-height: 255px; */ overflow: hidden; position: relative; }
.article-list .img-box img{ width: 100%; }
.article-list .txt-box{ font-size: 1.4rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.article-list .txt-box .tit{ font-size: 1.8rem; line-height: 1.2; color: #000; text-align: center; overflow: hidden; margin: 0 0 20px 0; }
.article-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.article-list>li:hover { background: #f0f0f0; box-shadow: 0px 0px 20px rgba(0,0,0,0); }
.page-list{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; font-weight: bold; color: #727272; margin: 30px 0 0 0;  }
.article-detail .col-1 .img-box{ width: 70%; margin: 0 auto; }

/* step-list */
.step-list{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; /* font-weight: bold; */ margin: 40px 0 30px 0; }
.step-list li{ display: flex; justify-content: center; align-items: flex-start; min-width: 170px; height: 30px; border-bottom: 2px solid #E5E5E5; position: relative;  }
.step-list li:after{ content:''; width: 2px; height: 30px; border-right: 2px solid #E5E5E5; transform: skewX(25deg); position: absolute; right: 6px; top: 0; }
.step-list li.active{ color: #1fa08e; border-color: #1FA08E; font-size: 1.8rem; width: auto; }
.step-list li.active:after{ border-color: #1FA08E; } 

/* selfhelp */
.selfhelp-wrap{ width: 100%; max-width: 650px; margin: 0 auto; }
.selfhelp-list{  }
.selfhelp-list>li{ width: 100%; min-height: 80px; border-radius: 30px; border: 1px solid #1FA08E; display: flex; align-items: center; box-sizing: border-box; padding: 20px 20px 20px 20px; font-size: 1.7rem; line-height: 1.58; color: #363636; }
.selfhelp-list>li.top{ background: #f4faf9; font-size: 3.6rem; font-weight: bold; color: #1fa08e;  justify-content: center; }
.selfhelp-list>li.top .msg{ font-size: 2rem; margin: 0 0 0 0; }
.selfhelp-list>li+li{ margin: 40px 0 0 0; }
.selfhelp-list>li .col-1{ display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 60px; height: 60px; border-radius: 50px; background: #1fa08e; font-size: 1.5rem; font-weight: bold; color: #d3ece8; margin: 0 30px 0 0; }
.selfhelp-list>li .col-1>span:last-child{ font-size: 2.2rem; color: #fff; margin: 0 0 0 2px; }
.selfhelp-list>li .col-2{ width: 100%; }
.selfhelp-list>li .tit{ margin: 0 0 0 0; font-weight: normal; font-size: 2.2rem;  }
.selfhelp-list .line{ width: 100%; height: 1px; border-bottom: 1px dashed #B2B2B2; margin: 15px 0 15px 0; }
.selfhelp-list .msg{ font-size: 1.7rem; color: #1fa08e; margin: 0 0 0 20px; }
.selfhelp-wrap .info-list{ font-size: 1.6rem; line-height: 1.58; margin: 30px 0 0 25px; }
.selfhelp-wrap .info-list a{ color: #1fa08e; text-decoration: underline; }

/* ezcat */
.full-inner.ezcat{  padding: 40px 0 40px 0; background: #e2f2f1; }
.ezcat-header{ display: flex; flex-direction: row; align-items: flex-start; width: 100%; max-width: 990px; margin: 0 auto; box-sizing: border-box; padding: 0 15px 0 15px; }
.ezcat-header>.col-1{ margin: 0 35px 0 0; }
.ezcat-header>.col-2>p{ font-size: 2rem; line-height: 1.58; color: #727272; }
.ezcat-header>.col-2>p.tit{ font-size: 3.2rem; margin: 0 0 10px 0; color: #000; text-align: left; }
.ezcat-header>.col-2 .flex-box{ flex-direction: row; justify-content: space-between; align-items: center; margin: 30px 0 0 0; }
.ezcat-header>.col-2 .phone{ font-size: 3.6rem; font-weight: bold; color: #1fa08e }
.ezcat-header>.col-2 .btn{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; background: #fccf00; font-size: 2rem; line-height: 1.4; font-weight: bold; color: #000; }
.ezcat-header>.col-2 .flex-box .col-1{ font-size: 1.7rem; }
.ezcat-table{ width: 96%; max-width: 990px; margin: 0 auto; font-size: 1.8rem; }
.ezcat-table .table-row{ display: flex; }
.ezcat-table .table-row .col-1{ display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 120px; min-height: 60px; border-radius: 10px 0 0 10px; background: #d3ece8; box-sizing: border-box; padding: 20px 15px 20px 15px; margin: 0 5px 0 0;  }
.ezcat-table .table-row .col-2{ display: flex; flex-grow: 1; align-items: center; background: #fff; box-sizing: border-box; padding: 20px 15px 20px 15px; }
.ezcat-table>.table-row+.table-row{ margin: 5px 0 0 0; }
.ezcat-table>.table-row-column+.table-row{ margin: 5px 0 0 0; }
.ezcat-table .info-list{ line-height: 1.8; }
.ezcat-table .table-row-column{ display: flex; margin: 5px 0 0 0; }
.ezcat-table .table-row-column .table-row:first-child{ width: 55%; }
.ezcat-table .table-row-column .table-row:last-child{ width: 45%; }
.ezcat-table .table-row-column .table-row+.table-row{ margin: 0 0 0 5px; }

/* about */
.full-wrap .full-inner .full-kv{ width: 100vw; height: 39.5vw; max-height: 540px; overflow: hidden; }
.full-wrap.about .full-inner .full-kv{ background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover ;  }
.about-box{ width: calc(100vw - 30px);  margin: 150px auto 0; }
.about-box .flex-box.originl{ flex-direction: row; justify-content: space-between; }
.about-box .flex-box.originl .col-1{ width: 350px; flex-shrink: 0;  }
.about-box .flex-box .img-box img{ width: 100%;  }
.about-box .flex-box.originl .col-2{ width: 420px; flex-shrink: 0; font-size: 1.8rem; line-height: 1.58; background: rgba(255,255,255,.9); box-sizing: border-box; padding: 30px 0 0 0; margin: -360px 0 0 0; }
.about-box .tit-box{ display: flex; justify-content: center; align-items: center; }
.about-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; }
.about-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.about-box .txt-box{ box-sizing: border-box; padding: 0 30px 0 30px; }
.about-box .about-info{ background: #fff; box-sizing: border-box; padding: 30px 30px 30px 30px; font-size: 1.8rem; line-height: 1.58; margin: -240px 0 0 0;  }
.about-box .about-info .tit-box{ justify-content: flex-start; }
.about-box .about-info .tit-txt{ width: 320px; color: #1fa08e; margin: 10px 0 50px 0;  }
.about-box .about-info .flex-box{ flex-direction: row; align-items: flex-end; margin: 30px 0 0 0; }
.about-box .about-info .flex-box .col-1{ width: 420px; margin: 0 20px 0 0; }
.about-box .about-info .flex-box .col-2 p span{ display: inline-block; width: 120px; }

/* events */
.full-wrap.events .full-inner .full-kv{ background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover ;  }
.events-box{ width: calc(100vw - 30px); margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.events-box .tit-box{ display: flex; justify-content: center; align-items: center; margin: 0 0 30px 0;}
.events-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; }
.events-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.events-box .txt-box{ box-sizing: border-box; padding: 0 30px 0 30px; }
.events-box .events-list{}
.events-box .events-list>li{ box-sizing: border-box; padding: 0 0 40px 20px; position: relative; }
.events-box .events-list>li:before{ content: ''; width: 1px; height: 100%; background: #1fa08e; position: absolute; left: 5px; top: 20px; }
.events-box .events-list>li:after{ content: ''; width: 10px; height: 10px; border-radius: 50px; background: #1fa08e; position: absolute; left: 0px; top: 12px; }
.events-box .events-list>li ul{ list-style-type: disc; font-size: 1.8rem; line-height: 1.58; color:#363636; margin: 10px 0 0 25px; }
.events-box .events-year{ font-size: 2.4rem; color: #1fa08e; }
.events-box .flex-box{ position: relative; }
.events-box .col-2{ flex-shrink: 0; position: absolute; right: 0; top: 0; }
.events-box .col-2 .img-box{ width: 300px; }
.events-box .col-2 .img-box img{ width: 100%; }

/* sitemap */
.sitemap-wrap{ width: calc(100vw - 30px); margin: 0 auto; box-sizing: border-box; padding: 40px 0 0 0;  }
.sitemap-wrap a:hover{ color: #1fa08e; text-decoration: underline; }
.sitemap-box{ width: 100%; border-radius: 30px; background: #fff ; box-sizing: border-box; padding: 30px 30px 30px 40px; display: flex; }
.sitemap-wrap .sitemap-box+.sitemap-box{ margin: 20px 0a 0 0; }
.sitemap-box>.sitemap+.sitemap{ margin: 0 0 0 50px; }
.sitemap-box .sitemap{ display: flex; flex-direction: row; width: auto; }
.sitemap-box .sitemap-tit{ width: 70px; height: 70px; border-radius: 50px; border: 1px solid #1FA08E; font-size: 2rem; color: #1fa08e; line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 35px 0 0; box-sizing: border-box; padding: 0 14px 0 14px; align-self: start; flex-shrink: 0; }
.sitemap-box .sitemap-list{ display: flex; }
.sitemap-box.onelist{ flex-direction: row; }
.sitemap-box.onelist .sitemap .sitemap-list{ justify-content: flex-start; text-align: left; flex-shrink: 0; }
.sitemap-box.onelist>.sitemap+.sitemap{ margin: 0 0 0 0; }
.sitemap-box .sitemap-list>li{ width: auto; min-width: 100px; font-size: 1.7rem; line-height: 1.8; color: #363636;  }
.sitemap-box .sitemap-list>li+li{ margin: 0 0 0 50px; }
.sitemap-box .sitemap-list .tit{ font-size: 1.8rem; color: #363636; margin: 0 0 0 0; }
.sitemap-box .sitemap-list .tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 15px 0 25px 0; }
.sitemap-box .sitemap-list .tit.one:after{ display: none; }

/* privacy */
.privacy{ font-size: 1.8rem; line-height: 1.58;  }
.txt-list{ font-size: 1.8rem; line-height: 1.58; list-style-type: cjk-ideographic; margin: 0 0 0 37px; }
.txt-list>li{ text-align: justify; }
.txt-list>li+li{ margin: 40px 0 0 0; }
.privacy .txt-list{}
.privacy .txt-box{ font-size: 1.8rem; line-height: 1.58; text-align: justify;  }
.privacy .subtit{ font-size: 2rem; font-weight: bold; margin: 0 0 20px 0; }

/* productlist */
.productlist-box{ width: calc(100vw - 30px); margin: 0 auto; }
.productlist-list{ display: flex; flex-wrap: wrap; margin: 0 0 40px 0; }
.productlist-list>li{ width: 46.5%; height: 300px; border-radius: 20px; background: #fff;  outline: 1px solid #727272; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: 13px min(1.66%,13px) 13px min(1.66%,13px); position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.productlist-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.productlist-list>li .img-box{  height: 180px; display: flex; justify-content: center; align-items: center; }
.productlist-list>li .img-box img{ width: min(100%,220px); }
.productlist-list>li .tit{ font-size: 2rem; text-align: center; margin: 10px 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.productlist-list>li .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #727272; margin: 10px 0 15px 0;  }
.productlist-list>li .orderinfo{ display: flex; justify-content: space-between; font-size: 1.8rem; }
.productlist-list>li .orderinfo>span{ color: #1fa08e; cursor: pointer; }
.productlist-list>li:hover{ outline: 8px solid #1FA08E; }
.productlist-list>li:hover .tit:after{ border-bottom: 1px solid #1FA08E; } 
.info .border-box{ border: 4px solid #1FA08E; }
.info .flex-box{ flex-direction: row; justify-content: space-between; margin: 0 0 50px 0; }
.info .flex-box .col-1{ width: 300px; flex-shrink: 0; margin: 0 20px 0 0; }
.info .flex-box .col-2{ font-size: 1.8rem; line-height: 1.58; }
.info .flex-box .img-box img{ width: 100%; }
.info .flex-box .col-2 .tit{ font-size: 2rem; margin: 0 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.info .flex-box .col-2 .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #1fa08e; margin: 10px 0 15px 0;  }
.info .flex-box .col-2 .btn-box{ justify-content: flex-start; margin: 40px 0 0 0; }
.info .full-inner>.btn-box{ margin: 30px 0 0 0; }
.full-inner.productorder { width: calc(100vw - 30px); margin: 0 auto; }

/* remind */
.remind .full-inner{ width: auto; margin: 0 ; }
.remind .tab-wrap{ width: auto; margin: 0 auto ; box-sizing: border-box; padding: 0; position: relative; }
.remind .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 0 0 0 0; box-sizing: border-box; padding: 30px 0 0 0; }
.remind .mobile-tabheader{ display: none; }
.remind .tab-box{ position: static; }
.remind .tab-box>li{ width: 12.5%; max-width: 90px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.remind .tab-box>li:hover,.remind .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.remind .tab-content{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.remind .tab-content .flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-direction: row; }
.remind .tab-content .img-box{ width: 170px; margin: 0 20px 0 0; }
.remind .tab-content .img-box img{ width: 100%; }
.remind .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.remind .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 15px 0; text-align: left; }
.remind .help{ width: 100%; margin: 50px auto 0; }
.remind .help .tit{ font-size: 2.2rem; color: #1fa08e; text-align: center; margin: 0 0 10px 0; }
.remind .remind-help{ display: flex; flex-direction: row; flex-wrap: wrap; }
.remind .remind-help li{ width: 30%; height: 400px; border-radius: 20px; border: 1px solid  #1FA08E; box-sizing: border-box; padding: 15px 15px 15px 15px; margin: 1.66% 1.66% 1.66% 1.66%; background: #fff; }
.remind .remind-help .img-box{ height: 180px; display: flex; justify-content: center; align-items: center; }
.remind .remind-help .img-box img{ width: 65%; }
.remind .remind-help li:last-child{ width: 100%; height: 250px; display: flex; align-items: center; }
.remind .remind-help li:last-child .img-box{ width: 60%; flex-shrink: 0; order: 2; }
.remind .remind-help li:last-child .img-box img{ width: 100%; }
.remind .remind-help li:last-child .txt-box{ width: 290px; margin: 0 30px 0 0; }
.remind .remind-help .txt-box{ font-size: 1.8rem; line-height: 1.58; color: #363636;  }
.remind .remind-help .subtit{ display: block; width: 100px; font-size: 2rem; font-weight: bold; text-align: center; margin: 10px auto 15px; }
.remind .remind-help .subtit:after{ content: ''; display: block; width: 100%; border-bottom: 3px solid #1FA08E; margin: 5px 0 10px 0; }

/* reject */
.reject .full-inner{ width: calc(100vw - 30px); margin: 0 auto; }
.reject-info{ font-size: 1.8rem; line-height: 1.58; color: #363636; flex-direction: row; align-items: flex-start;  }
.reject-info .tit{ font-size: 2.2rem; font-weight: bold; color: #1fa08e; margin: 0 0 0 0; }
.reject-info .col-1{  }
.reject-info .col-2{ width: 200px; flex-shrink: 0;  }
.reject-info .col-2 .img-box img{ width: 100%; }
.reject-info a{ text-decoration: underline; color: #1fa08e; }
.reject .border-box{ margin: 60px 0 0 0; }
.reject .border-box .tit{ font-size: 2.4rem; text-align: center; margin: 0 0 50px 0; }
.reject-list{ font-size: 1.8rem; line-height: 1.58; color: #363636; }
.reject-list>li+li:before{ content: ''; display: block; width: 100%; height: 1px; background: #b2b2b2; margin: 20px 0 20px 0;  }
.reject-list>li>.flex-box .col-1{ flex-shrink: 0; width: 100px; margin: 0 20px 0 0; }
.reject-list>li>.flex-box .col-1 .img-box img{ width: 100%; }
.reject-list .subtit{ font-size: 2rem; font-weight: bold; color: #1fa08e; margin: 0 0 10px 0; }
.reject-list .subtit-note{ font-size: 1.8rem; font-weight: normal; }
.reject-list .twocol{ display: flex; flex-direction: column; flex-wrap: wrap; height: 800px; }
.reject-list .twocol li{ width: 47%; flex-shrink: 0; margin: 0 40px 0 0; }
.reject-list>li>.flex-box.country{ flex-direction: row; }
.reject-list>li>.flex-box.country .col-1{ width: 47%; flex-shrink: 0; margin: 0 60px 0 0; }
.reject .note{ font-size: 1.8rem; text-align: center; margin: 30px 0 0 0;  }
.reject .note span{ display: inline-block; }

/* info */
.info .full-inner{ width: auto; margin: 0 ; }
.info-top{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: row; font-size: 2rem; line-height: 1.58;  }
.info-top .tit{ font-size: 3.2rem; margin: 0 0 15px 0; text-align: left; }
.info-top .col-1{ box-sizing: border-box; padding: 50px 0 0 0; }
.info-top .col-1 a{ margin: 0px 0 0 0; }
.info-top .col-2 .img-box img{ width: auto; }
.info .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.info .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: -58px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.info .tab-box{ position: static; }
.info .tab-box>li{ width: 45%; max-width: 450px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.info .tab-box>li:hover,.info .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.info .tab-content{ width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.info .tab-content .flex-box{ flex-direction: row; }
.info .tab-content .img-box img{ width: 100%; }
.info .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.info .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.info .info-warp{ width: calc(100vw - 30px); margin: 0 auto; }
.info .info-warp .tit{ text-align: center; }
.info .info-warp  .img-box{ display: flex; justify-content: center; align-items: center; }
.info .info-warp  .img-box>img{ width: 100%; max-width: 900px; }
.info .info-warp  .img-box>img.pc{ display: block; }
.info .info-warp  .img-box>img.mobile{ display: none; }
.info .borderlist-box{ width: 100%; max-width: 1000px; margin: 50px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 30px 20px 30px; position: relative; }
.info .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.8rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.info .border-list>li+li{ margin: 20px 0 0 0; }
.info .border-list>li:last-child{ border: none; }
.info .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.info .border-list a{ color: #1fa08e; text-decoration: underline; }
.info .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; border-radius: 30px; background: #feec99; font-size: 2rem; margin: 0 0 0 0; }
.info .border-list .col-1.moretxt{ width: 320px; }
.info .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 20px; }
.info .border-list .consign{ display: flex; justify-content: center; }
.info .border-list .consign img{ max-width: 400px; }
.info .app-info{ font-size: 2.2rem; text-align: center;  }
.info .app-info .flex-box{ justify-content: center; margin: 20px 0 0 0; }
.info .app-info .flex-box .col-1{ width: 230px; margin: 0 25px 0 0;  }
.info .app-info .flex-box .col-2{ width: 230px;  }
.info .app-info .flex-box  img{ width: 100%; }
.info .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* line */
.line .full-inner{ width: auto; margin: 0 ; }
.line-top{ width: 96%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; font-size: 2rem; line-height: 1.58;  }
.line-top .tit{ font-size: 3.2rem; margin: 0 0 15px 0; text-align: left; }
.line-top>.col-1{ box-sizing: border-box; padding: 50px 0 0 0; }
.line-top>.col-1 a{ margin: 0 0 0 0; }
.line-top>.col-1 .btn-box{ margin: 30px 0 0 0; justify-content: flex-start; }
.line-top>.col-2 .img-box img{ width: 200px; }
.line-top .flex-box{ flex-direction: row; }
.line-top .flex-box .col-1{ white-space: nowrap; margin: 0 10px 0 0; }
.line-top .flex-box .img-box a{ width: 38%; margin: 0 5px 0 5px }
.line-top .flex-box .img-box img{ width: 100%; /* margin: 0 5px 0 5px; */ }
.line-top .flex-box .info-list{ list-style-type: decimal; line-height: 1.8; }
.line .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.line .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 50px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.line .tab-box{ position: static; }
.line .tab-box>li{ width: 45%; max-width: 450px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.line .tab-box>li:hover,.line .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.line .tab-content{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.line .tab-content .flex-box{ flex-direction: row; }
.line .tab-content .img-box img{ width: 100%; }
.line .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.line .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.line #tab01 .full-wrap:last-child{ /* background: #fff; */ margin: 50px 0 0 0; padding: 30px 0 30px 0; }
.line .fun-list{ display: flex; flex-direction: row; justify-content: space-between; align-items: end; flex-wrap: wrap; }
.line .fun-list>li{ width: 32%; }
.line .fun-list>li>img{ width: 100%; }
.line .line-warp{ width: 100%; max-width: 800px; margin: 0 auto; }
.line .line-warp .tit{ text-align: center; font-size: 2.4rem; }
.line .line-warp .img-box{ display: flex; justify-content: center; align-items: center; }
.line .line-warp .img-box>img{ width: 100%; max-width: 900px; }
.line #tab02 .line-warp .img-box>img{ width: 100%; max-width: 700px; }
.line .line-warp .img-box>img.pc{ display: block; }
.line .line-warp .img-box>img.mobile{ display: none; }
.line .borderlist-box{ width: 100%; max-width: 1000px; margin: 50px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 30px 20px 30px; position: relative; }
.line .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.8rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.line .border-list>li+li{ margin: 20px 0 0 0; }
.line .border-list>li:last-child{ border: none; }
.line .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.line .border-list a{ color: #1fa08e; text-decoration: underline; }
.line .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; border-radius: 30px; background: #feec99; font-size: 2rem; margin: 0 0 0 0; }
.line .border-list .col-1.moretxt{ width: 320px; }
.line .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 20px; }
.line .border-list .consign{ display: flex; justify-content: center; }
.line .border-list .consign img{ max-width: 400px; }
.line .app-info{ font-size: 2.2rem; text-align: center;  }
.line .app-info .flex-box{ justify-content: center; margin: 20px 0 0 0; }
.line .app-info .flex-box .col-1{ width: 230px; margin: 0 25px 0 0;  }
.line .app-info .flex-box .col-2{ width: 230px;  }
.line .app-info .flex-box  img{ width: 100%; }
.line .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* icatapp */
.icatapp .info-top .col-1{ display: flex; flex-direction: column; justify-content: center; padding: 20px 0 0 0;  }
.icatapp .info-top .col-1 .img-box{ width: 200px; margin: 15px auto 0 auto;  }
.icatapp .info-top .col-1 .img-box>img{ width: 100%; }
.icatapp .info-top .col-1 a{ width: 160px; margin: 8px auto 20px auto; }
.icatapp .info-top .col-2 { width: 400px; flex-shrink: 0; order: 0; }
.icatapp .info-top .col-2 .img-box img{ width: 100%; }
.icatapp .flex-box{ width: calc(100vw - 30px); margin: 0 auto; font-size: 1.8rem; line-height: 1.58; align-items: center; flex-direction: row; }
.icatapp .flex-box .imgl,.icatapp .flex-box .imgr{ order: 0 ; }
.icatapp .flex-box .img-box{ width: 250px; line-height: 0; margin: 20px 0 0 0; }
.icatapp .flex-box .img-box img{ width: 100%; }
.icatapp .subtit{ font-size: 2.8rem; color: #1fa08e; margin: 0 0 10px 0; text-align: left; }
.icatapp .flex-box .imgr{ margin: 0 0 0 30px; }
.icatapp .flex-box .imgl{ margin: 0 30px 0 0; }
.icatapp .full-wrap:last-child{ margin: 0 0 -50px 0; }
.icatapp .img-flex{ display: flex; justify-content: flex-start; align-items: flex-start; margin: 15px 0 15px 0; }
.icatapp .img-flex .col-1,.icatapp .img-flex .col-2{ width: 145px; padding: 0 0 0 0; }
.icatapp .img-flex>div+div{ margin: 0 0 0 10px; }
.icatapp .img-flex .col-1 a,.icatapp .img-flex  .col-2 a{ line-height: 0; width: 100%; margin: 0 0 0 0; }
.icatapp .img-flex .col-1 img,.icatapp .img-flex .col-2 img{ width: 100%; }
.icatapp .img-flex .pc{ display: block; }
.icatapp .img-flex .mobile{ display: none; }

/* orderlist-table  */
.orderlist-box.hastable{ width: 750px; max-width: none; padding: 30px 30px 30px 30px; }
.international .orderlist-box.hastable{ width: 850px; max-width: none; padding: 30px 30px 30px 30px; }
.orderlist-table{ font-size: 1.6rem;  width: auto;  }
.international .orderlist-table{ width: auto;  }
.orderlist-table .table-header{ font-size: 2rem; color: #1fa08e; }
.orderlist-table .table-header:after{  content: ''; display: block; width: 100%; border-bottom: 1px solid #B2B2B2; margin: 10px 0 20px 0; }
.orderlist-table table{ border-collapse:collapse; color: #b2b2b2;  }
.orderlist-table table td{ height: 40px; padding: 0; }
.orderlist-table table td:nth-child(3){ width: 260px; }
.orderlist-table table td:last-child a{ box-sizing: border-box; padding: 0 0 0 20px; }
.orderlist-table .table-thead{ width: 130px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; color: #000; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.orderlist-table .time{ margin: 0 0 0 10px; }
.orderlist-table .step-disc{ display: flex; justify-content: center; align-items: center; position: relative; width: 80px; height: 100%; }
.orderlist-table .step-disc .disc{ width: 10px; height: 10px; border-radius: 50%; background: #e5e5e5;  }
.orderlist-table .step-disc .line{ width: 1px; height: 100%; background: #e5e5e5; position: absolute;  }
.orderlist-table .active{ color: #000; }
.orderlist-table .active td:nth-child(3){ color: #1fa08e; }
.orderlist-table .active .disc{ width: 15px; height: 15px; background: #1fa08e; z-index: 1; }
.orderlist-table table tr:nth-child(2) .line{ height: 50%; bottom: 0; }
.orderlist-table table tr:last-child .line{ height: 50%; top: 0; }
.orderlist-table a{ color: #b2b2b2; }
.orderlist-table .active a{ color: #000; }

/* normal */
.normal .flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0; }
.normal .flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.normal .flex-box>li:first-child{ align-self: center; }
.normal .flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.normal .flex-box>li .img-box img{ width: 100%; }
.normal .flex-box>li .btn-box{ justify-content: flex-start; margin: 30px 0 0 0; }
.normal .flex-box>li .btn{ margin: 0 0 0 0; }
.subtit-line{ font-size: 2.2rem; }
.subtit-line:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom:1px solid #727272; margin: 5px 0 15px 0;   }
.normal .note-txt{ font-size: 1.7rem; line-height: 1.58; color: #727272; }
.normal .product.link-list{ margin: 0 0 20px 0; }

/* cool */
.cool>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.cool>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.cool>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.cool>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.cool>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 30px 0 0; }
.cool>.flex-box>li:first-child .img-box{ width: 160px; }
.cool>.flex-box>li:last-child{ width: 100%; max-width: none; }
.cool .img-box img{ width: 100%; }
.cool>.flex-box>li:first-child .disc-list{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 30px 30px 30px 40px; margin: 20px 0 30px 0; font-size: 1.8rem; line-height: 1.6; }
.cool>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.cool>.flex-box .tit.hasimg{ display: flex; justify-content: start; align-items: center }
.cool>.flex-box .tit.hasimg img{ height: 80px; margin: 0 0 0 10px; }
.cool .cool-hightlight{ display: flex; }
.cool .cool-hightlight>li{ height: 60px; border-radius: 20px; background: #e0edf6; font-size: 2.6rem; color: #363636; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 20px; white-space: nowrap;    }
.cool .cool-hightlight>li+li{ margin: 0 0 0 20px; }
.cool .cool-hightlight>li span{ font-weight: bold; color: #47a2e3; margin: 0 0 0 5px; }
.cool .product.link-list{ margin: 0 0 20px 0; }
.cool .cool-item{ margin: 25px 0 0 0; }
.cool .cool-item>li{ display: flex; font-size: 1.7rem; line-height: 1.58; }
.cool .cool-item>li+li{ margin: 30px 0 0 0; }
.cool .cool-item>li .col-1{ width: 150px; flex-shrink: 0; margin: 0 20px 0 0; }
.cool .cool-item .subtit{ color: #1fa08e; font-weight: bold; font-size: 2rem; }

/* economy */
.economy>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.economy>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.economy>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.economy>.flex-box>li:first-child .flex-box{ flex-direction: column; align-items: center; font-size: 1.8rem; }
.economy>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 30px 0 0; }
.economy>.flex-box>li:first-child .col-1 .img-box{ margin: 10px 0 0 0; }
.economy>.flex-box>li:first-child .col-1 img{ max-width: 270px; }
.economy>.flex-box>li:first-child .img-box{ width: 500px; }
.economy>.flex-box>li:nth-child(n+4){ width: 100%; max-width: none; }
.economy>.flex-box>li:nth-child(n+4) .img-box{ max-width: 800px; margin: 40px auto 0;  }
.economy>.flex-box>li:nth-child(n+4) .img-box.pc{ display: block; }
.economy>.flex-box>li:nth-child(n+4) .img-box.mobile{ display: none; }
.economy .img-box img{ width: 100%; }
.economy>.flex-box>li:first-child .disc-list{ margin: 20px 0 30px 20px; font-size: 1.8rem; line-height: 1.6; }
.economy>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.economy .product.link-list{ margin: 0 0 20px 0; }
/* line-list */
.line-list{ margin: 0 0 0 10px; }
.line-list:before{content: '-'; margin: 0 0 0 -10px; display: inline-block;  }

/* day */
.day>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.day>.flex-box>li{ margin: 2% 0 2% 0;  }
.day>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: flex-end; font-size: 1.8rem; }
.day>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 50px 0 0; }
.day>.flex-box>li:first-child .col-1 .img-box{ margin: 30px 0 30px 0; }
.day>.flex-box>li:first-child .col-2{ width: 150px; flex-shrink: 0; }
.day>.flex-box>li:first-child .col-2 img{ width: 100%; }
.day>.flex-box>li:nth-child(2) .flex-box{ flex-direction: row; align-items: center; }
.day>.flex-box>li:nth-child(2) .col-1{ width: 45%; }
.day>.flex-box>li:nth-child(2) .col-2{ width: 50%; margin: 0 0 0 5%; order: 1; }
.day>.flex-box>li:nth-child(2) img{ width: 100%; }
.day>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.day .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }
.day .note{ font-size: 1.7rem; line-height: 1.58; color: #363636; }
.day .product.link-list{ margin: 10px 0 0 10px; }
.day .flex-list>li{ display: flex; }
.day .flex-list .col-1{ width: 80px; flex-shrink: 0; }

/* freight */
.freight>.flex-box{ width: calc(100vw - 30px); margin: 0 auto;  flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.freight>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.freight>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.freight>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.freight>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 80px 0 0; }
.freight>.flex-box>li:first-child .img-box{ width: 200px; }
.freight .img-box img{ width: 100%; }
.freight>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.freight .btn-box{ justify-content: flex-start; margin: 30px 0 0 0; }
.freight .btn{ margin: 0 0 0 0; }
.freight .product.link-list{ margin: 10px 0 20px 0; }

/* golf */
.golf>.flex-box{ width: calc(100vw - 30px); margin: 0 auto;  flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.golf>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.golf>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.golf>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.golf>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 40px 0 0; }
.golf>.flex-box>li:first-child .img-box{ width: 280px; }
.golf>.flex-box>li:first-child .disc-list{ font-size: 1.8rem;  }
.golf .img-box img{ width: 100%; }
.golf>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.golf .product.btn-box{ margin: 30px 0 0 0; }
.golf .product.link-list{ margin: 0 0 20px 0; }
.golf .product.link-list{ margin: 0 0 0 0; }

/* medicine */
.medicine>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.medicine>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.medicine>.flex-box>li:first-child .flex-box{ flex-direction: column; align-items: flex-end; font-size: 1.8rem; }
.medicine>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 0 30px 0; }
.medicine>.flex-box>li:first-child .col-1 .img-box{ margin: 30px 0 30px 0; }
.medicine>.flex-box>li:first-child .col-2{ display: flex; justify-content: center; flex-shrink: 0; }
.medicine>.flex-box>li:first-child .col-2 img{ width: 500px; }
.medicine>.flex-box>li:nth-child(3) .flex-box{ flex-direction: row; justify-content: space-between; align-items: center; }
.medicine>.flex-box>li:nth-child(3) .col-1{ width: 45%; }
.medicine>.flex-box>li:nth-child(3) .col-2{ width: 50%; margin: 0 0 0 5%; order: 1; }
.medicine>.flex-box>li:nth-child(3) img{ width: 100%; }
.medicine>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.medicine .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }
.medicine .note{ font-size: 1.7rem; line-height: 1.58; color: #363636; }
.medicine .product.link-list{ margin: 10px 0 0 0; }

/* cvs */
.cvs>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.cvs>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.cvs>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: flex-start; font-size: 1.8rem; }
.cvs>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 50px 0 0; }
.cvs>.flex-box>li:first-child .col-2{ width: 400px; flex-shrink: 0; margin: 70px 0 0 0; }
.cvs>.flex-box>li:first-child .col-2 img{ width: 100%; }
.cvs>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.cvs .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* store */
.store>.flex-box{ width: calc(100vw - 30px); margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.store>.flex-box>li{ width: 100%; margin: 2% 0 2% 0; font-size: 1.8rem; }
.store>.flex-box>li:nth-child(2) .flex-box{ flex-direction: row; align-items: flex-start; font-size: 1.8rem; }
.store>.flex-box>li:nth-child(2) .col-1{ align-self: center; margin: 0 50px 0 0; }
.store>.flex-box>li:nth-child(2) .col-2{ width: 280px; flex-shrink: 0; margin: 20px 0 0 0; }
.store>.flex-box>li:nth-child(2) .col-2 img{ width: 100%; }
.store>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.store .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* twoec */
.twoec .twoec-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.58; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.twoec .twoec-box .img-box{ margin: 30px 0 0 0; }
.twoec .twoec-box .img-box a{ width: 100%; }
.twoec .twoec-box .img-box img{ width: 100%; }
.twoec .tit{ font-size: 3.2rem; margin: 0 0 20px 0; }
.twoec .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* product hightlight-txt */
.product.hightlight-txt{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 30px 30px 30px 30px; margin: 20px 0 20px 0; font-size: 1.8rem; line-height: 1.6; }
.product.hightlight-txt .subtit{ font-size: 2rem; color: #1fa08e;  }
/* product btn-box */
.product.btn-box{ justify-content: flex-start; margin: 20px 0 0 0; }
.product.btn{ margin: 0 0 0 0; }
/* product note-txt */
.product.note-txt{ font-size: 1.7rem; line-height: 1.58; color: #727272; }
/* product link-list */
.product.link-list{ display: flex;  color: #1fa08e;  }
.product.link-list>li:after{ content:'\e913'; font-weight: bold; }
.product.link-list>li+li{ margin: 0 0 0 30px; }

/* explain */
.explain .explain-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.explain .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.explain-list{ display: flex; flex-direction: row; justify-content: space-between; align-items: start; margin: 30px 0 0 0;  }
.explain-list>li{ width: 30%; font-size: 1.8rem; line-height: 1.58; color: #363636; text-align: left; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.explain-list>li+li{ margin: 0 0 0 0; }
.explain-list .img-box img{ width: 100%;  }
.explain-list .searchtype{ font-size: 2.4rem; color: #000;  font-weight: bold; height: 60px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 10px 0 20px 0;  }
.explain-list>li:nth-child(1) .searchtype{ background: #1fa08e; }
.explain-list>li:nth-child(2) .searchtype{ background: #FCCF00; }
.explain-list>li:nth-child(3) .searchtype{ background: #47A2E3; }
.explain-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.explain-list>li:hover{ transform: translate(0,-3%); }
/* explain table01 */
.explain .table01-box{ overflow: hidden; }
.explain .table01{ width: 100%; max-width: 990px; margin: 0 auto 30px; font-size: 1.8rem; color: #000; text-align: left; border-spacing:3px; }
.explain .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: 50%; min-height: 60px; }
.explain .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; text-align: center; }
.explain .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.explain .table01 tbody tr:nth-child(odd) td{ background: #fff; }

/* timesheet */
.timesheet .timesheet-box{ width: calc(100vw - 30px); max-width: 990px; margin: 0 auto;font-size: 1.8rem; line-height: 1.58; color: #363636;  box-sizing: border-box; padding: 30px 0 0 0;  }
.timesheet .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; text-align: center; }
.timesheet a{ color: #1fa08e; text-decoration: underline; }
/* timesheet table01 */
.timesheet .table01-box{ overflow: hidden; }
.timesheet .table01{ width: 100%; max-width: 990px; margin: 0 auto 20px; font-size: 1.5rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table01 td{ box-sizing: border-box; padding: 20px 15px 20px 15px; width: 160px; min-height: 60px; }
.timesheet .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table01 thead td:first-child{ background: none; }
.timesheet .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.timesheet .table01 tbody tr:nth-child(-n+2) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(n+6) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold;  }
/* timesheet table02 */
.timesheet .table02{ width: 100%; max-width: 990px; margin: 15px auto 20px; font-size: 1.8rem; color: #000; text-align: center; }
.timesheet .table02 .table-row{ width: 100%; display: flex;  }
.timesheet .table02 .table-row.thead{ margin: 0 0 5px 0; }
.timesheet .table02 .table-row.thead>div{ background: #d3ece8; width: 90px; height: 40px; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; }
.timesheet .table02 .table-row.thead>div:last-child{ width: 800px; justify-content: flex-start; box-sizing: border-box; padding: 0 15px 0 15px;  }
.timesheet .table02 .table-row.thead>div+div{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row>div { min-width: 90px; }
.timesheet .table02 .table-row:nth-child(n+2){ box-sizing: border-box; padding: 15px 15px 15px 0; }
.timesheet .table02 .table-row:nth-child(odd){ background: #F1F1F1; }
.timesheet .table02 .table-row:nth-child(even){ background: #fff; }
.timesheet .table02 .table-row>.col-2>ul>li{ display: flex; }
.timesheet .table02 .table-row>.col-2{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row .col-2>ul>li .col-1{ min-width: 90px; margin: 0 5px 0 0; text-align: left; box-sizing: border-box; padding: 0 0 0 15px; }
.timesheet .table02 .table-row .col-2>ul>li .col-2{ text-align: left; box-sizing: border-box; padding: 0 0 0 15px; }
.timesheet .subtithasbg{ width: 100%; height: 40px; border-radius: 10px; background: #feec99; display: flex; justify-content: center; align-items: center; font-size: 2rem; margin: 0 0 10px 0; }
/* timesheet table03 */
.timesheet .table03-box{ overflow: hidden; }
.timesheet .table03{ width: 100%; /* max-width: 990px; */ margin: 0 auto 20px; font-size: 1.5rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table03 td{ box-sizing: border-box; padding: 20px 5px 20px 5px;/*  width: 105px; */ min-height: 60px; }
.timesheet .table03 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table03 thead td:first-child{ background: none; width: 106px; }
.timesheet .table03 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table03 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table03 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
/* timesheet table04 */
.timesheet .table04-box{ overflow: hidden; }
.timesheet .table04{ width: 100%; /* max-width: 990px; */ margin: 0 auto 20px; font-size: 1.5rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table04 td{ box-sizing: border-box; padding: 20px 5px 20px 5px; min-height: 60px; }
.timesheet .table04 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table04 thead td:first-child{ background: none; width: 106px; }
.timesheet .table04 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table04 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table04 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
/* timesheet table05 */
.timesheet .table05-box{ overflow: hidden; }
.timesheet .table05{ width: 100%; margin: 0 auto 20px; font-size: 1.5rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table05 td{ box-sizing: border-box; padding: 20px 5px 20px 5px; min-height: 60px; }
.timesheet .table05 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table05 thead td:first-child{ background: none; width: 106px; }
.timesheet .table05 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table05 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table05 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
.timesheet .img-box{ display: flex; justify-content: center; margin: 0 0 30px 0; }
.timesheet .img-box img{ width: 70%; }

/* join */
.join>.flex-box{ width: calc(100vw - 30px); max-width: 990px; margin: 0 auto -180px auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.join>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.join>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.join>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.join>.flex-box>li:first-child .col-1{ width: 380px; margin: 0 -100px 0 0; flex-shrink: 0; }
.join>.flex-box>li:first-child .img-box{ width: 460px; }
.join .img-box img{ width: 100%; }
.join>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.join .btn-box{ margin: 30px 0 0 0; }

/* status */
.status .status-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.status .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.status-list{ display: flex; flex-direction: row; justify-content: space-between; margin: 30px 0 0 0;  }
.status-list>li{ width: 32%; height: 360px; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.status-list>li .list-box{ width: 100%; height: 100%; border-radius: 30px; border: 4px solid ; box-sizing: border-box; padding: 0 0 0 0;  font-size: 1.6rem; line-height: 1.58; color: #363636; text-align: left;  overflow: hidden; }
.status-list>li+li{ margin: 0 0 0 0; }
.status-list .img-box{ height: 165px; display: flex; justify-content: center; align-items: center; }
.status-list .img-box img{ display: block; margin: 0 auto;  }
.status-list .searchtype{ font-size: 2rem; color: #000;  font-weight: bold; height: 50px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.status-list>li .txt-box{ height: 200px; box-sizing: border-box; padding: 15px 15px 15px 15px; }
.status-list>li .note-txt{ font-size: 1.4rem; line-height: 1.58; color: #727272; width: 90%; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); }
.status-list>li:nth-child(1) .txt-box{ background: #d3ece8; }
.status-list>li:nth-child(2) .txt-box{ background: #FEEC99; }
.status-list>li:nth-child(3) .txt-box{ background: #CBDEF3; }
.status-list>li:nth-child(1) .list-box{ border-color: #1fa08e; }
.status-list>li:nth-child(2) .list-box{ border-color: #FCCF00; }
.status-list>li:nth-child(3) .list-box{ border-color: #47A2E3; }
.status-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.status-list>li:hover{ transform: translate(0,-3%); }

/* business */
.business .business-box{ width: calc(100vw - 30px); margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.58;  text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.business .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.business-list{ display: flex; flex-direction: row; flex-wrap: wrap;  margin: 0 0 0 0;  }
.business-list>li{ width: 23.5%; height: 130px; background: #fff; margin: 0.75% 0.75% 0.75% 0.75%; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.business-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.business-list .img-box{ height: 80px; display: flex; justify-content: center; align-items: center; }
.business-list .img-box img{ display: block; margin: 0 auto;  }
.business .login-box{ width: 500px; height: 90px; border-radius: 50px; background: #d3ece8; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 15px 0 15px; margin: 20px auto 60px auto; }
.business .login-box .btn{ width: auto; }

/* communicaton */
.communication .note-txt{ font-size: 1.8rem; line-height: 1.58; text-align:justify; }

/* bindinginfo */
.bindinginfo .info-top{ padding: 30px 0 30px 0; font-size: 1.6rem; }
.bindinginfo .info-top .tit{ font-size: 2.2rem; margin: 0 0 0 0; }
.bindinginfo .info-top>.col-1{ margin: 0 20px 0 0; padding: 0 0 0 0; }
.bindinginfo .info-top>.col-1 img{ max-width: 100%;}
.bindinginfo .info-top>.col-2 a{ color: #1fa08e; text-decoration: underline; }
.bindinginfo .info-top>.col-2 .img-box{ width: 80px; }
.bindinginfo .info-top>.col-2 .img-box img{ width: 100%; }
.bindinginfo .hightlight-txt{ width: 100%; height: auto; display: flex; align-items: center; margin: 10px 0 10px 0;  }
.bindinginfo .hightlight-txt .col-1{ margin: 0 0 0 0; padding: 0 0 0 0; z-index: 2; }
.bindinginfo .hightlight-txt .col-2{ width: 100%; height: auto; border-radius: 40px; box-sizing: border-box; padding: 10px 10px 10px 65px; margin: 0 0 0 -60px; background: #fff; font-size: 1.3rem; line-height: 1.6; z-index: 1;  }
.bindinginfo .hightlight-txt .col-2 a{ height: 30px; border-radius: 15px; background: #1fa08e; font-size: 1.4rem; color: #fff; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 10px 0 10px; margin: 0 3px 0 3px;  }
.bindinginfo .hightlight-txt .col-2>p{ margin: 0 0 8px 0; }
.bindinginfo.bindimggopoint .service-header .img-box{ display: flex; justify-content: center; }
.bindinginfo.bindimggopoint .service-header img{ width: 90%; }
.bindinginfo .open-bind{ width: 100%;  margin: 20px auto 10px; display: flex; flex-direction: row; justify-content: center; align-items: start; }
.bindinginfo .open-bind>li{ width: 250px; height: 600px; border-radius: 20px; background: #fff; overflow: hidden; display: flex; flex-direction: column; align-items: center; margin: 0 5px 0 5px; }
.bindinginfo .open-bind>li .tit{ font-size: 2.2rem; color: #1fa08e; text-align: center; margin: 10px 0 10px 0; }
.bindinginfo .service-header .img-box{ position: relative; }
.bindinginfo .service-header .img-box a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.bindinginfo .bindimg-box .bindimg-slide{ width: 220px; height: 500px; position: relative; }
.bindinginfo .bindimg-box .bindimg-slide img{ width: 100%; }
.bindinginfo .bindimg-box .slide-item{ width: 100%; }
.bindinginfo .bindimg-box .txt-box{ font-size: 1.6rem; color: #1fa08e; text-align: center; margin: 5px 0 5px 0;  }
.bindinginfo .bindimg-box .bindimg-ui{ display: flex; justify-content: center; align-items: center; font-size: 1.6rem; color: #727272; }
.bindinginfo .bindimg-box .bindimg-ui .count-num{ font-family: arial; margin: 0 55px 0 55px; }
.bindinginfo .bindimg-box .bindimg-ui .current{ font-weight: bold; color: #1fa08e; }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow,.bindinginfo .bindimg-box .bindimg-ui .nextarrow{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover,.bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover{ color: #1fa08e; }
.bindinginfo .qa-list>p{ margin: 20px 0 0 0; }
.info-box.bindinginfo{ width: calc(100% - 30px); margin: 30px auto 0; }



/* errpage */
.errpage-txt{ font-size: 1.8rem; line-height: 1.58; }
.errpage.btn-box{ margin: 10px auto 0; }

/* idx line */
.idx-line{  background: #E2F2F1;  }
.idx-line .line-box{ display: flex; flex-direction: column; justify-content: center;  width: calc(100vw - 30px); margin: 0px auto 0 auto; box-sizing: border-box; padding: 30px 0 30px 0; }
.idx-line .line-box .line-list{ display: flex; flex-direction: row; justify-content: space-between; }
.idx-line .line-box .line-list>li{ width: 23%; margin: 0 0 0 0; }
.idx-line .line-box .line-list>li:nth-child(n+2){ width: 23%; }
.idx-line .line-box .line-list>li a{ width: 100%; transition: all .3s cubic-bezier(.4,0,.2,1); }
.idx-line .line-box .line-list>li a:hover{ transform: scale(1.1); }
.idx-line .line-box .line-list>li img{ width: 100%; }
.idx-line .line-box .line-list>li a+a{ margin: 20px 0 0 0; }

.footer-box2 .footer-copyright .col-1{ display: flex; flex-direction: row; align-items: center; }
.footer-box2 .footer-copyright .col-2{ display: flex; flex-direction: row; align-items: center; }
.footer-box2 .footer-copyright span{ margin: 0 0 0 15px; }

/* btn */
.btn-box{ display: flex; justify-content: center; align-items: center; margin: 40px 0 0 0; }
.btn-box .btn{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); text-decoration: none; }
.btn-box .addcontact-btn:before{ content: '\e96a'; font-size: 2.2rem; color: #fccf00; margin: 0 8px 0 0; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box .btn:hover{ background: #fccf00; }
.btn-box .btn:hover:before{ color: #fff; }

/* width set */
/* mobile */
.mw100p{ width: auto; }
.mw50{ width: auto; }
.mw60{ width: auto; }
.mw70{ width: auto; }
.mw80{ width: auto; }
.mw100{ width: auto; }
.mw110{ width: auto; }
.mw130{ width: auto; }
.mw180{ width: auto; }
.mw200{ width: auto; }
.mw230{ width: auto; }
.mw250{ width: auto; }
/* pad */
.padw100{ width: 100px; }
.padw120{ width: 120px; }
.padw130{ width: 130px; }
.padw150{ width: 150px; }
.padw160{ width: 160px; }
.padw200{ width: 200px; }
.padw210{ width: 210px; }
.padw220{ width: 220px; }
.padw230{ width: 230px; }
.padw240{ width: 240px; }
.padw250{ width: 250px; }
.padw300{ width: 300px; }
.padw350{ width: 350px; }
.padw400{ width: 400px; }
.padw420{ width: 420px; }
.padw500{ width: 500px; }




}





/* $™MµÄ°æÐÍ */
@media screen and (orientation:landscape){ 


}





/* $Pc
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1025px){

html,body{ min-width: 100%; }
/* border box */
.border-box{ width: 100%; max-width: 990px; margin: 0 auto; border-radius: 30px; border: 8px solid #1FA08E; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #fff; position: relative; }

/* flex box */
.flex-box{ display: flex; }

/* column box */
.column-box{ display: flex; }


/* step-list */
.step-list{ display: flex; justify-content: center; align-items: center; font-size: 2rem; /* font-weight: bold; */ margin: 80px 0 40px 0; }
.step-list li{ display: flex; justify-content: center; align-items: flex-start; min-width: 250px; height: 30px; border-bottom: 2px solid #E5E5E5; position: relative;  }
.step-list li:after{ content:''; width: 2px; height: 30px; border-right: 2px solid #E5E5E5; transform: skewX(25deg); position: absolute; right: 6px; top: 0; }
.step-list li.active{ color: #1fa08e; border-color: #1FA08E; }
.step-list li.active:after{ border-color: #1FA08E; } 

/* btn */
.btn-box{ display: flex; justify-content: center; align-items: center; margin: 80px 0 0 0; }
.btn-box .btn{ display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); text-decoration: none; }
.btn-box .btn+.btn{ margin: 0 0 0 20px; }
.btn-box .addcontact-btn:before{ content: '\e96a'; font-size: 2.2rem; color: #fccf00; margin: 0 8px 0 0; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box .btn:hover{ background: #fccf00; }
.btn-box .btn:hover:before{ color: #fff; }

/* width set */
/* mobile */
.mw100p{ width: auto; }
.mw50{ width: auto; }
.mw60{ width: auto; }
.mw80{ width: auto; }
.mw100{ width: auto; }
.mw130{ width: auto; }
.mw180{ width: auto; }
.mw180{ width: auto; }
.mw200{ width: auto; }
.mw230{ width: auto; }
.mw250{ width: auto; }
.mw270{ width: auto; }
/* pc */
.w50{ width: 50px; }
.w80{ width: 80px; }
.w100{ width: 100px; }
.w110{ width: 110px; }
.w120{ width: 120px; }
.w130{ width: 130px; }
.w140{ width: 140px; }
.w150{ width: 150px; }
.w160{ width: 160px; }
.w170{ width: 170px; }
.w180{ width: 180px; }
.w200{ width: 200px; }
.w225{ width: 225px; }
.w240{ width: 240px; }
.w250{ width: 250px; }
.w300{ width: 300px; }
.w320{ width: 320px; }
.w350{ width: 350px; }
.w400{ width: 400px; }
.w420{ width: 420px; }
.w500{ width: 500px; }
body.inpage{ background: #f5f5f5; }
/* header */
header{ width: 100vw; position: fixed;  box-shadow: 0 3px 6px rgba(0,0,0,.1); background: #fff; /* z-index: 999; */  z-index: 99999; }
.header-wrap{ width: 100%; height: 90px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; padding: 0 2vw; }
.header-wrap h3{ width: 200px; }
.header-wrap h3 a{ width: 100%; line-height: 0; }
.header-wrap h3 a img{ width: 100%; }
.header-nav{ display: flex; flex-direction: row; color: #000; width: auto; height: auto; position:static ; }
.header-nav>li{ display: flex; flex-direction: row; width: auto; align-items: center;  }
.header-nav>li:nth-child(odd){ background: none }
.header-nav>li:nth-child(even){ background: none; }
.header-nav>li+li:before{ content: ''; height: 22px; border-left: 2px solid #E7E7E7;   }
.header-nav_trigger{ display: inline-block; font-size: 2.2rem; margin: 0 2.5vw; cursor: pointer; height: 90px; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; padding: 0 0 0 0; }
.header-nav_trigger:after{ content: ''; display: block; width: 0%; height: 3px; line-height: 0; background: #f6c900; margin: 5px 0 0 0; transition: all .2s cubic-bezier(.4,0,.2,1); align-self: flex-start; }
.header-nav>li:hover .header-nav_trigger:after,.header-nav>li.active .header-nav_trigger:after{ width: 100%; }
/* megamenu */
.megamenu-wrap{ display: flex; width: 100vw; height: auto; max-height: 370px; background: rgba(240,240,239,.98); position: absolute; left: 0; top: 90px; box-shadow: 0 3px 6px rgba(0,0,0,.16); display: none; }
.megamenu-inner{ display: flex; flex-direction: row; justify-content: center; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 30px 0 30px 0; }
.header-nav>li:first-child .megamenu-inner{ justify-content: space-between; }
.header-nav>li:first-child .megamenu-inner>li:first-child{ width: 440px; }
.header-nav>li:first-child .megamenu-inner>li .megamenu-list>li{ width: auto;  white-space: nowrap;  }
.header-nav>li:nth-child(4) .megamenu-inner>li:first-child{  flex-shrink: 0; }
/* .header-nav>li:nth-child(4) .megamenu-inner>li:first-child{ width: 330px; } */
.header-nav>li:nth-child(4) .megamenu-inner>li .megamenu-list>li{ width: auto;  white-space: nowrap;  }
.header-nav>li:nth-child(1) .megamenu-inner>li{ margin: 0 53px 0 53px; }
.header-nav>li:nth-child(n+2) .megamenu-inner>li{ margin: 0 60px 0 60px; }
.header-nav>li:last-child .megamenu-inner>li{ margin: 0 30px 0 30px; }
.megamenu-list_title{ font-size: 2rem; font-weight: bold; white-space: nowrap; color: #000; margin: 0 0 15px 0; }
.header-nav>li:last-child .megamenu-list_title{ font-size: 2rem; font-weight: bold; white-space: nowrap; color: #000; margin: 0 0 0 0; }
.megamenu-list_title a{ transition: all .2s cubic-bezier(.4,0,.2,1);}
.megamenu-list_title a:hover{ color: #009380; }
.megamenu-list{ display: flex; flex-direction: column; flex-wrap: wrap; font-size: 1.7rem; line-height: 1.6; color: #000;  }
.header-nav>li:first-child .megamenu-list{ height: 250px; }
.header-nav>li:nth-child(4) .megamenu-list{ height: 250px; }
.megamenu-list>li{ display: flex; align-items: center; transition: color .25s cubic-bezier(.4,0,.2,1);  }
.header-nav>li:first-child .megamenu-list>li{  }
/* .header-nav>li:first-child .megamenu-inner>li:first-child .megamenu-list>li{ width: 20vw; max-width: 220px; } */
.header-nav>li:first-child .megamenu-inner>li:first-child .megamenu-list>li{ max-width: 220px; }
/* .header-nav>li:nth-child(4) .megamenu-inner>li:first-child .mgamenu-list>li{ max-width: 220px; } */
.header-nav>li:nth-child(4) .megamenu-inner>li:first-child .megamenu-list>li{ max-width: 220px; }
.megamenu-list>li:before{ content: '-'; margin: 0 5px 0 0; display: none; }
.megamenu-list>li:hover{ color: #009380; }
.megamenu-list>li:hover:before;{ color: #009380; }
.header-search{ display: flex; justify-content: space-between; align-items: center; width: 200px; height: 45px; border-radius: 45px; border: 1px solid #E7E7E7; position: relative; right: auto; }
.header-search input[type='text']{ width: calc( 100% - 45px); height: 100%; box-sizing: border-box; padding: 0 10px 0 20px; font-size: 2rem; color: #000; background: transparent;   }
.header-search input[type='text']::placeholder{ color: #000; }
.header-search button{ width: 45px; height: 45px; border-radius: 30px; border: 1px solid #E7E7E7; background: transparent; cursor: pointer; }
.header-search button:after{ content: '\e926'; font-size: 2.2rem; }
.hamburg-box{ display: none; }

/* index msg */
.index-msg{ display: flex; justify-content: center; align-items: center; width: 100%; height: 65px; background: #1fa08e; position: fixed; top: 90px; box-sizing: border-box; padding: 5px 0 5px 0; z-index: 998; /*  z-index: 99999; */ }
.index-msg .msg-box{ display: flex; flex-direction: column; justify-content: center; width: 100% ; max-width: 1100px; height: 95%; margin: 0 auto; position: relative; }
.index-msg .msg-box ul{ font-size: 1.7rem; line-height: 1.58; color: #fff; width: calc(100% - 100px); height: 100%; }
.index-msg .msg-box ul>li{ width: 95%; margin: 0 0 0 22px; }
.index-msg .msg-box ul>li:before{ content: '\e961'; color: #fccf00; margin: 0 5px 0 -22px; }
.index-msg .msg-box ul>li:nth-child(n+2){ display: block; }
.index-msg .msg-box .msg-close{ position: absolute; right: 20px; top: 3px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.index-msg .msg-box .msg-close:after{ content: '\e90f'; color: #fff; font-size: 1.4rem;   }
.index-msg .msg-box .msg-close:hover{ transform: rotate(180deg); }
.index-msg .msg-box .msg-more{ font-size: 1.7rem; color: #fccf00; position: absolute; right: 10px; bottom: 0; }
.index-msg .msg-box .msg-more:after{ content: '\e906'; margin: 0 0 0 5px; color: #fccf00; }
.index-msg .msg-box .msg-more a:hover{ text-decoration: underline; }

/* idx kv */
.idx-kv{ box-sizing: border-box; padding: 160px 0 60px 0; position: relative; }
.idxkv-bg{ width: 100%; height: 668px; position: absolute; top: -90px; /* top: -50px; */ overflow: hidden; display: block; }
.idxkv-bg:before{ content: ''; width: 2500px; height: 668px; border-radius: 50%/50%; background: #F0F0F0; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0); z-index: -1; }
.idx-kv .kv-box{ width: 100%; max-width: 1100px; margin: 0 auto; }
.idx-kv .kv-box li{ position: relative; border-radius: 5px; overflow: hidden; }
.idx-kv .kv-box li img{ width: 100%; }
.idx-kv .kv-box li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-kv .slick-dots{ display: flex; justify-content: center; margin: 15px 0 0 0; }
.idx-kv .slick-dots li{ width: 12px; height: 12px; border-radius: 50%; border: 2px solid #727272; overflow: hidden; cursor: pointer; }
.idx-kv .slick-dots li.slick-active{ background: #727272; }
.idx-kv .slick-dots li button{ display: none;  }
.idx-kv .slick-dots li+li{ margin: 0 0 0 15px; }
.idx-kv .slick-arrows{ width: 1100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; }
.idx-kv .slick-arrows .prev{ position: absolute; left: -38px; cursor: pointer; }
.idx-kv .slick-arrows .prev:before{ content: '\e900'; font-size: 3rem; color: #000; }
.idx-kv .slick-arrows .next{ position: absolute; right: -38px; cursor: pointer; }
.idx-kv .slick-arrows .next:before{ content: '\e901'; font-size: 3rem; color: #000; }

/* index icon */
/* index h5 tit} */
.index .tit-box{ display: flex; justify-content: center; margin: 0 0 30px 0; }
.index .tit-box h5{ display: inline-block; font-size: 2.8rem; font-weight: 400;  }
.index .tit-box h5:after{ content: ''; display: block; width: 100%; height: 6px; background: #ffc815; margin: -8px 0 0 0; }
/* index more icon */
.index .more-icon{ display: flex; flex-direction: column; align-items: center; width: 80px; margin: 40px auto 0; font-size: 2.2rem; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.index .more-icon:after{ content: '\e916'; display: flex; justify-content: center; align-items: center; color: #000; font-size: 1.2rem; width: 20px; height: 20px; border-radius: 20px; background: #fccf00; transition: all .4s cubic-bezier(.4,0,.2,1); }
.index .more-icon:hover:after{ color: #fff; background: #009380; transform: translateY(2px);  }
.index .more-icon>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }

/* idx service */
.idx-service{  }
.idx-service .service-list{ display: flex; justify-content: space-between; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 0 0 30px 0; }
.idx-service .service-list>li{ width: 20%; max-width: 200px; font-size: 2.4rem; display: flex; flex-direction: column; align-items: center; position: relative; margin: 0 0 0 0; }
.idx-service .service-list .img-box{ width: 100%; margin: 0 0 20px 0; transition: all .2s cubic-bezier(.4,0,.2,1) }
.idx-service .service-list .img-box img{ width: 100%; }
.idx-service .service-list>li:hover .img-box{ transform: translateY(-30px);  }
.idx-service .service-list>li:hover{ text-decoration: underline; }
.idx-service .service-list>li>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }

/* idx search */
.idx-search{ position: relative; height: 110px; margin: 0 0 40px 0; z-index: 1; }
.idx-search .search-bg{ width: 90%; height: 100%; background: #fccf00; position: absolute; left: 0; top: 0; z-index: -1; transition: all .4s cubic-bezier(.4,0,.2,1); display: block; }
.idx-search .search-bg:before{ content: ''; width: 110px; height: 110px; border-radius: 50%; background: #fccf00; position: absolute; right: -55px; display: block; }
.idx-search .search-bg .img-box{ position: absolute; right: -40px; top: 50%; transform: translateY(-50%); display: block; }
.idx-search .search-box{ display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 1100px; height: 100%; margin: 0 auto; }
.idx-search .search-bar{ display: flex; flex-wrap: wrap;  align-items: center; }
.idx-search .checkradio-box{ display: flex; font-size: 2.4rem; font-weight: bold; }
.idx-search .checkradio-box>li{ position: relative; }
.idx-search .checkradio-box>li+li{ margin: 0 0 0 70px; }
.idx-search input[type=radio]{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 13px; color: #8b8b8b; }
.idx-search input[type=radio]+ label:before {content:'\e922'; color:#000; margin-right:.2rem; background: #fff; border-radius: 50%; }
.idx-search input[type=radio]:checked + label:before {content:'\e95f'; color:#000;}
.idx-search .search-input{ display: flex; justify-content: space-between; /* width: 270px; */ width: 500px; height: 45px; border-radius: 20px; background: #fff; position: relative; margin: 0 0 0 70px; overflow: hidden;  }
.idx-search .search-input input[type='text']{ width: calc(100% - 45px); height: 100%; box-sizing: border-box; padding: 0 10px 0 20px; font-size: 2rem; color: #000; background: transparent; }
.idx-search .search-input button{ width: 45px; height: 45px; border-radius: 20px; /* border: 1px solid #E7E7E7; */ background: transparent; cursor: pointer; }
.idx-search .search-input button:after{ content: '\e926'; font-size: 2.6rem; }
.idx-search .search-input input[type='submit']{ width: 45px; height: 45px; border-radius: 20px; /* border: 1px solid #E7E7E7; */ background: transparent; cursor: pointer; }
.idx-search .search-input input[type='submit']:after{ content: '\e926'; font-size: 2.6rem; }
.idx-search .search-link{ display: flex; font-size: 2rem; margin: 10px 0 0 0; }
.idx-search .search-link>li{ margin: 0 0 0 30px; }
.idx-search .search-link>li:after{ content: '\e913'; margin: 0 0 0 2px; }
.idx-search .search-link>li:hover a{ text-decoration: underline; }

/* idx foodmap */
.idx-foodmap{  background: #FFFCE2;  }
.idx-foodmap .banner-box{ width: 100%; max-width: 1100px; margin: 0 auto 0 auto; position: relative; }
.idx-foodmap .banner-box a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }

/* idx line */
.idx-line{  background: #E2F2F1;  }
.idx-line .line-box{ display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 1100px; margin: -100px auto 0 auto; box-sizing: border-box; padding: 100px 0 60px 0; }
.idx-line .line-box .line-list{ display: flex; flex-direction: row; justify-content: space-between; }
.idx-line .line-box .line-list>li{ width: 235px; margin: 0 0 0 0; }
.idx-line .line-box .line-list>li:nth-child(n+2){ width: 265px; }
.idx-line .line-box .line-list>li a{ width: 100%; transition: all .3s cubic-bezier(.4,0,.2,1); }
.idx-line .line-box .line-list>li a:hover{ transform: scale(1.1); }
.idx-line .line-box .line-list>li img{ width: 100%; }
.idx-line .line-box .line-list>li a+a{ margin: 20px 0 0 0; }

/* idx txtnews */
.idx-txtnews{  background: #e5e5e5;  }
.idx-txtnews .txtnews-box{ display: flex; flex-direction: column; justify-content: center; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 40px 0 20px 0; }
.idx-txtnews .txtnews-list{ display: flex; flex-direction: column; margin: 0 0 0 0; }
.idx-txtnews .txtnews-list>li{ display: flex; height: 50px; position: relative; }
.idx-txtnews .txtnews-list>li>a{ width: 100%; height: 100%; line-height:0; position: absolute; left: 0; top: 0; }
.idx-txtnews .txtnews-list>li+li{ margin: 20px 0 0 0 }
.idx-txtnews .txtnews-tag{ display: flex; justify-content: center; align-items: center; width: 160px; height: 100%; border-radius: 5px; font-size: 2rem; }
.txtnews-tag.type01{ background: #1FA08E; color: #fff;  }
.txtnews-tag.type02{ background: #47A2E3; color: #fff;  }
.txtnews-tag.type03{ background: #FCCF00; color: #545251;  }
.txtnews-tag.type04{ background: #f27b7b; color: #fff;  }
.idx-txtnews .txtnews-date{ display: flex; align-items: center; width: 120px; height: 100%; font-size: 2rem; margin: 0 40px 0 40px; }
.idx-txtnews .txtnews-txt{ display: flex; align-items: center; font-size: 2.2rem; transition: all .2s cubic-bezier(.4,0,.2,1); width: auto; margin: 0 0 0 0; }
.idx-txtnews .txtnews-list>li:hover .txtnews-txt{ text-decoration: underline; }

/* idx imgnews  */
.idx-imgnews{  }
.idx-imgnews .imgnews-box{ width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 40px 0 20px 0; }
.idx-imgnews .imgnews-list{ display: flex; flex-direction: row; justify-content: space-between; }
.idx-imgnews .imgnews-list li{ width: 30vw; max-width: 340px; height: 500px; /* height: 480px; */ position: relative; font-size: 2rem; line-height: 1.58; color: #727272; box-shadow: 0 3px 30px rgba(0,0,0,.16); transition: all .4s cubic-bezier(.4,0,.2,1); }
.idx-imgnews .imgnews-list li a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.idx-imgnews .imgnews-list li .img-box{ width: 30vw; max-width: 340px; /* height: 22.5vw; */ height: 30vw; max-height: 340px; /* max-height: 255px; */ overflow: hidden; position: relative; }
.idx-imgnews .imgnews-list li .img-box img{ width: 100%; transition: all 1s cubic-bezier(.4,0,.2,1); }
.idx-imgnews .imgnews-list li:hover{ background: #f0f0f0;  box-shadow: 0 0px 0px rgba(0,0,0,0);}
.idx-imgnews .imgnews-list li .txt-box{ box-sizing: border-box; padding: 0 15px 0 15px; }
.idx-imgnews .imgnews-list .tit{ font-size: 2.4rem; font-weight: bold; text-align: center; color: #000; margin: 20px 15px 20px 15px; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; }

/* idx social media */
.idx-socialmedia{  }
.idx-socialmedia .socialmedia-list{ display: flex; width: 100%; max-width: 1100px; height: 470px; margin: 0 auto; box-sizing: border-box; padding: 40px 0 20px 0; }
.idx-socialmedia .socialmedia-list .fb{ width: 415px; height: 100%; margin: 0 120px 0 0; }
.idx-socialmedia .socialmedia-list .fb-include{ width: 100%; height: 303px; border-radius: 10px; border: 10px solid #363636; position: relative; background: #363636; }
.idx-socialmedia .socialmedia-list .cat01{ position: absolute; left: 50%; top: -50px; transform: translateX(-50%); }
.idx-socialmedia .socialmedia-list .fb-page.pc{ display: block; }
.idx-socialmedia .socialmedia-list .fb-page.mobile{ display: none; }
.idx-socialmedia .socialmedia-list .tvcf{ width: 540px; height: 100%; display: block; }
.idx-socialmedia .socialmedia-list .tvcf-include{ width: 100%; height: 0; padding-bottom: 56.25%; position: relative; border-radius: 10px; border: 10px solid #363636; background: #363636; }
.idx-socialmedia .socialmedia-list .tvcf-include iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.idx-socialmedia .socialmedia-list .cat02{ position: absolute; left: 80%; top: -80px; transform: translateX(-50%); }
.index .idx-socialmedia .tit-box{ margin: 0 0 60px 0; }

/* inpage */
.inpage-wrap{ box-sizing: border-box; padding: 90px 0 80px 0; min-height: calc( 100vh - 60px - 242px - 80px ); }
/* breadcrumb */
.breadcrumb-box{ display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; background: #fff; }
.breadcrumb-list{ display: flex; width: 100%; margin: 0 auto; font-size: 1.7rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 0 2vw 0 2vw; }
.breadcrumb-list>li+li:before{ content: '\e913'; margin: 0 5px 0 5px;  }
.breadcrumb-list a:hover{ text-decoration: underline; }
/* member */
.member-box{ width: 100%; max-width: 1100px; box-sizing: border-box; padding: 50px 0 0 0; margin: 0 auto; position: relative; }
.member-box .tit{ display: flex; justify-content: center; align-items: center; font-size: 2.4rem; line-height: 1.58; margin: 0 0 30px 0;  }
.member-box .tit-subtxt{  font-size: 1.8rem; line-height: 1.58; text-align: center; margin: 0 0 20px 0; }
.member-box .tit-subtxt a{ color: #1fa08e; text-decoration: underline; }
.member-box>.note-txt{ font-size: 1.8rem; line-height: 1.58; text-align: center; }
.member-box div>.note-txt{ font-size: 1.8rem; line-height: 1.58; /* text-align: center; */ }
.member-box .login-platform{ display: flex; /*justify-content: center;*/ /* align-items: start; */ width: 700px; height: 130px; border-radius: 50px; background: #fff; margin: 0 auto 20px; }
.member-box .login-platform.mpt20{ padding: 10px 0 0 0; }
.member-box .login-platform li{ width: auto; margin: 0 20px 0 20px; }
.member-box .login-platform li img{ height: 60px; }
.login-platform li {text-align:center; font-size: 1.6rem; }
.member-box .login-platform li:hover img{ transform: scale(1.1); opacity: 0.9; cursor: pointer; }
.form-box{ width: 100%; max-width: 900px; margin: 0 auto; border-radius: 30px; border: 8px solid #1FA08E; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #fff; position: relative; }
.member-box .form-box .form-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.member-box .form-box .form-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #1FA08E; }
.member-box .form-box .form-header .header-tit{ font-size: 2.4rem; line-height: 1.58; font-weight: bold; color: #1fa08e; }
.member-box .form-box .form-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.form-list{ box-sizing: border-box; padding: 0 0 80px 10px; }
.form-list.last{ padding: 0 0 10px 10px; }  
.form-list>li{ display: flex; flex-direction: row ; align-items: flex-start; /* flex-wrap: wrap;  */font-size: 2rem; line-height: 1.58; margin: 25px 0 0 0; }
.form-list>div>li{ display: flex; flex-direction: row ; align-items: flex-start; /* flex-wrap: wrap;  */font-size: 2rem; line-height: 1.58; margin: 25px 0 0 0; }
.form-list .list_tit{ display: flex; align-items: center; flex-shrink: 0; font-weight: bold; width: 100px; height: 50px; margin: 0 25px 0 0; }
.form-list .list_tit.must:before{ content: '*'; color: #f00; margin: 0 0 0 -10px; }
.form-list .list_item{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-size: 2rem; position: relative; min-height: 50px; }
.form-list .list_item.edit span{ min-height: 50px;  display: flex; align-items: center; }
.form-list .list_item .notetxt{ font-size: 1.7rem; line-height: 1.2; color: #1fa08e; margin: 0 0 0 5px; }
.form-list .list_item .note-txt{ width: 100%; font-size: 1.7rem; line-height: 1.2; color: #1fa08e; margin: 5px 0 0 0; }
.form-list .list_item .eye{ position: absolute; left: 200px; /*transform: translateY(0);*/ cursor: pointer; top: 20px; }
.form-list .list_item.join .eye{ position: absolute; left: 260px; transform: translateY(-13px); cursor: pointer;  top: 20px;}
.form-list .list_item.joinconfirm .eye{ position: absolute; left: 260px; /*transform: translateY(0);*/ cursor: pointer; top: 11px; }
.form-list .list_item .eye:after{ content: '\e974'; font-size: 2rem; color: #1fa08e; }
.form-list .list_item .eye.close:after{ content: '\e975'; }

/* bind */
.member-box .bind-btn{ font-size: 2rem;  width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: start; }
.member-box .bind-btn>.col-1{ width: 20%; height: 50px; display: flex; align-items: center; }
.member-box .bind-btn>.col-2{ width: 80%; font-size: 2rem; }
.member-box .bind-btn{ margin: 25px 0 0 0; }
.member-box .bind-btn.other{ margin: 80px 0 0 0; }
.member-box .bind-btn .subtit{ font-weight: bold; }
.member-box .bind-btn .bind-list>li{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.member-box .bind-btn .bind-list>li+li{ margin: 20px 0 0 0; }
.member-box .bind-btn .bind-list>li>.col-1{ margin: 0 0 0 0; }
.member-box .bind-btn .btn{ background: #fccf00; color: #000; min-width: 250px; }

/* member input */
.form-list input[type='text'],.form-box.sheetadd input[type='text']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 2rem; }
.form-list input[type='password']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 2rem; }
/* member select */
.select-box{ display: inline-block; height: 50px; overflow: hidden; border-radius: 30px; border: 1px solid #B2B2B2; background: #fff; position: relative; vertical-align: middle; }
.select-box:before{ display: inline-block; content: "\e916"; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);  pointer-events: none; font-size: 2rem; }
select{ background: transparent; width:100%; height: 50px; padding: 0px 10px; font-size: 2rem; text-align: center;  line-height: 1;  border: 0;  border-radius: 0; -webkit-appearance: none; box-sizing: border-box;  position: absolute; font-size: 2rem;}
.member-box .form-list .select-box+.select-box{ margin: 0 0 0 10px; }
/* member check radio */
.member-box .platform-check{ display: flex; justify-content: center; margin: 30px 0 0 0; }
.member-box .platform-check .checkradio-box{ height: auto; align-items: start; }
.member-box .platform-check .checkradio-box img{ height: 60px; order: -1; margin: 0 0 10px 0; }
.member-box .platform-check .checkradio-box label{ display: flex; flex-direction: column; align-items: center; font-size: 1.6rem; }
.checkradio-box{ display: flex; align-items: center; height: 50px; }
.checkradio-box>li{ position: relative; }
.checkradio-box li>input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li>input[type=radio]:disabled{ cursor: default; }
.checkradio-box li>input[type=radio]+ label:before {content:'\e922'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=radio]:checked + label:before {content:'\e923'; color:#1FA08E;}
.checkradio-box li input[type=radio]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li input[type=radio]:disabled{ cursor: default; }
.checkradio-box li input[type=radio]+ label:before {content:'\e922'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li input[type=radio]:checked + label:before {content:'\e923'; color:#1FA08E;}
.checkradio-box li>input[type=checkbox]{ position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:2; cursor:pointer; font-size: 2rem; color: #000; }
.checkradio-box li.haslink>input[type=checkbox]{ width:18px; height:18px; }
.checkradio-box li>input[type=checkbox]+ label:before {content:'\e91f'; color:#B2B2B2; margin-right: 5px;}
.checkradio-box li>input[type=checkbox]:checked + label:before {content:'\e920'; color:#1FA08E;}
.checkradio-box>li+li{ margin: 0 0 0 40px; }
.member-box .platform-check .checkradio-box>li{ margin: 0 20px 20px 20px; }
.member-box .readconfirm-check{ display: flex; align-items: center; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 0 0 0 10px; }
.member-box .readconfirm-check a{ color: #1fa08e; text-decoration: underline; }
.btn-box{ display: flex; justify-content: center; align-items: center; margin: 80px 0 0 0; }
.pup-info .btn-box{ margin: 40px 0 0 0; }
.btn-box input[type=button]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input[type=submit]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input[type=reset]{ height: 50px; border-radius: 25px; background: #1fa08e; color: #fff; font-size: 2rem; box-sizing: border-box; padding: 0 30px 0 30px; cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1); }
.btn-box input+input{ margin: 0 0 0 20px; }
.btn-box input:hover{ background: #fccf00; }
/* login */
.member-box .login-box{ display: flex; flex-direction: row; justify-content: center;  }
.member-box .login-box .note-txt{ text-align: center; font-size: 1.8rem; }
.member-box .login-form{ width: 500px; border-radius: 30px; border: 8px solid #1FA08E; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 1.8rem; line-height: 1.58; margin: 0 40px 0 0; }
.member-box .login-form .form-list{ padding: 0 0 20px 0; }
.member-box .login-form .login-platform{ width: 100%; height: 90px; border-radius: 50px; background: #EDF4F3; margin: 20px auto 50px; }
/*.member-box .login-form .login-platform li+li{ margin: 0 0 0 20px; }*/
.member-box .login-form .login-platform li img{ height: 50px; }
.member-box .login-form .form-list .list_tit{ margin: 0 0 0 0; }
.member-box .login-form .list_item a{ font-size: 1.7rem; text-decoration: underline; margin: 0 0 0 5px; color: #1fa08e;  }
.member-box .readconfirm-check{ padding: 0 0 0 0; justify-content: center; margin: 30px 0 0 0; }
.member-box .login-form .login-code{ height: 50px; display: flex; align-items: center; margin: 0 0 0 5px; }
.member-box .login-form .btn-box{ margin: 30px 0 0 0; }
.member-box .login-box .addmember-box{ width: 400px; height: auto; display: flex; flex-direction: column; justify-content: flex-end; position: relative; }
.member-box .login-box .icat-man{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1; }
.member-box .login-box .icat-man img{ width: auto; }
.member-box .login-box .addmember-form{ width: 100%; border-radius: 30px; border: 8px solid #fccf00; box-sizing: border-box; padding: 30px 20px 30px 20px; background: #fff; font-size: 2rem; line-height: 1.58; margin: 0 40px 0 0; }
.member-box .login-box .addmember-form .select-icon{ display: flex; justify-content: center; font-size: 1.8rem; line-height: 1.2; margin: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; width: 140px; height: 140px; border-radius: 50%; background: #fef7e0; box-sizing: border-box; padding: 20px 0 20px 0; }
.member-box .login-box .addmember-form .select-icon li+li{ margin: 0 0 0 20px; }
.member-box .login-box .addmember-form .select-icon li:before{ color: #fccf00; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.member-box .login-box .addmember-form .select-icon li:first-child:before{ content: '\e968'; font-size: 4rem;  }
.member-box .login-box .addmember-form .select-icon li:last-child:before{ content: '\e969'; font-size: 5rem;  }
.member-box .addmember-form .btn-box{ margin: 30px 0 0 0; }
.member-box .addmember-form .btn-box input[type=button]{ background: #fccf00; color: #000;  }
.member-box .addmember-form .btn-box input[type=button]:hover{ background: #1fa08e;  }
.member-box .addmember-form .btn-box input[type=submit]{ background: #fccf00; color: #000;  }
.member-box .addmember-form .btn-box input[type=submit]:hover{ background: #1fa08e;  }
/* fc forget contact */
.member-box .form-box.fc{ max-width: 720px; font-size: 2rem; line-height: 1.58; }
.member-box .form-box.fc+.form-box.fc{ margin: 30px auto 0 auto; }
.member-box .form-box.fc a{ color: #1FA08E; }
.member-box .form-box.fc a:hover{ text-decoration: underline; }
.member-box .form-box.fc .note-txt{ text-align: center; font-size: 1.8rem; }
.member-box .form-box.add .note-txt{ text-align: left; font-size: 1.8rem; margin: 10px 0 10px 0;  }
.member-box .form-list.forget{ display: flex; flex-direction: column; align-items: center; padding: 30px 0 40px 0; }
.member-box .form-list.forget .list_tit{ margin: 0 0 0 0; }
.member-box .form-list.forget>li{ width: auto; }
.member-box .form-box.fc .btn-box{ margin: 40px 0 0 0; }
.member-box .subtit{ font-size: 2rem; color: #363636; font-weight: bold; text-align: center; margin: 30px 0 15px 0; }
.member-box .form-box .header_tit{ font-weight: bold; }
.member-box .form-box .header_tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; margin: 10px 0 10px 0; }
.member-box .form-box .contact-list{ font-size: 1.8rem; line-height: 2; }
.member-box .form-box .edit-btn{ width: 150px; height: 60px; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; position: absolute; right: -8px; bottom: -8px; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.member-box .form-box .edit-btn a{ color: #000; box-sizing: border-box; padding: 0 10px 0 10px; }
.member-box .form-box .edit-btn li+li:before{ content: '|'; color: #B2B2B2;  }
.member-box .btn-box.add{ margin: 30px 0 0 0; }
.member-box .add .form-list{ padding: 0 0 10px 10px; }
.member-box .form-box.add{ margin: 30px auto 0 auto; }
/* icat */
.full-wrap{  }
.icatsend .full-wrap:nth-of-type(odd){ background: #e5e5e5; }
.full-inner{ width: 100%; box-sizing: border-box; margin: 0 auto;  }
.full-inner.sheetadd{ display: flex; flex-direction: column; align-items: center; padding: 30px 0 30px 0; }
.btn-box.icat { margin: 10px 0 30px 0; }
/* .sheetadd .tit{ font-size: 2.4rem; line-height: 1.58; font-weight: bold; margin: 0 0 25px 0; }
.sheetadd .tit .hightlight{ color: #1fa08e; }
 */
.full-inner .tit{ font-size: 2.4rem; line-height: 1.58; font-weight: bold; margin: 0 0 25px 0; position: relative; }
.full-inner .tit .hightlight{ color: #1fa08e; }
.full-inner .tit .btn{ position: absolute; right: -414px; top: -8px; background: #fccf00; color: #fff; text-decoration: none; font-weight: normal; }
.sheetadd .icon-list{ width: 100%; display: flex; justify-content: center; }
.sheetadd .icon-list>li{ width: 24%; max-width: 220px; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; border-radius: 30px; margin: 0 20px 0 20px; box-sizing: border-box; background: #fff; border: 1px solid #B2B2B2; cursor: pointer; transition: all .1s cubic-bezier(.4,0,.2,1); position: relative; }
.sheetadd .icon-list.noicon>li{ height: 120px; line-height: 1.58; }
.sheetadd .icon-list.columnnoicon{ flex-direction: column; align-items: center; }
.sheetadd .icon-list.columnnoicon>li{ width: 900px; max-width: 900px; height: 120px; line-height: 1.58; flex-direction: row; justify-content: start; padding: 20px 30px 20px 30px; flex-wrap: nowrap; }
.sheetadd .icon-list.columnnoicon>li+li{ margin: 15px 0 0 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1{ width: 160px; height: 100%; display: flex; align-items: center; position: relative; font-size: 2rem; font-weight: bold; margin: 0 35px 0 0; color:#1FA08E; flex-shrink: 0; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1 input[type=radio]:checked + label:before {content:'\e94f'; color:#1FA08E;}
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l1:after{ content: ''; height: 100%; border-right: 1px solid #707070; position: absolute; right: 0;  }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2{ display: flex;  }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li{ position: relative; }
.sheetadd .icon-list.columnnoicon>li>.checkradio-box.l2>li+li{ margin: 0 0 0 80px; }
.sheetadd .icon-list.columnnoicon>li>.input-box{ margin: 0 0 0 10px; }
.sheetadd .icon-list.columnnoicon>li>.input-box input{ border-bottom: 1px solid #707070; font-size: 2rem; margin: 0 0 0 10px; width: 150px; }
.sheetadd .icon-list.columnnoicon>li>.input-box input:disabled{ background: none; border-color: #ccc; }
.sheetadd .icon-list.columnnoicon>li>.info-txt{ text-align: left; }
.sheetadd .icon-list>li p>span{ display: inline-block; line-height: 0; }
.sheetadd .icon-list>li img{ width: auto; }
.sheetadd .icon-list>li:hover,.sheetadd .icon-list>li.active{ border: 8px solid #1FA08E; }
.sheetadd .icon-list>li.disable{ border: none; /* background: none; */ opacity: 0.3; cursor: default; }
.sheetadd .icon-list>li img{ margin: 0 0 10px 0; }
.sheetadd .icon-list>li>input[type=radio]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }
.sheetadd .arrow_down{ display: flex; justify-content: center; margin: 25px 0 0 0; }
.sheetadd .arrow_down img{ width: auto; }
.sheetadd .note-txt{ display: flex; justify-content: center; font-size: 1.8rem; line-height: 1.58; color: #727272; margin: 25px 0 0 0; }
.sheetadd .multiple-notetxt{ font-size: 1.8rem; text-align: center; margin: -15px 0 30px 0; }
.step-list.icat li{ display: flex; }
.sheetadd .select-info{ width: 100%; max-width: 900px; min-height: 80px; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.flex-box{ display: flex; }
.sheetadd .flex-box{ justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; }
.sheetadd .flex-box+.flex-box{ margin: 15px 0 0 0; }
.sheetadd .form-list .list_tit{ width: auto; }
.sheetadd .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 2.2rem; font-weight: bold; color: #fff; position: relative;  }
.sheetadd .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.8rem; align-items: flex-end; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.sheetadd .form-header .contact-sel{ background: none; border: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.sheetadd .form-header .contact-sel:before{ content: '\e94c'; color: #fccf00; margin: 0 0 0 3px;  }
.sheetadd .form-header .contact-sel select{ color: #fff; font-size: 1.8rem; padding: 0 0 0 0; text-align: left; cursor: pointer;  }
.sheetadd .clearall{ position: absolute; right: 10px; bottom: 5px; text-decoration: underline; width: auto; }
.sheetadd .clearall a{ /* color: #1fa08e; text-decoration: underline;  */font-size: 1.8rem; }
.sheetadd .form-list .list_item .notetxt{ color: #363636; }
.sheetadd .form-list .list_item .notetxt_pcrowmobilecolumn{ font-size: 1.7rem; color: #363636; margin: 0 0 0 5px; }
.sheetadd .topdline{ border-top: 1px dashed #B2B2B2; padding: 25px 0 25px 0; }
.sheetadd .topdlinemt0{ border-top: 1px dashed #B2B2B2; padding: 25px 0 25px 0; margin-top: 0; }
.sheetadd .toplinemt0{ border-top: 1px solid #B2B2B2; padding: 25px 0 25px 0; margin-top: 0; flex-wrap: wrap; }
.sheetadd .toplinemt0 .subnote{ font-size: 2rem; }
.sheetadd a{ color: #1fa08e; text-decoration: underline;  }
.sheetadd .btn-box{ margin: 40px 0 0 0; }
.sheetadd .noticeservice .list_item.disabled{ opacity: 0.3; }
.sheetadd .noticeservice .list_item.disabled input:disabled{ cursor: default; }
.sheetadd .noticeservice .list_item:last-child{ margin: 20px 0 0 0; }
.sheetadd .mobile-phone{ display: flex; align-items: center; margin: 0 0 0 0; }
/* send confirm */
.send-confirm{ width: 100%; max-width: 800px; margin: 0 auto 60px; font-size: 2rem; line-height: 1.58; }
.send-confirm>li{ display: flex; flex-direction: row; justify-content: space-between;  }
.send-confirm>li+li{ margin: 20px 0 0 0; }
.send-confirm .confirm-tit{ font-weight: bold; width: 170px; height: 60px; display: flex; justify-content: flex-end; align-items: center;  }
/* .send-confirm .confirm-txt{ display: flex; justify-content: flex-start; align-items: center; width: 600px; height: 60px; border-radius: 30px; background: #f0f0f0; box-sizing: border-box; padding: 0 30px 0 30px; font-size: 2rem;  } */
.send-confirm .confirm-txt{ display: flex; justify-content: flex-start; align-items: center; width: 600px; height: 60px; border-radius: 30px; background: #f0f0f0; box-sizing: border-box; padding: 0 30px 0 30px; font-size: 1.8rem;  }
.send-confirm .confirm-txt>p{ width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.send-confirm .subtit{ margin: 100px 0 0 0; }
.send-confirm>li.multi{ justify-content: flex-start; }
.send-confirm>li.multi .confirm-tit{ margin: 0 60px 0 0; align-items: flex-start; }
.send-confirm>li.multi .confirm-multitxt{ font-size: 2rem; text-align: left; }
.send-confirm .mdisplaynone{ display: flex; }
/* send-finish */
.send-finish{ width: 100%; max-width: 900px; margin: 0 auto; font-size: 2rem; line-height: 1.58; }
.send-finish .printer-list{ width: 100%; height: 750px; border: 1px solid #727272; box-sizing: border-box; margin: 30px 0 60px 0; background: #fff; overflow: scroll; }
.info-box{ font-size: 1.8rem; line-height: 1.58; color: #363636; }
.info-box .info-header{ font-size: 2.2rem; }
.info-box .info-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #727272; margin: 5px 0 15px 0; }
.info-box+.info-box{ margin: 40px 0 0 0; }
.info-list{ list-style-type: disc; margin: 0 0 0 25px; }
.send-finish .sedn-finish_notetxt{ font-size: 1.8rem; line-height: 1.58; color: #363636; }
.send-finish .printer-code{ display: flex; justify-content: center; align-items: center; width: 100%; height: 220px; background: #fff; border: 1px solid #727272; font-size: 2rem; line-height: 1.58; margin: 10px 0 60px 0;  }
.send-finish .printer-code .code-txt{ margin: 0 100px 0 0; }
/* sheetadd tab */
.sheetadd.tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; background: #fff; }
.sheetadd .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 0 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.sheetadd .tab-box{ position: static; }
.sheetadd .tab-box>li{ width: 45%; max-width: 450px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; position: relative; }
.sheetadd .tab-box>li:hover,.sheetadd .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.sheetadd .tab-box>li a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; line-height: 0; }
/* opp switch */
.op-switch{ display: flex; margin: 30px 0 0 0; }
.op-switch .switch-btn{ width: 60px; height: 30px; border-radius: 30px; background: #ccc; position: relative; margin: 0 0 0 10px; overflow: hidden; }
.op-switch .switch-btn:after{ content: ''; width: 30px; height: 30px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 0; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.op-switch .switch-btn.active{ background: #1FA08E; }
.op-switch .switch-btn.active:after{ left: 30px; }
.pup-info .icon-list{ width: 100%; display: flex; justify-content: center; margin: 30px 0 0 0; }
.pup-info .icon-list>li{ width: 40%; max-width: 220px; height: 180px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; border-radius: 30px; margin: 0 20px 0 20px; box-sizing: border-box; background: #fff; border: 1px solid #B2B2B2; cursor: pointer; transition: all .1s cubic-bezier(.4,0,.2,1); position: relative; }
.pup-info .icon-list.noicon>li{ height: 120px; line-height: 1.58; }
.pup-info .icon-list>li p>span{ display: inline-block; line-height: 0; }
.pup-info .icon-list>li img{ width: auto; }
.pup-info .icon-list>li:hover,.pup-info .icon-list>li.active{ border: 8px solid #1FA08E; }
.pup-info .icon-list>li.disable{ border: none; opacity: 0.3; cursor: default; }
.pup-info .icon-list>li img{ margin: 0 0 10px 0; }
.pup-info .icon-list>li>input[type=radio]{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; }


/* multipleadd */
.full-inner.sheetadd{ font-size: 2rem; line-height: 1.58; }
.form-box.sheetadd .l2{ height: auto; box-sizing: border-box; padding: 0 0 0 25px; }
.form-box.sheetadd .invoice{ display: flex; flex-direction: row; align-items: start;}
.form-box.sheetadd .invoice.cloumncheck{ flex-direction: column; }
.form-box.sheetadd .invoice li+li{ margin: 0 0 0 20px; }
.form-box.sheetadd .invoice.cloumncheck li+li{ margin: 0 0 0 0; }
.form-box.sheetadd .invoicenum{ display: flex; flex-direction: row; align-items: start; }
.form-box.sheetadd .invoicenum label{ margin: 0 10px 0 0; }
.form-box.sheetadd .invoicenum>input[type=radio]{ width: 120px; height: 40px; }
.form-box.sheetadd .input-box{ display: flex; align-items: start; flex-direction: row; font-size: 1.8rem; line-height: 1.58;  }
.form-box.sheetadd .invoicenum input[type=text]{ margin: -10px 0 0 10px; }
.form-box.sheetadd .invoicenum input[type=text].alignmargin{ margin: 0 0 0 0; }
.form-box.sheetadd .note-txt{ justify-content: start; margin: 10px 0 0 25px;  }
.form-box.sheetadd .multipleadd-list>li+li{ margin: 30px 0 0 0; }
.sheetadd .inport-box{ display: flex; align-items: start; flex-direction: row; font-size: 1.8rem; line-height: 1.58;  }
.sheetadd .inport-box .col-1{ width: auto; display: flex; flex-direction: column; align-items: center; margin: 0 100px 0 70px; }
.sheetadd .inport-box .col-2{ align-items: start; }
.sheetadd .inport-box .icon-box{ width: 210px; height: 188px; border-radius: 20px; background: #1fa08e; display: flex; justify-content: center; align-items: center; position: relative; margin: 0 0 10px 0;  }
.sheetadd .inport-box .icon-box:hover:after{ transform: scale(1.2); }
.sheetadd .inport-box .icon-box:after{ content: '\e970'; font-size: 12rem; color: #fff; transition: all .4s cubic-bezier(.4,0,.2,1); pointer-events: none; }
.sheetadd .inport-box .icon-box a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.sheetadd .btn_download{ min-width: 180px; height: 50px; border-radius: 20px; background: #f4faf9; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 10px 0 10px; display: inline-flex; align-items: center; text-decoration: none; color: #363636; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_download:hover{ background: #edfffc; }
.sheetadd .btn_download:before{ content: '\e909'; font-size: 3rem; color: #1fa08e; margin: 0 5px 0 0;  }
.sheetadd .btn_download+.btn_download{ margin: 0 20px 0 20px; }
.sheetadd .btn_inport{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.sheetadd .btn_inport:hover{ background: #fccf00; border-color: #fccf00; }
.sheetadd .btn_inport:before{ content: '\e970'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }
.btn-box.multipleadd{ flex-direction: row; }
.btn-box.multipleadd>a{ width: auto; }
.multipleadd-txt{ width: 100%; max-width: 800px;  }
.multipleadd .multipleadd-info{ height: 60px; border-radius: 20px; background: #fff; border: 1px solid #727272; display: inline-flex; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58; color: #363636; box-sizing: border-box; padding: 0 30px 0 30px; }
.multipleadd .multipleadd-info .hightlight{ font-size: 2.4rem; color: #1fa08e; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .hightlight--red{ font-size: 2.4rem; color: #f00; font-weight: bold; margin: 0 5px 0 5px; }
.multipleadd .multipleadd-info .finish{ margin: 0 40px 0 0; }
/* multipleadd table01 */
.multipleadd .table01-box{  width: 100%; max-width: 990px; overflow: hidden; }
.multipleadd .table01{ width: 100%; max-width: 990px; margin: 0 auto 30px; font-size: 1.8rem; color: #363636; text-align: left; border-spacing:3px; }
.multipleadd .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: auto; min-height: 60px; }
.multipleadd .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; }
.multipleadd .table01.errow thead td{ background: #FAE1DD; }
.multipleadd .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.multipleadd .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.multipleadd .table01 td:first-child{ text-align: center; }
/* multipleadd table02 */
.multipleadd .table02-box{  width: 100%; max-width: 990px; overflow: hidden; }
.multipleadd .table02-box .headertr{ box-sizing: border-box; display: flex;  }
.multipleadd .table02-box .headertr>div{ background: #d3ece8; box-sizing: border-box; padding: 20px 20px 20px 20px; min-height: 60px; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; display: flex; align-items: center; }
.multipleadd .table02-box .headertr>div+div{ margin: 0 0 0 0.5%; }
.multipleadd .table02-box .headertr>div:nth-child(1){ width: 16%; }
.multipleadd .table02-box .headertr>div:nth-child(2){ width: 22%; }
.multipleadd .table02-box .headertr>div:nth-child(3){ width: 75%; }
.multipleadd .table02-box .divtr{ background: #fff; display: flex; margin: 5px 0 0 0; font-size: 1.8rem; line-height: 1.58; }
.multipleadd .table02-box .divtr>div{ box-sizing: border-box; padding: 20px 20px 20px 20px }
.multipleadd .table02-box .divtr>div:nth-child(1){ width: 16%; }
.multipleadd .table02-box .divtr>div:nth-child(2){ width: 22%; }
.multipleadd .table02-box .divtr>div:nth-child(3){ width: 75%; }
.multipleadd .table02-box .divtr>div+div{ margin: 0 0 0 0.5%;}

/* order */
.order .full-inner{ display: flex; flex-direction: column; align-items: center; font-size: 2rem; line-height: 1.58; padding: 30px 0 30px 0; }
.order .full-inner.whitebg{ padding: 30px 0 0 0; }
.order .tit{ font-size: 2.8rem; line-height: 1.58; color: #1fa08e; }
.order .tab-box{ width: 100%; display: flex; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 30px 0 0 0; }
.order .tab-box>li{ width: 330px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .tab-box>li:hover,.order .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.order .search-bar{ width: 100%; max-width: 700px; height: 89px; border-radius: 30px; display: flex; justify-content: space-between; align-items: center; background: #fccf00; box-sizing: border-box; padding: 0 20px;  margin: 0 0 20px 0; }
.order .search-bar input[type=text]{ width: 80%; height: 50px; border-radius: 15px; background: #fff; box-sizing: border-box; padding: 0 20px; font-size: 2rem; }
.order .search-bar button{ width: 15%; height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.order .orderlist-box{ width: 100%; max-width: 700px; margin: 0 auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.order .order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; box-sizing: border-box; padding: 10px 0 10px 0; }
.order .order-list>li:last-child{ border: none; }
.order .orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }
.order .order-list .col-1{ display: flex; justify-content: center; align-items: center; /* width: 160px; */ width: 190px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }
.order .orderlist-box .edit-btn{ display: flex; justify-content: center; align-items: center; width: 260px; height: 60px; border-radius: 30px; font-size: 1.8rem; border: 8px solid #E5E5E5; position: absolute; right:-8px; bottom: -8px; }
.order .orderlist-box .edit-btn>li+li:before{ content: '|'; margin: 0 15px 0 15px; }
.order .orderlist-box .edit-btn a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlist-box .edit-btn a:hover{ text-decoration: underline; color: #1fa08e; }
.order .orderlistpage{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #727272; margin: 40px 0 40px 0; }
.order .orderlistpage>li{   }
.order .orderlistpage>li.active{ color: #000; font-weight: bold; }
.order .orderlistpage>li:nth-child(3){ margin: 0 5px 0 5px; }
.order .orderlistpage>li a{ transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:hover a{ color: #000; }
.order .orderlistpage>li:hover a span{ color: #000; }
.order .orderlistpage>li span{ font-size: 3rem; color: #b2b2b2; transition: all .4s cubic-bezier(.4,0,.2,1); }
.order .orderlistpage>li:first-child{ margin: 0 35px 0 0; }
.order .orderlistpage>li:last-child{ margin: 0 0 0 35px; }
.order .info-box{ width: 100%; max-width: 900px; margin: 0 auto;  }
.order .form-header{ display: flex; justify-content: center; align-items: center; height: 60px; background: #1fa08e; border-radius: 15px; font-size: 2rem; font-weight: bold; color: #fff; box-sizing: border-box; padding: 0 30px 0 30px; position: relative;  }
.order .form-header a{ color: #fff; font-weight: normal; text-decoration: none; font-size: 1.8rem; align-items: flex-end; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.order .form-header a:before{ content:'\e96a'; color: #fccf00; margin: 0 5px 0 0; }
.order .form-header.twocol{ justify-content: space-between; }
.order .form-box{ padding: 15px 15px 40px 15px }
.order .qrcode-box{ display: flex; justify-content: center; align-items: center; margin: 30px 0 30px 0; }
.order .qrcode-box .qrcode-txt{ margin: 0 100px 0 0; }
.order .qrcode-box .qrcode-code img{ width: auto; }
.order .form-list{ border-radius: 15px; box-sizing: border-box; padding: 20px 30px 30px 30px; }
.order .form-list.hasbgcolor{ border-radius: 15px; background: #f4faf9; box-sizing: border-box; padding: 20px 30px 30px 30px; margin: 0 0 20px 0; }
.order .form-list .list_tit{ width: 150px; }
.order .form-list .list_tit.w100{ width: 100px; }
.order .form-box .btn-box{ margin: 40px 0 0 0; }
.order .list_item.disabled{ opacity: 0.3; }
.order .form-list .notetxt{ display: inline; text-align: left; color: #000; }
.order .form-list .flex-box.tworow{ flex-direction: row;  margin: 0 0 0 20px; }
.order .form-list .flex-box.tworow.email{  margin: 0 0 0 60px; }
.order .form-list .flex-box.tworow .txtbold{ font-size: 1.8rem; line-height: 50px;}
.order .form-list .mobile-address{ margin: 0 0 0 10px; }
/* multiple */
.order .multiplelist-box{ width: 100%; max-width: 950px; margin: 0 auto; }
.order .multiplelist-header{ display: flex; flex-direction: row; justify-content: space-between; font-size: 2rem; line-height: 1.58; }
.order .multiplelist-header .col-1{ width: 56%; display: flex; flex-direction: column; justify-content: center;  }
.order .multiplelist-header .col-2{ width: 43%; background: #fff; font-size: 1.8rem; box-sizing: border-box; padding: 0 0 30px 0; order: 1; }
.order .multiplelist-header.type2 .col-2{ background: none; display: flex; justify-content: end; align-items: center; }
.order .multiplelist-header .col-2 .toptit{ height: 45px; background: #e5e5e5; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .col-2 .txt-box{ box-sizing: border-box; padding: 0 20px 0 30px; }
.order .multiplelist-header .col-2 .img-box{ margin: 30px auto 30px; display: flex; justify-content: center; align-items: center; }
.order .multiplelist-header .hightlight{ font-weight: bold; color: #1fa08e;  }
.order .multiple-detail{ width: 100%; max-width: 950px; margin: 0 auto; border-radius: 30px; border: 1px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; margin: 50px 0 0 0; }
.order .multiple-detail .detail-list{ display: flex; }
.order .multiple-detail .toptit{ font-size: 2rem; font-weight: bold; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end;  }
.order .multiple-detail .toptit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 15px 0 15px 0; }
.order .multiple-detail .list-tit{ font-size: 2rem; font-weight: bold; }
.order .multiple-detail .order-list{ font-size: 1.8rem; }
.order .multiple-detail .order-list .col-1{ width: 80px; margin: 0 30px 0 0; }
.order .multiple-detail .detail-list{ display: flex; flex-direction: row; justify-content: space-between; }
.order .multiple-detail .detail-list>.col-1,.order .multiple-detail .detail-list>.col-2{ width: 45%; }
.order .multiple-detail .detail-list>.col-2{ order: 1; }
.order .multiple-detail .img-box{ width: 150px; }
.order .multiple-detail .img-box img{ width: 100%; }
.order .multiple-detail .qrcode-box{ justify-content: space-between; align-items: start; margin: 30px 0 50px 0;  }
.order .multiple-detail .service .col-1{ background: #d3ece8; width: 100px; }
.order .btn_printer{ min-width: 180px; height: 50px; border-radius: 20px; background: #1FA08E; border: 1px solid #1FA08E; box-sizing: border-box; padding: 0 20px 0 20px; display: inline-flex; align-items: center; text-decoration: none; color: #fff; margin: 0 0 5px 0; transition: all .3s cubic-bezier(.4,0,.2,1); font-size: 2rem; }
.order .btn_printer:hover{ background: #fccf00; border-color: #fccf00; }
.order .btn_printer:before{ content: '\e971'; font-size: 3rem; color: #fff; margin: 0 5px 0 0; }

/* notice */
.btn-box.notice{ margin: 70px 0 70px 0; }
.btn-box.notice .btn{ font-size: 2rem; }
.sheetadd .form-box.mail{ max-width: 700px; margin: 25px auto 0 auto; }
.sheetadd .mail .list_tit{ width: 120px; }
.sheetadd .mail .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.sheetadd .mail .form-list>li{ width: auto; }
.sheetadd .mail .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 50px; }
.sheetadd .mail .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.sheetadd .mail .subfun li:hover{ color: #1fa08e; }
.sheetadd .mail .subfun li+li{ margin: 0 0 0 30px; }
.sheetadd .mail .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.sheetadd .mail .note{ font-size: 1.8rem; }
.sheetadd .orderlist-box{ width: 100%; max-width: 700px; margin: 30px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.sheetadd .order-list>li{ display: flex; justify-content: flex-start; align-items: center; height: 60px; border-bottom: 1px dashed #B2B2B2; }
.sheetadd .order-list>li:last-child{ border: none; }
/*.sheetadd .orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }*/
.sheetadd .orderlist-box+.orderlist-box{ margin: 20px auto; }
.sheetadd .order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }
.sheetadd .record-txt{ max-width: 700px; margin: 0 auto; }

/* inquire */
.full-inner.inquire{ display: flex; flex-direction: column; align-items: center; padding: 30px 0 30px 0; }
.inquire-box{ width: 100%; max-width: 900px; margin: 0 auto 30px; font-size: 2rem; line-height: 1.58; }
/* form box size M */
.form-box.sizem{ max-width: 700px; margin: 20px auto 0 auto; }
.form-box.sizem .list_tit{ width: 120px; }
.form-box.sizem .form-list{ display: flex; flex-direction: column; align-items: center; padding: 0 0 0 0; }
.form-box.sizem .form-list>li{ width: auto; }
.form-box.sizem .subfun{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; margin: 20px 0 0 0; box-sizing: border-box; padding: 0 0 0 50px; }
.form-box.sizem .subfun li{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.form-box.sizem .subfun li:hover{ color: #1fa08e; }
.form-box.sizem .subfun li+li{ margin: 0 0 0 30px; }
.form-box.sizem .subfun li span{ color: #fccf00; margin: 0 5px 0 0;}
.form-box.sizem .note{ font-size: 1.8rem; }
.form-box.sizem .info-list{ font-size: 1.8rem; color: #727272; margin: 20px 0 20px 25px;  }
.form-box .subtit{ font-size: 2rem; font-weight: bold; line-height: 1.58; text-align: center; }
.form-box .btn-box{ margin: 40px 0 0 0; }
.inquire-box .demo-img{ display: flex; justify-content: center; align-items: center; }
.inquire-box .form-box.sizem .list_tit{ width: 20px; margin: 0 25px 0 0; }
.orderlist-box{ width: 100%; max-width: 700px; margin: 20px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 30px 40px 60px 40px; position: relative; }
.order-list>li{ display: flex; justify-content: flex-start; align-items: center; /* height: 60px; */ min-height: 60px; border-bottom: 1px dashed #B2B2B2; }
.order-list>li:last-child{ border: none; }
.orderlist-box+.orderlist-box{ margin: 20px 0 0 0; }
.order-list a{ color: #1fa08e; text-decoration: underline; }
.order-list .col-1{ display: flex; justify-content: center; align-items: center; width: 160px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; margin: 0 70px 0 0; }
.list-number{ list-style-type: decimal; }
.list-disc{ list-style-type: disc; }
.list-number>li,.list-disc>li{ margin: 0 0 0 25px; }
.inquire-box .list-number{ font-size: 1.8rem; line-height: 1.58; }
.inquire-box .list-number.sizem{ width: 100%; max-width: 700px; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 40px;  }
.inquire-box .btn-box{ margin: 40px 0 0 0; }
.inquire-box .info-box{ width: 100%; max-width: 700px; margin: 0 auto; font-size: 1.8rem; line-height: 1.58;  }
.inquire-number{ width: 300px; height: 80px; border-radius: 30px; display: flex; justify-content: center; align-items: center; font-size: 2.4rem; color: #1fa08e; background: #fff; margin: 20px auto 30px; }
.inquire-box .hint-txt{ font-size: 1.8rem; }
.inquire-box .single-box{ display: flex; justify-content: center; align-items: center; margin: 10px auto 20px; }
.inquire-box .single-box>span{ font-size: 3rem; color: #1fa08e; margin: 0 0 0 5px;  }
input.single[type='text']{ height: 50px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 2rem; }
.single-box select{ font-size: 2rem; }
/* service base */
.full-inner.servicebaseheader{ background: #e2f2f1; }
.inquire-header{ width: 100%; max-width: 990px; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58;  }
.inquire-header .col-1{ width: 49.5%; max-width: 490px;  }
.inquire-header .col-2{ width: 51%; max-width: 500px; display: flex; justify-content: center;  }
.inquire-header .col-2 .img-box{ width: auto; margin: 0 0 0 10px; }
.inquire-header .tit{ font-size: 3.2rem; margin: 0 0 15px 0; }
.inquire-header .search-bar{ width: 100%; border-radius: 50px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 30px 15px 30px 15px; background: #fccf00; margin: 15px 0 10px; }
.inquire-header .search-bar.golf{ width: 100%;  margin: 15px 0 10px; }
.inquire-header .search-bar .select-box,.inquire-header .search-bar input{ text-align: left; margin: 0 10px 0 0; }
.inquire-header .search-bar .select-box,.inquire-header .search-bar.hotel input{ margin: 0 10px 0 10px; }
.inquire-header .search-bar select{ font-size: 1.8rem; }
.inquire-header .search-bar input{ font-size: 1.8rem; }
.inquire-header .search-bar button{ height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 10px 0 10px; white-space: nowrap; }
.inquire-header .search-bar input[type=submit]{ height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 10px 0 10px; white-space: nowrap; }
.servicebase .inquire-box{ width: 100%; max-width: 990px;  }
.servicebase .inquire-box .info-box{ max-width: none; margin: 0 0 30px 0 }
.inquire-box a{ text-decoration: underline; color: #1fa08e; }
.search-header{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.search-list{ font-size: 1.8rem; line-height: 1.58; margin: 10px 0 0 0; }
.search-list>li{ box-sizing: border-box; padding: 15px 20px 15px 20px; position: relative; }
.search-list>li:nth-child(odd){ background: #fff; }
.search-item{ display: flex; flex-direction: row; align-items: center; /* margin: 0 0 10px 0; */ }
.search-item .item_name{ width: 370px; font-weight: bold; }
.search-item .item_address{ width: 520px; }
.search-item .item-arrow{ position: absolute; right: 30px; top: 15px; cursor: pointer; }
.search-item .item-arrow:before{ content: '\e916'; opacity: 0.5; }
.search-item .item-arrow.active:before{ content: '\e917'; opacity: 1;  }
.search-info{ display: flex; flex-direction: row; font-size: 1.7rem; line-height: 1.58; color: #727272; margin: 10px 0 0 0; display: none; }
.search-info .time-list{ width: 370px; line-height: 1.8; }
.search-info .otherservice-list{ width: 520px; }
.storenumber{ font-size: 3rem; color: #1fa08e; }
.substore-search{ display: flex; flex-wrap: wrap; margin: 20px 0 20px 0; }
.substore-search>li{ width: 130px; margin: 0 15px 30px 15px; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.substore-search>li:hover{ opacity: 0.6; }
.substore-search .img-box{ width: 130px; height: 130px; border-radius: 30px; background: #fff; display: flex; justify-content: center; align-items: center; }
/* .substore-search .img-box>img{ max-width: 91px; } */
.substore-search .txt-box{ display: flex; justify-content: center; align-items: center; color: #363636; margin: 10px 0 0 0; }
.substore-search>li>a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.column4 .search-item .item_number{ width:5%; }
.column4 .search-item .item_name{ width: 30%; font-weight: normal; }
.column4 .search-item .item_phone{ width: 20%; }
.column4 .search-item .item_address{ width: 45%; }

/* orderlist-table  */
.orderlist-box.hastable{ width: 750px; max-width: none; padding: 30px 30px 30px 30px; }
.international .orderlist-box.hastable{ width: 850px; max-width: none; padding: 30px 30px 30px 30px; }
.orderlist-table{ font-size: 1.6rem;  width: auto;  }
.international .orderlist-table{ width: auto;  }
.orderlist-table .table-header{ font-size: 2rem; color: #1fa08e; }
.orderlist-table .table-header:after{ content: ''; display: block; width: 100%; border-bottom: 1px solid #B2B2B2; margin: 10px 0 20px 0; }
.orderlist-table table{ border-collapse:collapse; color: #b2b2b2;  }
.orderlist-table table td{ height: 40px; padding: 0; }
.orderlist-table table td:nth-child(3){ width: 260px; }
.international .orderlist-table table td:nth-child(4){ width: 150px;  }
.international .orderlist-table table tr:nth-child(n+2) td:nth-child(4){ box-sizing: border-box; padding: 0 0 0 20px;  }
.orderlist-table table td:last-child a{ box-sizing: border-box; padding: 0 0 0 20px; }
.orderlist-table .table-thead{ width: 130px; height: 40px; border-radius: 30px; background: #feec99; font-size: 1.6rem; color: #000; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.orderlist-table .time{ margin: 0 0 0 10px; }
.orderlist-table .step-disc{ display: flex; justify-content: center; align-items: center; position: relative; width: 80px; height: 100%; }
.orderlist-table .step-disc .disc{ width: 10px; height: 10px; border-radius: 50%; background: #e5e5e5;  }
.orderlist-table .step-disc .line{ width: 1px; height: 100%; background: #e5e5e5; position: absolute;  }
.orderlist-table .active{ color: #000; }
.orderlist-table .active td:nth-child(3){ color: #1fa08e; }
.orderlist-table .active .disc{ width: 15px; height: 15px; background: #1fa08e; z-index: 1; }
.orderlist-table table tr:nth-child(2) .line{ height: 50%; bottom: 0; }
.orderlist-table table tr:last-child .line{ height: 50%; top: 0; }
.orderlist-table a{ color: #b2b2b2; }
.orderlist-table .active a{ color: #000; }
.orderlist-table+.orderlist-table{ margin: 30px 0 0 0; }

/* service */
/* qa */
/* thinborder-box */
.service-header{ width: 100%; max-width: 990px; margin: 40px auto 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; list-style: height: 1.58;  }
.service-header .tit{ font-size: 3.2rem; margin: 0 0 15px 0; }
.service-header .search-bar{ width: 50%; border-radius: 50px; height: 80px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 30px 15px 30px 15px; background: #fccf00; margin: 15px 0 10px; }
.service-header .search-bar .select-box,.service-header .search-bar input{ text-align: left; margin: 0 10px 0 0; }
.service-header .search-bar .select-box,.service-header .search-bar.hotel input{ margin: 0 10px 0 10px; }
.service-header .search-bar select{ font-size: 1.8rem; }
.service-header .search-bar input{ font-size: 1.8rem; }
.service-header .search-bar button{ min-width: 80px; height: 50px; border-radius: 30px; background: #1fa08e; font-size: 1.8rem; color: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; box-sizing: border-box; padding: 0 10px 0 10px; white-space: nowrap; }
.thinborder-box{ width: 100%; max-width: 990px; margin: 0 auto; border-radius: 30px; border: 3px solid #1FA08E; box-sizing: border-box; padding: 10px 40px 10px 40px; background: #fff; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.thinborder-box+.thinborder-box{ margin: 25px auto 0 auto; }
.thinborder-box.active{ padding: 40px 40px 40px 40px; }
.thinborder-box.noexpand{ width: 100%; max-width: 990px; margin: 0 auto; border-radius: 30px; border: 3px solid #1FA08E; box-sizing: border-box; padding: 40px 40px 40px 40px; background: #fff; position: relative; }
.thinborder-box .thinborder-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.qa .thinborder-box.active .thinborder-header:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #B2B2B2; margin: 10px 0 0 0; }
.thinborder-box .thinborder-header .header-tit{ display: flex; align-items: center; font-size: 2.4rem; line-height: 1.58; font-weight: bold; color: #1fa08e; }
.qa .thinborder-box .thinborder-header .header-tit:before{ content: '\e90b'; font-size: 1.8rem; margin: 0 5px 0 0; }
.qa .thinborder-box.active .thinborder-header .header-tit:before{ content: '\e90a';  }
.thinborder-box .thinborder-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.qa .qa-list{ font-size: 1.8rem; line-height: 1.58; color: #707070; display: none;  }
.qa .thinborder-box.active .qa-list{ display: block; }
.qa .qa-list>li{ display: flex; margin: 20px 0 0 0; }
.qa .qa-list>li:before{ content: '\e96c'; font-size: 1.2rem; line-height: 30px; color: #1fa08e; margin: 0 8px 0 0; }
.qa .qa_tit{ font-size: 2rem; color: #363636; font-weight: bold; }
.qa .qa-list a{ color: #1fa08e; text-decoration: underline; }

/* webcontact */
.webcontact .service-header .search-bar{ width: 630px; }
.webcontact .form-header{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.webcontact .form-header .header-note{ font-size: 1.7rem; line-height: 1.58; color: #1fa08e; align-self: center; }
.webcontact .info-box{ max-width: 900px; margin: 50px auto 0; }
.webcontact .form-list .list_tit{ width: 120px; }
.webcontact .form-list textarea{ width: 90%; height: 120px; border-radius: 30px; border: 1px solid #B2B2B2; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.webcontact .btn-box{ margin: 60px 0 0 0; }
.webcontact .login-code{ display: flex; align-items: center; margin: 0 0 0 10px; }
.webcontact .id{ flex-wrap: nowrap; }
.webcontact .id>li:first-child{ width: auto; }
.webcontact .id>li:last-child{ margin: 0 0 0 10px; }
.webcontact .id>li+li{ margin: 0 0 0 40px; }
.webcontact .orderlist-box{ padding: 30px 40px 30px 40px; }
.webcontact .order-list{ font-size: 2rem; line-height: 1.58; }
.webcontact .form-box{ font-size: 2rem; line-height: 1.58; }

/* article */
.inpage-header{ width: 100%; max-width: 990px; margin: 40px auto 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 2rem; line-height: 1.58;  }
.inpage-header .tit{ font-size: 3.2rem; margin: 0 0 15px 0; }
.article .inpage-header{ margin: 40px auto 0; }
.article-list{ display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 1140px; margin: 0 auto; }
.article-list>li{ width: 30vw; max-width: 340px; height: 490px; margin: 20px 20px 20px 20px; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,.16); position: relative; transition: all .6s cubic-bezier(.4,0,.2,1); }
.article-list .img-box{ width: 100%; height: 30vw; max-height: 340px; /* height: 22.5vw; max-height: 255px; */ overflow: hidden; position: relative; }
.article-list .img-box img{ width: 100%; }
.article-list .txt-box{ font-size: 2rem; line-height: 1.58; color: #727272; box-sizing: border-box; padding: 20px 20px 20px 20px; }
.article-list .txt-box .tit{ font-size: 2.4rem; line-height: 1.2; color: #000; text-align: center; overflow: hidden; margin: 0 0 20px 0; }
.article-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.article-list>li:hover { background: #f0f0f0; box-shadow: 0px 0px 20px rgba(0,0,0,0); }
.page-list{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; font-weight: bold; color: #727272; margin: 70px 0 0 0;  }
.page-list li:nth-child(1){ margin: 0 30px 0 0; }
.page-list li:nth-child(3){ margin: 0 5px 0 5px; }
.page-list li:nth-child(5){ margin: 0 0 0 30px; }
.page-list span{ font-size: 3rem; color: #b2b2b2; }
.article-detail{ font-size: 2rem; line-height: 1.58; color: #707070; }
.article-detail .tit{ font-size: 2.2rem; line-height: 1.58; font-weight: bold; color: #1FA08E; text-align: center; }
.article-detail a{ color: #1fa08e; }
.article-detail .link-list li{ display: flex; align-items: center; }
.article-detail .link-list li:before{ content: '\e92b';  color: #1fa08e; font-size: 1.2rem; margin: 0 5px 0 0; }
.article-detail .link-list li:first-child:before{ content: '\e96d'; color: #707070;  }
.article-detail .link-list li+li{ margin: 10px 0 0 0; }
.article-detail a{ text-decoration: none; }
/* .article-detail a:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom: 1px solid #1FA08E; } */
.article-detail .tit:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom:1px solid #B2B2B2 ; margin: 20px 0 20px 0;  }
.article-detail .col-1{ width: 400px; flex-shrink: 0; margin: 0 50px 0 0 ; }
.article-detail .col-1 .img-box{ width: 100%; }
.article-detail .col-1 .img-box img{ width: 100%; }
.article .btn-box{ margin: 60px 0 0 0; } 
.article .border-box{ width: auto; margin: 0 auto; }

/* news */
.news .inpage-header{ margin: 40px auto 30px; }
.news .border-box{ width: 100%; margin: 0 auto; font-size: 2rem; line-height: 1.58; }
.txtnews-list{ display: flex; flex-direction: column; margin: 0 0 0 0; }
.txtnews-list>li{ display: flex; align-items: center; flex-wrap: nowrap; min-height: 50px; position: relative; }
.txtnews-list>li>a{ width: 100%; height: 100%; line-height:0; position: absolute; left: 0; top: 0; }
.txtnews-list>li+li{ margin: 20px 0 0 0 }
.txtnews-tag{ display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 120px; height: 100%; min-height: 50px; border-radius: 5px; font-size: 1.8rem; }
.txtnews-date{ display: flex; align-items: center; width: 100px; height: 100%; font-size: 2rem; margin: 0 40px 0 40px; }
.txtnews-txt{ display: flex; align-items: center; font-size: 2rem; transition: all .2s cubic-bezier(.4,0,.2,1); width: calc(100% - 300px); margin: 0 0 0 0;  }
.txtnews-txt>p{ width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;  }
.txtnews-list>li:hover .txtnews-txt{ text-decoration: underline; }
.news .page-list{ margin: 50px 0 0 0;  }
.news .tit-box{ display: flex; align-items: center; flex-wrap: wrap; font-size: 2.2rem; line-height: 1.58; font-weight: bold; color: #1fa08e;  }
.news .tit-box .txtnews-tag{ margin: 0 20px 0 0; }
.news .tit-box .tit{ width: calc(100% - 140px); display: flex; flex-wrap: wrap; margin: 0 0 0 0; }
.news .tit-box:after{ display: block; content: ''; width: 100%; height: 1px; border-bottom:1px solid #B2B2B2 ; margin: 20px 0 20px 0; }
.news .date{ font-size: 1.7rem; line-height: 1.58; color: #b2b2b2; text-align: right; margin: 0 0 20px 0; }
.news .btn-box{ margin: 40px 0 0 0; }

/* selfhelp */
.selfhelp-wrap{ width: 100%; max-width: 650px; margin: 0 auto; }
.selfhelp-list{  }
.selfhelp-list>li{ width: 100%; min-height: 80px; border-radius: 30px; border: 1px solid #1FA08E; display: flex; align-items: center; box-sizing: border-box; padding: 20px 20px 20px 20px; font-size: 1.7rem; line-height: 1.58; color: #363636; }
.selfhelp-list>li.top{ background: #f4faf9; font-size: 3.6rem; font-weight: bold; color: #1fa08e;  justify-content: center; }
.selfhelp-list>li.top .msg{ font-size: 2rem; margin: 0 0 0 0; }
.selfhelp-list>li+li{ margin: 40px 0 0 0; }
.selfhelp-list>li .col-1{ display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 60px; height: 60px; border-radius: 50px; background: #1fa08e; font-size: 1.5rem; font-weight: bold; color: #d3ece8; margin: 0 30px 0 0; }
.selfhelp-list>li .col-1>span:last-child{ font-size: 2.2rem; color: #fff; margin: 0 0 0 2px; }
.selfhelp-list>li .col-2{ width: 100%; }
.selfhelp-list>li .tit{ margin: 0 0 0 0; font-weight: normal; font-size: 2.2rem;  }
.selfhelp-list .line{ width: 100%; height: 1px; border-bottom: 1px dashed #B2B2B2; margin: 15px 0 15px 0; }
.selfhelp-list .msg{ font-size: 1.7rem; color: #1fa08e; margin: 0 0 0 20px; }
.selfhelp-wrap .info-list{ font-size: 1.8rem; line-height: 1.58; margin: 30px 0 0 25px; }
.selfhelp-wrap .info-list a{ color: #1fa08e; text-decoration: underline; }

/* ezcat */
.full-inner.ezcat{  padding: 40px 0 40px 0; background: #e2f2f1; }
.ezcat-header{ display: flex; flex-direction: row; align-items: flex-start; width: 100%; max-width: 990px; margin: 0 auto; }
.ezcat-header>.col-1{ margin: 0 35px 0 0; }
.ezcat-header>.col-2>p{ font-size: 2rem; line-height: 1.58; color: #727272; }
.ezcat-header>.col-2>p.tit{ font-size: 3.2rem; margin: 0 0 10px 0; color: #000; text-align: left; }
.ezcat-header>.col-2 .flex-box{ flex-direction: row; justify-content: space-between; align-items: center; margin: 30px 0 0 0; }
.ezcat-header>.col-2 .phone{ font-size: 3.6rem; font-weight: bold; color: #1fa08e }
.ezcat-header>.col-2 .btn{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 160px; height: 160px; border-radius: 50%; background: #fccf00; font-size: 2rem; line-height: 1.4; font-weight: bold; color: #000; }
.ezcat-header>.col-2 .flex-box .col-1{ font-size: 1.7rem; }
.ezcat-table{ width: 100%; max-width: 990px; margin: 0 auto; font-size: 1.8rem; }
.ezcat-table .table-row{ display: flex; }
.ezcat-table .table-row .col-1{ display: flex; flex-shrink: 0; justify-content: center; align-items: center; width: 120px; min-height: 60px; border-radius: 10px 0 0 10px; background: #d3ece8; box-sizing: border-box; padding: 20px 15px 20px 15px; margin: 0 5px 0 0;  }
.ezcat-table .table-row .col-2{ display: flex; flex-grow: 1; align-items: center; background: #fff; box-sizing: border-box; padding: 20px 15px 20px 15px; }
.ezcat-table>.table-row+.table-row{ margin: 5px 0 0 0; }
.ezcat-table>.table-row-column+.table-row{ margin: 5px 0 0 0; }
.ezcat-table .info-list{ line-height: 1.8; }
.ezcat-table .table-row-column{ display: flex; margin: 5px 0 0 0; }
.ezcat-table .table-row-column .table-row:first-child{ width: 55%; }
.ezcat-table .table-row-column .table-row:last-child{ width: 45%; }
.ezcat-table .table-row-column .table-row+.table-row{ margin: 0 0 0 5px; }

/* about */
.full-wrap .full-inner .full-kv{ width: 100vw; height: 39.5vw; max-height: 540px; overflow: hidden; }
.full-wrap.about .full-inner .full-kv{ background: url('../company/images/about_kv.jpg') no-repeat center bottom / cover ;  }
.about-box{ width: 100%; max-width: 990px; margin: 150px auto 0; }
.about-box .flex-box.originl{ flex-direction: row; justify-content: space-between; }
.about-box .flex-box.originl .col-1{ width: 495px; flex-shrink: 0;  }
.about-box .flex-box .img-box img{ width: 100%;  }
.about-box .flex-box.originl .col-2{ width: 450px; flex-shrink: 0; font-size: 1.8rem; line-height: 1.58; background: rgba(255,255,255,.9); box-sizing: border-box; padding: 30px 0 0 0; margin: -360px 0 0 0; }
.about-box .tit-box{ display: flex; justify-content: center; align-items: center; }
.about-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; }
.about-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.about-box .txt-box{ box-sizing: border-box; padding: 0 30px 0 30px; }
.about-box .about-info{ background: #fff; box-sizing: border-box; padding: 60px 60px 60px 60px; font-size: 1.8rem; line-height: 1.58; margin: -240px 0 0 0;  }
.about-box .about-info .tit-box{ justify-content: flex-start; }
.about-box .about-info .tit-txt{ width: 400px; color: #1fa08e; margin: 10px 0 50px 0;  }
.about-box .about-info .flex-box{ flex-direction: row; align-items: flex-end; margin: 100px 0 0 0; }
.about-box .about-info .flex-box .col-1{ width: 470px; margin: 0 50px 0 0; }
.about-box .about-info .flex-box .col-2 p span{ display: inline-block; width: 120px; }

/* events */
.full-wrap.events .full-inner .full-kv{ background: url('../company/images/events_kv.jpg') no-repeat center bottom / cover ;  }
.events-box{ width: 100%; max-width: 910px; margin: 0 auto; box-sizing: border-box; padding: 60px 0 0 0; }
.events-box .tit-box{ display: flex; justify-content: center; align-items: center; }
.events-box .tit{ font-size: 2.4rem; font-weight: bold; color: #1fa08e; display: inline-block; }
.events-box .tit:after{ content: ''; display: block; width: 100%;  border-bottom: 3px solid #1FA08E; }
.events-box .txt-box{ box-sizing: border-box; padding: 0 30px 0 30px; }
.events-box .events-list{}
.events-box .events-list>li{ box-sizing: border-box; padding: 0 0 40px 20px; position: relative; }
.events-box .events-list>li:before{ content: ''; width: 1px; height: 100%; background: #1fa08e; position: absolute; left: 5px; top: 20px; }
.events-box .events-list>li:after{ content: ''; width: 10px; height: 10px; border-radius: 50px; background: #1fa08e; position: absolute; left: 0px; top: 12px; }
.events-box .events-list>li ul{ list-style-type: disc; font-size: 1.8rem; line-height: 1.58; color:#363636; margin: 10px 0 0 25px; }
.events-box .events-year{ font-size: 2.4rem; color: #1fa08e; }
.events-box .flex-box{ position: relative; }
.events-box .col-2{ flex-shrink: 0; position: absolute; right: 0; top: 0; }
.events-box .col-2 .img-box{ width: 350px; }
.events-box .col-2 .img-box img{ width: 100%; }

/* sitemap */
.sitemap-wrap{ width: 100%; max-width: 990px; margin: 0 auto; box-sizing: border-box; padding: 40px 0 0 0;  }
.sitemap-wrap a:hover{ color: #1fa08e; text-decoration: underline; }
.sitemap-box{ width: 100%; border-radius: 30px; background: #fff ; box-sizing: border-box; padding: 30px 30px 30px 40px; display: flex; }
.sitemap-wrap .sitemap-box+.sitemap-box{ margin: 20px 0a 0 0; }
.sitemap-box>.sitemap+.sitemap{ margin: 0 0 0 50px; }
.sitemap-box .sitemap{ display: flex; flex-direction: row; width: auto; }
.sitemap-box .sitemap-tit{ width: 70px; height: 70px; border-radius: 50px; border: 1px solid #1FA08E; font-size: 2rem; color: #1fa08e; line-height: 1.2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 35px 0 0; box-sizing: border-box; padding: 0 13px 0 13px; align-self: start; flex-shrink: 0; }
.sitemap-box .sitemap-list{ display: flex; }
.sitemap-box.onelist{ flex-direction: row; }
.sitemap-box.onelist .sitemap .sitemap-list{ justify-content: flex-start; text-align: left; flex-shrink: 0; }
.sitemap-box.onelist>.sitemap+.sitemap{ margin: 0 0 0 0; }
.sitemap-box .sitemap-list>li{ width: auto; min-width: 160px; font-size: 1.7rem; line-height: 1.8; color: #363636;  }
.sitemap-box .sitemap-list>li+li{ margin: 0 0 0 50px; }
.sitemap-box .sitemap-list .tit{ font-size: 1.8rem; color: #363636; margin: 0 0 0 0; }
.sitemap-box .sitemap-list .tit:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #b2b2b2; margin: 15px 0 25px 0; }
.sitemap-box .sitemap-list .tit.one:after{ display: none; }

/* privacy */
.privacy{ font-size: 1.8rem; line-height: 1.58;  }
.txt-list{ font-size: 1.8rem; line-height: 1.58; list-style-type: cjk-ideographic; margin: 0 0 0 37px; }
.txt-list>li{ text-align: justify; }
.txt-list>li+li{ margin: 40px 0 0 0; }
.privacy .txt-list{}
.privacy .txt-box{ font-size: 1.8rem; line-height: 1.58; text-align: justify;  }
.privacy .subtit{ font-size: 2.4rem; font-weight: bold; margin: 0 0 0px 0; }

/* clause */
.clause{ font-size: 1.8rem; line-height: 1.58;  }
.clause .cjk-list>li{ text-align: justify; }
.clause .border-box>ul>li+li{ margin: 40px 0 0 0; }
.clause .listtit{ font-weight: bold; }

/* productlist */
.productlist-box{ width: 100%; max-width: 990px; margin: 0 auto; }
.productlist-list{ display: flex; flex-wrap: wrap; margin: 0 0 80px 0; }
.productlist-list>li{ width: 30%; max-width: 300px; height: 320px; border-radius: 20px; background: #fff;  outline: 1px solid #727272; box-sizing: border-box; padding: 20px 20px 30px 20px; margin: 13px min(1.66%,13px) 13px min(1.66%,13px); position: relative; transition: all .4s cubic-bezier(.4,0,.2,1); }
.productlist-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.productlist-list>li .img-box{  height: 180px; display: flex; justify-content: center; align-items: center; }
.productlist-list>li .img-box img{ width: min(100%,220px); }
.productlist-list>li .tit{ font-size: 2rem; text-align: center; margin: 10px 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.productlist-list>li .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #727272; margin: 10px 0 15px 0;  }
.productlist-list>li .orderinfo{ display: flex; justify-content: space-between; font-size: 1.8rem; }
.productlist-list>li .orderinfo>span{ color: #1fa08e; cursor: pointer; }
.productlist-list>li:hover{ outline: 8px solid #1FA08E; }
.productlist-list>li:hover .tit:after{ border-bottom: 1px solid #1FA08E; } 
.info .border-box{ border: 5px solid #1FA08E; }
.info .flex-box{ flex-direction: row; justify-content: space-between; margin: 0 0 70px 0; }
.info .flex-box .col-1{ width: 450px; flex-shrink: 0; margin: 0 40px 0 0; }
.info .flex-box .col-2{ font-size: 1.8rem; line-height: 1.58; }
.info .flex-box .img-box img{ width: 100%; }
.info .flex-box .col-2 .tit{ font-size: 2rem; margin: 0 0 0 0; width: 100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.info .flex-box .col-2 .tit:after{ content: ''; width: 100%; display: block; border-bottom: 1px solid #1fa08e; margin: 10px 0 15px 0;  }
.info .flex-box .col-2 .btn-box{ justify-content: flex-start; margin: 80px 0 0 0; }
.info .full-inner>.btn-box{ margin: 30px 0 0 0; }

/* remind */
.remind .full-inner{ width: auto; margin: 0 ; }
.remind .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.remind .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 0 0 0 0; box-sizing: border-box; padding: 30px 0 0 0; }
.remind .mobile-tabheader{ display: none; }
.remind .tab-box{ position: static; }
.remind .tab-box>li{ width: 12.5%; max-width: 120px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.remind .tab-box>li:hover,.remind .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.remind .tab-content{ width: 100%; max-width: 990px; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.remind .tab-content .flex-box{ flex-direction: row; }
.remind .tab-content .img-box{ width: 170px; margin: 0 40px 0 0; }
.remind .tab-content .img-box img{ width: 100%; }
.remind .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.remind .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 15px 0; text-align: left; }
.remind .help{ width: 100%; max-width: 990px; margin: 70px auto 0; }
.remind .help .tit{ font-size: 2.2rem; color: #1fa08e; text-align: center; margin: 0 0 10px 0; }
.remind .remind-help{ display: flex; flex-direction: row; flex-wrap: wrap; }
.remind .remind-help li{ width: 300px; height: 400px; border-radius: 20px; border: 1px solid  #1FA08E; box-sizing: border-box; padding: 15px 15px 15px 15px; margin: 15px 15px 15px 15px; background: #fff; }
.remind .remind-help .img-box{ height: 180px; display: flex; justify-content: center; align-items: center; }
.remind .remind-help .img-box img{ width: 65%; }
.remind .remind-help li:last-child{ width: 100%; height: 250px; display: flex; align-items: center; }
.remind .remind-help li:last-child .img-box{ width: 60%; flex-shrink: 0; order: 2; }
.remind .remind-help li:last-child .img-box img{ width: 100%; }
.remind .remind-help li:last-child .txt-box{ width: 290px; margin: 0 30px 0 0; }
.remind .remind-help .txt-box{ font-size: 1.8rem; line-height: 1.58; color: #363636;  }
.remind .remind-help .subtit{ display: block; width: 100px; font-size: 2rem; font-weight: bold; text-align: center; margin: 10px auto 15px; }
.remind .remind-help .subtit:after{ content: ''; display: block; width: 100%; border-bottom: 3px solid #1FA08E; margin: 5px 0 10px 0; }

/* reject */
.reject .full-inner{ width:100%; max-width: 990px; margin: 0 auto ; }
.reject-info{ font-size: 1.8rem; line-height: 1.58; color: #363636; flex-direction: row; align-items: flex-start;  }
.reject-info .tit{ font-size: 2.2rem; font-weight: bold; color: #1fa08e; margin: 0 0 0 0; }
.reject-info .col-1{  }
.reject-info .col-2{ width: 300px; flex-shrink: 0;  }
.reject-info .col-2 .img-box img{ width: 100%; }
.reject-info a{ text-decoration: underline; color: #1fa08e; }
.reject .border-box{ margin: 60px 0 0 0; }
.reject .border-box .tit{ font-size: 2.4rem; text-align: center; margin: 0 0 50px 0; }
.reject-list{ font-size: 1.8rem; line-height: 1.58; color: #363636; }
.reject-list>li+li:before{ content: ''; display: block; width: 100%; height: 1px; background: #b2b2b2; margin: 30px 0 30px 0;  }
.reject-list>li>.flex-box .col-1{ flex-shrink: 0; width: 130px; margin: 0 30px 0 0; }
.reject-list>li>.flex-box .col-1 .img-box img{ width: 100%; }
.reject-list .subtit{ font-size: 2rem; font-weight: bold; color: #1fa08e; margin: 0 0 10px 0; }
.reject-list .subtit-note{ font-size: 1.8rem; font-weight: normal; }
.reject-list .twocol{ display: flex; flex-direction: column; flex-wrap: wrap; height: 680px; }
.reject-list .twocol li{ width: 400px; flex-shrink: 0; margin: 0 60px 0 0; }
.reject-list>li>.flex-box.country{ flex-direction: row; }
.reject-list>li>.flex-box.country .col-1{ width: 400px; flex-shrink: 0; margin: 0 60px 0 0; }
.reject .note{ font-size: 1.8rem; text-align: center; margin: 30px 0 0 0;  }
.reject .note span{ display: inline-block; }

/* info */
.info .full-inner{ width: auto; margin: 0 ; }
.info-top{ width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: row; font-size: 2rem; line-height: 1.58;  }
.info-top .tit{ font-size: 3.2rem; margin: 0 0 15px 0; text-align: left; }
.info-top .col-1{ box-sizing: border-box; padding: 50px 0 0 0; }
.info-top .col-1 a{ margin: 0 0 0 0; }
.info-top .col-1 .btn-box{ margin: 30px 0 0 0; justify-content: flex-start; }
.info-top .col-2 .img-box img{ width: auto; }
.info .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.info .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: -58px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.info .tab-box{ position: static; }
.info .tab-box>li{ width: 45%; max-width: 450px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.info .tab-box>li:hover,.info .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.info .tab-content{ width: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.info .tab-content .flex-box{ flex-direction: row; }
.info .tab-content .img-box img{ width: 100%; }
.info .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.info .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.info .info-warp{ width: 100%; max-width: 1000px; margin: 0 auto; }
.info .info-warp .tit{ text-align: center; font-size: 2.4rem; }
.info .info-warp  .img-box{ display: flex; justify-content: center; align-items: center; }
.info .info-warp  .img-box>img{ width: 100%; max-width: 900px; }
.info .info-warp  .img-box>img.pc{ display: block; }
.info .info-warp  .img-box>img.mobile{ display: none; }
.info .borderlist-box{ width: 100%; max-width: 1000px; margin: 50px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 30px 20px 30px; position: relative; }
.info .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.8rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.info .border-list>li+li{ margin: 20px 0 0 0; }
.info .border-list>li:last-child{ border: none; }
.info .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.info .border-list a{ color: #1fa08e; text-decoration: underline; }
.info .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; border-radius: 30px; background: #feec99; font-size: 2rem; margin: 0 0 0 0; }
.info .border-list .col-1.moretxt{ width: 320px; }
.info .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 20px; }
.info .border-list .consign{ display: flex; justify-content: center; }
.info .border-list .consign img{ max-width: 400px; }
.info .app-info{ font-size: 2.2rem; text-align: center;  }
.info .app-info .flex-box{ justify-content: center; margin: 20px 0 0 0; }
.info .app-info .flex-box .col-1{ width: 230px; margin: 0 25px 0 0;  }
.info .app-info .flex-box .col-2{ width: 230px;  }
.info .app-info .flex-box  img{ width: 100%; }
.info .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* line */
.line .full-inner{ width: auto; margin: 0 ; }
.line-top{ width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-direction: row; align-items: center; font-size: 2rem; line-height: 1.58;  }
.line-top .tit{ font-size: 3.2rem; margin: 0 0 15px 0; text-align: left; }
.line-top>.col-1{ box-sizing: border-box; padding: 50px 0 0 0; }
.line-top>.col-1 a{ margin: 0 0 0 0; }
.line-top>.col-1 .btn-box{ margin: 30px 0 0 0; justify-content: flex-start; }
.line-top>.col-2 .img-box img{ width: auto; }
.line-top .flex-box{ flex-direction: row; }
.line-top .flex-box .col-1{ margin: 0 40px 0 0; }
.line-top .flex-box .img-box a{ width: 45%; margin: 0 5px 0 5px }
.line-top .flex-box .img-box img{ width: 100%; /* margin: 0 5px 0 5px; */ }
.line-top .flex-box .info-list{ list-style-type: decimal; line-height: 1.8; }
.line .tab-wrap{ width: auto; margin: 0 ; box-sizing: border-box; padding: 0; position: relative; }
.line .tab-box{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-end; border-bottom: 5px solid #1FA08E; margin: 50px 0 0 0; box-sizing: border-box; padding: 0 0 0 0; }
.line .tab-box{ position: static; }
.line .tab-box>li{ width: 45%; max-width: 450px; height: 60px; border-radius: 30px 30px 0 0; background: #fff; border: 1px solid #B2B2B2; border-bottom: 5px solid #1FA08E; margin: 0 0 -5px 0; display: flex; justify-content: center; align-items: center; font-size: 2.2rem; box-sizing: border-box; transition: all .4s cubic-bezier(.4,0,.2,1); cursor: pointer; }
.line .tab-box>li:hover,.line .tab-box>li.active{ color: #1fa08e; border: 5px solid #1FA08E; border-bottom: none; background: #f5f5f5; }
.line .tab-content{ width: 100%; margin: 0 auto; box-sizing: border-box; padding: 30px 0 0 0; }
.line .tab-content .flex-box{ flex-direction: row; }
.line .tab-content .img-box img{ width: 100%; }
.line .tab-content .txt-box{ font-size: 1.8rem; line-height: 1.58;  }
.line .tab-content .txt-box .tit{ font-size: 2rem; margin: 0 0 10px 0; text-align: left; }
.line #tab01 .full-wrap:last-child{ /* background: #fff; */ margin: 50px 0 0 0; padding: 30px 0 30px 0; }
.line .fun-list{ display: flex; flex-direction: row; justify-content: space-between; align-items: end; flex-wrap: wrap; }
.line .fun-list>li{ width: 32%; margin: 0 0 30px 0;  }
.line .fun-list>li>img{ width: 100%; }
.line .line-warp{ width: 100%; max-width: 1000px; margin: 0 auto; }
.line .line-warp .tit{ text-align: center; font-size: 2.4rem; }
.line .line-warp .img-box{ display: flex; justify-content: center; align-items: center; }
.line .line-warp .img-box>img{ width: 100%; max-width: 900px; }
.line #tab02 .line-warp .img-box>img{ width: 100%; max-width: 700px; }
.line .line-warp .img-box>img.pc{ display: block; }
.line .line-warp .img-box>img.mobile{ display: none; }
.line .borderlist-box{ width: 100%; max-width: 1000px; margin: 50px auto; border-radius: 30px; border: 8px solid #E5E5E5; background: #fff; box-sizing: border-box; padding: 20px 30px 20px 30px; position: relative; }
.line .border-list>li{ display: flex; flex-direction: column;  border-bottom: 1px dashed #B2B2B2; font-size: 1.8rem; line-height: 1.58; box-sizing: border-box; padding: 10px 0 10px 0; }
.line .border-list>li+li{ margin: 20px 0 0 0; }
.line .border-list>li:last-child{ border: none; }
.line .borderlist-box+.borderlist-box{ margin: 20px 0 0 0; }
.line .border-list a{ color: #1fa08e; text-decoration: underline; }
.line .border-list .col-1{ display: flex; justify-content: center; align-items: center; width: 180px; height: 40px; border-radius: 30px; background: #feec99; font-size: 2rem; margin: 0 0 0 0; }
.line .border-list .col-1.moretxt{ width: 320px; }
.line .border-list .col-2{ box-sizing: border-box; padding: 10px 0 0 20px; }
.line .border-list .consign{ display: flex; justify-content: center; }
.line .border-list .consign img{ max-width: 400px; }
.line .app-info{ font-size: 2.2rem; text-align: center;  }
.line .app-info .flex-box{ justify-content: center; margin: 20px 0 0 0; }
.line .app-info .flex-box .col-1{ width: 230px; margin: 0 25px 0 0;  }
.line .app-info .flex-box .col-2{ width: 230px;  }
.line .app-info .flex-box  img{ width: 100%; }
.line .app-info .flex-box .img-box a{ width: 100%; line-height: 0; }

/* icatapp */
.icatapp .info-top .col-1{ display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 0;  }
.icatapp .info-top .col-1 .img-box{ width: 270px; margin: 15px auto 0 auto;  }
.icatapp .info-top .col-1 .img-box>img{ width: 100%; }
.icatapp .info-top .col-1 a{ width: 160px; margin: 8px auto 10px auto; }
.icatapp .info-top .col-2 { width: 610px; flex-shrink: 0; order: 0; }
.icatapp .info-top .col-2 .img-box img{ width: 100%; }
.icatapp .flex-box{ width: 100%; max-width: 900px; margin: 0 auto; font-size: 2rem; line-height: 1.58; align-items: center; flex-direction: row; }
.icatapp .flex-box .imgl,.icatapp .flex-box .imgr{ order: 0 ; }
.icatapp .flex-box .img-box{ width: 330px; line-height: 0; margin: 20px 0 0 0; }
.icatapp .flex-box .img-box img{ width: 100%; }
.icatapp .subtit{ font-size: 2.8rem; color: #1fa08e; margin: 0 0 10px 0; text-align: left; }
.icatapp .flex-box .imgr{ margin: 0 0 0 60px; }
.icatapp .flex-box .imgl{ margin: 0 60px 0 0; }
.icatapp .full-wrap:last-child{ margin: 0 0 -110px 0; }
.icatapp .img-flex{ display: flex; justify-content: center; align-items: flex-start; margin: 15px 0 0 0; }
.icatapp .img-flex .col-1,.icatapp .img-flex .col-2{ width: 145px; }
.icatapp .img-flex>div+div{ margin: 0 0 0 10px; }
.icatapp .img-flex .col-1 a,.icatapp .img-flex  .col-2 a{ line-height: 0; width: 100%; margin: 0 0 0 0; }
.icatapp .img-flex .col-1 img,.icatapp .img-flex .col-2 img{ width: 100%; }
.icatapp .img-flex .pc{ display: block; }
.icatapp .img-flex .mobile{ display: none; }

/* normal */
.normal .flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0; }
.normal .flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.normal .flex-box>li:first-child{ align-self: center; }
.normal .flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.normal .flex-box>li .img-box img{ width: 100%; }
.normal .flex-box>li .btn-box{ justify-content: flex-start; margin: 30px 0 0 0; }
.normal .flex-box>li .btn{ margin: 0 0 0 0; }
/* subtit-line */
.subtit-line{ font-size: 2.2rem; color: #000; text-align: left; }
.subtit-line:after{ content: ''; display: block; width: 100%; height: 1px; border-bottom:1px solid #727272; margin: 5px 0 15px 0;   }
.normal .note-txt{ font-size: 1.7rem; line-height: 1.58; color: #727272; }
.normal .product.link-list{ margin: 0 0 20px 0; }

/* cool */
.cool>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.cool>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.cool>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.cool>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.cool>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 80px 0 0; }
.cool>.flex-box>li:first-child .img-box{ width: 270px; }
.cool>.flex-box>li:last-child{ width: 100%; max-width: none; }
.cool .img-box img{ width: 100%; }
.cool>.flex-box>li:first-child .disc-list{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 30px 30px 30px 40px; margin: 20px 0 30px 0; font-size: 1.8rem; line-height: 1.6; }
.cool>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.cool>.flex-box .tit.hasimg{ display: flex; justify-content: start; align-items: center }
.cool>.flex-box .tit.hasimg img{ height: 80px; margin: 0 0 0 15px; }
.cool .cool-hightlight{ display: flex; }
.cool .cool-hightlight>li{ height: 95px; border-radius: 20px; background: #e0edf6; font-size: 2.6rem; color: #363636; display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 20px; white-space: nowrap;    }
.cool .cool-hightlight>li+li{ margin: 0 0 0 20px; }
.cool .cool-hightlight>li span{ font-weight: bold; color: #47a2e3; margin: 0 0 0 5px; }
.cool .product.link-list{ margin: 0 0 20px 0; }
.cool .cool-item{ margin: 25px 0 0 0; }
.cool .cool-item>li{ display: flex; font-size: 1.7rem; line-height: 1.58; }
.cool .cool-item>li+li{ margin: 30px 0 0 0; }
.cool .cool-item>li .col-1{ width: 150px; flex-shrink: 0; margin: 0 20px 0 0; }
.cool .cool-item .subtit{ color: #1fa08e; font-weight: bold; font-size: 2rem; }

/* economy */
.economy>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.economy>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.economy>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.economy>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: center; font-size: 1.8rem; }
.economy>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 30px 0 0; }
.economy>.flex-box>li:first-child .col-1 .img-box{ margin: 10px 0 0 0; }
.economy>.flex-box>li:first-child .col-1 img{ max-width: 270px; }
.economy>.flex-box>li:first-child .img-box{ width: 400px; }
.economy>.flex-box>li:nth-child(n+4){ width: 100%; max-width: none; }
.economy>.flex-box>li:nth-child(n+4) .img-box{ max-width: 800px; margin: 40px auto 0;  }
.economy>.flex-box>li:nth-child(n+4) .img-box.pc{ display: block; }
.economy>.flex-box>li:nth-child(n+4) .img-box.mobile{ display: none; }
.economy .img-box img{ width: 100%; }
.economy>.flex-box>li:first-child .disc-list{ margin: 20px 0 30px 20px; font-size: 1.8rem; line-height: 1.6; }
.economy>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.economy .product.link-list{ margin: 0 0 20px 0; }
/* line-list */
.line-list{ margin: 0 0 0 10px; }
.line-list:before{content: '-'; margin: 0 0 0 -10px; display: inline-block;  }
.idx-line .line-list:before{display: none;  }

/* day */
.day>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.day>.flex-box>li{ margin: 2% 0 2% 0;  }
.day>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: flex-end; font-size: 1.8rem; }
.day>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 50px 0 0; }
.day>.flex-box>li:first-child .col-1 .img-box{ margin: 30px 0 30px 0; }
.day>.flex-box>li:first-child .col-2{ width: 185px; flex-shrink: 0; }
.day>.flex-box>li:first-child .col-2 img{ width: 100%; }
.day>.flex-box>li:nth-child(2) .flex-box{ flex-direction: row; align-items: center; }
.day>.flex-box>li:nth-child(2) .col-1{ width: 45%; }
.day>.flex-box>li:nth-child(2) .col-2{ width: 50%; margin: 0 0 0 5%; order: 1; }
.day>.flex-box>li:nth-child(2) img{ width: 100%; }
.day>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.day .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }
.day .note{ font-size: 1.7rem; line-height: 1.58; color: #363636; }
.day .product.link-list{ margin: 10px 0 0 10px; }
.day .flex-list>li{ display: flex; }
.day .flex-list .col-1{ width: 80px; flex-shrink: 0; }

/* freight */
.freight>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.freight>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.freight>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.freight>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.freight>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 80px 0 0; }
.freight>.flex-box>li:first-child .img-box{ width: 350px; }
.freight .img-box img{ width: 100%; }
.freight>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.freight .btn-box{ justify-content: flex-start; margin: 30px 0 0 0; }
.freight .btn{ margin: 0 0 0 0; }
.freight .product.link-list{ margin: 10px 0 20px 0; }

/* golf */
.golf>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.golf>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.golf>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.golf>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.golf>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 40px 0 0; }
.golf>.flex-box>li:first-child .img-box{ width: 380px; }
.golf>.flex-box>li:first-child .disc-list{ font-size: 1.8rem;  }
.golf .img-box img{ width: 100%; }
.golf>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.golf .product.btn-box{ margin: 30px 0 0 0; }
.golf .product.link-list{ margin: 0 0 20px 0; }
.golf .product.link-list{ margin: 0 0 0 0; }

/* medicine */
.medicine>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.medicine>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.medicine>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: flex-end; font-size: 1.8rem; }
.medicine>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 50px 0 0; }
.medicine>.flex-box>li:first-child .col-1 .img-box{ margin: 30px 0 30px 0; }
.medicine>.flex-box>li:first-child .col-2{ width: 400px; flex-shrink: 0; }
.medicine>.flex-box>li:first-child .col-2 img{ width: 100%; }
.medicine>.flex-box>li:nth-child(3) .flex-box{ flex-direction: row; justify-content: space-between; align-items: center; }
.medicine>.flex-box>li:nth-child(3) .col-1{ width: 45%; }
.medicine>.flex-box>li:nth-child(3) .col-3{ width: 50%; margin: 0 0 0 5%; order: 1; }
.medicine>.flex-box>li:nth-child(3) img{ width: 100%; }
.medicine>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.medicine .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }
.medicine .note{ font-size: 1.7rem; line-height: 1.58; color: #363636; }
.medicine .product.link-list{ margin: 10px 0 0 0; }

/* cvs */
.cvs>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.cvs>.flex-box>li{ width: 100%; margin: 2% 0 2% 0;  }
.cvs>.flex-box>li:first-child .flex-box{ flex-direction: row; align-items: flex-start; font-size: 1.8rem; }
.cvs>.flex-box>li:first-child .col-1{ align-self: center; margin: 0 50px 0 0; }
.cvs>.flex-box>li:first-child .col-2{ width: 400px; flex-shrink: 0; margin: 70px 0 0 0; }
.cvs>.flex-box>li:first-child .col-2 img{ width: 100%; }
.cvs>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.cvs .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* store */
.store>.flex-box{ width: 100%; max-width: 990px; margin: 0 auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.store>.flex-box>li{ width: 100%; margin: 2% 0 2% 0; font-size: 1.8rem; }
.store>.flex-box>li:nth-child(2) .flex-box{ flex-direction: row; align-items: flex-start; font-size: 1.8rem; }
.store>.flex-box>li:nth-child(2) .col-1{ align-self: center; margin: 0 50px 0 0; }
.store>.flex-box>li:nth-child(2) .col-2{ width: 280px; flex-shrink: 0; margin: 20px 0 0 0; }
.store>.flex-box>li:nth-child(2) .col-2 img{ width: 100%; }
.store>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.store .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* twoec */
.twoec .twoec-box{ width: 100%; max-width: 990px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.58; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.twoec .twoec-box .img-box{ max-width: 800px; margin: 30px auto 0 auto; }
.twoec .twoec-box .img-box a{ width: 100%; }
.twoec .twoec-box .img-box img{ width: 100%; }
.twoec .tit{ font-size: 3.2rem; margin: 0 0 20px 0; }
.twoec .subtit{ font-size: 2.2rem; color: #1fa08e; margin: 0 0 5px 0; }

/* product hightlight-txt */
.product.hightlight-txt{ border-radius: 20px; background: #fff; box-sizing: border-box; padding: 30px 30px 30px 30px; margin: 20px 0 20px 0; font-size: 1.8rem; line-height: 1.6; }
.product.hightlight-txt .subtit{ font-size: 2rem; color: #1fa08e;  }
/* product btn-bo */
.product.btn-box{ justify-content: flex-start; margin: 30px 0 0 0; }
.product .btn{ margin: 0 0 0 0; }
/* product note-txt */
.product.note-txt{ font-size: 1.7rem; line-height: 1.58; color: #727272; }
/* product link-list */
.product.link-list{ display: flex;  color: #1fa08e; }
.product.link-list>li:after{ content:'\e913'; font-weight: bold; }
.product.link-list>li+li{ margin: 0 0 0 30px; }

/* explain */
.explain .explain-box{ width: 100%; max-width: 800px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.explain .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.explain-list{ display: flex; flex-direction: row; justify-content: space-between; align-items: start; margin: 30px 0 0 0;  }
.explain-list>li{ width: 200px; font-size: 1.8rem; line-height: 1.58; color: #363636; text-align: left; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.explain-list>li+li{ margin: 0 0 0 0; }
.explain-list .img-box img{ width: 100%;  }
.explain-list .searchtype{ font-size: 2.4rem; color: #000;  font-weight: bold; height: 60px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 10px 0 20px 0;  }
.explain-list>li:nth-child(1) .searchtype{ background: #1fa08e; }
.explain-list>li:nth-child(2) .searchtype{ background: #FCCF00; }
.explain-list>li:nth-child(3) .searchtype{ background: #47A2E3; }
.explain-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.explain-list>li:hover{ transform: translate(0,-3%); }
/* explain table01 */
.explain .table01-box{ overflow: hidden; }
.explain .table01{ width: 100%; max-width: 990px; margin: 0 auto 60px; font-size: 1.8rem; color: #000; text-align: left; border-spacing:3px; }
.explain .table01 td{ box-sizing: border-box; padding: 20px 20px 20px 20px; width: 50%; min-height: 60px; }
.explain .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; font-size: 2rem; font-weight: bold; text-align: center; }
.explain .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.explain .table01 tbody tr:nth-child(odd) td{ background: #fff; }

/* timesheet */
.timesheet .timesheet-box{ width: 100%; max-width: 990px; margin: 0 auto;font-size: 1.8rem; line-height: 1.58; color: #363636;  box-sizing: border-box; padding: 30px 0 0 0;  }
.timesheet .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; text-align: center; }
.timesheet a{ color: #1fa08e; text-decoration: underline; }
/* timesheet table01 */
.timesheet .table01-box{ overflow: hidden; }
.timesheet .table01{ width: 100%; max-width: 990px; margin: 0 auto 60px; font-size: 1.6rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table01 td{ box-sizing: border-box; padding: 20px 15px 20px 15px; width: 160px; min-height: 60px; }
.timesheet .table01 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table01 thead td:first-child{ background: none; }
.timesheet .table01 tbody tr:nth-child(even) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(odd) td{ background: #fff; }
.timesheet .table01 tbody tr:nth-child(-n+2) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr:nth-child(n+6) td{ background: #f1f1f1; }
.timesheet .table01 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold;  }
/* timesheet table02 */
.timesheet .table02{ width: 100%; max-width: 990px; margin: 15px auto 20px; font-size: 1.8rem; color: #000; text-align: center; }
.timesheet .table02 .table-row{ width: 100%; display: flex;  }
.timesheet .table02 .table-row.thead{ margin: 0 0 5px 0; }
.timesheet .table02 .table-row.thead>div{ background: #d3ece8; width: 90px; height: 40px; border-radius: 10px 10px 0 0; display: flex; justify-content: center; align-items: center; }
.timesheet .table02 .table-row.thead>div:last-child{ width: 800px; justify-content: flex-start; box-sizing: border-box; padding: 0 15px 0 15px;  }
.timesheet .table02 .table-row.thead>div+div{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row>div { min-width: 90px; }
.timesheet .table02 .table-row:nth-child(n+2){ box-sizing: border-box; padding: 15px 15px 15px 0; }
.timesheet .table02 .table-row:nth-child(odd){ background: #F1F1F1; }
.timesheet .table02 .table-row:nth-child(even){ background: #fff; }
.timesheet .table02 .table-row>.col-2>ul>li{ display: flex; }
.timesheet .table02 .table-row>.col-2{ margin: 0 0 0 5px; }
.timesheet .table02 .table-row .col-2>ul>li .col-1{ min-width: 90px; margin: 0 5px 0 0; text-align: left; box-sizing: border-box; padding: 0 0 0 15px; }
.timesheet .table02 .table-row .col-2>ul>li .col-2{ text-align: left; box-sizing: border-box; padding: 0 0 0 15px; }
.timesheet .subtithasbg{ width: 100%; height: 40px; border-radius: 10px; background: #feec99; display: flex; justify-content: center; align-items: center; font-size: 2rem; margin: 0 0 10px 0; }
/* timesheet table03 */
.timesheet .table03-box{ overflow: hidden; }
.timesheet .table03{ width: 100%; max-width: 990px; margin: 0 auto 60px; font-size: 1.6rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table03 td{ box-sizing: border-box; padding: 20px 15px 20px 15px; width: 105px; min-height: 60px; }
.timesheet .table03 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table03 thead td:first-child{ background: none; width: 130px; }
.timesheet .table03 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table03 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table03 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
/* timesheet table04 */
.timesheet .table04-box{ overflow: hidden; }
.timesheet .table04{ width: 100%; max-width: 990px; margin: 0 auto 60px; font-size: 1.6rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table04 td{ box-sizing: border-box; padding: 20px 15px 20px 15px; min-height: 60px; }
.timesheet .table04 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table04 thead td:first-child{ background: none; width: 130px; }
.timesheet .table04 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table04 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table04 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
/* timesheet table05 */
.timesheet .table05-box{ overflow: hidden; }
.timesheet .table05{ width: 100%; max-width: 990px; margin: 0 auto 60px; font-size: 1.6rem; color: #000; text-align: center; border-spacing:3px; }
.timesheet .table05 td{ box-sizing: border-box; padding: 20px 15px 20px 15px; width: 70px; min-height: 60px; }
.timesheet .table05 thead td{ background: #d3ece8; border-radius: 10px 10px 0 0; }
.timesheet .table05 thead td:first-child{ background: none; width: 130px; }
.timesheet .table05 tbody tr:nth-child(even) td{ background: #fff; }
.timesheet .table05 tbody tr:nth-child(odd) td{ background: #f1f1f1; }
.timesheet .table05 tbody tr td.tittd{ background: #1fa08e; color: #fff; border-radius: 10px 0 0 10px; font-size: 1.6rem; font-weight: bold; }
.timesheet .img-box{ display: flex; justify-content: center; margin: 0 0 30px 0; }
.timesheet .img-box img{ width: auto; }

/* join */
.full-inner.join{ }
/* .full-inner.multiple{ min-height: 380px; } */
.join>.flex-box{ width: 100%; max-width: 990px; /* margin: 0 auto -180px auto; */ margin: 0 auto 0px auto; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; box-sizing: border-box; padding: 30px 0 0 0;  }
.join>.flex-box>li{ width: 46%; max-width: 450px; margin: 2% 2% 2% 2%;  }
.join>.flex-box>li:first-child{ width: 100%; max-width: none;  }
.join>.flex-box>li:first-child .flex-box{ flex-direction: row; }
.join>.flex-box>li:first-child .col-1{ width: 470px; margin: 0 -130px 0 0; flex-shrink: 0; }
.join>.flex-box>li:first-child .img-box{ width: 660px; }
.multiple>.flex-box>li:first-child .col-1{ width: 470px; margin: 0 50px 0 0; flex-shrink: 0; }
.multiple>.flex-box>li:first-child .img-box{ width: 350px; }
.join .img-box img{ width: 100%; }
.join>.flex-box .tit{ font-size: 3.2rem; margin: 0 0 20px 0; text-align: left; }
.join .btn-box{ margin: 30px 0 0 0; }

/* status */
.status .status-box{ width: 100%; max-width: 990px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 2rem; line-height: 1.58; color: #727272; text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.status .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.status-list{ display: flex; flex-direction: row; justify-content: space-between; margin: 30px 0 0 0;  }
.status-list>li{ width: 300px; height: 380px; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.status-list>li .list-box{ width: 100%; height: 100%; border-radius: 30px; border: 10px solid ; box-sizing: border-box; padding: 0 0 0 0;  font-size: 1.8rem; line-height: 1.58; color: #363636; text-align: left;  overflow: hidden; }
.status-list>li+li{ margin: 0 0 0 0; }
.status-list .img-box{ height: 165px; display: flex; justify-content: center; align-items: center; }
.status-list .img-box img{ display: block; margin: 0 auto;  }
.status-list .searchtype{ font-size: 2.4rem; color: #000;  font-weight: bold; height: 60px; border-radius: 20px; display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;  }
.status-list>li .txt-box{ height: 200px; box-sizing: border-box; padding: 15px 15px 15px 15px; }
.status-list>li .note-txt{ font-size: 1.6rem; line-height: 1.58; color: #727272; width: 90%; position: absolute; left: 50%; bottom: -60px; transform: translateX(-50%); }
.status-list>li:nth-child(1) .txt-box{ background: #d3ece8; }
.status-list>li:nth-child(2) .txt-box{ background: #FEEC99; }
.status-list>li:nth-child(3) .txt-box{ background: #CBDEF3; }
.status-list>li:nth-child(1) .list-box{ border-color: #1fa08e; }
.status-list>li:nth-child(2) .list-box{ border-color: #FCCF00; }
.status-list>li:nth-child(3) .list-box{ border-color: #47A2E3; }
.status-list>li a{ line-height: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.status-list>li:hover{ transform: translate(0,-3%); }

/* business */
.business .business-box{ width: 100%; max-width: 990px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; font-size: 1.8rem; line-height: 1.58;  text-align: center; box-sizing: border-box; padding: 30px 0 0 0;  }
.business .tit{ font-size: 3.2rem; color: #000; margin: 0 0 20px 0; }
.business-list{ display: flex; flex-direction: row; flex-wrap: wrap;  margin: 0 0 0 0;  }
.business-list>li{ width: 190px; height: 130px; background: #fff; margin: 4px 4px 4px 4px; position: relative; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.business-list>li a{ display: block; width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.business-list .img-box{ height: 80px; display: flex; justify-content: center; align-items: center; }
.business-list .img-box img{ display: block; margin: 0 auto;  }
.business .login-box{ width: 500px; height: 90px; border-radius: 50px; background: #d3ece8; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 0 15px 0 15px; margin: 20px auto 60px auto; }
.business .login-box .btn{ width: auto; }

/* communicaton */
.communication .note-txt{ width: 900px; font-size: 2rem; line-height: 1.58; text-align:justify; }

/* bindinginfo */
.bindinginfo .info-top{ padding: 40px 0 40px 0; }
.bindinginfo .info-top .tit{ font-size: 2.2rem; margin: 0 0 0 0; }
.bindinginfo .info-top>.col-1{ margin: 0 40px 0 0; padding: 0 0 0 0; }
.bindinginfo .info-top>.col-1 img{ max-width: 400px;}
.bindinginfo .info-top>.col-2 a{ color: #1fa08e; text-decoration: underline; }
.bindinginfo .hightlight-txt{ width: auto; height: 140px; display: flex; align-items: center; margin: 10px 0 10px 0;  }
.bindinginfo .hightlight-txt .col-1{ margin: 0 0 0 0; padding: 0 0 0 0; z-index: 2; }
.bindinginfo .hightlight-txt .col-2{ width: 100%; height: 130px; border-radius: 50px; box-sizing: border-box; padding: 25px 30px 30px 115px; margin: 0 0 0 -100px; background: #fff; font-size: 1.8rem; line-height: 1.6; z-index: 1;  }
.bindinginfo .hightlight-txt .col-2 a{ height: 40px; border-radius: 25px; background: #1fa08e; font-size: 1.5rem; color: #fff; text-decoration: none; display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 0 15px 0 15px; margin: 0 5px 0 5px;  }
.bindinginfo .hightlight-txt .col-2>p{ margin: 0 0 8px 0; }
.bindinginfo .info-top>.col-2 .img-box{ width: auto; }
.bindinginfo .open-bind{ width: 100%; max-width: 990px; margin: 50px auto 30px; display: flex; flex-direction: row; justify-content: center; align-items: start; }
.bindinginfo .open-bind>li{ width: 350px; height: 740px; border-radius: 20px; background: #fff; overflow: hidden; display: flex; flex-direction: column; align-items: center; margin: 0 15px 0 15px; }
.bindinginfo .open-bind>li .tit{ font-size: 2.4rem; color: #1fa08e; text-align: center; margin: 10px 0 10px 0; }
.bindinginfo .service-header .img-box{ position: relative; }
.bindinginfo .service-header .img-box a{ width: 100%; height: 100%; line-height: 0; position: absolute; left: 0; top: 0; }
.bindinginfo .bindimg-box .bindimg-slide{ width: 280px; height: 640px; position: relative; }
.bindinginfo .bindimg-box .bindimg-slide img{ width: 100%; }
.bindinginfo .bindimg-box .slide-item{ width: 100%; }
.bindinginfo .bindimg-box .txt-box{ font-size: 2rem; color: #1fa08e; text-align: center; margin: 5px 0 5px 0;  }
.bindinginfo .bindimg-box .bindimg-ui{ display: flex; justify-content: center; align-items: center; font-size: 1.8rem; color: #727272; }
.bindinginfo .bindimg-box .bindimg-ui .count-num{ font-family: arial; margin: 0 55px 0 55px; }
.bindinginfo .bindimg-box .bindimg-ui .current{ font-weight: bold; color: #1fa08e; }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow,.bindinginfo .bindimg-box .bindimg-ui .nextarrow{ cursor: pointer; transition: all .4s cubic-bezier(.4,0,.2,1);  }
.bindinginfo .bindimg-box .bindimg-ui .prevarrow:hover,.bindinginfo .bindimg-box .bindimg-ui .nextarrow:hover{ color: #1fa08e; }
.bindinginfo .qa-list>p{ margin: 20px 0 0 0; }
.info-box.bindinginfo{ width: 100%; max-width: 990px; margin: 50px auto 0; }

/* errpage */
.errpage-txt{ font-size: 1.8rem; line-height: 1.58; }
.errpage.btn-box{ margin: 10px auto 0; }

/* chtotw */
.chtotw{ font-size: 1.8rem; line-height: 1.58;  }
.chtotw .cjk-list>li{ text-align: justify; }
.chtotw .border-box>ul>li+li{ margin: 40px 0 0 0; }
.chtotw .listtit{ font-weight: bold; }
.chtotw .txt-list{ font-weight: bold; }
.chtotw .txt-list ul{ font-weight: normal; }
.chtotw .txtnormal{ font-weight: normal; }

/* pup */
.pup-box{ display: flex; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: rgba(0,0,0,.9); position: fixed; left: 0; top: 0; z-index: 99999; }
.pup-box .pup-info{ width: 700px; border-radius: 30px; background: #fff; border: 8px solid #1FA08E; box-sizing: border-box; padding: 50px 50px 50px 50px; font-size: 2rem; line-height: 1.58; position: relative; text-align: justify; }
.pup-box .pup-info a{ color: #1fa08e; text-decoration: underline; }
.pup-box .pup-info .close{ font-size: 2rem; font-weight: bold; color: #1fa08e; position: absolute; right: 15px; top: 10px; cursor: pointer; }

.pup-info ol {list-style:decimal; margin-top:5px;}
.pup-info ul {list-style:disc; margin-top:5px;}
.pup-info li {margin-left:24px;}

/* footer */
footer{  }
.footer-bg{ width: 100%; height:  60px; position: relative; overflow: hidden; z-index: 996; /* z-index: 999; */ }
.index .footer-bg{ height:  200px; margin: -150px 0 0 0; }
.footer-bg:before{ content: ''; width: 3000px; height: 350px; border-radius: 50%/50%; background: #727272; position: absolute; left: 50%; top: 0px; transform: translate(-50%,0); z-index: -1; }
.footer-box1{ box-sizing: border-box; padding: 0 0 30px 0; background: #727272; position: relative; }
.footer-box1 .footer-nav{ display: flex; flex-direction: row; justify-content: space-between; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box; padding: 0 0 0 0;   }
.footer-box1 .footer-nav>li{ min-width: 190px;  margin: 0 3%; }
.footer-box1 .footer-nav .footer-nav_title{ font-size: 2.4rem; line-height: 1.58; color: #fff; margin: 0 0 0 0;  }
.footer-box1 .footer-nav .footer-nav_title:before{ display: none; }
.footer-box1 .footer-nav .footer-nav_title:after{ content: ''; display: block; border-bottom: 1px solid #fff; margin: 0 0 15px 0; }
.footer-box1 .footer-nav .nav-list{ font-size: 2rem; line-height: 1.58; color: #fff; margin: 0 0 0 0; display: block; }
.footer-box1 .footer-nav .nav-list>li{ transition: color .25s cubic-bezier(.4,0,.2,1); }
.footer-box1 .footer-nav .nav-list>li+li{ margin: 0 0 0 0; }
.footer-box1 .footer-nav .nav-list>li:hover{ color: #f6c900;   }
.footer-box1 .footer-nav .nav-list .fb:before{ content:'\e903'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .yt:before{ content:'\e960'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .line:before{ content:'\e92d'; margin: 0 10px 0 0; }
.footer-box1 .footer-nav .nav-list .ig:before{ content:'\e92e'; margin: 0 10px 0 0; }
.footer-box2{ display: flex; flex-direction: row; justify-content: space-between; align-items: start; width: 100%; height: 90px; margin: 0 auto; box-sizing: border-box; padding: 20px 2vw; font-size: 1.7rem; line-height: 1.58; color: #000; }
.footer-box2 .footer-copyright{ display: flex; flex-direction: column; align-items: start; order: 1; font-size: 1.7rem; margin: 0 0 0 0; }
.footer-box2 .footer-copyright .col-1{ display: flex; flex-direction: row; align-items: center; }
.footer-box2 .footer-copyright .col-2{ display: flex; flex-direction: row; align-items: center; }
.footer-box2 .footer-copyright span{ margin: 0 0 0 20px; }
.footer-box2 .footer-link{ display: flex; align-items: center; }
.footer-box2 .footer-link>li{ display: flex; align-items: center; transition: color .25s cubic-bezier(.4,0,.2,1); height: 25px; font-size: 1.7rem; }
.footer-box2 .footer-link>li.icon{ padding: 0 20px 0 0; }
.footer-box2 .footer-link>li.icon span{  display: none; }
.footer-box2 .footer-link>li:hover{ color: #009380; }
.footer-box2 .footer-link>li+li:before{ content: ''; display: block; width: 1px; height: 17px; background: #000; margin: 0 10px 0 10px; }


}





/* $1025~1279
--------------------------------------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1279px){


}