@charset "UTF-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;background: transparent; }

/* open 

.loader{align-items: center;background: #fff;
  bottom: 0;display: flex;
  justify-content: center;
  left: 0;position: fixed;right: 0;top: 0;
  z-index: 999;}
.loader::after {
    animation: loader 0.5s linear infinite;
    border-bottom: 1px solid skyblue;
    border-radius: 50%;
    border-right: 1px solid rgba(135, 207, 235, 0.87);
    border-top: 1px solid rgba(135, 207, 235, 0.87);
    content: "";
    height: 70px;
    width: 70px;margin-top: 100px;}
@keyframes loader {0% {transform: rotate(0);}
  100% {transform: rotate(360deg);}}
@media all and (-ms-high-contrast: none) {
  body{font-family: 'Noto Sans JP','メイリオ', 'Meiryo', sans-serif !important;}
  .first-view,.first-view img,.first-view_content,
  .first-view_text,.first-view_backlayer,.start .first-view_content,.start .first-view_text,
  .start .first-view_backlayer,.f-header_logo {display: none; } 
}
.first-view {
  top: 0;
  width: 105vw;
  height: 100vh;
  position: fixed;
  z-index: 1000;
  margin-left: -8px; }
  .first-view img {
    width: 248px; }
    @media screen and (max-width: 769px) {
      .first-view img {
        width: 170px; } }
.first-view_content {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 1;}
.first-view_text {
  margin-top: -50px;
  text-align: center;
  line-height: 1.5;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;}

.f-header_logo {width: 18rem; }
@media screen and (max-width: 1180px) {
.f-header_logo {width: 12rem;position: relative;top: 0.7rem; } }
body {line-height: 1;}
body.is-fixed {overflow: hidden;}*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block; }
ul, ol {list-style: none; }
blockquote, q {quotes: none; }
blockquote::before, blockquote::after,
q::before, q::after {content: '';content: none; }

[hidden] {display: none !important; }

[disabled] {cursor: not-allowed; }

:focus:not(:focus-visible) {outline: none; }

a {display: inline-block;text-decoration: none;margin: 0;padding: 0;font-size: 100%;
  vertical-align: baseline;background: transparent; }
img {border-style: none; }
/* change colours to suit your needs */
ins {background-color: #ff9;color: #000;
  text-decoration: none; }
/* change colours to suit your needs */
mark {background-color: #ff9;
  color: #000;font-style: italic;
  font-weight: bold; }
del {text-decoration: line-through; }
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help; }
table {border-collapse: collapse;
  border-spacing: 0; }
hr {display: block;
  height: 1px;border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;padding: 0; }
input, select {vertical-align: middle;-webkit-appearance: none;
  appearance: none;}
