@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, 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%;*/
	vertical-align:baseline;
	background:transparent;
	font-weight: normal;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, 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,textarea,input{
	box-sizing: border-box;
}

img {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:bottom;
    background:transparent;
	} 
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

blockquote, q {
    quotes:none;
}

a {
    margin:0;
    padding:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}


@charset "UTF-8";
/* CSS Document */

html {
  font-size: 62.5%;
}
body {
  /*  font-family: “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, “Yu Gothic”, "游ゴシック", “YuGothic” , "メイリオ", “Meiryo”, sans-serif;
  */
  font-family: "游ゴシック", “YuGothic” , "メイリオ", “Meiryo”, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #645D5D;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  text-align: justify;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
main{
  min-height: 520px;
}
/* iPhone用inputリセット */
input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: transparent;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="text"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

input[type="search"] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}

a {
  cursor: pointer;
  color: #000;
  transition: 0.5s;
}
a:hover{
  opacity: 0.8;
}
img {
  /* max-width: 540px; */
  width: 100%;
  height: auto;
}

.pc{
  display: block;
}
.sp{
  display: none;
}
@media screen and (max-width: 740px) {
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}
section{
  padding-top: 73px;
  min-height: 100vh;
}
.side__menu{
  padding-left: 250px;
}
@media screen and (max-width: 1120px) {
  .side__menu{
    padding-left: 0;
  }
}


.flex-start{
  align-items: flex-start;
}
.inner{
  /* max-width: 1280px; */
  max-width: 1058px;
  margin-inline: auto;
  padding: 0 12px;
}

.display-inline{
  display: inline;
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-upper{
  text-transform: uppercase;
}
.text-red{
  color: #FF0000;
}
.text-bold{
  font-weight: bold;
}
.m-auto{
  margin: 0 auto;
}
.mb-10{
  margin-bottom: 10px;
}

.mb-16{
  margin-bottom: 16px;
}

.mb-20{
  margin-bottom: 20px;
}
.mb-25{
  margin-bottom: 25px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-38{
  margin-bottom: 38px;
}
@media screen and (max-width: 740px) {
  .mb-38{
    margin-bottom: 20px;
  }
}
.mb-25{
  margin-bottom: 25px;
}
.mb-50{
  margin-bottom: 50px;
}
.mb-43{
  margin-bottom: 43px;
}
.mb-48{
  margin-bottom: 48px;
}
@media screen and (max-width: 740px) {
  .mb-48{
    margin-bottom: 24px;
  }
}
.mb-60{
  margin-bottom: 60px;
}
.mb-80{
  margin-bottom: 80px;
}
@media screen and (max-width: 740px) {
  .mb-80{
    margin-bottom: 40px;
  }
}

.mb-100{
  margin-bottom: 100px;
}
@media screen and (max-width: 740px) {
  .mb-100{
    margin-bottom: 50px;
  }
}
.mb-110{
  margin-bottom: 110px;
}
.mb-130{
  margin-bottom: 130px;
}
.mb-180{
  margin-bottom: 180px;
}
.mb-490{
  margin-bottom: 490px;
}
.mt-25{
  margin-top: 25px;
}
.mt-35{
  margin-top: 35px;
}
.mt-45{
  margin-top: 45px;
}
.mt-60{
  margin-top: 60px;
}
.mt-70{
  margin-top: 70px;
}
.mt-108{
  margin-top: 108px;
}
@media screen and (max-width: 740px) {
  .mt-108{
    margin-top: 54px;
  }
}
.mt-160{
  margin-top: 160px;
}
.mt-180{
  margin-top: 180px;
}
.mt-200{
  margin-top: 200px;
}
.mt-400{
  margin-top: 400px;
}

.mr-8{
  margin-right: 8px;
}
.ml-1em{
  margin-left: 1em;
}
.mrl-1em{
  margin: 0 1em;
}
.ml-0{
  margin: 0 0 0 auto;
}
.ml-30{
  margin-left:30px;
}
.ml-8{
  margin-left: 8px;
}


.space-right01{
  margin-right: 0.5em;
}

.login-title02{
  font-weight: bold;
  font-size: 1.4rem;
}
.under-740{
  display: none;
}
@media screen and (max-width: 740px) {
  .under-740 {
    display: block;
  }
}

.upper-740{
  display: block;
}
@media screen and (max-width: 740px) {
  .upper-740 {
    display: none;
  }
}

/* ヘッダー・フッター */
.header-normal {
  background-color: #003057;
  width: 100%;
  height: 48px;
}

.header-partner-normal{
  background-color: #8acae8;
  color: #fff;
  width: 100%;
  height: 48px;
}
.header-contents02{
  width: 100%;
  max-width: 1440px;
  height: 48px;
  margin: 0 auto;
  padding: 0 18px 0 32px;
}
.header-title02{
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 48px;
}
.header-on-menu {
  font-size: 1.6rem;
  background-color: #fff;
  color: #707070;
  width: 100%;
  height: 73px;
  box-shadow: 0px 3px 3px rgb(0,0,0,7%);
  position: fixed;
  top: 0;
  z-index: 10;
}
@media screen and (max-width: 740px) {
  .header-on-menu {
    font-size: 1.2rem;
    z-index: 10;
  }
}

.header-title01 {
  font-weight: bold;
  width: 91px;
  height: 73px;
  padding: 15px 0;
  margin-left: 35px;
}
@media screen and (max-width: 740px) {
  .header-title01 {
    margin-left: 20px;
  }
}

.nav-contents{
  /* display: flex;
  align-items: center; */
}
.gnav-list {
  position: absolute;
  top:73px;
  left:0;
  width: 250px;
  /* height: calc(100vh - 73px - 28px); */
  height: calc(100vh - 73px);
  min-height: 520px;
  background: #1D5BA4;
}
.gnav-list li {
  margin: 0 auto;
}

.gnav-list li:first-of-type::after {
  display: none;
}
.gnav-list li a {
  color: #fff;
  font-weight: bold;
  background: #1D5BA4;
  width: calc(100% - 48px);
  height: 65px;
  display: block;
  text-align: left;
  line-height: 65px;
  padding-left: 48px;
  font-size: 1.4rem;
}
.gnav-list li a:hover {
  background: #C4D8F0;
  color: #79869D;
  opacity: 1;
}
.gnav-list li .active__menu{
  background: #C4D8F0;
  color: #79869D;
}
@media screen and (max-width: 1120px) {
  .header-contents{
    padding-right: 52px;
  }
  .gnav-list{
    display: block;
    width: 90%;
    height: auto;
    left:auto;
    right: 0;
    min-height: auto;
  }
}
.name-contents {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 45px;
}
.name-contents img {
  width: 30px;
  height: 30px;
  margin: 0 8px 0 0;
}
.name-contents p {
  font-weight: bold;
  line-height: 48px;
}

.gnav-openbtn{
  display: none;
}
@media screen and (max-width: 1120px) {
  main{
    padding-left: 0;
    min-height: auto;
  }

  .name-contents {
    flex-direction: row-reverse;
  }
  .name-contents p {
    padding-right: 5px;
  }
  .gnav-list li a {
    height: 40px;
    line-height: 40px;
    width: calc(100% - 28px);
    padding-left: 28px;
  }
  .gnav-openbtn{
    display: block;
    position:fixed;
    z-index: 9999;
    top: 13px;
    right: 0;
    cursor: pointer;
    width: 48px;
    height: 48px;
  }
  /*ボタン内側*/
  .gnav-openbtn .openbtn-area{
    transition: all .4s;
  }
  .gnav-openbtn span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    right: 20px;
    height: 1px;
    border-radius: 2px;
    background: #1D5BA4;
    width: 45%;
  }
  .gnav-openbtn span:nth-of-type(1) {
    top:15px;
  }
  .gnav-openbtn span:nth-of-type(2) {
    top:23px;
  }
  .gnav-openbtn span:nth-of-type(3) {
    top:31px;
  }

  /*activeクラス付与*/
  .gnav-openbtn.active span:nth-of-type(1) {
    top: 18px;
    transform: translateY(6px) rotate(-45deg);
  }

  .gnav-openbtn.active span:nth-of-type(2) {
    opacity: 0;
  }

  .gnav-openbtn.active span:nth-of-type(3){
    top: 30px;
    transform: translateY(-6px) rotate(45deg);
  }

  #g-nav{
    position:fixed;
    z-index: 1;
    top: 0;
    right: -240px;
    width: 240px;
    height: auto;
    background-color: rgba(255,255,255,0.85);
    transition: all 0.6s;
  }

  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive{
    right: 0px;
  }

  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 240px;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}

footer {
  background-color: #374149;
  width: 100%;
  height: 28px;
  color: #fff;
  text-align: center;
  line-height: 28px;
  font-size: 1.2rem;
  position: relative;
  z-index: 10;
}
footer small{
  font-weight: 600;
}

@media screen and (max-width: 1120px) {
  footer {
    font-size: 1.0rem;
  }
}

/* タイトル */
.login-title01 {
  font-size: 2rem;
  font-weight: bold;
  text-align: left;
  margin:0 auto 80px 0;
  padding-top: 77px;
  color: #1D1D1D;
  display: flex;
}
.login-title01 img{
  width: 37px;
  height: 37px;
}
@media screen and (max-width: 740px) {
  .login-title01{
    margin-bottom: 36px;
  }
}

.section-title01{
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 36px;
  color: #1D1D1D;
  line-height: 2;
  padding-top: 77px;
}
@media screen and (max-width: 740px){
  .section-title01 {
    padding-top: 35px;
  }
}


.section-title01 img{
  width: 37px;
  height: 37px;
  margin: 0 10px 0 0;
}

.title01{
  position: relative;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 32px;
}
.title01 span{
  font-weight: bold;
}
.title01:before {
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #707070;
}

.title02{
  position: relative;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: 28px;
}
.title02 span{
  font-weight: bold;
}
.title02:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 143px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #707070;
}
.area-ttlbox{
  display: flex;
}

.area-ttlbox p {
  line-height: 2;
  padding-top: 83px;
  padding-left: 22px;
  font-size: 1.4rem;
  font-weight: 600;
}
@media screen and (max-width: 740px) {
  .area-ttlbox {
    display: block;
  }
  .area-ttlbox p {
    padding-top: 0;
  }
}

/* メッセージ */
.message01{
  font-weight: bold;
}
.message02{
  font-size: 1.8rem;
}
.message03{
  font-size: 2.2rem;
  font-weight: bold;
}
.message04{
  font-size: 2.2rem;
}
.message05{
  font-size: 1.8rem;
  font-weight: bold;
}

/* ボタン・リンク*/
.button01{
  position: relative;
}
.button01::after {
  content: '';
  width: 25px;
  height: 25px;
  background-image: url(/images/door_icon.png);
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-35%,-50%);
  cursor: pointer;
}
.button01 input {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #D54057;
  border: none;
  border-radius: 30px;
  color: #fff;
  transition: 0.3s;
  width: 361px;
  height: 53px;
  margin: 0 auto 30px;
  box-shadow: 0px 2px 6px rgb(0 0 0 / 16%);
}
.button01 input:hover{
  opacity: 0.8;
}

@media screen and (max-width: 740px) {
  .button01::after {
    left: 32%;
    transform: translate(-32%,-50%);
    width: 8%;
    height: 40%;
    background-repeat: no-repeat;
  }
  .button01 input {
    width: 100%;
    font-size: min(1.6rem,4.26vw);
  }

}


a.button01{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #003d6d;
  border: none;
  border-radius: 20px;
  color: #fff;
  line-height: 62px;
  transition: 0.3s;
  width: 195px;
  height: 62px;
  margin: 0 auto;
}
a.button01:hover{
  opacity: 0.8;
}


.button-list01{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: left;
  padding-left:65px;
  max-width: 700px
}
.button-list01 .button02:nth-of-type(1){
  margin: 0 50% 0 0;
}
@media screen and (max-width: 1268px) {
  .button-list01{
    max-width: 830px;
    margin: 0 auto;
    padding-left: 0;
  }
}
@media screen and (max-width: 853px) {
  .button-list01{
    display: block;
  }
  .button-list01 .button02:nth-of-type(1) {
    margin: 0 auto;
  }
}
.button02 a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  line-height: 68px;
  transition: 0.3s;
  width: 260px;
  height: 68px;
  margin: 0 15px 22px;
  box-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
}
.button02.color_1 a {
  background-color: #1D5BA4;
}
.button02.color_2 a {
  background-color: #4E90DE;
}
.button02.color_3 a {
  background-color: #4C6686;
}
.button02.color_4 a {
  background-color: #8F969F;
}
.button02 img{
  width: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 24px;
}
.button02__txt{
  width: 204px;
  text-align: center;
  padding-right: 13px;
}
.button02__txt p{
  font-weight: bold;
}
.button02 a:hover{
  opacity: 0.8;
}
@media screen and (max-width: 740px) {
  .button02 a{
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 420px) {
  .button02 a{
    font-size: min(2rem,5.3vw);
  }
  .button02 img{
    width: min(40px,10.6vw);
    -o-object-fit: contain;
       object-fit: contain;
  }

}
.button03 a {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #1D5BA4;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 23px;
  transition: 0.3s;
  width: 51px;
  height: 23px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: 600;
  margin: 0 auto;
}
.button03 a:hover{
  opacity: 0.8;
}
.button04{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 10px 10px;
}
.button04:hover{
  opacity: 0.8;
}
.button05,
input.button05{
  font-size: 1.8rem;
  box-shadow: 0 3px 2px rgb(0 0 0 / 16%);
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background: #E03B4E;
  border-radius: 50%;
  color: #fff;
  line-height: 36px;
  transition: 0.3s;
  width: 36px;
  height: 36px;
  margin: 0;
}
.button05:hover{
  opacity: 0.8;
}
@media screen and (max-width: 853px) {
  .button05,
  input.button05{
    padding: 0;
  }
}

.button06 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #1D5BA4;
  border-radius: 22px;
  border: none;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 154px;
  height: 34px;
  box-shadow: 0 3px 2px rgb(0 0 0 / 16%);
  margin: 0 13px;
  font-weight: 600;
}
.button06:hover{
  opacity: 0.8;
}
.button06 img {
  width: 18px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
}

.button-list02 {
  max-width: 846px;
  margin-left:auto;
  margin-right:auto;
}

.button07{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 10px 10px;
}
.button07:hover{
  opacity: 0.8;
}

