@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Cabin+Condensed');

/* Reset-----------------------------------------------------------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, big, code, em, font, img,  small, strong,
ol, ul, li, form, label, table,  tr, th, td, dl, dd, dt,
article, aside, footer, header, menu, nav, section, summary, textarea,main,
figure,figcaption
{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
i{font-style:normal;}
.clx:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clx { display: block; }
* html .clx { height: 1%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {-webkit-text-size-adjust:none;-webkit-touch-callout: none;}
a {outline:none;text-decoration:none;}
iframe {border:none;}
ul, ol { list-style: none;}
img { border: none; vertical-align:bottom;max-width: 100%;height: auto;width /***/:auto;}
:focus { outline: 0;}
table { border-collapse: collapse;border-spacing:0;font-size:inherit;font:100%;}
h1, h2, h3, h4, h5, h6 {line-height:1.4;}
html {height: 100%;font-size: 62.5%;}
body {
font: 1rem "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;
color:#353535;
background:#f2f2f2;
letter-spacing:0.1rem;
font-feature-settings :palt;
height: 100%;
overflow-x:hidden;
}
@-ms-viewport {
  width: device-width;
}

/* common -----------------------------------------------------------*/
body { overflow-x: hidden; position: relative; font:1.8rem;}
*,*::before,*::after { box-sizing: border-box;}