/*** 基本設定 ***/
*,*::before,*::after {box-sizing: border-box; }
html {font-size: 62.5%;/*ベースを10px*/ }
body {font-size: 1.5rem;line-height: 1.6;color: var(--kuro);font-family: 'Zen Maru Gothic', "Yu Gothic", "游ゴシック", "游ゴシック体" , sans-serif;
  text-size-adjust: 100%;background: #FCF9EA;letter-spacing: 0.03em;}
img {width: 100%;height:auto;vertical-align: middle;}
iframe {vertical-align: middle; }
h1, h2, h3, h4, h5, h6,strong{font-weight: 600;}
/*** CLEAR-FIX ***/
.clearfix {zoom: 1;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden; }
.flex {display: flex; }
.is-between {justify-content: space-between; }
.ib {display: inline-block; }
.sp {display: none; }
.en-ft{font-family:'Josefin Sans', sans-serif;}
.bg-blu{background-color:#398FC7;}
.bg-or{background-color: #FF7600;}
.bg-wh{background-color: white;}
.bg-gry{background-color: #E4E4E4;}
.fc-bk{color:var(--kuro)}
.fc-wh{color: white;}
.fc-gry{color: #E4E4E4;}
@media (max-width: 990px) {.sp {display: inline-block;}.nosp{display: none !important;}}
.sidebar_box{margin: 1rem auto 5rem;background: #FCF9EA;border: dashed 2px var(--org);padding:0 0 3rem;border-radius: 3.3rem;}
.sidebar_box h2{background: var(--org);position: relative;color: white;text-align: center;padding: 1.2rem;transform: translateY(-1rem);border-radius: 12rem;font-size: 1.7rem;}
.sidebar_box h2::before{content: "";position: absolute;top: 50%;left: 5%;padding: .9rem;border-radius: 50%;background: white;transform: translate(0%,-50%);box-shadow: inset 2px 2px 4px rgba(128, 128, 128, 0.459);}
.sidebar_box .menu{padding: 0 2rem;}
.sidebar_box a{transition: .4s;font-size: 1.6rem;position: relative;width: 100%;margin: 1rem 0;border-bottom: solid 1px;font-weight: 600;color: var(--kuro);}
.sidebar_box a:hover{background: rgb(254, 252, 250);color: #f38c05;}
.sidebar_box li{margin: .5rem 1rem;position: relative;padding-right: 2rem;}
.sidebar_box li::before{content: "";padding: 1rem;background: url(../img/csk-org.svg)no-repeat center;background-size: 2rem;margin-right: 5px;}
@media (max-width:768px){
  .sidebar_box a {font-size: 14px; } 
  .sidebar_box li{display: block;margin-left: 10px;}
  .aioseo-html-area-sitemap ul li{display: inline-block !important;margin: 1rem;}
}
.sidebar_box li.menu-item-object-custom{padding: 2px 8px;
    display: inline-block;background-color: #f38c05;
    border-radius: 3px;transition: .3s;margin-left: 0;}
.sidebar_box li.menu-item-object-custom a{
    text-decoration: none;color: rgb(2, 2, 2);}
.sidebar_box li.menu-item-object-custom:hover{transform: scale(0.96);}
.sidebar_ttl {position: relative;text-align: center;font-size: 1.3rem;font-weight: bold;padding-bottom:10px ;margin-bottom: 15px;}
@media (max-width: 768px) {.sidebar_ttl {font-size: 17px; } }
.sidebar_ttl::after{content: "";
  position: absolute;background: rgb(88, 88, 88);width: 60px;height: 5px;
  border-radius: 15px;bottom: 0;left: 50%;transform: translate(-50%,80%);}
.error {padding: 40px 20px;min-height: calc(100vh - 253.53px); }
.error_ttl {font-size: 24px;font-weight: bold;margin-bottom: 30px; }
.error_message {font-size: 16px;margin-bottom: 30px; }
.error_nav a {font-size: 16px;background: #FF9F0F;color: white;
  padding: 10px;line-height: 2; }
/* searchform */
.searchform,.tax-form{width: 90%;min-width: 100px;max-width: 860px;position: relative;margin: 2% auto;display: flex;}
.tax-form{width: 80% !important;align-items: stretch;}
.check-label{display: block !important;}
.searchfield {font-size: 14px;width: 85%;padding: 3%;
  border-radius: 3rem 0 0 3rem;border: solid 1px transparent;
  background-color: #ffffff;}
.searchfield:focus{outline: none;box-shadow: 0 0 10px rgb(196, 196, 196);}
.searchsubmit,.tax-none{display: none;}
.sumbitbtn{border-radius: 0 3rem 3rem 0;
  font-size: 14px;align-items: center;display: flex;
  position: relative;width: 15%;
  cursor: pointer;color: white;border: none;
  background: rgb(196, 195, 195);transition: .3s;
  border: solid 1px transparent;}
.sumbitbtn img{position: absolute;width: 40%;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: .3s;}
.sumbitbtn:hover{background: rgb(12, 129, 207);box-shadow: 0 0 10px rgba(12, 129, 207, 0.699);}
/* tax-form */
.tax-form-select{font-size: 1.6rem;background: white;box-shadow: 0 0 8px rgba(12, 129, 207, 0.699);
border-radius: 1rem;  width: 85%;padding: 3% 0 3% 5%;color: rgb(12, 129, 207);}
.tax-form-select option{background: rgb(247, 247, 247);}
.tax-form-select option:nth-child(2n+1){background:rgb(214, 214, 214);}
.tax-form-select:focus{outline: none;box-shadow: 0 0 12px rgba(12, 129, 207, 0.699)}
.tax-sumbitbtn{border-radius: 1rem;background:rgb(12, 129, 207);width: 15%;opacity: .6;padding: 2%;transition: .3s;text-align: center;}
.tax-sumbitbtn img{width: 50%;}
.tax-sumbitbtn:hover{opacity: 1;box-shadow: 0 0 8px rgba(12, 129, 207, 0.699);}
.check-label .tax-sumbitbtn{width: 30%;margin: 2rem auto ;padding: 4% 7%;max-width: 200px;display: block;}
.check-label .flexw{justify-content: flex-start;}
.list-name{font-size: 1.8rem;position: relative;transition: .3s;margin: 2.7rem;}
.list-name:hover{text-decoration: overline;}
.list-name::before{position: absolute;content: "";top: 50%;right: 100%;
padding: 10px;border: solid 2px rgb(221, 71, 71);transform: translate(-50%,-50%) rotate(0);transition: .3s;}
.check-label input:checked + .list-name{color: rgb(221, 71, 71);}
.check-label input:checked + .list-name::before{border-top: none;border-left:none;transform: translate(-50%,0%) rotate(-325deg);padding:  10px 5px;top: 0;}
@media (max-width:769px){
  .list-name{font-size: 1.2rem;margin: 1.4rem;}
  .list-name::before{padding: 5px;}
  .check-label input:checked + .list-name::before{padding: 5px 2.5px;}
}
.back-button{width: 100%;margin: 2rem 0;text-align: center;}
.back-button button{padding: 1rem 2rem;color: rgb(58,73, 160);font-size: 2rem;border: none;cursor: pointer;
border-radius: 1rem;box-shadow: 0 0 8px rgb(58,73, 160);transition: .3s;opacity: .7;}
.back-button button:hover{opacity: 1;background: white;}
:root{
  --gre:#198819;
  --org:#F4B305;
  --kuro:#505050;
  --ao:#22A2A2;
}