input.button08{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #003d6d;
  border: none;
  border-radius: 20px;
  color: #fff;
  line-height: 63px;
  transition: 0.3s;
  width: 404px;
  height: 63px;
  margin: 0 10px 10px;
}
.button08 {
  font-size: 1.4rem;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #1D5BA4;
  border-radius: 5px;
  border: none;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 10px 10px;
  text-align: center;
}
.button08:hover{
  opacity: 0.8;
}
.button-list03{
  margin-inline: auto;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 740px) {
  .button-list03{
    flex-direction: column;
    width: 173px;
  }
}


.button-list03 .button01::after{
  display: none;
}

input.button09,
.button09 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #1D5BA4;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin: 0 10px 10px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}
.button09:hover{
  opacity: 0.8;
}
input.button10,
a.button10{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #013762;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 65px;
  transition: 0.3s;
  width: 273px;
  height: 65px;
  margin: 0 10px 10px;
}
.button10:hover{
  opacity: 0.8;
}
a.button10{
  font-size: 1.6rem;
  line-height: 1.1;
  padding-top: 16px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
}
.button-list04{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 590px;
  margin-inline: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 740px) {
  .button-list04{
    flex-direction: column;
  }
}

.button11 a{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #E03B4E;
  border: none;
  border-radius: 16px;
  color: #fff;
  line-height: 30px;
  transition: 0.3s;
  width: 79px;
  height: 30px;
  margin: 0 auto;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}
.button11 a:hover{
  opacity: 0.8;
}
.button12{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #E03B4E;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 10px 10px;
}
.button12:hover{
  opacity: 0.8;
}
@media screen and (max-width: 420px) {
  input.button12{
    width: 100%;
  }
}

.button13{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #E03B4E;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 62px;
  transition: 0.3s;
  width: 384px;
  height: 62px;
}
.button13:hover{
  opacity: 0.8;
}


.button14{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #1D5BA4;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 51px;
  transition: 0.3s;
  width: 207px;
  height: 51px;
  margin: inline;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  margin-inline: 10px;
}
.button14:hover{
  opacity: 0.8;
}
@media screen and (max-width: 740px) {

  .button14 {
    width: 173px;
    margin-bottom: 10px;
  }
}

.button15{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #374149;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 51px;
  transition: 0.3s;
  width: 207px;
  height: 51px;
  margin: inline;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  margin-inline: 10px;
}
.button15:hover{
  opacity: 0.8;
}
@media screen and (max-width: 740px) {

  .button15 {
    width: 173px;
    margin-bottom: 10px;
  }
}
input.button16{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #F1FFF0;
  border: solid 0.5px #707070;
  border-radius: 4px;
  color: #707070;
  line-height: 1;
  transition: 0.3s;
  width: 62px;
  height: 20px;
  margin: 0 auto;
}
.button16:hover{
  opacity: 0.8;
}

input.button17{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #3876A7;
  border: none;
  border-radius: 10px;
  color: #fff;
  line-height: 1;
  transition: 0.3s;
  width: 183px;
  height: 33px;
}
.button17:hover{
  opacity: 0.8;
}

.button18{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #E03B4E;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 51px;
  transition: 0.3s;
  width: 207px;
  height: 51px;
  margin: inline;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  margin-inline: 10px;
}
.button18:hover{
  opacity: 0.8;
}
@media screen and (max-width: 740px) {

  .button18 {
    width: 173px;
    margin-bottom: 10px;
  }
}
.button25{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  background-color: #fff;
  border-radius: 5px;
  color: #000;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  border: solid 1px #013762;
  margin: 0 0 0 auto;
}
.button25:hover{
  opacity: 0.8;
}

.button-list05{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-inline: auto;
}
.button-list05 input:first-of-type{
  margin-right: 8px;
}
@media screen and (max-width: 660px) {
  .button-list05{
    flex-direction: column;
  }
  .button-list05 input:first-of-type{
    margin-right: 0;
    margin-bottom: 8px;
  }
}

.button19{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  background-color: #013762;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  border: none;
  margin: 0 10px 10px;
}
.button19:hover{
  opacity: 0.8;
}
input.button20{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #003d6d;
  border: none;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  transition: 0.3s;
  width: 130px;
  height: 30px;
}
input.button20:hover{
  opacity: 0.8;
}

input.button21,
a.button21{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #CEE8FF;
  border: solid 0.5px #707070;
  border-radius: 4px;
  color: #707070;
  line-height: 1;
  transition: 0.3s;
  width: 62px;
  height: 20px;
  margin: 0 auto;
}
input.button21:hover,
a.button21:hover{
  opacity: 0.8;
}

input.button22,
.button22{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #1D5BA4;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 65px;
  transition: 0.3s;
  width: 273px;
  height: 65px;
  margin-inline:10px;
  font-size: 1.6rem;
  line-height: 1.1;
  padding-top: 16px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}

.button22:hover{
  opacity: 0.8;
}
.button23{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #1D5BA4;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 23px;
  transition: 0.3s;
  width: 51px;
  height: 23px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 auto;
}
.button23:hover{
  opacity: 0.8;
}
.button-list06{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 974px;
  margin: 0 auto;
}
input.button24{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #63C626;
  border: none;
  border-radius: 20px;
  color: #fff;
  line-height: 63px;
  transition: 0.3s;
  width: 404px;
  height: 63px;
  margin: 0 10px 10px;
}
input.button24:hover{
  opacity: 0.8;
}
@media screen and (max-width: 420px) {
  input.button24{
    width: 100%;
  }
}

.button-list07{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 862px;
  margin: 0 auto;
}
@media screen and (max-width: 824px) {
  .button-list07{
    flex-direction: column;
  }
}

.link01{
  color: #003D6D;
  font-weight: bold;
  text-decoration: underline;
}
.link02{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  border: solid 1px #013762;
  margin: 0 auto;
}
.link03{
  color: #f40000;
  font-size: 2.2rem;
  font-weight: bold;
  /*  text-decoration: underline;
*/}



/* ログインフォーム */
.login-form01 {
  width: 100%;
  max-width: 454px;
  margin: 70px auto 112px auto;
  padding: 53px 50px 53px 40px;
  box-shadow: 0px 3px 5px rgb(34 34 34 /13%);
}
@media screen and (max-width: 740px) {
  .login-form01{
    padding: 32px 10px 22px;
    display: inline-block;
  }
}

.login-form01 p{
  font-size: 1.4rem;
  font-weight: bold;
}
.login-form01 label{
  width: 197px;
}
.form-title01 {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
  color: #1D1D1D;
}
@media screen and (max-width: 740px) {
  .form-title01{
    margin-bottom: 28px;
  }
}
.form-control {
  width: 100%;
  font-size: 1.4rem;
  color: #645D5D;
  border: none;
  border-radius: 5px;
  margin: 10px auto 30px;
  padding: 10px 20px;
  background-color: #EFF1F4;
}
input.font-awesome-solid-icon::-moz-placeholder {
  font-family: "Font Awesome 5 Free";
  color: #DBDBDB;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 1.8rem;
}
input.font-awesome-solid-icon::placeholder {
  font-family: "Font Awesome 5 Free";
  color: #DBDBDB;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 1.8rem;
}
.login-form02{
  width: 100%;
  max-width: 788px;
  margin: 195px auto;
  padding: 60px;
  box-shadow: 0px 3px 5px rgb(34 34 34 /13%);
  font-size: 1.8rem;
  color: #1D1D1D;
}
@media screen and (max-width: 740px) {
  .login-form02 {
    padding: 32px 20px;
    margin: 100px auto;
    font-size: min(1.4rem,4.8vw);
  }
}



/* 各種入力フォーム */
.form-contents01{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 12px;
}
@media screen and (max-width: 740px) {
  .form-contents01{
    flex-wrap: wrap;
  }
}
input[type="search"].form-freeword01 {
  width: 315px;
  height: 27px;
  font-size: 1.4rem;
  color: #1D1D1D;
  margin-right: 8px;
  padding: 4px 4px 4px 15px;
  background: #EFF1F4;
  border-radius: 14px;
  font-weight: 600;
}
input[type="search"].form-freeword01::-moz-placeholder{
  color: #A3A8B1;
}
input[type="search"].form-freeword01::placeholder{
  color: #A3A8B1;
}
@media screen and (max-width: 740px) {
  input[type="search"].form-freeword01{
    width: 100%;
    margin: 10px auto;
  }
}

.form-area01-wrap{
  position: relative;
}
.form-area01-wrap::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #A3A8B1;
  content: "";
  position: absolute;
  right: 8px;
  top: 11px;
  width: 0;
  pointer-events: none;
}
.form-area01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 226px;
  height: 27px;
  font-size: 1.4rem;
  padding: 4px 4px 4px 15px;
  background: #EFF1F4;
  border-radius: 14px;
  color: #b4b4b4;
  font-weight: 600;
}
@media screen and (max-width: 740px) {
  .form-area01-wrap{
    width: 100%;
  }
  .form-area01{
    width: 100%;
  }

}

.form-contents02 {
  width: 100%;
  max-width: 846px;
  margin: 0 auto;
  box-shadow: 0px 3px 10px rgb(34 34 34 / 13%);
  padding: 0;
  font-size: 1.4rem;
}

.form-contents02 div {
  display: flex;
  border-bottom: dashed 1px #DEDEDE;
}
.form-contents02 div:last-of-type {
  border-bottom:none;
}

.form-contents02 div label {
  width: 27%;
  max-width: 226px;
  font-weight: bold;
  padding-right: 1em;
  min-width: 250px;
  background: #79869D;
  color: #fff;
  line-height: 43px;
  text-align: center;
}
.form-contents02 div p{
  width: 74%;
  font-weight: 600;
  min-width: 300px;
  line-height: 43px;
  padding-left: 65px;
  color: #1D1D1D;
}
.form-contents02 .stamp-image01{
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 740px) {
  .form-contents02 div {
    display: block;
    border-bottom:none
  }
  .form-contents02 div label{
    display: block;
    width: 100%;
    line-height: 2.5;
    max-width: 100%;
  }
  .form-contents02 div p {
    width: 100%;
    padding: 2%;
    line-height: 1.6;
    font-size: 1.3rem;
  }
}

input.form-text01 {
  color: #1D1D1D;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 5px;
  padding: 8px 23px;
  background: #EFF1F4;
  width: 70.5%;
  max-width: 564px;
  margin: 8px 15px;
}
input.form-text01::-moz-placeholder {
  color: #A3A8B1;
  font-size: 1.4rem;
}
input.form-text01::placeholder {
  color: #A3A8B1;
  font-size: 1.4rem;
}

@media screen and (max-width: 680px) {
  input.form-text01{
    width: 100%;
    min-width: 300px;
  }
}

.form-contents04{
  width: 100%;
  max-width: 520px;
  margin-inline: auto;
}
.form-contents04 div{
  display: flex;
}
.form-contents04 label{
  width: 31%;
  max-width: 220px;
  font-weight: bold;
  padding-right: 1em;
  text-align: right;
  font-size: 1.8rem;
  color: #1D1D1D;
}
.form-prefecture01-wrap{
  position: relative;
  width: 100%;
  max-width: 300px;
}
@media screen and (max-width: 500px) {
  .form-prefecture01-wrap{
    width: 100%;
  }
}
.form-prefecture01-wrap::after{
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #A3A8B1;
  content: "";
  position: absolute;
  right: 7px;
  top: 11px;
  width: 0;
  pointer-events: none;
}
.form-prefecture01 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  max-width: 300px;
  height: 27px;
  font-size: 1.4rem;
  padding: 4px 20px;
  border-radius: 5px;
  background: #EFF1F4;
  color: #A3A8B1;
}
@media screen and (max-width: 500px) {
  .form-prefecture01{
    width: 100%;
  }
}
select.form-prefecture01{
  font-weight: bold;
}
.form-mail01 {
  width: 70.5%;
  max-width: 564px;
  height: 27px;
  font-size: 1.4rem;
  color: #A3A8B1;
  padding: 4px 24px;
  background: #EFF1F4;
  border-radius: 5px;
}
.form-mail::-moz-placeholder{
  color: #A3A8B1;
}
.form-mail::placeholder{
  color: #A3A8B1;
}
textarea.form-mail01 {
  height: 226px;
  margin: 5px 1em;
}
@media screen and (max-width: 740px) {
  .form-mail01{
    width: calc(100% - 1em - 24px);
    max-width: 100%;
  }
}

input.form-text02{
  width: 62px;
  height: 24px;
  font-size: 1.8rem;
  color: #707070;
  text-align: center;
  border: solid 0.5px #707070;
  background-color: #F4F4F4;
  margin-bottom: 7px;
}

.form-text03{
  font-size: 1.8rem;
  font-weight: bold;
  color: #707070;
  text-align: center;
  /* margin-bottom: 6px; */
}
.form-text03 span{
  font-weight: bold;
}

.form-contents05{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.form-text04{
  width: 248px;
}
.form-text04 input{
  width: 68px;
  height: 22px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #707070;
  text-align: right;
  border: solid 1px #707070;
  margin-right: 2px;
  padding: 4px;
}
.form-text04 span{
  font-size: 1.2rem;
  font-weight: bold;

}

input.form-text05{
  width: 62px;
  height: 24px;
  font-size: 1.8rem;
  color: #707070;
  text-align: center;
  border: solid 0.5px #707070;
  background-color: #F4F4F4;
  margin-bottom: 2px;
}

.form-text06{
  font-size: 1.8rem;
  font-weight: bold;
  color: #707070;
  text-align: center;
  margin-bottom: -2px;
}
.form-text06 span{
  font-weight: bold;
}

input.form-text07{
  width: 20px;
  height: 24px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
  border: solid 0.5px #707070;
  background-color: #fff;
}

input.form-text08{
  width: 20px;
  height: 24px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #707070;
  text-align: center;
  border: solid 0.5px #707070;
  background-color: #fff;
}

input.form-text09{
  width: 166px;
  height: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #707070;
  text-align: right;
  border: solid 1px #707070;
  background-color: #fff;
  margin-right: 12px;
  padding: 0 8px;
}
input.form-text09::-moz-placeholder{
  color: #b4b4b4;
}
input.form-text09::placeholder{
  color: #b4b4b4;
}

input.form-text10{
  width: 62px;
  height: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #707070;
  text-align: right;
  border: solid 1px #707070;
  background-color: #fff;
  margin: 0 2px;
  padding: 0 8px;
}
input.form-text10::-moz-placeholder{
  color: #b4b4b4;
}
input.form-text10::placeholder{
  color: #b4b4b4;
}

input.form-text11 {
  width: 50px;
  height: 27px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #000;
  text-align: right;
  border: none;
  border-radius: 14px;
  background-color: #EFF1F4;
  margin: 0 2px;
  padding: 0 8px;
}
input.form-text11::-moz-placeholder{
  color: #A3A8B1;
}
input.form-text11::placeholder{
  color: #A3A8B1;
}

textarea.form-textarea01 {
  font-family: “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, “Yu Gothic”, "游ゴシック", “YuGothic” , "メイリオ", “Meiryo”, sans-serif;
  font-size: 1.4rem;
  width: 584px;
  height: 204px;
  border: none;
  padding: 8px 10px;
  border-radius: 14px;
  background: #EFF1F4;
}
textarea.form-textarea01::-moz-placeholder{
  font-size: 1.4rem;
  color: #A3A8B1;
  font-weight: 600;
}
textarea.form-textarea01::placeholder{
  font-size: 1.4rem;
  color: #A3A8B1;
  font-weight: 600;
}

.form-item01-wrap{
  position: relative;
}
@media screen and (max-width: 500px) {
  .form-item01-wrap{
    width: 100%;
  }
}
.form-item01-wrap::after{
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffca50;
  content: "";
  position: absolute;
  right: 4px;
  top: 11px;
  width: 0;
  pointer-events: none;
}
.form-item01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 76px;
  height: 22px;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 4px;
  border: solid 1px #707070;
  color: #707070;
}

