@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");

.dl a[download] {
	padding: 7px 0px 7px 20px;
	background: url(https://scarz.net/wp/wp-content/themes/SCARZ/assets/img/wallpaper/dl.png) left center/15px auto no-repeat;
}


.grid {	position: relative;	width: 100%; height: auto;}
.grid .half{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half { width:49.375%; }
.grid .fst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }
.grid .half2{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half2 { width:32.075%; }
.grid .half3{ position:relative; float:left; margin-left:1.25% !important; }
.grid .half3 { width:23.375%; }
@media screen and (max-width:600px){
	
.grid .half{ float:none; width:100%; margin-left:0 !important; }
.grid .fst { clear:none; }
.grid .ssl { padding:0; }

.grid { position:relative; width:100%; }
.grid .sall{ position:relative; float:left; margin-left:1.25% !important; }
.grid .sall { width:100%; margin-left:0 !important; }
	.grid .sall2{ position:relative; float:left; margin-left:1.25% !important; }
.grid .sall2 { width:49.375%; margin-left:0 !important; }
.grid .ssfst { margin-left:0 !important; clear:left; }
.grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.grid { display:inline-block; } .grid { display:block; }

}

.ttl{font-size:6rem;margin-top:82px;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-style:normal; color: fff;}
@media screen and (max-width:900px){.ttl{font-size:7.8125vw;margin-top:10.6770833333vw}}
@media screen and (max-width:600px){.ttl{font-size:9.6618357488vw;margin-top:6.2801932367vw}}

.ttls{font-size:4.2rem;margin-top:12px;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-style:normal; color: #414141;}
@media screen and (max-width:900px){.ttl{font-size:7.8125vw;margin-top:10.6770833333vw}}
@media screen and (max-width:600px){.ttl{font-size:9.6618357488vw;margin-top:6.2801932367vw}}

.ttl2{font-size:3.2rem;margin-top:6px; margin-left: 12px; font-family:'Noto Sans JP',sans-serif;font-weight:700;font-style:normal; color: #1D1D1D; line-height: 1.2em; }
@media screen and (max-width:900px){.ttl2{font-size:6.8125vw;margin-top:10.6770833333vw}}
@media screen and (max-width:600px){.ttl2{font-size:8.6618357488vw;margin-top:6.2801932367vw}}



.ttl4{font-size:1.6rem;margin-top:6px; margin-left: 12px; font-family:'Noto Sans JP',sans-serif;font-weight:700;font-style:normal; color: #111111;line-height: 1.8em; }
@media screen and (max-width:900px){.ttl3{font-size:7.8125vw;margin-top:10.6770833333vw}}
@media screen and (max-width:600px){.ttl3{font-size:9.6618357488vw;margin-top:6.2801932367vw}}

.about__mission__ttl{font-size:2.2rem;line-height:1;display:flex;align-items:center;margin-top:38px;letter-spacing:0.12em;font-family:termina,sans-serif;font-weight:700;font-style:normal}@media screen and (max-width:900px){.about__mission__ttl{font-size:3.6458333333vw;margin-top:4.9479166667vw}}@media screen and (max-width:600px){.about__mission__ttl{font-size:4.8309178744vw;margin-top:15.4589371981vw}}.about__mission__ttl:after{flex:1 1 auto;margin-left:10px;content:"";border-bottom:2px solid #000}@media screen and (max-width:900px){.about__mission__ttl:after{margin-left:3.90625vw}}@media screen and (max-width:600px){.about__mission__ttl:after{margin-left:3.8647342995vw}}


table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 750px;
  table-layout: fixed;
}

table tr {
  background-color: #e6f2f5;
  padding: .35em;
  border-bottom: 2px solid #fff;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #167F92;
  color:#fff;
}
table tbody th {
    background: #78bbc7;
    color: #fff;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non{
  background:#fff
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    display: block;
    margin-bottom: .625em;
  }
  table td {
	  justify-content: flex-end;
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  table td:last-child {
    border-bottom: 0;
  }
  table tbody th {
    color: #fff;
}
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
}
.title::after,
.title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 100%;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}