a { color: #4c4c4c;}

.red{ color: #d94444;}
.ssg{ color:#00973F;}

.font_s{ font-size:1.3rem;}

button{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
input, select, textarea{ font-family: "Noto Sans Japanese","Meiryo","Hiragino Kaku Gothic Pro",sans-serif;-webkit-appearance: none;	-moz-appearance: none; appearance: none; border-radius: 0; background:#fff; border:1px solid #d1d0ce;}

input[type=text].not_input{ background:#FFE0E0;}

select{ padding:0.5rem 3rem 0.5rem 1rem; cursor:pointer;}
select::-ms-expand { display: none;}

.select{position:relative;}
.select::after {right: 12px;top: 12px;width: 6px;height: 6px;transform: rotate(-45deg);position: absolute;display: block;border-bottom: 2px solid #444;border-left: 2px solid #444;content:'';z-index: 2;}

input[type=checkbox], input[type=radio] { display: none;}
input[type=checkbox] + label, input[type=radio] + label { transition: background-color 0.2s linear; position: relative; display: inline-block; padding: 0 0 0 2.5rem; margin: 0; vertical-align: middle; transition: 0.4s; cursor: pointer;}
input[type=checkbox] + label:after, input[type=radio] + label:after { position: absolute; top: 50%; left: 0; display: block; border: 1px solid #d1d0ce; background:#fff; content: ''; margin-top: -8px; width: 17px; height: 17px;}
input[type=checkbox] + label:before, input[type=radio] + label:before { left: 0; top: 3px; width: 17px; height: 11px; transform: rotate(-45deg); position: absolute; display: block; border-bottom: 2px solid #00973F; border-left: 2px solid #00973F; content: ''; opacity: 0; z-index: 2;}
input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before { opacity: 1;}
input[type=checkbox] + label:hover, input[type=radio] + label:hover { opacity: 0.7;}

label{ user-select: none;}

hr { display: block; height: 1px; border: 0; border-top: 1px dotted #e4e4e4; margin: 1rem 0; padding: 0; }
hr.bd_none{ display: block; height: 1px; border: 0; border-top:none; margin: 1rem 0; padding: 0; }

.txt_al { text-align:left; }
.txt_ar { text-align:right; }
.txt_ac, .center{ text-align:center; }
.right { margin-left: auto; }

.cl_red{ color:#EC2124;}
.bg_gray{ background: #ececec !important;}

.mb_ss{ margin-bottom:1rem;}
.mb_s{ margin-bottom:2rem;}
.mb_m{ margin-bottom:3rem;}
.mb_l{ margin-bottom:4rem;}
.mb_xl{ margin-bottom:8rem;}
.mr_m{ margin-right:3rem;}
.mr_s{ margin-right:2rem;}
.mr_ss{ margin-right:2rem;}

.pt_ss{ padding-top:2rem;}
.pt_s{ padding-top:9rem;}
.pt_l{ padding-top:10rem;}

.plr_ss{ padding:0 0.5rem;}

.w15{ width:15% !important;}
.w25{ width:25% !important;}
.w30{ width:30% !important;}
.w45{ width:45% !important;}
.w50{ width:50% !important;}
.w60{ width:60% !important;}
.w65{ width:65% !important;}

.font_m{ font-size:2rem;}
.font_l{ font-size:2.5rem;}
.font_xl{ font-size:3.5rem;}
.font_xxl{ font-size:4.5rem;}
.bigger{ font-size:150%;}

.linehi_m{ line-height:1.6;}
.linehi_l{ line-height:2;}


.flex{ display: flex; flex-wrap: wrap; }

[id^="modal__"] { position: fixed; width: 100%;height: 100%; top: 0;left: 0; z-index: 9999; display:table;background:rgba(255,255,255,0.7); }
[id^="modal__"] .content{ display:table-cell; text-align:center; vertical-align:middle; font-size:1.5rem; color:#000; transition: all 0.5s ; opacity:1;}
[id^="modal__"] p{ padding:0 0 1rem;}
[id^="modal__"] p img{ width:80px; animation: spin 1s linear infinite;}
@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

/* inner -------------------------------------*/
.inner{ max-width:auto; width:100%; padding:0 2rem; position:relative; text-align:center;}


/* header__ -------------------------------------*/
[id^="header__"] { width:5%; height:100vh; z-index:1000; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,0.1); position:relative; position:fixed; }
[id^="header__"] .container{ width:100%;}

[class*="type__"] { width:100%; height:60px; text-align:center; display:table;}
[class*="type__"] a{ width:100%; height:60px; display:block; vertical-align:middle; display:table-cell;}
[class*="type__"] a img{ padding:0.5rem}
.type__house{ background:#18ba14;}
.type__screening{ background:#eea10d;}

[id^="liner__"] { width:100%; -ms-writing-mode: tb-rl;  writing-mode: vertical-rl; padding:1.4rem 1.4rem 3rem; font-size:1.6rem;}


[id^="nav__"] { position:absolute; bottom:0.5rem; right:0;}
[id^="nav__"] .nav li{ width:100%; -ms-writing-mode: tb-rl;  writing-mode: vertical-rl; padding:0.4rem 0.4rem 0; font-size:1.5rem;}
[id^="nav__"] .nav a{ color:#fff;}
[id^="nav__"] .nav [class*="btn__"] { padding:1.2rem;}

/* common -------------------------------------*/
.clock_frame{ position:fixed; right:0; top:0; font-size:1.6rem; line-height:1; z-index:999; background:#fff; padding:0.7rem 2rem 1rem 3rem;border-radius:0 0 0 1rem; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.clock_frame dt{ display:inline-block;}
.clock_frame dd{ display:inline-block;}
[id^="main__"] { position:relative; width: 95%; padding:2rem 0 0; margin:0 0 0 5%; font-size:1.8rem; min-height:100vh;}

#main__aside .inner{ padding:0 1rem 0 23vw;}
aside{ position:fixed; left:5%; top:0; width:23vw; height:100vh;}
aside ul{ padding:2rem; text-align:center;}
aside ul li{ width:100%; padding:1rem; background:#fff; margin:0 0 1rem; opacity:0.4; position:relative; font-size:1.4rem;}
aside ul li::after{ position:absolute; content:""; left:46%; bottom:-4px; width:9px; height:9px; background:#fff; -webkit-transform: rotate(135deg);transform: rotate(135deg);}
aside ul li:last-child::after{ background:none;}
aside ul li.now{ opacity:1; box-shadow:0 0.3rem 0.5rem rgba(0,0,0,0.1); font-weight:bold;}
aside ul li.result{ opacity:1; padding:1rem; font-weight:bold;}
aside ul li.result small{ font-size:1.3rem; font-weight:normal; display:block;}
aside ul li.result a{ color:#36B6EC; text-decoration:underline;}

[class*="msg__"] { position:absolute; top:0; left:0; width:100%; padding:1rem; text-align:center; background:#4eb2dc; color:#fff;}
.msg__grn { background:#28c75c; color:#fff;}
.msg__red { background:#ce2f28; color:#fff;}
.msg__ylw { background:#e3cf47; color:#fff;}

[class*="btn__"] { display:inline-block; padding:0.5rem; color:#fff;background: linear-gradient(0, #515253, #676869); border:1px solid #515253; line-height:1; border-radius:0.5rem; transition: 0.4s; text-align:center; box-shadow:0 2px 2px rgba(0,0,0,.1);}

[class*="_round"]{ border-radius:20rem;}

[class*="_small"]{ padding:0.7rem 1.5rem; font-size:1.3rem;}
[class*="_large"]{ padding:1.2rem 1.5rem; }
[class*="_xlarge"]{ padding:5rem 1.5rem; }
[class*="_long"]{ padding:6rem 0; }
[class*="_low"]{ padding:0 !important; }
.wider{ padding-left:15%; padding-right:15%;}

[class*="_gg"]{ background: linear-gradient(0, #1894d4, #18A8D4); border:1px solid #1894d4;}
[class*="_op"]{ background: linear-gradient(-135deg, #21c967, #00973F); }
[class*="_wl"]{ background:#fff; color:#353535; }
.red { background: #d81f2c; border:1px solid #d81f2c;}
.green { background: #16c236; border:1px solid #16c236;}
.orange { background: #e59c6d; border:1px solid #e59c6d;}
.pink { background: #f317a8; border:1px solid #f317a8;}
.yellow { background: #d8e56d; border:1px solid #d8e56d;}
.yellowish_green { background: #95BF00; border:1px solid #95BF00;}

[class^="foot__"] { bottom:0; left:0; padding:2rem;}

.foot__abs{ position:absolute; width:100%;}
.foot__fix{ position:fixed; z-index:888; left:5%; width:95% !important;}
.foot__fix [class*="btn__"]{padding:0.5rem 0.5rem; font-size:3rem;}
.foot__menu{ position:absolute; bottom:4.5rem;}

.foot__menu .btn__large{ padding:0.5rem; font-size:3rem;}

.news dl{ background:#fff; width:100%; padding:1rem; box-shadow:0 2px 4px rgba(0,0,0,.1); display:table;}
.news dl dt, .news dl dd{ display:table-cell;}
.news dl dt{ width:12rem;}

[class*="column__"] { display: flex; flex-wrap: wrap; width:100%; }
.column__02 .row{ width:50%; padding:0 0.5rem 1rem;}
.column__03 .row{ width:33.333333336%; padding:0 0.5rem 1rem;}
.column__08 .row{ width:12.5%; padding:0 0.5rem 1rem;}

[class*="column__"] > .row [class*="btn__"] { width:100%;}
.foot__fix.column__02 .row{ width:50%; padding:0;}
.foot__fix.column__02 .row:first-child .btn__{ width:30%;}
.foot__fix.column__03 .row{ width:30%; text-align:center;}
.foot__fix.column__03 .row:first-child { width:20%;}
.foot__fix.column__03 .row:last-child { width:50%;}
.foot__fix.column__03 .row .btn__small{ width:30%;}
.foot__fix.column__03 .row img{ width:3rem; vertical-align:top;}

.column__03.numeric_key{ width:70%; margin:0 auto;}
.column__03.numeric_key .row.clear_key{ width:66.66666666%;}
.column__03.numeric_key [class*="btn__"]{ padding:1rem; font-size:4rem;}
.column__03.numeric_key [class*="btn__"].jp{ font-size:2rem; padding:2rem 0;}

.screen{ background:#FFF; width:69%; margin:1.5rem auto;  border-radius:0.5rem;}

.list_result { width:100%; margin:0 auto 7rem;padding:0;}
[class*="list_result"] dl{ width:100%; background:#fff; margin:0 0 1rem;}
[class*="list_result"] dl dt, .list_result dl dd{ vertical-align:middle;}
[class*="list_result"] dl dt{ text-align:left;  padding:1rem 1rem 0; font-size:1.4rem;}
[class*="list_result"] dl dd{ text-align:center; font-size:2rem; line-height:1.6; font-weight:bold; padding:0 1rem 1rem;}
[class*="list_result"] dl dd ul{ width:100%;}
[class*="list_result"] dl dd ul li{ vertical-align:middle; padding:0;}
[class*="list_result"] dl dd ul li.btn{ margin:0.4rem 0 0; font-weight:normal; width:100%; display:block;}
[class*="list_result"] dl dd ul li.btn a{padding:0.5rem; font-size:1.6rem; width:100%;}
.list_result_main { display:table; width:100%; padding:0 0.5rem 1rem;}
.list_result_main .list_result_cell{ display:table-cell; width:50%; margin:0; background:#fff;}
.list_result_main .list_result_cell:first-child{ border-right:1rem solid #f2f2f2;}

.list_setting { padding:0 0 10rem;}
.list_setting .element{ background:#fff; margin:0 0 1rem; padding:1.5rem 1.5rem 1.5rem 8rem; position:relative; text-align:left; box-shadow:0.1rem 0.1rem 0.1rem rgba(0,0,0,0.1);}
.list_setting .element .controller{ position:absolute; left:1.5rem; top:1.5rem;}
.list_setting .element .controller button{ position:relative; width:4rem; height:4rem; border:1px solid #e0e0e0; background:#f2f2f2; border-radius:0.5rem;}
.list_setting .element .controller button .icon { display: block; position: absolute; top: 2.2rem; left: 0.9rem; width:  2rem; height: 2px; background: #666; opacity: 1;}
.list_setting .element .controller button .icon:before{ display: block; content: ""; position: absolute; left: 0; width: 2rem; height: 2px; top: 38%; background: #666; margin-top: -1rem;}
.list_setting .element .item{ display: flex; flex-wrap: wrap; width:100%; }
.list_setting .element .item dt{ font-size:2.6rem; width:80%; line-height:3.8rem;}
.list_setting .element .item dt a{ color:#18A8D4; text-decoration:underline; position:relative;}
.list_setting .element .item dt a::after{ position:absolute; content:"編集"; width:10rem; font-size:1.4rem; margin:0 0 0 2rem; padding:1rem 1.2rem; color:#fff; background: linear-gradient(0, #1894d4, #18A8D4); border:1px solid #1894d4; line-height:1; border-radius:0.5rem; transition: 0.4s; text-align:center; box-shadow:0 2px 2px rgba(0,0,0,.1);}
.list_setting .element .item dd{ text-align:right; width:20%}

.list_setting .element .item_sub{ padding:1rem 0 0; }
.list_setting .element .item_sub dl{ display: flex; flex-wrap: wrap; width:100%; margin:0 0 1rem; padding:1rem; background:#eee;}
.list_setting .element .item_sub dl:nth-child(2n){ background:#fff;} 
.list_setting .element .item_sub dl dt{ width:15%;}
.list_setting .element .item_sub dl dd{ width:85%;}
.list_setting .element .item_sub ul{ font-size:0;}
.list_setting .element .item_sub ul li{ padding:0.5rem 1.4rem; color:#fff; background:#666; line-height:1; border-radius:2rem; display:inline-block; margin:0 0.2rem 0.2rem 0; font-size:1.3rem;}

.switch__label{width:60px;position:relative;display:inline-block;}
.switch__content{display:block;cursor:pointer;position:relative;border-radius:30px;height:34px;overflow:hidden;}
.switch__content::before{content:"";display:block;position:absolute;width:calc(100% - 1px);height:calc(100% - 1px);top:0;left:0;border:1px solid #e0e0e0; background:#f3f3f3;border-radius:30px;}
.switch__content::after{content:"";display:block;position:absolute;background-color:transparent;width:0;height:0;top:50%;left:50%;border-radius:30px;transition:all .5s;}
.switch__input{display:none;}
.switch__circle{display:block;top:2px;left:2px;position:absolute;box-shadow:0 2px 6px rgba(0,0,0,0.1);;width:30px;height:30px;-webkit-border-radius:20px;border-radius:20px;background:#fff;transition:all .5s;}
.switch__input:checked ~ .switch__circle{left:28px;}
.switch__input:checked ~ .switch__content:after{background: linear-gradient(0, #1894d4, #18A8D4);top:0;left:0;width:100%;height:100%;}


[class*="table"] { width: 100%; background: #fff; text-align: center; font-size:2.2rem; border-right: 1px solid #e4e4e4;}
[class*="table"] th, [class^="table"] td { padding: 0.5rem; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; vertical-align: middle; font-weight: normal; word-break: break-all; }
[class*="table"] th { background: #f9f9f9;}
[class*="table"] td small{ display:block; font-size:1.2rem;}

.area_choice.column__02 { width:100%;}
.area_choice.column__02 > .row{ width:60%; padding:0 0 1rem;}
.area_choice.column__02 > .row:last-child{ width:40%;}
.area_choice.column__02 > .row .column__02 .row{ padding:0 0.2rem;}
.area_choice.column__02 > .row .column__02 .row [class*="btn__"] { padding:1rem;}

.table_choice th, .table_choice td { border-left: 1px solid #e4e4e4;}
.table_choice th { padding:0.2rem 1rem;}
.table_choice td { font-size:2.6rem; padding:0.2rem 0;}
.table_choice td.on{ background:#C72124; color:#fff;}

.sort_sec .swiper-container .swiper-slide{ padding:0 0.5rem;}
.sort_sec .swiper-container .swiper-slide a{ width:100%;}
.area_sec{ padding:0 2rem;}
.area_sec .swiper-container .swiper-slide{ padding:0;}
.area_sec{}
.table_progress th, .table_progress td { border-left: 1px solid #e4e4e4; font-size:1.2rem;}
.table_progress td { padding:2rem 0.2rem;}
.table_progress td.on{ background:#C72124; color:#fff;}

.table_history{ font-size:1.7rem;}

.color_chart li{ display:inline-block; margin:0 0.2rem; padding:0.2rem 1rem; font-size:2.5rem; color:#fff;}
.sun{ background:#9e2cf5;}
.mon{ background:#f317a8;}
.tue{ background:#FF5544;}
.wed{ background:#4cb0e4;}
.thu{ background:#16c236;}
.fri{ background:#d4bf0c;}
.sat{ background:#905612;}


.pagination { text-align: center; padding:3rem 1rem; font-size:1.3rem;}
.pagination li { display: inline-block; margin: 0 3px; line-height: 35px; }
.pagination li a { text-decoration: none; width: 38px; height: 38px; border: 1px solid #e4e4e4;	display: block; border-radius:0.2rem; transition: 0.4s;}
.pagination li a:hover, .pagination li.on {	background: #f9f9f9; border: 1px solid #e4e4e4;	color: #a5a2a2; width: 38px; height: 38px; }

.error_message{ padding:1rem 0; font-size:1.3rem; color:#E55E60;}


[class*="__________01"] .column__02 .btn__large_gg{ padding:3rem 0.5rem;}
[class*="__________02"] .column__03 .btn__large_gg{ padding:3rem 0.5rem;}

.progress .swiper-slide [class*="btn__"] { padding:1rem 0.5rem;}

.home .btn__large_gg{ padding:0 3rem; font-weight:bold;}
.home .icon_card{ display:inline-block; vertical-align:middle; padding:0 1rem 0 0; width:15rem;}

.setting .icon_setting{ display:block; margin:0 auto; width:50%;}

.help{ padding:2rem;}
.help .btn__round{ width:100%; padding:1.5rem 0; font-size:2rem;background: linear-gradient(0, #f49105, #fba831); border:1px solid #f49105; }


.modal-overlay {z-index:8888;display:none;position:relative;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);}
.modal-content {position:relative; position:fixed; overflow-y:scroll; display:none;z-index:9997;width:100%; height:100%; margin:0; color:#fff; padding:2rem; font-size:1.5rem;}
.modal-close{ position:fixed; bottom:2rem; left:2rem;}
.modal-close .btn__close{ padding:1rem 2rem; font-size:2.5rem;}

.list_pest{ padding:0 0 0 15rem;}

.list_pest dl{ padding:0 0 3rem; display:table;}
.list_pest dl dt{ padding:0 2rem 0 0; display:table-cell; vertical-align:top; width:50%;}
.list_pest dl dd{ display:table-cell;}
.list_pest dl dd h3{ font-size:2rem; padding:0 0 1rem;}
.list_pest dl dd p{ font-size:1.8rem; padding:0 0 1rem;}

#quantity .inner{width:40%; padding:5rem 0; margin:0 auto; text-align:center;}
#quantity .inner strong{ font-size:4rem; padding:0 0 4rem; display:block; font-weight:normal;}
#quantity .inner .btn__{ font-size:6rem; padding:2rem;}
#quantity .modal-close { position:static;}

.hide, .dummy{display: none;}