.form-contents06{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
@media screen and (max-width: 680px) {
  .form-contents06{
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.form-contents06 p{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: right;
  margin-right: 8px;
  width: 10%;
  max-width: 70px;
  flex-basis: 10%;
}
@media screen and (max-width: 680px) {
  .form-contents06 p{
    text-align: left;
    width: 100%;
    flex-basis: 100%;
  }
}
.form-company01-wrap{
  position: relative;
  width: 90%;
  max-width: 894px;
  flex-basis: 90%;
}
@media screen and (max-width: 680px) {
  .form-company01-wrap{
    width: 100%;
    flex-basis: 100%;
  }
}
.form-company01-wrap::after{
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 21px solid #ffca50;
  content: "";
  position: absolute;
  right: 12px;
  top: 10px;
  width: 0;
  pointer-events: none;
}
.form-company01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  font-size: 2rem;
  padding: 4px;
  border: solid 1px #003d6d;
  color: #b4b4b4;
}
@media screen and (max-width: 500px) {
  .form-company01{
    width: 100%;
  }
}

.form-rate01-wrap{
  position: relative;
  width: 198px;
}
.form-rate01-wrap::after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 11px solid #ffca50;
  content: "";
  position: absolute;
  right: 6px;
  top: 7px;
  width: 0;
  pointer-events: none;
}
.form-rate01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 198px;
  height: 25px;
  font-size: 1.6rem;
  padding: 2px 4px;
  border: solid 1px #707070;
  color: #b4b4b4;
}

.form-year01-wrap{
  position: relative;
  width: 84px;
  margin-right: 4px;
}
.form-year01-wrap::after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 11px solid #ffca50;
  content: "";
  position: absolute;
  right: 6px;
  top: 7px;
  width: 0;
  pointer-events: none;
}
.form-year01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 84px;
  height: 25px;
  font-size: 1.6rem;
  padding: 2px 4px;
  border: solid 1px #707070;
  color: #b4b4b4;
}

.form-month01-wrap{
  position: relative;
  width: 60px;
  margin: 0 4px;
}
.form-month01-wrap::after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 11px solid #ffca50;
  content: "";
  position: absolute;
  right: 6px;
  top: 7px;
  width: 0;
  pointer-events: none;
}
.form-month01{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 60px;
  height: 25px;
  font-size: 1.6rem;
  padding: 2px 4px;
  border: solid 1px #707070;
  color: #b4b4b4;
}




/* 表(table) */
.horizontal-items{
  overflow-x: scroll;
}

.horizontal-items02{
  overflow-x: scroll;
  overflow-y:hidden;
  width: 100%;
  max-width: 846px;
  margin: 0 auto 60px;
  box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);
}

.horizontal-items03{
  overflow-x: scroll;
  border: solid 1px #707070;
  width: 100%;
  max-width: 862px;
  margin: 0 auto 77px;
}

.horizontal-items04{
  overflow-x: scroll;
  border: solid 1px #707070;
  width: 100%;
  max-width: 862px;
  margin: 0 auto 30px;
}

