@charset "utf-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   Common
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;}
input,select,textarea{margin:0;padding:0;vertical-align:middle;-webkit-appearance:none;appearance:none;}
input[type="submit"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size:62.5%;}
body{margin:0 auto;color:#484848;font-size:100%;-webkit-text-size-adjust:100%;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.6;height:100%;-webkit-touch-callout:none;}
a{color:#0075ee;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover, a:active{color:#c49234;}
img,input[type="image"]{max-width:100%;}
video{display:block;max-width:100%;}

/*========== form ==========*/
input,select,textarea{width:100%;font-size:16px;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
input[type="submit"],input[type="button"],input[type="file"]{line-height:1;}
input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],
input[type="number"],input[type="range"],input[type="color"],
input[type="datetime"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],
select,textarea{padding: 0.5em;background:var(--gray-color);border:solid 1px #EEE;border-radius:3px;}
input[type="radio"],input[type="checkbox"]{vertical-align:text-bottom;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}
input[type="file"]{display:none;}
input[type="submit"].skip,input[type="button"].skip{background:none;color:#8c8c8c;font-size:1.3rem;text-decoration: underline;border:none;}
.selectwrap{position: relative;}
.selectwrap:after{position:absolute;content:'\f078';top:10px;right:6px;font-size:12px;font-family: "Font Awesome 5 Free";font-weight: 900;}
.area_imagefile label{display: block;width:100%;text-align: center;background:var(--gray-color);border:1px dashed #CCC;}
.area_imagefile label > span{display: block;color:var(--site-color);font-size:1.4rem;padding:1em;}
.area_imagefile label > span > i{margin-right:0.5em;}

/*========== color setting ==========*/
:root {
  --site-color:#07556e;
  --sub-color :#ff5d7f;
  --new-color :#ff8fa7;
  --gray-color:#F0F0F0;
  --red-color :#ff3939;
}

/*==================================================================
   Contents
==================================================================*/
/*========== container ==========*/
.container{height: 100%;max-width: 1000px;margin: 0 auto;position:relative;display: flex;flex-flow: column;}

/*========== header ==========*/
header{position:fixed;top:0;left:0;right:0;max-width:1000px;margin:0 auto;background:#FFF;z-index:100;}

/* gnav */
header ul.gnav{display: flex;margin:0 auto;padding-right:150px;border-bottom: 1px solid #AAA;}
header ul.gnav > li {position:relative;width:calc(100% / 3);max-width:150px;text-align: center;}
header ul.gnav > li > a{display:block;color:#8c8c8c;padding:0.6em 0.1em 0.3em;position:relative;}
header ul.gnav > li > a > i{display:block;font-size:2rem;line-height:2.5rem;}
header ul.gnav > li > a > p{display:block;font-size:1rem;}
header ul.gnav > li.select::before{content:"";position:absolute;top:calc(100% - 1px);left:0;width:100%;border-bottom:2px solid var(--site-color);}
header ul.gnav > li.select::after{content:"";position:absolute;top:100%;
left: calc(50% - 8px);
border: 8px solid transparent;
border-top: 5px solid var(--site-color);}
header ul.gnav > li.select > a{color:var(--site-color);}
header ul.gnav > li.select > a > p{font-weight:bold;}

/* ops_mailpage */
header ul.ops_mailpage{position:absolute;right:1rem;top:0;display:flex;}
header ul.ops_mailpage > li > a{display: block;color:#484848;text-align: center;padding:0.6em 1em 0.3em;}
header ul.ops_mailpage > li > a > i{color:var(--site-color);font-size:2rem;line-height:2.5rem;}
header ul.ops_mailpage > li.return{margin-right:1em;}

/*========== main ==========*/
main{position: relative;flex: 1;}
main.contents{padding:1em 0 3em;background:#F5F5F5;}

/*========== footer ==========*/
footer{color:#FFF;background:#484848;border-top:1px solid #EEE;}
footer .inner{padding:1em;}
footer nav ul{display:flex;justify-content:center;}
footer nav ul > li > a{color:#FFF;padding:0.5em;}
footer nav ul > li:not(:last-child)::after{color:#FFF;content:"/";}
footer .copy{text-align: center; padding:1em;}

/*========== title ==========*/
.ttl_01{color:#484848;font-size:1.6rem;font-weight:bold;margin:0.5em 0;}
.ttl_01 > span{display: inline-block;vertical-align:middle;}
.ttl_01 > span.circle{position:relative;width:2rem;height:2rem;color: #FFF;text-align: center;margin-right:0.5em;background: var(--site-color);border-radius: 50%;}
.ttl_01 > span.circle > i{position:absolute;left:50%;top:50%;font-size: 0.6em;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.ttl_01 > span.icon{position:relative;color: var(--site-color);margin-right:0.5em;}
.ttl_02{color: #FFF;font-size: 1.4rem;font-weight:bold;text-align: left;padding: 0.5em 1em;background: var(--site-color);}
.ttl_03{font-size: 1.4rem;font-weight:bold;text-align: left;padding: 0.2em 0;border-bottom:2px solid var(--site-color);}
.ttl_04{color:var(--site-color);font-size: 1.4rem;font-weight:bold;text-align: center;padding: 0.5em;border:2px solid var(--site-color);border-width:2px 0;}

/* クライアント使用用に種類拡張 */
.ttl_02.sub{background: var(--sub-color);}
.ttl_02.red{background: var(--red-color);}
.ttl_02.blue{background:#0079cf;}
.ttl_02.green{background:#1cb500;}
.ttl_02.orange{background:#ff8000;}
.ttl_02.gray{background:#919191;}
.ttl_02.black{background:#000000;}
.ttl_03.sub{border-color:var(--sub-color);}
.ttl_03.red{border-color:var(--red-color);}
.ttl_03.blue{border-color:#0079cf;}
.ttl_03.green{border-color:#1cb500;}
.ttl_03.orange{border-color:#ff8000;}
.ttl_03.gray{border-color:#919191;}
.ttl_03.black{border-color:#000000;}
.ttl_04.sub{color:var(--sub-color);border-color:var(--sub-color);}
.ttl_04.red{color:var(--red-color);border-color:var(--red-color);}
.ttl_04.blue{color:#0079cf;border-color:#0079cf;}
.ttl_04.green{color:#1cb500;border-color:#1cb500;}
.ttl_04.orange{color:#ff8000;border-color:#ff8000;}
.ttl_04.gray{color:#919191;border-color:#919191;}
.ttl_04.black{color:#000000;border-color:#000000;}


/*========== button ==========*/
/*-- btn_01 (site-color) --*/
.btn_01 a,
.btn_01 button,
.btn_01 input[type="submit"],
.btn_01 input[type="file"] + label,
.btn_01.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--site-color);border:2px solid var(--site-color);border-radius:30px;cursor: pointer;}
.btn_01 i{margin-right:0.5em;}
.btn_01 a:hover,
.btn_01 button:hover,
.btn_01 input[type="submit"]:hover,
.btn_01 input[type="file"] + label:hover{color:var(--site-color);background:#FFF;}

/* クライアント使用用に種類拡張 */
.btn_01.red > a{background:var(--red-color);border-color:var(--red-color);}
.btn_01.red > a:hover{color:var(--red-color);background:#FFF;}
.btn_01.blue > a{background:#0079cf;border-color:#0079cf;}
.btn_01.blue > a:hover{color:#0079cf;background:#FFF;}
.btn_01.green > a{background:#1cb500;border-color:#1cb500;}
.btn_01.green > a:hover{color:#1cb500;background:#FFF;}
.btn_01.orange > a{background:#ff8000;border-color:#ff8000;}
.btn_01.orange > a:hover{color:#ff8000;background:#FFF;}
.btn_01.gray > a{background:#919191;border-color:#919191;}
.btn_01.gray > a:hover{color:#919191;background:#FFF;}
.btn_01.black > a{background:#000000;border-color:#000000;}
.btn_01.black > a:hover{color:#000000;background:#FFF;}

/*-- btn_02 (red-color) --*/
.btn_02 a,
.btn_02 button,
.btn_02 input[type="submit"],
.btn_02 input[type="file"] + label,
.btn_02.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--red-color);border:2px solid var(--red-color);border-radius:30px;cursor: pointer;}
.btn_02 i{margin-right:0.5em;}
.btn_02 a:hover,
.btn_02 button:hover,
.btn_02 input[type="submit"]:hover,
.btn_02 input[type="file"] + label:hover{color:var(--red-color);background:#FFF;}

/*-- btn_03 #BBBBBB --*/
.btn_03 a,
.btn_03 button,
.btn_03 input[type="submit"],
.btn_03 input[type="reset"],
.btn_03.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:#BBB;border:2px solid #BBB;border-radius:30px;cursor: pointer;}
.btn_03 i{margin-right:0.5em;}
.btn_03 a:hover,
.btn_03 button:hover,
.btn_03 input[type="submit"]:hover,
.btn_03 input[type="reset"]:hover{color:#BBB;background:#FFF;}

/*-- btn_04 (sub-color) --*/
.btn_04 a,
.btn_04 button,
.btn_04 input[type="submit"],
.btn_04 input[type="file"] + label,
.btn_04.jsbtn > span{display:block;width:80%;max-width:300px;color:#FFF;font-size:1.3rem;font-weight:bold;text-align:center;line-height: 1;margin:1em auto;padding:1em;background:var(--sub-color);border:2px solid var(--sub-color);border-radius:30px;cursor: pointer;}
.btn_04 i{margin-right:0.5em;}
.btn_04 a:hover,
.btn_04 button:hover,
.btn_04 input[type="submit"]:hover,
.btn_04 input[type="file"] + label:hover{color:var(--sub-color);background:#FFF;}

/*-- btn_line --*/
.btn_line a,
.btn_line input[type="submit"]{display:block;width:80%;max-width:300px;color:#fff !important;font-size:1.4rem;font-weight: bold; text-align:center;line-height:1;margin:15px auto;padding:1em;border-radius:5px;
 background:#00b900 url(../img/icon_line.png) no-repeat;
 background-size:auto 70%;
 background-position: calc(50% - 80px);}


/*========== box ==========*/
/*-- box_01 sitecolorbox --*/
.box_01{font-size:1.3rem;padding:1em;border:2px solid var(--site-color);}

/*-- box_02 graybox --*/
.box_02{font-size:1.3rem;padding:1em;border:2px solid #CCC;}

/*-- box_03 redbox --*/
.box_03{font-size:1.3rem;padding:1em;border:2px solid var(--red-color);}

/*========== list ==========*/
ul.list_number,
ol.list_number{list-style-type:decimal;margin-left:1.5em;}
ul.list_disc{list-style-type: disc;margin-left:1.5em;}

ul.list_flex{display: flex;align-items: center;flex-wrap: wrap;}
ul.list_flex.aligntop{align-items: flex-start;}
ul.list_flex.clm2 > li{width:50%;}
ul.list_flex.clm3 > li{width:calc(100% / 3);}

/* クライアント使用用に種類拡張 */
ul.list_flex.imgflex01{justify-content: space-between;}
ul.list_flex.imgflex01 > li > p{font-size:1.4rem;padding-left:10px;}
ul.list_flex.imgflex02{justify-content: space-between;margin-bottom:-10px;}
ul.list_flex.imgflex02 > li{width:calc(50% - 5px);margin-bottom:10px;}
ul.list_flex.imgflex02 > li > p{font-size:1.4rem;padding-top:5px;}

/*--- list_simple ---*/
ul.list_simple li a{display:block;color:#484848;font-size:1.4rem;padding:1em 1.5em;border-bottom:1px solid #EEE;position: relative;}
ul.list_simple li a:after{display: block;content: "";position: absolute;top: 50%;right: 10px;width: 6px;height: 6px;margin: -4px 0 0 0;border-top: solid 2px #8c8c8c;border-right: solid 2px #8c8c8c;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}

/*--- list_btn ---*/
ul.list_btn > li{margin-bottom:0.5em;}
ul.list_btn.clm2,ul.list_btn.clm3,ul.list_btn.clm4{display:-webkit-box;display:-webkit-flex;display: -ms-flexbox;display: flex;align-items:center;}
ul.list_btn.clm2 > li{width:50%;}
ul.list_btn.clm3 > li{width:33.3%;}
ul.list_btn.clm4 > li{width:25%;}
ul.list_btn.clm2 > li a, ul.list_btn.clm2 > li button, ul.list_btn.clm2 > li input[type="submit"], ul.list_btn.clm2 > li input[type="reset"],
ul.list_btn.clm3 > li a, ul.list_btn.clm3 > li button, ul.list_btn.clm3 > li input[type="submit"], ul.list_btn.clm3 > li input[type="reset"],
ul.list_btn.clm4 > li a, ul.list_btn.clm4 > li button, ul.list_btn.clm4 > li input[type="submit"], ul.list_btn.clm4 > li input[type="reset"]{width:95%;margin:1em auto;border-radius:10px;}

/*--- list_notes ( line green ) ---*/
ul.list_notes{padding:1em;border:2px solid #00b900;border-radius:5px;}
ul.list_notes li{color:#00b900;font-weight:bold;margin-bottom:0.5em;}
ul.list_notes li:last-child{margin-bottom: 0;}

/*--- list_basic ---*/
dl.list_basic{font-size:1.3rem;text-align: left;margin-bottom:3em;}
dl.list_basic > dt{font-size: 1.1em;font-weight:bold;margin:1.5em 0 1em;border-bottom: 2px solid var(--site-color);}
dl.list_basic > dt:first-child{margin-top:0;}
dl.list_basic > dt > i{margin-right:0.5em;}
dl.list_basic > dd{margin-bottom:0.5em;text-align: justify;}
dl.list_basic > dd > ul > li,
dl.list_basic > dd > ol > li{margin:0.5em 0;}

/* クライアント使用用に種類拡張 */
dl.list_basic.red > dt{border-color:var(--red-color);}
dl.list_basic.blue > dt{border-color:#0079cf;}
dl.list_basic.green > dt{border-color:#1cb500;}
dl.list_basic.orange > dt{border-color:#ff8000;}
dl.list_basic.gray > dt{border-color:#919191;}
dl.list_basic.black > dt{border-color:#000000;}

/*--- list_terms ---*/
dl.list_terms{font-size:1.3rem;text-align: left;margin-bottom:3em;}
dl.list_terms dt{font-size: 1.1em;font-weight:bold;margin:1.5em 0 0.5em;}
dl.list_terms dt:first-child{margin-top:0;}
dl.list_terms dd{margin-bottom:0.5em;text-align: justify;}
dl.list_terms dd > ul > li,
dl.list_terms dd > ol > li{margin:0.5em 0;}

/*--- list_pager ---*/
ul.list_pager{display: flex;justify-content: center;align-items: center;font-size:1.4rem;margin:1em auto}
ul.list_pager > li:not(:last-child){margin-right:0.5em;}
ul.list_pager > li > a{display: block;color:var(--site-color);font-weight:bold;padding:0.2em 0.6em;border:1px solid var(--site-color);background:#FFF;border-radius:3px;}
ul.list_pager > li > a.current{color:#FFF;background:var(--site-color);}

/*--- list_input ---*/
dl.list_input{font-size:1.4rem;text-align: left;margin-bottom:3em;}
dl.list_input > dt{font-weight:bold;margin:1.5em 0 0.5em;}
dl.list_input > dt span.required{display: inline-block;vertical-align:text-top; color:#FFF;font-size:0.8em;padding:0 0.5em;margin:0 0.5em;border-radius:5px;background:var(--red-color);}
dl.list_input > dt:first-child{margin-top:0;}
dl.list_input > dd{margin-bottom:0.5em;}
dl.list_input > dd.birth{display: flex;}
dl.list_input > dd.birth > *{display: inline-flex;align-items: center;}
dl.list_input > dd.birth .year{width:40%;}
dl.list_input > dd.birth .year > input{width:calc(100% - 2em);margin-right:0.5em;}
dl.list_input > dd.birth .month,
dl.list_input > dd.birth .day{width:30%;}
dl.list_input > dd.birth .month > .selectwrap,
dl.list_input > dd.birth .day > .selectwrap{width:calc(100% - 2em);margin-right:0.5em;}
dl.list_input > dd.imagefile label{display: block;width:100%;text-align: center;background:var(--gray-color);border:1px dashed #CCC;}
dl.list_input > dd.imagefile label > i{color:var(--site-color);font-size:2em;padding:0.5em;}

/*--- list_radio, list_check ---*/
ul.list_radio,
ul.list_check{position: relative;margin:0;}
ul.list_radio > li,
ul.list_check > li{border: 1px solid #EEE;border-radius: 3px;margin-bottom:0.5em;}
ul.list_radio > li input[type="radio"],
ul.list_check > li input[type="checkbox"]{display:none;}
ul.list_radio > li input[type="radio"] + span,
ul.list_check > li input[type="checkbox"] + span{display:block;color:#8c8c8c;font-size:1.4rem;padding:0.5em 1em 0.5em 3em;position:relative;}

ul.list_radio > li input[type="radio"] + span:after,
ul.list_check > li input[type="checkbox"] + span:after{font-family: "Font Awesome 5 Free";font-weight: 500;color:var(--site-color);position:absolute;left:1em;top:20%;}
ul.list_radio > li input[type="radio"] + span:after {content: "\f111";}
ul.list_check > li input[type="checkbox"] + span:after{content: "\f0c8";}

ul.list_radio > li input[type="radio"]:checked + span,
ul.list_check > li input[type="checkbox"]:checked + span{color:#333;font-weight: bold;background:var(--gray-color);}
ul.list_radio > li input[type="radio"]:checked + span:after {content: "\f111";font-weight: 900;}
ul.list_check > li input[type="checkbox"]:checked + span:after {content: "\f14a";font-weight: 900;}

ul.list_radio.list_flex > li,
ul.list_check.list_flex > li{border-radius:0;margin:0;}

/*--- list_chat ---*/
ul.list_chat{font-size:1.2rem;padding:2em 1em 1em;}
ul.list_chat > li{display: flex;align-items: flex-start; margin-bottom: 1.5em;}
ul.list_chat > li .icon{width: 20%;}
ul.list_chat > li .icon img{border-radius:50%;}
ul.list_chat > li .text > p{word-wrap: break-word;}
ul.list_chat > li .text > p.date{font-size:0.8em;margin-bottom:0.2em;}
ul.list_chat > li .text > p.message{display: inline-block;color:#484848;font-size:1.6rem;padding:0.5em;margin-bottom:0.5em;border:1px solid #484848;border-radius:8px;background: #FFF;word-break: break-word;white-space: pre-wrap;}
ul.list_chat > li .text > p.image{padding:0.5em;border:1px solid #484848;border-radius:0.8em;max-width:130px;background: #FFF;}
ul.list_chat > li.opp{margin-right: 20%;justify-content: flex-start;}
ul.list_chat > li.opp .icon{display: flex;justify-content: center;align-items: center;min-width:50px;width:50px;height:50px;margin-right:1em;border-radius:50%;}
ul.list_chat > li.opp.first{margin-right: 0 !important;justify-content: center;}
ul.list_chat > li.opp.first .text > p.message{font-size:1.4rem;border-color:var(--site-color);border-width:2px;padding:1em;white-space: inherit;}
ul.list_chat > li.my{text-align: right;margin-left: 20%;justify-content: flex-end;}
ul.list_chat > li.my .text > p.message,
ul.list_chat > li.my .text > p.image{text-align: left;background:var(--form-color);}
/* link */
ul.list_chat > li .text > p > span.chatlink{display: inline-block;}
ul.list_chat > li .text > p > span.chatlink > a{display: block;width: 100%;min-width: 260px;color: #FFF;font-size: 1.2rem;font-weight: bold; text-align: center;line-height: 1;border-radius: 10px;margin: 0.5em auto;padding: 1em;background: var(--site-color);}

/*--- list_mail ---*/
ul.list_mail > li{position: relative;display:block;color:#484848;font-size:1.4rem;padding:0.8em 0.5em 0.8em 4.5em;background:#FFF;border-bottom:1px solid #EEE;cursor: pointer;}
ul.list_mail > li::before{content:"\f2b6";font-family: "Font Awesome 5 Free";font-weight: 900;color:#FFF;font-size:1.6em;text-align: center;line-height:1.8em;position: absolute;top: 50%;left: 0.5em;width:1.8em;height:1.8em;background:#CCC;border-radius:5px;transform: translateY(-50%);}
ul.list_mail > li p.date{position:absolute;right:1rem;top:0.8rem;color:#8c8c8c;font-size:0.8em;}
ul.list_mail > li p.title{font-weight:bold;padding-right:4.5em;margin-bottom:0.1em;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
ul.list_mail > li p.detail{position:relative;color:#8c8c8c;font-size:0.8em;line-height:1.3;padding-right:1.5rem;min-height:2.6em;
 display: -webkit-box;overflow: hidden;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;}
ul.list_mail > li p.detail::after{display: block;content: "";position: absolute;top: 50%;right: 0.5rem;width: 6px;height: 6px;margin: -4px 0 0 0;border-top: solid 2px #CCC;border-right: solid 2px #CCC;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);}
ul.list_mail > li p.nodata{padding:1.2em 0;}
ul.list_mail > li.new::before{content:"\f0e0";background:var(--site-color);}
ul.list_mail > li.new::after{position:absolute;left:0.8rem;top:0.5rem;content: "\f111";font-family: "Font Awesome 5 Free";color: var(--new-color);font-weight: 900;margin-right:0.5em;z-index:1;}
ul.list_mail > li.new > p.date{color:var(--site-color);}
ul.list_mail > li.new > p.title{color:var(--site-color);font-weight:bold;}

/*--- list_notice ---*/
ul.list_notice{margin-bottom:3em;}
ul.list_notice > li{display: flex;align-items:center;justify-content: space-between;padding:1em;border-bottom:1px solid #EEE;}
ul.list_notice > li > p{font-size:1.4em;}


/*========== overlay ==========*/
/*-- overlay_01 standard --*/
.overlay_01{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:1000;}
.overlay_01 .inner{position:absolute;top:50%;left: 0;right: 0;width: 90%;max-width: 360px;margin: auto;padding:1.5em 1em;text-align: center;background: #FFF;border-radius:1em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_01 .inner > h3{font-size:1.4rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_01 .inner > p{font-size:1.2rem;margin-bottom:0.5em;}
.overlay_01 .inner .ope_01{font-size:1.2rem;margin:1em 0 0;border-top:1px solid #EEE;}
.overlay_01 .inner .ope_01 .menu{border-bottom:1px solid #EEE;}
.overlay_01 .inner .ope_01 .menu > a{display:block;padding:1em 0;color:var(--site-color);font-size:1.1em;font-weight:bold;}
.overlay_01 .inner .ope_01 .close > a{display:block;padding:1em 0 0;color:#8c8c8c;text-decoration: underline;}
.overlay_01 .inner .ope_02{font-size:1.2rem;margin:2em 0 0;}
.overlay_01 .inner .ope_02 p[class^="btn_"] > a,
.overlay_01 .inner .ope_02 p[class^="btn_"] > input[type="submit"],
.overlay_01 .inner .ope_02 p[class^="btn_"] > button{margin-bottom:0;}
.overlay_01 .inner .ope_02 .close  > a,
.overlay_01 .inner .ope_02 .skip   > input[type="submit"]{display:block;padding:1em 0 0;color:#8c8c8c;text-decoration: underline;}
.overlay_01 .inner ul.list_btn a{margin-bottom:0;}
/* logininfo */
.overlay_01 .inner > .textarea {max-height: 40vh;min-height: 15vh;overflow-y: scroll;font-size:1.2rem;text-align: left;padding: 0.5em;border-top:1px solid #EEE;}
.overlay_01 .inner > .textarea > img{display: block;}
.overlay_01 .inner .infocheck label{position: relative;padding-left:2em;}
.overlay_01 .inner .infocheck label input[type="checkbox"]{display: none;}
.overlay_01 .inner .infocheck label input[type="checkbox"] + span::before{content: "";display: block;width: 11px;height: 11px;
 position: absolute;top: 50%;left: 0;transform: translateY(-50%);border: 2px solid #CCC;border-radius: 3px;cursor: pointer;}
.overlay_01 .inner .infocheck label input[type="checkbox"]:checked + span::before{border-color:#1c506f;background:#1c506f;}
.overlay_01 .inner .infocheck label input[type="checkbox"]:checked + span::after{content: "";display: block;width: 10px;height: 5px;border-bottom: 2px solid #fff;border-left: 2px solid #fff;box-sizing: border-box;
 position: absolute;top: 40%;left: 4px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg) translateY(-50%);}

/*-- overlay_02 send --*/
.overlay_02{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:1000;}
.overlay_02 .inner{position:absolute;top:50%;left: 0;right: 0;width: 80%;max-width: 360px;margin: auto;padding:4em 1em 1.5em;text-align: center;background: #FFF;border-radius:1em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_02 .inner > h3{color:var(--site-color);font-size:1.8rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_02 .inner > p.icon{position:absolute;top:-1em;left:0;right:0;width:2em;height:2em;margin:auto;color:#FFF;font-size:3rem;text-align: center; background:var(--site-color);border-radius:50%;}
.overlay_02 .inner > p.icon i{position: absolute;top: 50%;left: 50%;
 transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);}
.overlay_02 .inner > p.close > a{display:block;padding:1em 0 0;color:#8c8c8c;font-size:1.2em;text-decoration: underline;}


/*========== table ==========*/
/*--- tbl_01 graytable ---*/
table.tbl_01{width:100%;font-size:1.3rem;background:#FFF;}
table.tbl_01 thead th{color:#FFF;background:var(--site-color);}
table.tbl_01,
table.tbl_01 th,
table.tbl_01 td {border: 1px solid #CCC;border-collapse: collapse;}
table.tbl_01 th,
table.tbl_01 td {padding: 10px;}
table.tbl_01 th {width:25%;font-weight:bold;background:var(--gray-color);}
/* width max */
table.tbl_01.max{border:none;}
table.tbl_01.max tr,
table.tbl_01.max th,
table.tbl_01.max td{display: block;width:100% !important;border-bottom: none;}
table.tbl_01.max tr:last-child{border-bottom:1px solid #CCC;}

/*--- tbl_02 sitecolortable ---*/
table.tbl_02{width:100%;font-size:1.3rem;background:#FFF;}
table.tbl_02 thead th{color:#FFF;background:var(--site-color);}
table.tbl_02,
table.tbl_02 th,
table.tbl_02 td {border: 1px solid #CCC;border-collapse: collapse;}
table.tbl_02 th,
table.tbl_02 td {padding: 10px;}
table.tbl_02 th {width:25%;color:#FFF;font-weight:bold;background:var(--site-color);}
/* width max */
table.tbl_02.max{border:none;}

/* クライアント使用用に種類拡張 */
table.tbl_02.red th{background:var(--red-color);}
table.tbl_02.blue th{background:#0079cf;}
table.tbl_02.green th{background:#1cb500;}
table.tbl_02.orange th{background:#ff8000;}
table.tbl_02.black th{background:#000000;}


/*========== contents ==========*/
/*=== メインページ（メールボックス） ===*/
/*-- maildetail --*/
.maildetail{font-size:1.4rem;padding:1.5em 1em;background:#FFF;}
.maildetail > dl > dt{font-weight:bold;padding-bottom:1.8em;margin-bottom:1em;border-bottom:1px solid #EEE;position:relative;}
.maildetail > dl > dt > span.date{position:absolute;right:0;bottom:0.2em;color:#AAA;font-size:0.8em;}
.maildetail > dl > dd{text-align: justify;line-height: 1.8;word-break: break-all;}
.maildetail > dl > dd .detail{white-space:pre-wrap;}
.maildetail > dl > dd img{display: block;}

/*=== サポートチャット ===*/
.area_chat{min-height: 100%;}
.chatform{position:fixed;bottom:0;left:0;width: 100%;background: #FFF;border-top:2px solid #F5F5F5;padding:0.5em;}
.chatform > form{display:flex;justify-content:center;align-items: flex-end;}
.chatform > form .file{display:block;width:10%;color:var(--site-color);margin-right:2%;font-size:2.8em;line-height:1;text-align: center;}
.chatform > form .message{width: 73%;margin-right:2%;}
.chatform > form .message > textarea{height:35px;max-height: 200px;font-size:1.6rem;line-height: 1.5;}
.chatform > form p.btn{width: 13%;}
.chatform > form p.btn > input[type="submit"]{color:#FFF;font-size:1.2rem;font-weight:bold;text-align: center; padding:0.8em;border-radius:0.5em;background:var(--site-color);}

/*-- slide banner --*/
.swiper-container{margin:0.5em auto;padding-bottom:1em !important;background:#FFF;}
.swiper-wrapper{margin-bottom:0.5em;}
.swiper-slide{padding:0.5em;text-align: center;}
.swiper-pagination{bottom:0em !important;}

/*=== データなし画面 ===*/
/*-- area_empty --*/
.area_empty{padding: 5em 1em 1em;margin:auto;}
.area_empty > p{font-size:1.4rem;text-align: center;margin-bottom:1em;}

/*=== 規約チェック ===*/
/*--- rulecheck ---*/
p.rulecheck{text-align: center;}
p.rulecheck label{position: relative;font-size:1.2rem;padding-left:1.5em;}
p.rulecheck label input[type="checkbox"]{display: none;}
p.rulecheck label input[type="checkbox"] + span::before{content: "";display: block;font-size:1.2em;
 position: absolute;top: 50%;left: 0;transform: translateY(-50%);cursor: pointer;
 font-family: "Font Awesome 5 Free";content: "\f0c8";
 font-weight: 500;
 color: #CCC;}
p.rulecheck label input[type="checkbox"]:checked + span::before{content: "\f14a";color:var(--site-color);font-weight: 900;}


/*========== 登録前 ==========*/
/*-- login --*/
main.login{max-width:1000px;margin:0 auto;font-size:1.3rem;}
main.login h1{margin-bottom:1em;}
main.login .notes{font-size:0.8em;margin:1em auto;padding:1em 0;border-top:1px solid #EEE;}

/*-- lineQR --*/
main.lineQR{max-width:1000px;width:100%;margin:3.4em auto 0;font-size:1.6rem;text-align:center;padding-bottom:3em;}
main.lineQR h1{font-size:1.2em;font-weight:bold;margin:1.5em 0 1em;}
main.lineQR p{color:#777;}

/*========== inview Animation ==========*/
/*-- フェードインアップ --*/
.animated_fadeInUp{opacity: 1;
-webkit-animation:fadeInUp 0.5s ease 1;
-moz-animation:fadeInUp 0.5s ease 1;
animation: fadeInUp 0.5s ease 1;
}
@-webkit-keyframes fadeInUp {
 0% { opacity: 0; -webkit-transform: translateY(30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
 0% { opacity: 0; -moz-transform: translateY(30px); }
 100% { opacity: 1; -moz-transform: translateY(0); }
}
@keyframes fadeInUp {
 0% { opacity: 0; transform: translateY(30px); }
 100% { opacity: 1; transform: translateY(0); }
}


/*==================================================================
   Common
==================================================================*/
/*========== text ==========*/
/* size */
.f_SS{font-size:0.6em !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_LL{font-size:1.5em !important;}
/* color */
.f_red{color:var(--red-color) !important;}
.f_blue{color:#006edd !important;}
.f_yellow{color:#ffde00 !important;}
.f_white{color:#FFFFFF !important;}
/* クライアント使用用に種類拡張 */
.f_green{color:#1cb500 !important;}
.f_orange{color:#ff8000 !important;}
.f_gray{color:#919191 !important;}

/* site color */
.f_color1{color:var(--site-color);}
/* align */
.tx_right{text-align: right !important;}
.tx_left{text-align: left !important;}
.tx_center{text-align: center !important;}
/* decoration */
.f_bold{font-weight:bold !important;}
.f_normal{font-weight:normal !important;}
.tx_line{text-decoration: underline;}
.tx_mark{background: #FF0;}
.tx_inline > span{display: inline-block;}

.textcont > h2{font-weight:bold;margin:2em 0;}
.textcont > p{text-align:justify;line-height:1.8;margin-bottom:1.5em;position: relative;}
.textcont > figure{margin-bottom:1.5em;}

.mb_0{margin-bottom: 0 !important;}
.mb_S{margin-bottom: 0.5em !important;}
.mb_M{margin-bottom: 1em !important;}
.mb_L{margin-bottom: 1.5em !important;}
.mb_LL{margin-bottom: 2em !important;}

.mt_0{margin-top:0 !important;}
.mb_0{margin-bottom:0 !important;}

.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.wd_auto{width:auto;}
.wd_50 {width:50% !important;margin-left:auto;margin-right:auto;}
.wd_70 {width:70% !important;margin-left:auto;margin-right:auto;}
.wd_80 {width:80% !important;margin-left:auto;margin-right:auto;}
.wd_90 {width:90% !important;margin-left:auto;margin-right:auto;}
.wd_100{width:100% !important;}

.area_01{padding:1em;}
.area_02{padding:1em;background:#FFF;}
.area_03{padding:1em;background:var(--gray-color);}
.area_text > p{font-size:1.3rem;}
.errormsg{color:#ff0000;font-size:1.2rem;}


/*　new badge */
.badge{position:absolute;display:inline-block;top:10%;right:15%;width:18px;color:#FFF;font-size:1rem;font-weight:bold;line-height:1.8;text-align: center;border-radius:50%;background:var(--new-color);}

/* fix */
.fix_btm{position:fixed;left:0;bottom:0;width:100%;}
.fix_ribtm{position:fixed;right:0.5em;bottom:0.5em;}