.table01 {
  width: 100%;
  margin-bottom: 20px;
  color: #1d1d1d;
  box-shadow: 0 3px 6px rgba(0,0,0,16%);
}
.table01 th,
.table01 td{
  height: 34px;
  vertical-align: middle;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.table01 td{
  border-bottom: dashed 1px #dedede;
  padding: 0 15px;
  font-weight: 600;
}
.table01 .table-header th {
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0 15px;
  border-bottom: solid 1px #dedede;
}
.table01 .column-1 {
  width: 28.26%;
  min-width: 305px;
  border-right: solid 1px #dedede;
}
.table01 .column-2 {
  width: 20%;
  min-width:236px;
  border-right: dashed 1px #dedede;
}
.table01 .column-3 {
  width: 18.35%;
  min-width: 118px;
  border-right: dashed 1px #dedede;
}
.table01 .column-4 {
  width: 26.59%;
  min-width: 302px;
  border-right: dashed 1px #dedede;
}
.table01 .column-5 {
  width: 6.76%;
  min-width: 63px;
  border-right: dashed 1px #dedede;
}
.table01 .column-6 {

  min-width: 95px;

}
.table01 tr:last-of-type td{
  border-bottom: none;
}

.table02{
  width: 100%;
  margin-bottom: 20px;
}
.table02 th,.table02 td{
  border: solid 1px #707070;
  height: 40px;
  vertical-align: middle;
}
.table02 td{
  padding: 0 15px;
}
.table02 .table-header th{
  background-color: #e5faff;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
.table02 .column-1{
  width: 21%;
  min-width: 224px;
}
.table02 .column-2{
  width: 16.6%;
  min-width: 176px;
}
.table02 .column-3{
  width: 32.7%;
  min-width: 348px;
}
.table02 .column-4{
  width: 20.7%;
  min-width: 220px;
}
.table02 .column-5{
  width: 9%;
  min-width: 96px;
}

.flex-style02{
  display: flex;
  height: 44px;
}
.flex-style03{
  display: flex;
  height: 27px;
}
.flex-style02 .flex-cell01{
  align-self: flex-end;
  width: 31.4%;
  min-width: 304px;
  font-size: 1.8rem;
  font-weight: bold;
}
.flex-style03 .flex-cell01{
  align-self: flex-end;
  width: 3.5%;
  min-width: 34px;
  font-size: 1.6rem;
  font-weight: bold;
}
.flex-style02 .flex-cell02 {
  width: 69.1%;
  min-width: 675px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  background-color: #1D5BA4;
  color: #fff;
}
.flex-style03 .flex-cell02 {
  width: 96.5%;
  min-width: 940px;
  background-color: #1D5BA4;
}
.flex-style03 .flex-cell02__inner {
  width: 180px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
  font-size: 1.4rem;
}
.flex-style02 .flex-cell02 span {
  font-size: 1.8rem;
  font-weight: bold;
}
.flex-style03 .flex-cell02 span {
  font-size: 1.8rem;
  font-weight: bold;
}
.flex-style02 .flex-cell02 span a{
  color: #A3A8B1;
  font-size: 1.4rem;
}
.last-week-arrow01{
  position: relative;
  padding: 0 0 0 26px;
  color: #fff;
}
.last-week-arrow01::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -4px;
  transform: rotate(-45deg);
}
.next-week-arrow01{
  position: relative;
  padding: 0 26px 0 0;
  color: #fff;
}
.next-week-arrow01::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.table03{
  width: 100%;
}
.table03 th,.table03 td{
  border: dashed 1px #EFF1F4;
  height: 36px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
.column-ab {
  display: flex;
  justify-content: space-between;
  padding-left: 16px;
  padding-right: 16px;
}
.table03 td{
  padding: 0 19px;
  font-size: 1.4rem;
}
.contents210 .table03 td {
  padding: 0 4px;
}
.table03 .table-header01 th{
  height: 22px;
  font-size: 1.4rem;
}
.table03 .table-header01 .column-1 {
  background-color: #fff;
  border: none;
}
.table03 .table-header01 .column-8{
  color: #0055FF;
  background: #fff;
}
.table03 .table-header01 .column-9{
  color: #FF0000;
  background: #fff;
}
.table03 .table-header02 th {
  height: 24px;
  font-size: 1.4rem;
}
.table03 .table-header02 .column-8{
  background-color: #C8D9FC;
}
.table03 .table-header02 .column-9{
  background-color: #FDC5C5;
}
.table03 .column-0{
  width: 10.4%;
  min-width: 108px;
  padding: 0;
}
.table03 .column-1{
  width: 18.9%;
  min-width: 198px;
  font-size: 1.4rem;
}
.table03 p{
  font-weight: bold;
}
.table03 .column-2 {
  width: 7%;
  min-width: 78px;
}
.table03 .row-5 .column-2 {
  color: #1D5BA4;
}
.table03 .row-6 .column-2 {
  color: #E03B4E;
}
.table03 .column-3, .table03 .column-4, .table03 .column-5, .table03 .column-6, .table03 .column-7, .table03 .column-8, .table03 .column-9{
  width: 9.8%;
  min-width: 96px;
}
.table03 .row-3, .table03 .row-4{
  background-color: #F4F4F4;
  height: 60px;
}
.table03 .row-3 .column-1, .table03 .row-4 .column-1{
  text-align: left;
}
.table03 .row-5, .table03 .row-6{
  height: 36px;
}
.table03 .row-6{
  background-color: #F5F5FF;
}

.table03 .row-7, .table03 .row-8, .table03 .row-9{
  height: 80px;
}

.table03 .flex-style01{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table04{
  width: 100%;
  margin-bottom: 20px;
  color: #1D1D1D;
  box-shadow: 0px 3px 6px rgba(0,0,0,16%);
  padding:  0 10px;
  border: solid 1px #fcfcfc;
}
.table04 .table-header{
  border-bottom: solid 1px #DEDEDE;
  height: 33px;
  vertical-align: middle;
}
.table04 td{
  border-bottom: dashed 1px #DEDEDE;
  height: 35px;
  vertical-align: middle;
}
.table04 td{
  padding: 0 15px;
}

.table04 .table-header th{
  background-color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.table04 .column-1 {
  width: 44%;
  min-width: 455px;
  border-right: solid 1px #DEDEDE;
}
.table04 .column-2 {
  width: 46.2%;
  min-width: 478px;
  border-right: dashed 1px #DEDEDE;
}
.table04 .column-3 {
  width: 9.6%;
  min-width: 100px;
}
.table05{
  width: 100%;
  margin-bottom: 20px;
}
.table05-text01{
  font-size: 1.8rem;
  font-weight: bold;
}
.table05-text01 span{
  font-size: 1.8rem;
  font-weight: bold;
}
.table05 th,.table05 td{
  border: solid 1px #707070;
  height: 40px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
.table05 td{
  padding: 0 15px;
}
.table05 .table-header th{
  height: 55px;
  font-size: 2rem;
}
.table05 .table-header .column-1{
  background-color: #E2E2E2;
}
.table05 .table-header .column-8{
  background-color: #F0F5FF;
}
.table05 .table-header .column-9{
  background-color: #FFF0F0;
}
.table05 .table-header .column-3, .table05 .table-header .column-4, .table05 .table-header .column-5, .table05 .table-header .column-6, .table05 .table-header .column-7{
  background-color: #F1FFF0;
}
.table05 .column-1{
  width: 23.8%;
  min-width: 230px;
  font-size: 2rem;
}
.table05 p{
  font-weight: bold;
}
.table05 .column-2{
  width: 7.4%;
  min-width: 76px;
  font-size: 1.8rem;
}
.table05 .column-3, .table05 .column-4, .table05 .column-5, .table05 .column-6, .table05 .column-7, .table05 .column-8, .table05 .column-9{
  width: 9.8%;
  min-width: 96px;
}
.table05 .row-2{
  height: 56px;
}
.table05 .row-3{
  height: 56px;
}
.table05 .row-4 .column-1{
  text-align: left;
}
.table05 .row-4, .table05 .row-5{
  height: 56px;
  background-color: #EFEFEF;
}
.table05 .row-6, .table05 .row-7, .table05 .row-8{
  height: 80px;
}

.table05 .flex-style01{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ページナビゲーション */
.pagenavi-area {
  text-align: center;
  margin: 33px 0 0;
  display: flex;
  align-items: center;
}
.pagenavi{
  display: flex;
  margin: 0 auto;
}
.pagenavi li {
  margin-right: 10px;
}
.pagenavi .current, .pagenavi .page, .pagenavi .last{
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 24px;
  height: 31px;
  color: #1D1D1D;
  font-size: 1.4rem;
  font-weight: 500;
  padding-top: 4px;
}
.pagenavi .current{
  color: #fff;
  border-radius: 50%;
  width: 31px;
  height: 31px;
  background: #374149;
}
.pagenavi .next,
.pagenavi .back{
  color: #1D1D1D;
  width: 45px;
  height: 31px;
  font-size: 1.4rem;
}
.pagenavi .next{
  margin-left: 50px;
}
.pagenavi .back {
  margin-right: 50px;
}
.pagenavi .page_end{
  color: #A3A8B1;
}

.pagenav-area.pagenavi.page{
  display: block;
  font-size: 1.4rem;
  width: 24px;
  height: 24px;
  border: solid 1px #707070;
}

@media screen and (max-width: 740px) {
  .pagenavi .next,
  .pagenavi .back {
    margin: 0;
  }
}


/* 対象地域（都道府県）一覧 */
.region-list01{
  margin: 0 auto;
  padding: 0 44px;
  display: inline-block;
  width: auto;
}
@media screen and (max-width: 740px) {
  .region-list01{
    padding: 0 2%;
    width: 100%;
  }
}
.region01, .region02, .region03, .region04, .region05, .region06, .region07, .region08, .region09 {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #374149;
  border-radius: 10px 10px 0 0;
  width: 95px;
  height: 28px;
  line-height: 29px;
  background: #DEDEDE;
}
/* .region01{
background-color: #3E9BFF;
}
.region02{
background-color: #739ECC;
}
.region03{
background-color: #FFBA6E;
}
.region04{
background-color: #E0E02F;
}
.region05{
background-color: #80D397;
}
.region06{
background-color: #E08BD0;
}
.region07{
background-color: #D86969;
}
.region08{
background-color: #74CEC5;
}
.region09{
background-color: #D0AD38;
} */
.prefecture-list01 {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  background: #DEDEDE;

  padding: 0 3px;
}
@media screen and (max-width: 740px) {
  .prefecture-list01{
    padding:0 2%;
  }
}
.kado.prefecture-list01 {
  border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 740px) {
  .kado.prefecture-list01 {
    border-radius: 0 10px 10px 10px;
  }
}
.prefecture-list01 span{
  display: block;
  font-weight: bold;
  text-align: center;
  width: 80px;
  height: 30px;
  background-color: #374149;
  border-radius: 3px;
  color: #fff;
  margin: 7px 4px;
  font-size: 1.8rem;
}
.prefecture-list01 span a{
  color: #fff;
}
@media screen and (max-width: 740px) {
  .prefecture-list01 span{
    width: 46%;
    font-size: 1.5rem;
  }
}

/* 交通費等精算申請 */
.list-contents01{
  width: 100%;
  max-width: 862px;
  border: solid 1px #707070;
  margin: 0 auto 58px;
  padding: 56px 54px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
  .list-contents01{
    justify-content: center;
  }
}
.list-contents02{
  width: 164px;
  margin: 0 126px 82px 0;
}
.list-contents02:nth-of-type(3n){
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  .list-contents02:nth-of-type(3n){
    margin: 0 63px 82px 63px;
  }
  .list-contents02:nth-of-type(odd){
    margin: 0 63px 82px 63px;
  }
  .list-contents02{
    margin: 0 63px 82px 63px;
  }
}
@media screen and (max-width: 587px) {
  .list-contents01{
    flex-direction: column;
    justify-content: center;
  }
  .list-contents02{
    margin: 0 0 40px 0;
  }
  .list-contents02:nth-of-type(3n){
    margin: 0 0 40px 0;
  }
  .list-contents02:nth-of-type(2n){
    margin: 0 0 40px 0;
  }
  .list-contents02:nth-of-type(odd){
    margin: 0 0 40px 0;
  }
  .list-contents02:last-of-type{
    margin-bottom: 0;
  }
}

.list-contents02.for-tablet{
  display: none;
}
@media screen and (max-width: 900px) {
  .list-contents02.for-tablet{
    display: block;
  }
}
@media screen and (max-width: 587px) {
  .list-contents02.for-tablet{
    display: none;
  }
}

.image-delete01{
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate3d(50%,-50%,0);
}
.receipt-contents01{
  width: 164px;
  height: 270px;
  position: relative;
  border: solid 1px #707070;
}
.receipt-image01{
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.button20-wrap{
  position: absolute;
  bottom: 0;
  right: -6px;
  transform: translateY(50%);
}

/* 管理者予約画面 */
.reservation01 span{
  font-weight: bold;
}

/* 管理者見積作成画面 */
.create-contents01{
  width: 846px;
}

.create-items01 {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  height: 60px;
  line-height: 60px;
  border-bottom: dashed 1px #DEDEDE;
  margin-bottom: 1px;
}
.create-items02{
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.create-items03{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: solid 1px #707070;
  width: 304px;
  margin: 0 0 10px auto;
}
.create-items04{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: solid 1px #707070;
  width: 304px;
  margin: 0 0 22px auto;
}
.create-items05{
  display: flex;
  align-items: flex-start;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 40px;
  height: 84px;
}

.create-items06{
  display: flex;
  align-items: center;
  border-bottom: dashed 1px #DEDEDE;
  font-size: 1.4rem;
  height: 60px;
  line-height: 60px;
  margin-top: 1px;
}
.create-title01 {
  font-weight: bold;
  width: 250px;
  text-align: center;
  color: #fff;
  background: #79869D;
  border-bottom: dashed 1px #DEDEDE;
}
.create-items05 .create-title01{
  height: 84px;
}


.create-title02{
  font-size: 1.8rem;
  font-weight: bold;
  width: 54px;
}
.create-title03{
  font-size: 1.6rem;
  font-weight: bold;
  width: 200px;
}
.create-title04{
  font-size: 2rem;
  font-weight: bold;
  width: 200px;
}
.create-input01{
  width: 541px;
  padding-left: 60px;
}
.horizontal-items02 .create-input01{
  padding-left: 31px;
}
.create-input01 span{
  font-weight: 600;
  color: #1D1D1D;
}
.create-input02{
  padding-left: 24px;
}
.create-input03{
  display: flex;
  width: 608px;
  padding-left: 24px;
}
.create-input03 span{
  font-weight: bold;
}

.create-answer01{
  width: 165px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  line-height: 24px;
  border-bottom: solid 1px #707070;
}
.create-answer02{
  font-size: 1.8rem;
  font-weight: bold;
}
.create-answer02 span{
  display: inline-block;
  width: 165px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: right;
  line-height: 24px;
  border-bottom: solid 1px #707070;
  margin-right: 9px;
}
.create-amount01{
  font-size: 1.6rem;
  font-weight: bold;
}
.create-amount02{
  font-size: 2rem;
  font-weight: bold;
}

.create-input-contents01{
  width: 409px;
}
.create-input-contents01 dl{
  display: flex;
  width: 600px;
}
.create-input-contents01 dd{
  display: flex;
}

.create-total-contents{
  width: 880px;
}
.create-input-contents02{
  display: flex;
  width: 385px;
}
.create-total-contents03{
  width: 757px;
}

/* 管理者見積確認画面 */
.confirm-contents01{
  width: 862px;
  padding: 22px 52px 33px;
}
.confirm-contents01-inner{
  width: 757px;
}
.confirm-header{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}
.confirm-to{
  margin-right: 55px;
}
.confirm-to-company{
  display: flex;
  justify-content: space-between;
  width: 420px;
  border-bottom: solid 1px #707070;
  padding-right: 8px;
}
.confirm-to-company span{
  font-size: 2.0rem;
  font-weight: bold;
}
.confirm-to-name{
  display: flex;
  justify-content: space-between;
  width: 420px;
  border-bottom: solid 1px #707070;
  padding-right: 8px;
}
.confirm-to-name p, .confirm-to-name span{
  font-size: 2.4rem;
  font-weight: bold;
}
.confirm-to-name02{
  display: flex;
  justify-content: space-between;
  width: 420px;
  border-bottom: solid 1px #707070;
  margin-bottom: 70px;
  padding-right: 8px;
}
.confirm-to-name02 p, .confirm-to-name02 span{
  font-size: 2.4rem;
  font-weight: bold;
}
.confirm-to-genba{
  justify-content: space-between;
  align-items: center;
  width: 420px;
  border-bottom: solid 1px #707070;
  padding-right: 8px;
}
.confirm-to-genba span{
  font-size: 2.4rem;
  font-weight: bold;
}
.confirm-to-genba span:last-of-type{
  font-size: 1.6rem;
  font-weight: bold;
}
.confirm-to-nittei{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 420px;
  border-bottom: solid 1px #707070;
  padding-right: 8px;
}
.confirm-to-nittei-title{
  font-size: 2.4rem;
  font-weight: bold;
}
.confirm-to-nittei-kikan{
  display: flex;
}
.confirm-to-nittei-kikan p, .confirm-to-nittei-kikan span{
  font-size: 1.3rem;
  font-weight: bold;
}
.confirm-to-amount{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 420px;
  border-bottom: solid 1px #707070;
  padding-right: 8px;
}
.confirm-to-amount p, .confirm-to-amount span{
  font-size: 2.0rem;
  font-weight: bold;
}
.confirm-header-from{
  position: relative;
}
.confirm-from-company{
  font-size: 2.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.confirm-from-other, .confirm-from-other span{
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
}
.confirm-from-other{
  margin-bottom: 10px;
}
.confirm-from-postcode, .confirm-from-postcode span{
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
}
.confirm-from-postcode{
  margin-bottom: 4px;
}
.confirm-from-stamp{
  position: absolute;
  width: 130px;
  height: auto;
  top: -20px;
  right: 0;
}

.table06{
  width: 757px;
  margin-bottom: 10px;
  line-height: 1;
}
.table06 th,
.table06 td{
  border: solid 1px #707070;
  vertical-align: middle;
  text-align: center;
}
.table06 .row-1 th{
  height: 46px;
  font-size: 2.0rem;
  font-weight: bold;
}
.table06 .row-2 th{
  height: 25px;
  font-weight: bold;
  text-align: right;
  padding: 0 10px;
}
.table06 .row-2 th:first-of-type{
  text-align: left;
}
.table06 .row-other {
  height: 22px;
}
.table06 .column-1{
  text-align: left;
  padding: 0 10px;
}
.table06 .column-2, .table06 .column-3, .table06 .column-4{
  font-size: 1.4rem;
  text-align: right;
  padding: 0 6px;
}
.table06 .column-2 p:first-of-type,
.table06 .column-3 p:first-of-type{
}
.table06 .column-5{
  font-size: 1.6rem;
  text-align: right;
  padding: 0 8px;
}
.confirm-bikou{
  width: 757px;
  height: auto;
  min-height: 166px;
  border: solid 1px #707070;
  margin-bottom: 6px;
  padding: 12px 10px;
}
.confirm-bikou-text{
  padding-left: 1em;
}
.confirm-total-contents{
  width: 757px;
}
.confirm-total-contents02{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 757px;
}

.confirm-total01{
  display: flex;
  justify-content: space-between;
  width: 304px;
  border-bottom: solid 1px #707070;
  margin: 0 0 10px auto;
}
.confirm-total01 p, .confirm-total01 span{
  font-size: 1.8rem;
  font-weight: bold;
}
.confirm-total02{
  display: flex;
  justify-content: space-between;
  width: 304px;
  border-bottom: solid 1px #707070;
  margin: 0 0 28px auto;
}
.confirm-total02 p, .confirm-total02 span{
  font-size: 1.8rem;
  font-weight: bold;
}
.confirm-total03{
  display: flex;
  justify-content: space-between;
  width: 304px;
  border-bottom: solid 1px #707070;
  margin: 0 0 32px auto;
}
.confirm-total03 p, .confirm-total03 span{
  font-size: 1.8rem;
  font-weight: bold;
}
.confirm-total04{
  display: flex;
  justify-content: space-between;
  width: 304px;
  border-bottom: solid 1px #707070;
  margin: 0 0 0 auto;
}
.confirm-total04 p, .confirm-total04 span{
  font-size: 2.2rem;
  font-weight: bold;
}
.confirm-total05{
  display: flex;
  justify-content: space-between;
  width: 304px;
  border-bottom: solid 1px #707070;
  margin: 0 0 34px auto;
}
.confirm-total05 p, .confirm-total05 span{
  font-size: 1.8rem;
  font-weight: bold;
}

.table07{
  width: 757px;
  margin-bottom: 20px;
}
.table07 th,.table07 td{
  border: solid 1px #707070;
  vertical-align: middle;
  text-align: center;
  height: 37px;
}
.table07 .row-1 th{
  font-size: 1.8rem;
  font-weight: bold;
}
.table07 .column-1{
  text-align: left;
  padding: 0 10px;
}
.table07 .column-2{
  text-align: right;
  padding: 0 8px;
}

.table08{
  width: 420px;
  border: solid 1px #707070;
}
.table08 th,.table08 td{
  vertical-align: middle;
  width: 210px;
  padding-left: 10px;
}
.table08 th{
  font-size: 1.8rem;
  font-weight: bold;
  height: 28px;
}
.table08 td{
  font-size: 1.4rem;
  height: 20px;
}

.table09{
  width: 757px;
  margin-bottom: 20px;
  line-height: 1;
}
.table09 th,.table09 td{
  border: solid 1px #707070;
  vertical-align: middle;
  text-align: center;
}
.table09 .row-1 th{
  height: 46px;
  font-size: 2.6rem;
  font-weight: bold;
}
.table09 .row-2 th{
  height: 37px;
  font-size: 1.8rem;
  font-weight: bold;
}
.table09 .row-other{
  font-size: 1.4rem;
  height: 23px;
}
.table09 .column-1{
  text-align: left;
  padding: 0 10px;
}
.table09 .column-2, .table09 .column-3, .table09 .column-4{
  text-align: right;
  padding: 0 6px;
}
.table09 .column-2 p:first-of-type,
.table09 .column-3 p:first-of-type{
  margin-bottom: 4px;
}
.order-sheet2 .confirm-header {
  justify-content: left;
}
.order-sheet2 .confirm-header-from h5{
  font-size: 1.6rem;
  border-bottom: 1px solid;
  width: 96px;
  letter-spacing: 0;
}
.order-sheet2 .confirm-header-from dt{
  font-size: 2.0rem;
  letter-spacing: 0;
}
.order-sheet2 .confirm-header-from dd{
  line-height: 1.1;
  letter-spacing: 0;
}
.order-sheet2 .confirm-to-name p,
.order-sheet2 .confirm-to-genba span,
.order-sheet2 .confirm-to-nittei-title{
  font-size: 1.4rem;
}
.order-sheet2 .confirm-to-name span {
  font-size: 1.4rem;
}
.order-sheet2 .confirm-bikou {
  margin-bottom: 20px;
}
.order-sheet2 .table-items .row-other{
  height: 23px;
  font-size: 1.4rem;
}
.order-sheet3 .confirm-to-amount {
  margin-top: 70px;
}
.reserve-page input.button15 {
  display: inline-block;
  width: 126px;
  height: 35px;
  margin-left: 10px;
}
.boder_box{
  padding: 5px 7px;
  border: 1px solid #707070;
  display: inline-block;
}
.horizontal-items10{
  width: 100%;
  max-width: 882px;
  margin: 0 auto 77px;
  overflow-x: scroll;
}
.horizontal-items10-inner{
  width: 882px;
  position: relative;
  margin: 0 auto;
  padding: 10px;
}

/* ポップアップ */
.open {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  background-color: #CEE8FF;
  border: solid 0.5px #707070;
  border-radius: 4px;
  color: #707070;
  line-height: 20px;
  transition: 0.3s;
  width: 62px;
  height: 20px;
  margin: 0 auto;
}
.open:hover{
  opacity: 0.8;
}

#pop-up-1-1,
#pop-up-1-2,
#pop-up-1-3,
#pop-up-1-4,
#pop-up-1-5,
#pop-up-1-6,
#pop-up-1-7,
#pop-up-2-1,
#pop-up-2-2,
#pop-up-2-3,
#pop-up-2-4,
#pop-up-2-5,
#pop-up-2-6,
#pop-up-2-7,
#pop-up-3-1,
#pop-up-3-2,
#pop-up-3-3,
#pop-up-3-4,
#pop-up-3-5,
#pop-up-3-6,
#pop-up-3-7,
#pop-up-4-1,
#pop-up-4-2,
#pop-up-4-3,
#pop-up-4-4,
#pop-up-4-5,
#pop-up-4-6,
#pop-up-4-7,
#pop-up-5-1,
#pop-up-5-2,
#pop-up-5-3,
#pop-up-5-4,
#pop-up-5-5,
#pop-up-5-6,
#pop-up-5-7 {
  display: none;
}
.overlay {
  display: none;
}
#pop-up-1-1:checked+.overlay,
#pop-up-1-2:checked+.overlay,
#pop-up-1-3:checked+.overlay,
#pop-up-1-4:checked+.overlay,
#pop-up-1-5:checked+.overlay,
#pop-up-1-6:checked+.overlay,
#pop-up-1-7:checked+.overlay,
#pop-up-2-1:checked+.overlay,
#pop-up-2-2:checked+.overlay,
#pop-up-2-3:checked+.overlay,
#pop-up-2-4:checked+.overlay,
#pop-up-2-5:checked+.overlay,
#pop-up-2-6:checked+.overlay,
#pop-up-2-7:checked+.overlay,
#pop-up-3-1:checked+.overlay,
#pop-up-3-2:checked+.overlay,
#pop-up-3-3:checked+.overlay,
#pop-up-3-4:checked+.overlay,
#pop-up-3-5:checked+.overlay,
#pop-up-3-6:checked+.overlay,
#pop-up-3-7:checked+.overlay,
#pop-up-4-1:checked+.overlay,
#pop-up-4-2:checked+.overlay,
#pop-up-4-3:checked+.overlay,
#pop-up-4-4:checked+.overlay,
#pop-up-4-5:checked+.overlay,
#pop-up-4-6:checked+.overlay,
#pop-up-4-7:checked+.overlay,
#pop-up-5-1:checked+.overlay,
#pop-up-5-2:checked+.overlay,
#pop-up-5-3:checked+.overlay,
#pop-up-5-4:checked+.overlay,
#pop-up-5-5:checked+.overlay,
#pop-up-5-6:checked+.overlay,
#pop-up-5-7:checked+.overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.6);
}
.window {
  position: fixed;
  width: 90vw;
  max-width: 360px;
  height: auto;
  padding-top: 48px;
  padding-bottom: 48px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  background-color: #fff;
}
.close {
  position: absolute;
  width: 28px;
  height: auto;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.pop-list {
  width: 88px;
  height: 301px;
  margin: 0 auto;
  overflow-y: scroll;
  background-color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.pop-list li {
  width: 100%;
  height: 30px;
  border-left: solid 1px #707070;
  border-top: solid 1px #707070;
  border-right: solid 1px #707070;
  font-size: 2rem;
  font-weight: bold;
}
.pop-list li:hover {
  color: #B4B4B4;
  cursor: pointer;
}
.pop-list li:last-of-type {
  border-bottom: solid 1px #707070;
}





.flex{
  display: flex;
  flex-wrap: wrap;
}
pc{
  display: block;
}
sp{
  display: none;
}
/* 共通 */
@media screen and (max-width: 740px){
  pc{
    display: none;
  }
  sp{
    display: block;
  }
  .form-contents04 div.sp_block{
    display: block;
    text-align: left;
  }

}

/* ヘッダー */
.gnav-list li.logout a{
  background: #3876A7;
  border-radius: 8px;
  padding: 0 14px;
  display: block;
}
@media screen and (max-width: 1120px) {
  .gnav-list li.logout a {
    padding: 5px 14px;
    display: inline-block;
    color: #fff;
  }
}

.caution-ttl{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
.caution-ttl::after{
  position: absolute;
  content: "";
  bottom:0;
  left:50%;
  transform: translateX(-50%);
  width: 84px;
  height: 3px;
  background: #707070;
}
.caution-txt dt,
.caution-txt dd {
  font-size: 2.0rem;
  font-weight: bold;
}
.caution-txt dd {
  margin-left: 25px;
}
.inner1000 {
  max-width: 1000px;
  margin: 0 auto;
}
.form-contents02.inner1000 {
  max-width: 1000px;
}
.ce{
  color: #cecece;
}
.area-box{
  margin-top: 28px;
}
.area-btn a{
  color: #fff;
}
.area-btn {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  color: #fff;
  display: block;
  border-radius: 20px;
  width: 305px;
  padding: 30px 0;
  margin: 0 auto 63px;
}
.area-btn1{
  background: #498BF1;
}
.area-btn2{
  background: #C96563;
}
.area-btn3{
  background: #F3B577;
}
.area-btn4{
  background: #C6A652;
}
.basic_conditions .horizontal-items02,
.material_condition .horizontal-items02{
  margin: 30px auto 53px;
}
input.form-text12 {
  width: 606px;
  height: 25px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #707070;
  text-align: left;
  border: solid 1px #000;
  background-color: #fff;
  margin-right: 12px;
  padding: 0 8px;
}
.basic_conditions input.form-text12,
.basic_conditions input.form-text10,
.basic_conditions textarea.form-textarea01{
  font-size: 1.4rem;
}
.basic_conditions input.form-text12::-moz-placeholder, .basic_conditions input.form-text10::-moz-placeholder, .basic_conditions textarea.form-textarea01::-moz-placeholder{
  font-weight: bold;
  color: #D5D5D5;
  font-size: 1.4rem;
}
.basic_conditions .form-year01,
.basic_conditions .form-month01,
.basic_conditions input.form-text12::placeholder,
.basic_conditions input.form-text10::placeholder,
.basic_conditions textarea.form-textarea01::placeholder,
.basic_conditions select.form-rate01{
  font-weight: bold;
  color: #D5D5D5;
  font-size: 1.4rem;
}
.basic_conditions input.form-text11::-moz-placeholder{
  color: #D5D5D5;
}
.basic_conditions input.form-text11::placeholder{
  color: #D5D5D5;
}

.postscript-inner .create-items01{
  margin-bottom: 0;
}
.postscript-inner .create-items06{
  margin-bottom: 0;
}

.postscript1{
  font-size: 1.6rem;
  color: #FF0000;
  margin-bottom: 18px;
  line-height: 1.2;
}
button {
  font-size: 1.6rem;
  color: #707070;
  background: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.justify .create-items01{
  justify-content: flex-start;
}
.justify .create-input03{
  width: 625px;
}
.justify .create-input03 span{
  font-size: 1.8rem;
}
.justify .form-year01-wrap,
.justify .form-year01 {
  width: 104px;
}
.justify input.form-text10 {
  width: 35px;
}
.justify .while{
  margin: 0 10px;
}
.material_condition input.form-text11 {
  width: 68px;
}
.material_condition_2 .postscript1{
  font-weight: bold;
  margin: 0 auto 48px;
  max-width: 800px;
  padding-left:0;
  line-height: 2;
}
.material_condition_2 .create-input01 span {
  margin-left: 0;
}
span.p-14{
  font-size: 1.4rem;
}
.mb-70{
  margin-bottom: 70px;
}
.material_condition_2 .create-input01 {
  display: flex;
  align-items: center;
}
.mw-21{
  min-width: 21px;
}
.button-list08 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 613px;
  margin: 0 auto 120px;
}
.button-list08 .button10 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  cursor: pointer;
  background-color: #3DAD00;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  border: none;
  margin: 0 10px 10px;
  padding-top: 0px;
}
.button-list12 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1224px;
  margin: 0 auto;
}
.button-list12 a{
  margin: 0 auto 10px;
}
.button26,
.button28{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  color: #fff;
  line-height: 63px;
  transition: 0.3s;
  width: 404px;
  height: 63px;
}
.button26{
  background-color: #8acae8;
}
.button28{
  background-color: #0D086F;
}
.button27{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #5EBA5B;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin: 0 10px 10px;
}
.postscript-inner02 .create-items06,
.postscript-inner02 .create-items01 {
  margin-bottom: 0;
}
.postscript-inner02 .postscript1{
  padding-left: 0;
  margin: 0 auto 10px;
  font-weight:400;
}

.postscript-inner03 .create-items06{
  margin-bottom: 30px;
}

.confirm-from-postcode span.p-16,
.confirm-from-other span.p-16 {
  font-size: 1.6rem;
  line-height: 1;
}
.confirm-from-other.p-16,
.confirm-from-other.p-16{
  margin-bottom: 4px;
}
.oder_sec .confirm-to{
  margin-right: 20px;
}
.estimate-sec .confirm-to {
  margin-right: 25px;
}
.oder_sec .confirm-to-nittei-title,
.oder_sec .confirm-to-genba span,
.oder_sec .confirm-to-name p,
.confirm-to-name span {
  font-size: 2.0rem;
}
.oder_sec .confirm-to-nittei-kikan {
  display: flex;
  letter-spacing: 0;
}
.oder_sec .confirm-to-nittei-kikan .ml-1em {
  margin-left: 0.5em;
}
.oder_sec .confirm-to-name,
.oder_sec .confirm-to-genba,
.oder_sec .confirm-to-nittei {
  margin-bottom: 10px;
}
div.area4 .area4 {
  width: 372px;
  justify-content: space-between;
}
.form-contents04 div.area4 .area4 {
  width: 372px;
  justify-content: space-between;
}
.form-contents07 div.area4 .area4 {
  justify-content: left;
  gap:0 10%;
}
.area4 span{
  font-weight: bold;
}
.form-contents04 {
  max-width: 788px;
  margin-inline: auto;
  padding: 30px 0 48px;
  box-shadow: 0px 3px 5px rgb(34 34 34 / 13%);
  color: #1D1D1D;
  font-size: 1.8rem;
}
@media screen and (max-width: 740px){
  .form-contents04.mt-200 {
    margin-top: 100px;
    padding: 30px 20px;
  }
}
.form-contents08.form-contents04 div.form-prefecture01-wrap {
  margin-top: 0px;
}
.form-contents08 .form-contents04 div textarea{
  align-items: center;
}
.form-contents04 div.block,
.form-contents03 div.block{
  display: block;
}
.form-contents03 div.block {
  border-bottom: none;
  width: 70.5%;
  max-width: 564px;
  padding: 5px 1em;
}
.form-contents04 ::-moz-placeholder {
  font-weight: bold;
  color: #D5D5D5;
}
.form-contents04 ::placeholder {
  font-weight: bold;
  color: #D5D5D5;
}
.button38 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #E03B4E;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin: 0 10px 10px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}

.form-contents08{
  max-width: 800px;
}
.form-contents08 h4{
  margin-left: calc(25% + 1em);
  font-size: 1.8rem;
}
.form-contents04 div.aline-top{
  align-items: flex-start;
}
.district-box ul {
  align-items: center;
}
.district-box ul li{
  text-align: center;
  width: 20%;
}
.district-box .img-box{
  padding: 10px;
  width: 80%;
  margin-left: 30px;
}
@media screen and (max-width: 740px) {

  .district-box .img-box {
    padding: 20px;
  }
}
.district-box ul li.district-btn, .district-btn {
  margin: 0 auto;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  max-height: 54px;
  border-radius: 34px;
  width: 26%;
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
}
.district-btn a{
  color: #fff;
  display: block;
  padding: 10px 0;
}
@media screen and (max-width: 740px) {

  .district-btn a {
    padding: 4px 0;
  }
}
.area-btn1 {
  margin: 0 auto;
}
.district-box .district-btn.area-btn2 {
  margin: 0 auto;
}
.district-box .district-btn.area-btn3{
  margin: 0 auto;
}
.district-box .district-btn.area-btn4{
  margin: 0 auto;
}
.img-box_sp{
  display: none;
}
.form-contents03 {
  width: 100%;
  max-width: 846px;
  margin-inline:auto;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  color: #374149;
  font-size: 1.4rem;
}
@media screen and (max-width: 740px) {
  .district-box ul {
    align-items: center;
  }
  .district-box .district-btn.area-btn2 {
    margin: auto;
  }
  .district-box .district-btn.area-btn3 {
    margin: auto;
  }
  .district-box .district-btn.area-btn4 {
    margin: 0 auto 100px;
  }
}

.form-contents03_wrap{
  display: flex;
  align-items: center;
  border-bottom: dashed 1px #DEDEDE;
}
.form-contents03_wrap:last-of-type{
  border-bottom: none;
}

.form-contents03 .flex-start {
  align-items: flex-start;
}
.form-contents03.form-contents04 div {
  margin-top: 0px;
  min-width: 300px;
}
.form-contents03.form-contents07 p {
  min-width: 300px;
  word-break: break-all;
}
/*@media screen and (max-width: 680px) {
.form-contents03 div{
flex-direction: column;
}
}
*/
.form-contents03 label{
  width: 71%;
  max-width: 285px;
  min-width: 250px;
  font-size: 1.4rem;
  font-weight: bold;
  height: 100%;
  padding: 10px 34px;
  border-right: dashed 1px #DEDEDE;
}
.form-contents03 label.area-label{
  line-height: 2;
}
.form-contents03 label.area-remarks {
  padding: 10px 34px 221px;
}
a.button21 {
  display: inline-block;
  width: 120px;
  height: 40px;
  margin-left:14px;
  font-size: 1.5rem;
  padding-top: 10px;
}
.area-ttlbox .section-title01 {
  margin-bottom: 15px;
}
.order-sheet4 .table06 {
  margin-bottom: 0px;
}
.order-sheet4 .confirm-bikou {
  min-height: 83px;
  margin: 6px  auto;
}
.create-total-contents03 {
  margin-bottom: 80px;
}
.order-sheet5{
  margin: 0 auto;
  padding: 22px 50px 10px;
  overflow-x: scroll;
  min-height: 1175px;
}
.order-sheet5 dl{
  margin-top: 15px;
}
.order-sheet5 dt{
  margin-bottom: 15px;
  font-size: 1.8rem;
}
.order-sheet5 dd{
  padding-left: 43px;
  display: flex;
  margin-bottom: 8px;
}
.order-sheet5 dd span{
  width: 130px;
  display: block;
}
.order-sheet5 .sheet5-dl dd span{
  width: auto;
}
.under-txt001{
  text-align: right;
  font-size: 1.8rem;
  margin-top: 40px;
}
.pager-txt{
  text-align: center;
  font-size: 1.5rem;
}
.order-sheet5 .sheet5-dl002 dd{
  margin-bottom: 15px;
}
.order-sheet5 .sheet5-dl002 dd span{
  width: 44px;
  display: inline-block;
}
.date-area{
  position: relative;
}
.date-contents{
  position: absolute;
  top:55px;
  right: 22px;
  width: 190px;
  height: 40px;
}


.order-sheet2 .confirm-header-from h5.w-125 {
  width: 125px;
}

.address_caution{
  width: 606px;
  margin: 0 13px 12.8px auto;
}
.form_caution{
  color: #FF0000;
  font-size:1.2rem;
  line-height: 1.2;
}

.button29{
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #013762;
  border: none;
  border-radius: 4px;
  color: #fff;
  transition: 0.3s;
  width: 118px;
  height: 28px;
  margin: 0 0 0 auto;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
}
.button29:hover{
  opacity: 0.8;
}
.button30{
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  cursor: pointer;
  background-color: #DB0000;
  border: none;
  border-radius: 4px;
  color: #fff;
  transition: 0.3s;
  width: 118px;
  height: 28px;
  margin: 4px auto 0;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
}
.button30:hover{
  opacity: 0.8;
}
.justify .create-input03.w-450{
  width: 450px;
}


@media screen and (max-width: 740px) {
  .form-contents03 label{
    width: 100%;
    max-width: initial;
    border-right: none;
    display: block;
  }
  .area-btn {
    padding: 20px 0;
    margin: 0 auto 33px;
    width: 100%;
  }
  .button-list08 .mt-25 {
    margin-top: 0;
  }
  .form-contents04 label {
    width: 100%;
    max-width: 100%;
    display: block;
    max-width: 100%;
    text-align: left;
  }
  div.area4 .area4 {
    width: 200px;
  }
  .form-contents04 div.area4 .area4 {
    width: 300px;
  }
  .form-contents08 div.area4 .area4 {
    width: 300px;
  }
  .form-contents08 h4{
    margin-left: auto;
    text-align:center;
  }
  .area4 span {
    text-align: center;
  }
  .district-box ul li.district-btn, .district-btn {
    margin: 0 auto;
    width: 100px;
    max-height: 36px;
    font-size: 1.3rem;
  }
  .img-box_sp{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  .form-contents03_wrap {
    display: block;
    padding-bottom: 20px;
  }
  .form-contents03 div.block {
    width: 100%;
    max-width: 100%;
  }
  .form-contents03 label.area-remarks {
    padding: 10px 34px;
  }
}



.button31 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #E03B4E;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 27px;
  transition: 0.3s;
  width: 73px;
  height: 27px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin-left: 5px;
}
.button32 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 5px;
  color: #fff;
  line-height: 27px;
  transition: 0.3s;
  width: 73px;
  height: 27px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  border: solid 1px #013762;
  margin-left: 5px;
}
.button33 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 5px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin-left:auto;
  margin-right:0;
}
@media screen and (max-width: 740px) {

  .button31,.button32{
    margin-top: 20px;
  }
  .button33{
    margin: 30px auto;
  }
}
.button35{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #1D5BA4;
  border-radius: 17px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}
.button35::after{
  position: absolute;
  top:50%;
  left:13px;
  transform: translateY(-50%);
  content: "";
  background-image: url(/images/img_folder.png);
  background-size: contain;
  width: 16px;
  height: 16px;
}
.button-list13 a{
  margin: 0 0 0 auto;
}
@media screen and (max-width: 740px) {
  .button-list13 a{
    margin: 0 auto;
  }
}
.button-list14{
  display: flex;
  justify-content: right;
  margin:0 auto 16px;
  width: 100%;
  max-width: 951px;
}
.button-list15{
  display: flex;
  justify-content: right;
  margin:0 auto 16px;
  width: 100%;
  max-width: 872px;
}
.table10 td{
  font-size: 1.4rem;
}
.table10.table01 .table-header th{
  text-align: center;
}
.table10.table01 .column-1 {
  width: 26%;
  min-width: 270px;
}
.table10.table01 .column-2 {
  width: 8.8%;
  min-width: 91px;
}
.table10.table01 .column-3 {
  width: 9.18%;
  min-width: 148px;
}
.table10.table01 .column-4 {
  width: 30.8%;
  min-width: 319px;
}
.table10.table01 .column-5 {
  width: 16%;
  min-width: 166px;
  border-right: dashed 1px #dedede;
}
.table10.table01 .column-6 {
  width: 8.5%;
  min-width: 88px;
  border-top: solid 1px #dedede;
}
.mt-13{
  margin-top: 13px;
}
.mw-447{
  max-width: 447px;
}
.border-b{
  border-bottom: 1px solid #DBDBDB;
}
.fs-12{
  font-size: 1.2rem;
}
.fs-14{
  font-size: 1.4rem;
}
.fs-30{
  font-size: 3rem;
}
.f-end{
  align-items: flex-end;
}
div.area5 {
  width: 100%;
  justify-content:flex-end;
}
.contents200 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 6px auto;
  max-width: 940px;
}
.create-contents10 {
  max-width: 827px;
  margin-inline: auto;
}
.create-contents10 .create-items01 {
  font-size: 1.6rem;
  height: 25px;
  line-height: 25px;
  border-bottom: none;
  margin-bottom: 7px;
  letter-spacing: 0;
  align-items: flex-start;
}
.create-contents10 .create-title01{
  width: 150px;
  text-align: right;
  color: #1D1D1D;
  background: none;
  border-bottom: none;
}
.create-contents10 .create-input01{
  width: 677px;
  padding-left: 30px;
}
.create-contents10 input.form-text12{
  color: #1D1D1D;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 13px;
  padding: 8px 23px;
  background: #EFF1F4;
  width: 100%;
  max-width: 643px;
  margin: 0;
  border: none;
}
.create-contents10 .form-area03 {
  font-size: 1.4rem;
  font-weight: 600;
  border: none;
  border-radius: 13px;
  color: #171717;
  background: #EFF1F4;
}
.create-contents10 .form-area03-wrap::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #374149;
  right: 7px;
  top: 12px;
}
.create-contents10 input.form-text17 {
  color: #171717;
  background: #EFF1F4;
  font-size: 1.4rem;
  font-weight: 600;
  border: none;
  border-radius: 13px;
}
.create-contents10 .create-items01.create-items01_another{
  height: auto;
}
@media screen and (max-width: 740px){
  .create-contents10 .create-title01{
    width: 100%;
    text-align: left;
  }
  .create-contents10 .create-items01 {
    height: 50px;
  }
  .create-contents10 .create-items01.create-items01_another{
    height: auto;
  }

  .create-contents10 .form-area03 {
    margin-bottom: 7px;
  }
  .create-contents10 .create-input01{
    width: 100%;
    padding-left: 0;
  }
  .create-contents10 {
    max-width: 100%;
    margin: 0px auto;
  }
  .create-contents10 .create-input01 {
    width: 100%;
    padding-left: 0px;
  }



}
.contents210 {
  width: 984px;
  margin: 0 auto;
  padding: 0 5px;
}
.contents210 .table03 .column-2,
.contents210 .table03 .column-1 {
  width: 3.5%;
  min-width: 34px;
  font-size: 1.4rem;
  height: 30px;
}
.contents210 .table03 .table-header02 .column-2,
.contents210 .table03 .table-header01 .column-2,
.contents210 .table03 .table-header01 .column-1 {
  background: #BEBEBE;
}
.contents210 .table03 .column-3,
.contents210 .table03 .column-4,
.contents210 .table03 .column-5,
.contents210 .table03 .column-6,
.contents210 .table03 .column-7,
.contents210 .table03 .column-8,
.contents210 .table03 .column-9 {
  width: 13.785%;
  min-width: 134px;
  height: 21px;
}
.contents210 .table03 .table-header01 .column-3,
.contents210 .table03 .table-header01 .column-4,
.contents210 .table03 .table-header01 .column-5,
.contents210 .table03 .table-header01 .column-6,
.contents210 .table03 .table-header01 .column-7,
.contents210 .table03 .table-header01 .column-8,
.contents210 .table03 .table-header01 .column-9 {
  height: 18px;
  font-size: 1.4rem;
}
.contents210 .table03 .table-header01 th {
  height: 40px;
}
.contents210 .table-header02{
  background: #C9FAC5;
}
.contents210 .table03 .table-header02 .column-8 {
  background-color: #C8D9FC;
}
.contents210 .table03 .table-header02 .column-9 {
  background-color: #FDC5C5;
}
.contents210 .table03 .table-header01 .column-8,
.contents210 .table03 .table-header01 .column-9{
  background: #fff;
}
.contents210 .table03 td{
  border-top: none;
  border-bottom: none;
}
.contents210 tbody{
  border: solid 1px #000;
}
.contents210 .row-11{
  border-bottom: solid 1px #000;
}
.bg-y{
  background: #FFF500;
}
.aline-center{
  align-items: center;
}
.table100 {
  width: 43.6%;
}





@media screen and (max-width: 740px) {
  .contents200 {
    display: block;
  }
  .contents210 {
    width: 100%;
  }
  .basic_conditions .create-contents10 .create-items01 {
    display: block;
  }
}
.contents300{
  width: 100%;
  padding: 10px 5px;
}
.contents300 tbody{
  box-shadow: 0 2px 3px rgba(0,0,0,17%);
}
.flex-cell02{
  box-shadow: -2px -2px 3px rgba(0,0,0,17%);
}

.contents300 .flex-style02 .flex-cell02 span {
  font-size: 2.0rem;
}
.contents300 .table03 .table-header01 .column-0,
.contents300 .table03 .table-header02 .column-0,
.contents300 .table03 .table-header01 .column-2,
.contents300 .table03 .table-header02 .column-1,
.contents300 .table03 .table-header02 .column-2{
  background-color: #fff;
  border: none;
}

.contents300 .flex-style02 .flex-cell01 {
  width: 37%;
  min-width: 385px;
}
.contents300 .flex-style02 .flex-cell02 {
  width: 63%;
  min-width: 656px;
  font-size: 1.4rem;
}
.contents300 .flex-style02 .flex-cell02 a{
  color: #A3A8B1;
}

.contents300 .table03 .column-3,
.contents300 .table03 .column-4,
.contents300 .table03 .column-5,
.contents300 .table03 .column-6,
.contents300 .table03 .column-7,
.contents300 .table03 .column-8,
.contents300 .table03 .column-9 {
  width: 9.2%;
  min-width: 94px;
}
.contents300 .table03 .column-9 {
  border-right: none;
}
.contents300 .table03 tr:last-of-type td,
.contents300 .table03 .row-5 .column-0,
.contents300 .table03 .row-5 .column-1,
.contents300 .table03 .row-5:first-of-type .column-2{
  border-bottom: none;
  border-left:none;
}
.contents300 .table03 .row-5 .column-0,
.contents300 .table03 .row-5 .column-1,
.contents300 .table03 .row-5 td{
  border-top: solid 1px #fcfcfc;
}
.contents300 .table03 .table-header01 th{
  border-top:none;
}
.contents300 .table03 th.column-3{
  border-left:solid 1px black;
}

.contents300 .table03 .table-header01 .column-8,
.contents300 .table-header02 .column-8{
  background-color: #F0F5FF;
}
.contents300 .table03 .table-header01 .column-9,
.contents300 .table-header02 .column-9{
  background-color: #FFF0F0;
}
.button-list10 {
  display: flex;
  justify-content: center;
}
.button-list10 .button10{
  padding-top: 0;
  line-height: 65px;
}
.create-contents01 textarea.form-textarea01 {
  font-family: "游ゴシック", “YuGothic” , "メイリオ", “Meiryo”, sans-serif;
  width: 451px;
  height: 93px;
}
input.form-text13 {
  width: 52px;
  height: 18px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #707070;
  text-align: right;
  border: solid 1px #000;
  background-color: #fff;
  margin: 0 2px;
  padding: 0 3px;
}
input.form-text14 {
  width: 351px;
  height: 18px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #707070;
  border: solid 1px #000;
  background-color: #fff;
  margin: 0 2px;
  padding: 0 3px;
  text-align: left;
}
input.form-text15 {
  width: 30px;
  height: 23px;
  line-height: 20px;
  font-size: 1.4rem;
  font-weight: bold;
  color: red;
  border: none;
  background-color: #fff;
  margin: 0 2px;
  padding: 0 3px;
  text-align: center;
  background: #E8CACA;
  border-radius: 4px;
}
input.form-text15::-moz-placeholder{
  font-size: 1.4rem;
  color: #707070;
}
input.form-text15::placeholder{
  font-size: 1.4rem;
  color: #707070;
}
.sp_block {
  display: flex;
}
.contents210 tbody.table100{
  border: none;
}
.contents210 .table100 .row-11{
  border-bottom: none;
}
.contents210 .table100 .row-10 .column-1,
.contents210 .table100 .row-12 .column-1,
.contents210 .table100 .row-11 .column-1,
.contents210 .table100 .row-11 .column-2,
.contents210 .table100 .row-11 .column-3,
.contents210 .table100 .row-13 .column-1,
.contents210 .table100 .row-13 .column-2,
.contents210 .table100 .row-13 .column-3{
  border-bottom: solid 1px #000;
}
.contents210 .table100 .row-12 .column-1,
.contents210 .table100 .row-13 .column-1,
.contents210 .table100 .row-13 .column-2,
.contents210 .table100 .row-13 .column-3,
.table99 .row-13 .column-4,
.table99 .row-13 .column-5,
.table99 .row-13 .column-6,
.table99 .row-13 .column-7{
  box-shadow: 0px 5px 5px rgb(0 0 0 / 20%);
}
.calendar-box{
  text-align: center;
  line-height: 18px;
  margin-bottom: 20px;
  color: #1D1D1D;
}

.day-of-week{
  height: 18px;
}
.day-of-week li{
  border-bottom: dashed 1px #A3A8B1;
}
.calendar-blank,
.calendar-week h4{
  border-bottom: solid 1px #A3A8B1;
}

.day-of-week li.calendar-sb-ttl{
  border-bottom:none;
}

.weekday,
.saturday,
.sunday,
.day-box{
  border-left: dashed 1px #A3A8B1;
}
.calendar-week li:nth-of-type(2),
.calendar-week li:nth-of-type(2),
.day-of-week li:nth-of-type(2){
  border-left: solid 1px #DEDEDE;
}
.day-of-week .saturday{
  color: #0055FF;
}
.day-of-week .sunday{
  color: #FF0000;
}
.calendar-week h4{
  font-weight: bold;
  font-size: 1.4rem;
  height:21px;
  line-height: 21px;
}
.day-of-week .saturday,
.saturday h4{
  background-color: #F0F5FF;
}
.day-of-week .sunday,
.sunday h4{
  background-color: #FFF0F0;
}
.week__contents1,
.week__contents2,
.week__contents3,
.week__contents4,
.week__contents5{
  box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
  border: solid 1px #fcfcfc;
  border-bottom: none;
  margin-bottom: 23px;
  background-color: #fff;
  width: 976px;
}
.calendar-week .box-b{
  background-color: #EFF1F4;
}
.day-box .disabled{
  filter: brightness(50%) invert(30%);
  -webkit-filter: brightness(50%) invert(30%);
  background-color: #fff;
}
.week__contents5{
  max-width: 436px;
}
.calendar-sb-ttl{
  width: 3.5%;
  min-width: 34px;
}
.calendar-sb-ttl .box-a,
.calendar-sb-ttl .box-b{
  font-weight: bold;
  font-size: 1.4rem;
}
.contents210 .weekday,
.contents210 .saturday,
.contents210 .sunday{
  width: 13.785%;
  min-width: 134px;
  font-size: 1.4rem;
  font-weight: bold;
}
.calendar-blank{
  height: 21px;
}
.day-box .box-a div,
.day-box .box-b div{
  align-items: center;
}
.day-box .box-a,
.day-box .box-b{
  padding: 0 4px;
}
.calendar-box .box-a{
  border-bottom: solid 1px #DEDEDE;
}
.day-box .box-a .reservation01,
.day-box .box-b .reservation01{
  display: flex;
  align-items: center;
  justify-content: center;
}
.day-box .box-a .reservation01 span,
.day-box .box-b .reservation01 span{
  width: 35%;
}
.day-box .box-a .reservation01 p,
.day-box .box-b .reservation01 p{
  width: 20%;
}
.button-list11 {
  max-width: 400px;
  margin: 0 auto 50px;
}




/*1/31追加*/
.policy-form{
  width: 851px;
  height: 332px;
  padding: 25px 35px;
  overflow-y:scroll;
  overflow-x:hidden;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  border-radius: 5px;
  box-shadow:0px 0px 5px rgba(0,0,0,47%) inset;
}
.policy-form__second{
  height: 231px;
}
.policy-form__third{
  height: 375px;
}
.policy-ttl{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 130px auto 60px;
  color: #000000;
}
.policy-sbttl{
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 40px;
  color: #000000;
}
.policy-thirdttl{
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 24px;
  color: #000000;
}

.policy-txt li{
  margin-bottom: 46px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.3em;
  color: #000000;
}
@media screen and (max-width: 740px) {
  .policy-form{
    width: 100%;
    height: 200px;
    padding: 25px 2%;
  }
  .button13 {
    font-size: 1.3rem;
    line-height: 1.6;
    width: 100%;
    height: 50px;
    padding-top: 6px;
  }
  .policy-ttl {
    font-size: 2rem;
    margin: 70px auto 30px;
  }
  .policy-sbttl,
  .policy-thirdttl {
    font-size: 1.4rem;
  }
  .policy-txt li {
    font-size: 1.3rem;
  }
}

.table11{
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 3px 6px rgba(0,0,0,16%);
  color: #1D1D1D;
}
.table11 th,
.table11 td{
  height: 34px;
  vertical-align: middle;
  font-size: 1.4rem;
  letter-spacing: 0;
}
.table11 td {
  border-bottom: dashed 1px #dedede;
  padding: 0 10px;
  font-weight: 600;
}
.table11 .table-header th {
  background-color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 0 10px;
  border-bottom: solid 1px #dedede;
}
.table11 .column-1 {
  width: 29.4%;
  min-width: 305px;
  border-right: dashed 1px #dedede;
}
.table11 .column-2 {
  width: 9.6%;
  min-width: 100px;
  border-right: dashed 1px #dedede;
}
.table11 .column-3 {
  width: 9.3%;
  min-width: 97px;
  border-right: dashed 1px #dedede;
}
.table11 .column-4 {
  width: 13.1%;
  min-width: 136px;
  border-right: dashed 1px #dedede;
}
.table11 .column-5 {
  width: 29.1%;
  min-width: 302px;
  border-right: dashed 1px #dedede;
  letter-spacing: 0;
}
.table11 .column-6 {
  width: 8.9%;
  min-width: 93px;
}
.table11 tr:last-of-type td {
  border-bottom: none;
}
input.form-text16{
  width: 74%;
  height: 30px;
  max-width: 633px;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  border: solid 1px #707070;
  padding: 8px 11px;
}
input.form-text16::-moz-placeholder{
  color: #D5D5D5;
}
input.form-text16::placeholder{
  color: #D5D5D5;
}
.confirm-to-amount02{
  margin-top: 70px;
}
.table12{
  width: 757px;
  margin-bottom: 15px;
  line-height: 1;
}
.table12 th,
.table12 td{
  border: solid 1px #707070;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  letter-spacing: 0;
}
.table12 .row-1 th.column-1{
  height: 71px;
  font-size: 1.6rem;
}
.table12 .row-1 th.column-1{
  height: 71px;
  font-size: 1.6rem;
}
.table12 .row-1 th.column-2,
.table12 .row-1 th.column-3{
  font-weight: bold;
}
.table12 .row-2 th.column-1,
.table12 .row-2 th.column-3{
  background: #C4D9FF;
}
.table12 .row-2 th.column-2,
.table12 .row-2 th.column-4{
  background: #FFC2C4;
}
.table12 .row-3 th.column-2,
.table12 .row-3 th.column-4,
.table12 .row-3 th.column-6,
.table12 .row-3 th.column-8,
.table12 .row-3 th.column-10,
.table12 .row-3 th.column-12,
.table12 .row-3 th.column-14,
.table12 .row-3 th.column-16,
.table12 .row-3 th.column-18,
.table12 .row-other .column-4,
.table12 .row-other .column-6,
.table12 .row-other .column-8,
.table12 .row-other .column-10,
.table12 .row-other .column-12,
.table12 .row-other .column-14,
.table12 .row-other .column-16,
.table12 .row-other .column-18{
  background: #FFFFE5;
}
.table12 .row-3 th{
  height: 20px;
  width: 42px;
  font-size: 1rem;
}
.table12 .row-2 {
  height: 24px;
  font-size: 1.4rem;
}
.table12 td{
  font-size: 1rem;
  height: 23px;
}
.table12 td.column-1{
  width: 19px;
}
.table13{
  width: 757px;
  margin-bottom: 15px;
  line-height: 1;
}
.table13 th,
.table13 td{
  border: solid 1px #707070;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  letter-spacing: 0;
}
.table13 td{
  font-size: 1.4rem;
  font-weight: bold;
  height: 37px;
}
.table13 .row-1 th.column-1{
  height: 71px;
  width: 100px;
  font-size: 1.6rem;
}
.table13 .row-1 th.column-1{
  height: 71px;
  font-size: 1.6rem;
}
.table13 .row-1 th.column-2,
.table13 .row-1 th.column-3{
  font-weight: bold;
}
.table13 .row-2 {
  height: 24px;
  font-size: 1.4rem;
}
.table13 .row-2 th.column-1,
.table13 .row-2 th.column-3{
  background: #C4D9FF;
}
.table13 .row-2 th.column-2,
.table13 .row-2 th.column-4{
  background: #FFC2C4;
}
.table13 .row-3 th.column-2,
.table13 .row-3 th.column-4,
.table13 .row-3 th.column-6,
.table13 .row-3 th.column-8,
.table13 .row-3 th.column-10,
.table13 .row-3 th.column-12,
.table13 .row-3 th.column-14,
.table13 .row-3 th.column-16,
.table13 .row-3 th.column-18,
.table13 .row-other .column-3,
.table13 .row-other .column-6,
.table13 .row-other .column-5,
.table13 .row-other .column-7,
.table13 .row-other .column-9,
.table13 .row-other .column-11,
.table13 .row-other .column-13,
.table13 .row-other .column-15,
.table13 .row-other .column-17{
  background: #FFFFE5;
}
.table13 .row-3 th{
  height: 20px;
  width: 42px;
  font-size: 1rem;
  font-weight: bold;
}
.table13 td.column-1{
  font-size: 1.6rem;
}
span.day-box001{
  letter-spacing: 0;
  padding-left: 20px;
  font-size: 1.6rem;
}
span.day-box002,
.day-box002{
  letter-spacing: 0;
  padding: 0 6px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #171717;
}
.day-box003{
  margin-left: 13px;
}
.form-area03-wrap {
  position: relative;
  min-width: 141px;
}
.form-area03-wrap::after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #003765;
  content: "";
  position: absolute;
  right: 7px;
  top: 7px;
  width: 0;
  pointer-events: none;
}
.form-area03{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 141px;
  height: 25px;
  font-size: 1.6rem;
  padding: 4px 4px 4px 10px;
  border: solid 1px #000000;
  color: #000;
  font-weight: bold;
}
input.form-text17{
  width: 52px;
  height: 25px;
  color: #000;
  font-size: 1.6rem;
  font-weight: bold;
  border: solid 1px #000;
  padding: 6px 4px;
  text-align: right;
}
.flex-wrap{
  flex-wrap: wrap;
}
@media screen and (max-width: 740px) {
  .day-box002.ml-30 {
    margin-left: 0;
  }
  .sp-mt-10{
    margin-top: 10px;
  }
}

@media screen and (max-width: 680px) {
  input.form-text16{
    width: 100%;
    min-width: 300px;
  }
}
.form-contents03.form-contents04 div.form-area02-wrap{
  position: relative;
  min-width: 241px;
}
@media screen and (max-width: 500px) {
  .form-area02-wrap{
    width: 100%;
  }
}
.form-area02-wrap::after{
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 14px solid #ffca50;
  content: "";
  position: absolute;
  right: 7px;
  top: 7px;
  width: 0;
  pointer-events: none;
}
.form-area02 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 447px;
  height: 34px;
  font-size: 1.6rem;
  padding: 4px 4px 4px 10px;
  border: none;
  background: #EFF1F4;
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .form-area02{
    width: 100%;
  }
}
.aid-txt{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  margin-left: 10px;
}
@media screen and (max-width: 740px) {
  .button-list10 {
    width: 173px;
    display: block;
    margin-inline: auto;
  }
  .button05,
  .button27,
  a.button10{
    margin: 0 auto 10px;
  }
  .create-contents01 {
    width: 100%;
  }
  .create-items01 {
    display: block;
    width: 100%;
    height: auto;
  }
  .create-title01 {
    width: 100%;
  }
  .create-items05 {
    display: block;
    width: 100%;
  }
  .create-items06 {
    display: block;
    width: 100%;
    height: 80px;

  }
  .create-input01 {
    width: 100%;
    padding:  0 2%;
    letter-spacing: 0;
  }
  .horizontal-items02 .create-input01{
    padding:  0 2%;
  }
  .material_condition_2 .create-input01 {
    justify-content: center;
  }
}

.create-input-contents01 {
  width: 100%;
}
.create-contents01 textarea.form-textarea01 {
  width: 100%;
}
.sp_block {
  display: block;
}
.contents210 .reservation01.fs-14 span {
  font-size: 1.4rem;
}
.day-box .box-a .reservation01,
.day-box .box-b .reservation01 {
  display: block;
}
.day-box .box-a .reservation01,
.day-box .box-b .reservation01 {
  display: block;
  line-height: 30px;
}
.day-box .box-a .column-1 .reservation01,
.day-box .box-b .reservation01{
  line-height: 30px;
}
.button-list11 {
  max-width: 100%;
  display: block;
}

.dash-border-bottom {
  border-bottom: dashed 1px #A3A8B1;
}

#pop-up {
  display: none;
}
.overlay02 {
  display: block;
  z-index: 9999;
  background-color: #00000070;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}
.window02 {
  width: 100%;
  max-width: 662px;
  background-color: #ffffff;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 3px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
  border: solid 1px #013762;
}
.pop-hed {
  height: 16px;
  background: #fff;
  border-radius: 3px 3px 0 0;
}
.pop-contents {
  padding: 67px 120px 70px;
}
.pop-contents h4 {
  font-size: 2rem;
  margin-bottom: 60px;
  text-align: center;
  font-weight: bold;
}
.pop-button-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.button16 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #013762;
  border-radius: 5px;
  color: #000;
  line-height: 32px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin: 5px 15px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}
.button17 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  cursor: pointer;
  background-color: #BE0000;
  border: none;
  border-radius: 5px;
  color: #fff;
  line-height: 32px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin: 5px 15px;
  box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}
.pop-foot {
  height: 16px;
  background: #fff;
  border-radius: 0 0 3px 3px;
}

@media screen and (max-width: 740px) {
  .window02 {
    max-width: 80%;
  }
  .pop-contents {
    padding: 20px;
  }
  .pop-contents h4 {
    margin-bottom: 30px;
  }
}

.popup__form-contents01{
  max-width: 951px;
  border: solid 1px #707070;
  padding: 40px 0;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  color: #1D1D1D;
}
.popup__form-contents02{
  max-width: 1102px;
  border: solid 1px #707070;
  padding: 35px 20px 100px 20px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  color: #1D1D1D;
}
@media screen and (max-width: 740px) {
  .popup__form-contents01 {
    padding: 2%;
  }
  input.form-text01 {
    width: calc(100% - 30px);
    min-width: auto;
    margin: 4px 15px;
  }
}
.popup__title01,
.popup__title02{
  font-size: 2rem;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  font-weight: bold;
  margin: 0 auto 17px;
}
.popup__title01__icon{
  padding: 0 8px;
  border-radius: 50%;
  background: #1D1D1D;
  border: solid 1px #FFFFFF;
  width: 37px;
  height: 37px;
}
.popup__title01 img,
.popup__title02 img{
  width: 20px;
  height: 23px;
  -o-object-fit: contain;
     object-fit: contain;
  padding-bottom: 3px;
}
.popup__title01{
  max-width: 951px;
}
.popup__title02{
  max-width: 1102px;
}
.popup__form-contents02 .area-btn1{
  margin: 0 auto 43px 0;
}
@media screen and (max-width: 740px) {
  .popup__form-contents02 {
    padding: 2%;
  }
}

@media screen and (max-width: 1120px){
  .sp_inner{
    padding: 2%;
  }
}
.gnav-list li .active__menu.f-color{
  color: #374149;
}
.time-select{
  display: flex;
}
.time-select p{
  font-weight: bold;
  font-size: 1.2rem;
}
.time-select a.noon,
.time-select a.night{
  font-size: 1.2rem;
  border: solid 1px #A3A8B1;
  color: #A3A8B1;
  border-radius: 8px;
  height: 16px;
  line-height: 1.5;
  width: 33px;
  background: #fff;
  margin: 0 1px;
}
.time-select a.noon:hover,
.time-select a.night:hover{
  background: #FDFD34;
  color: #000000;
}
.time-select a.noon.time-select__yellow,
.time-select a.night.time-select__yellow{
  background: #FDFD34;
  color: #000000;
}
.title05{
  font-size: 2rem;
  color: #fff;
  background: #79869D;
  font-weight: bold;
  text-align: center;
  height: 43px;
  line-height: 43px;
  border-bottom: dashed 1px #DEDEDE;
  margin-bottom: 1px;
}
.syorui_ttl{
  font-size: 2rem;
  color: #1D1D1D;
  display: flex;
  align-items: center;
  margin:70px auto 38px;
  max-width: 846px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.syorui_ttl img{
  width: 36px;
  -o-object-fit: contain;
     object-fit: contain;
}
.syorui_ttl p{
  font-weight: bold;
  margin-left: 10px;
}
.section-title02{
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  margin: 115px auto 65px;
  color: #000000;
}
@media screen and (max-width: 740px) {

  .section-title02 {
    margin: 50px auto 30px;
  }
}

.form-contents03_article{
  padding: 0 38px;
  font-weight: bold;
}
.form-contents03_wrap .area4.flex span{
  padding-right: 1.7em;
  padding-top: 6px;
}
.form-contents03_wrap_remark{
  align-items: baseline;
}
@media screen and (max-width: 740px) {
  .form-contents03_article {
    padding: 0 2%;
  }
}
.button-list01_partner.button-list01 .button02:nth-of-type(3){
  margin: 0 50% 0 0;
}
.button-list01 .button02:nth-of-type(6){
  margin: 0 50% 0 0;
}
@media screen and (max-width: 740px) {

  .button-list01_partner.button-list01 .button02:nth-of-type(3) {
    margin: 0 auto;
  }
}
.contents400{
  width: 984px;
  margin: 0 auto;
  padding: 0 5px;
}
@media screen and (max-width: 740px) {
  .contents400{
    width: 100%;
  }
}
.contents400 .weekday,
.contents400 .saturday,
.contents400 .sunday{
  width: 13.785%;
  min-width: 134px;
  font-size: 1.4rem;
  font-weight: bold;
}
.contents400 .week__contents1,
.contents400 .week__contents2,
.contents400 .week__contents3,
.contents400 .week__contents4,
.contents400 .week__contents5 {
  border: none
}
.contents400 .week__contents1 .day-box .box-a,
.contents400 .week__contents2 .day-box .box-a,
.contents400 .week__contents3 .day-box .box-a,
.contents400 .week__contents1 .day-box .box-b,
.contents400 .week__contents2 .day-box .box-b,
.contents400 .week__contents3 .day-box .box-b {
  filter:none;
  -webkit-filter:none;
}

.contents400 .week__contents1 .day-box .box-b,
.contents400 .week__contents2 .day-box .box-b,
.contents400 .week__contents3 .day-box .box-b {
  background-color: #EFF1F4;
}
.contents400 .day-box .box-a,
.contents400 .day-box .box-b,
.contents400 .day-box .box-a .column-1 .reservation01,
.contents400 .day-box .box-b .reservation01 {
  line-height: 30px;
}
input.form-text18 {
  width: 32px;
  height: 23px;
  line-height: 48px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #645D5D;
  border: none;
  margin: 0 2px;
  padding: 0 3px;
  text-align: center;
  background: #A3A8B1;
  border-radius: 4px;
}
input.form-text18::-moz-placeholder{
  font-size: 1.8rem;
  color: #645D5D;
}
input.form-text18::placeholder{
  font-size: 1.8rem;
  color: #645D5D;
}

input.form-text19 {
  width: 32px;
  height: 23px;
  line-height: 48px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #E03B4E;
  border: none;
  margin: 0 2px;
  padding: 0 3px;
  text-align: center;
  background: #E8CACA;
  border-radius: 4px;
}
input.form-text19::-moz-placeholder{
  font-size: 1.8rem;
  color: #E03B4E;
}
input.form-text19::placeholder{
  font-size: 1.8rem;
  color: #E03B4E;
}
.button-list16 .button01::after{
  display: none;
}



/* 領収書アップロード */
.upFileWrap{
  width: 790px;
  height:265px;
  margin-inline: auto;
  cursor:pointer;
  box-shadow: 0 3px 5px rgba(0,0,0,16%);
}
.upFileWrap_ttl{
  font-size: 1.8rem;
  font-weight: bold;
  background: #374149;
  height: 41px;
  line-height: 41px;
  padding: 0 20px;
  color: #fff;
}
.inputFile {
  position: relative;
  padding: 34px 0 17px;
  text-align: center;
  margin: 8px;
  height:210px;
}

.dropArea {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 0 0;
  color: #A3A8B1;
  border: 2px dashed #A3A8B1;
  background: rgba(22, 165, 191, 0);
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
.dropArea_txt_head,
.dropArea_txt_icon,
.dropArea_txt_drop{
  font-weight: bold;
}
.dropArea_txt_head{
  font-size: 2rem;
  margin-bottom: 15px;
}
.dropArea_txt_icon{
  font-size: 2.8rem;
  margin-bottom: 15px;
}
.dropArea_txt_drop{
  font-size: 1.4rem;
  margin-bottom: 10px;
}




.dropArea.dragover {
  border: 2px solid #16a5bf;
  background: rgba(22, 165, 191, 0.6);
}

.uploadFile {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 114px;
  height: 20px;
  opacity: 0;
}

.inputFileWrap {
  position: relative;
  display: inline-block;
  top: 130px;
}

.btnInputFile,
.btnChangeFile {
  display: table;
  width: 114px;
}

.btnChangeFile {
  display: none;
}


.btnInputFile span,
.btnChangeFile span {
  position: relative;
  z-index: 2;
  display: table-cell;
  width: 114px;
  height: 20px;
  border: none;
  border-radius: 3px;
  background: #DEDEDE;
  text-decoration: none;
  color: #374149;
  font-size: 1.2rem;
  line-height: 20px;
  font-weight: bold;
  vertical-align: middle;
  box-shadow: 0 1px 2px rgba(0,0,0,47%);
}
.upFileWrap.selected .btnInputFile {
  display: none;
}

.upFileWrap.selected .btnChangeFile {
  display: table;
}
@media screen and (max-width: 740px) {

  .upFileWrap {
    width: 100%;
  }
}
/* /領収書アップロード */


.form-contents09{
  width: 100%;
  max-width: 851px;
  border-radius: 5px;
  margin-inline:  auto;
  box-shadow: 2px 2px 6px rgb(34 34 34 / 30%);
  padding: 35px 64px;
}
.form-contents09 .caution-txt li{
  font-weight: bold;
  font-size: 1.8rem;
  color: #000000;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 740px) {

  .form-contents09 {
    padding: 20px 2%;
  }
  .form-contents09 .caution-txt li{
    font-size: 1.3rem;
  }

}
.caution-txt_number{
  display: inline-block;
  width: 25px;
  font-weight: bold;
}

.button34{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #374149;
  border-radius: 17px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin-inline: 10px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  position: relative;
}
.button34::after{
  position: absolute;
  top:50%;
  left:13px;
  transform: translateY(-50%);
  content: "";
  background-image: url(/images/img_edit.png);
  background-size: contain;
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 740px) {
  .button34{
    margin-bottom: 10px;
  }
}
.button36{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #E03B4E;
  border-radius: 17px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  margin-inline: 10px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  position: relative;
}
.button36::after{
  position: absolute;
  top:50%;
  left:13px;
  transform: translateY(-50%);
  content: "";
  background-image: url(/images/img_calendar.png);
  background-size: contain;
  width: 22px;
  height: 22px;
}
@media screen and (max-width: 740px) {
  .button36{
    margin-bottom: 10px;
  }
}
.button37{
  display: block;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.4rem;
  cursor: pointer;
  background-color: #1D5BA4;
  border-radius: 17px;
  color: #fff;
  line-height: 34px;
  transition: 0.3s;
  width: 173px;
  height: 34px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
  font-weight: bold;
  position: relative;
}
.button37::after{
  position: absolute;
  top:50%;
  left:13px;
  transform: translateY(-50%);
  content: "";
  background-image: url(/images/img_update.png);
  background-size: contain;
  width: 16px;
  height: 16px;
}
@media screen and (max-width: 740px) {
  .button37{
    margin-bottom: 10px;
  }
}

.create-items05 textarea.form-textarea01 {
  width: 541px;
  height: 61px;
  margin-top: 10px;
}
.create-items06 .create-input01{
  padding-left: 31px;
}
.create-items05 .create-input02 {
  padding-left: 31px;
  height: 84px;
}

.material_condition_2 .create-input01 span.mrl-1em {
  margin: 0 1em;
  letter-spacing: 0;
line-height: 16px;
}

@media screen and (max-width: 740px) {
  .create-items05 {
    height: 200px;
  }
  .create-items05 .create-title01 {
    height: 42px;
  }
  .create-items05 textarea.form-textarea01 {
    width: calc(100% - 4%);
    height: 140px;
    padding: 2%;
    margin: 10px 2% 10px 2%;
  }
  .create-contents01 .create-input-contents01 {
    width: 100%;
    justify-content: flex-end;
  }
  .create-items05 .create-input02 {
    padding-left: 0;
  }
  .create-items06 .create-input01 {
    padding-left: 0;
  }

}
.syorui_ttl_sbttl{
  color: #707070;
  font-size: 1.4rem;
  padding-left: 25px;
}

.ce {
  color: #cecece !important;
}

.loading_box {
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100vh;
  position: fixed;
  top:0;
  left:0;
  z-index: 99999;
}
.validation-error {
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.district-btn form input {
  color: #fff;
  display: block;
  padding: 10px 0;
  text-align: center;
  margin: auto;
  font-size: 2rem;
  font-weight: bold;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.header-title01 {
  color: #fff !important;
}

.prefecture-list01 input{
  font-size: 1.6rem;
  font-weight: bold;
}

.horizontal-items10-inner-delete{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.4rem;
  color: red;
  z-index: 2;
  border-radius: 50%;
  border: 2px solid red;
  content: "＋";
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 2.3;
}
.height-30 {
  height: 30px !important;
  line-height: 30px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.j-center {
  justify-content: center;
}

.disable {
  position: relative;
  pointer-events: none;
}

.disable:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}


.border-red {
  border: solid 1px red !important;
}

.mr-80 {
  margin-right: 80px !important;
}


select.form-text01 {
  color: #1D1D1D;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 5px;
  padding: 8px 23px;
  background: #EFF1F4;
  width: 70.5%;
  max-width: 564px;
  margin: 8px 15px;
}
select.form-text01::-moz-placeholder {
  color: #A3A8B1;
  font-size: 1.4rem;
}
select.form-text01::placeholder {
  color: #A3A8B1;
  font-size: 1.4rem;
}

@media screen and (max-width: 680px) {
  select.form-text01{
    width: 100%;
    min-width: 300px;
  }
}

a.disabled {
  pointer-events: none;
}
.searchtable-title{
  text-align: center;
  vertical-align: middle !important;
}
.region_title{
  background:#ddd;
  height:auto;
  padding:10px;
  border-radius: 20px;
  background-color: #dc143c;
  width: 250px;
  text-align: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
}
.region_area > .region_title:nth-of-type(2){
  background-color: #4169e1;
}
.region_area > .region_title:nth-of-type(3){
  background-color: #ffd700;
}
.region_area > .region_title:nth-of-type(4){
  background-color: #008000;
}
.region_area > .region_title:nth-of-type(5){
  background-color: #2f4f4f;
}
.regions{
  display:flex;
  flex-wrap: wrap;
}
.region_child{
  padding:0;
  font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Helvetica','sans-serif';
  margin-top: 30px;
  margin-left: 50px;
  flex: 1 1 160px;
  font-size: 14px;
}
.regions::before{
  content:"";
  display: block;
  width:25%;
  order:1;
}
.regions::after{
  content:"";
  display: block;
  width:25%;
}
.register_region_title{
  width: 200px;
  font-size: 15px;
  margin-top: 20px;
}
.regist_region_child{
  font-size: 12px;
  padding: 0 !important;
  margin-left: auto;
  margin-top: 10px;
}
.mente_area{
  text-align: center;
}
.mente_title{
  margin-top: 50px;
  margin-bottom: 50px;
  color:red;
}
.region_area{
  margin-bottom: 100px;
}
.contracts-header{
  margin-bottom: 20px;
  max-width: 300px;
}
.mente_area h1{
  font-weight: bold;
}
.mente_area p{
  font-weight: bold;
}


.lh-30 {
  line-height: 30px;
}
.lh-60 {
  line-height: 60px;
}
.p-0 {
  padding: 0 !important;
}
.invoice_label{

}
.contact_header{
  display: flex;
}
.contact_txt{
  margin: 75px;
}
.contact_a a{
  margin-top: 4px;
}
.red{
  color:red;
  text-align: center;
}
.normal{
  text-align: center;
}
.contact-column-1{
  min-width: 205px!important;
}
.down-btn1{
  font-size: 1.4rem;
      display: block;
      box-sizing: border-box;
      cursor: pointer;
      background-color: #1D5BA4;
      border-radius: 5px;
      border: none;
      color: #fff;
      transition: 0.3s;
      width: 173px;
      box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
      font-weight: bold;
      margin: 0 10px 10px;
      text-align: center;
}
.down-btn2{
  font-size: 1.4rem;
      display: block;
      box-sizing: border-box;
      cursor: pointer;
      background-color: #E03B4E;
      border-radius: 5px;
      border: none;
      color: #fff;
      transition: 0.3s;
      width: 173px;
      box-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
      font-weight: bold;
      margin: 0 10px 10px;
      text-align: center;
      padding-top: 10px;


}
.complete-application{
margin-top: 100px;
}

.color_6 a{
background-color: grey;
}
.complete-btn-application{
  margin-top: -70px;
  margin-bottom: 60px;
}

@-webkit-keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity .3s;
  opacity: 0;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  -webkit-animation: scroll-hint-appear 1.2s linear;
          animation: scroll-hint-appear 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}