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

#contents {
padding-top: 5rem;
}
#mv {
background-image: url(../images/mv.jpg);
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
margin-bottom: 1rem;
height: 45vw;
max-height: 700px;
}
#mv .inner {
width: 80%;
margin: 0 auto;
}
#mv h1 {
margin-right: auto;
font-weight: 800;
padding-top: 4rem;
margin-bottom: 2rem;
letter-spacing: 0.05em;
line-height: 1.4em;
font-size: clamp(1.5rem, 0.969rem + 2.66vw, 3.625rem);/*58-24*/
}
#mv .box {
width: 60%;
padding: 0 0 4rem;
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
font-style: normal;
color: #000;
margin-right: 3rem;
}
#mv .box .point {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-weight: 600;
width: 95%;
margin-bottom: 0.5rem;
font-size: 2.1vw;
}
#mv .box .point span {
width: 50%;
background-image: url("../images/mv_point.png");
background-size: 10%;
background-repeat: no-repeat;
background-position: left center;
padding-left: 2.8rem;
}
#mv .box h2 {
width: 95%;
text-align: center;
padding: 0.4rem;
border: solid 1px #000;
margin-bottom: 1rem;
font-weight: 400;
font-size: clamp(1rem, 0.875rem + 0.63vw, 1.5rem);/*24-16*/
}
#mv .box .cost {
margin-bottom: 1rem;
}
#mv .box ul {
display: flex;
justify-content: space-between;
}
#mv .box ul li {
width: 23%;
}
#mv .permission {
width: 34%;
margin-bottom: 7rem;
padding: 2rem;
background-color: #fff;
background-image: url("../images/mv_deco1.png"),url("../images/mv_deco2.png"),url("../images/mv_deco3.png"),url("../images/mv_deco4.png");
background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
background-size: 10%,10%,10%,10%;
background-position: left 0.5rem top 0.5rem,right 0.5rem top 0.5rem,left 0.5rem bottom 0.5rem,right 0.5rem bottom 0.5rem;
text-align: center;
}
#mv .permission p {
font-size: 1.2vw;
}

#sec1 {
background: #2c6862;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0 2rem;
position: relative;
}
#sec1::after {
content: url(../images/sec1_arrow.svg);
position: absolute;
top: 100%;
left: 50%;
margin: 0 0 0 -50px;
width: 6%;
}
#sec1 p {
color: #fff;
text-align: center;
padding: 0 4rem;
font-weight: bold;
font-size: clamp(1.25rem, 1.094rem + 0.78vw, 1.875rem);/*30-20*/
}
#sec2 {
background: #f4f1ed url("../images/sec2_bg.png");
padding: 4rem 0 8rem;
background-position: center bottom;
background-size: 100%;
background-repeat: no-repeat;
}
#sec2 .sec2_wrap {
background: #f4f1ed;
padding: 4rem 0 4rem;
margin-bottom: 4rem;
border-radius: 40px 0 0 0;
}
#sec2 .sec2_wrap .pack {
margin-bottom: 0;
}
#sec2 dl {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: bold;
margin-bottom: 3rem;
}
#sec2 .sec2_1 dt {
width: 70%;
}
#sec2 .sec2_2 dt {
width: 50%;
}
#sec2 dt {
text-align: center;
margin: 0 auto 1rem;
border-bottom: solid 4px #ff5a32;
font-size: clamp(1.375rem, 1.219rem + 0.78vw, 2rem);/*32-22*/
}
#sec2 .sec2_1 .s0 {
display: inline-block;
}
#sec2 .sec2_1 .s0.tpn4 {
background-position: top left;
background-size: 8%;
}
#sec2 .sec2_2 .s4 {
display: inline-block;
}
#sec2 .sec2_2 .s4.tpn4 {
background-position: top left;
background-size: 8%;
}
#sec2 .s1 {
color: #2c6862;
font-size: clamp(1.875rem, 1.719rem + 0.78vw, 2.5rem);/*40-30*/
}
#sec2 .s2 {
color: #ff5a32;
font-size: clamp(2.25rem, 2.031rem + 1.09vw, 3.125rem);/*50-36*/
}
#sec2 .s3 {
color: #000;
font-size: clamp(2.25rem, 2.031rem + 1.09vw, 3.125rem);/*50-36*/
}
#sec2 .s4 {
font-size: clamp(1rem, 0.844rem + 0.78vw, 1.625rem);/*26-16*/
} 
#sec2 .s5 {
font-size: clamp(1.375rem, 1.219rem + 0.78vw, 2rem);/*32-22*/
} 
#sec2 ul {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
#sec2 ul.row1 {
justify-content: space-between;
margin-bottom: 2rem;
}
#sec2 ul.row2 {
justify-content: center;
gap: 2rem;
}
#sec2 ul li {
width: 23%;
text-align: center;
}
#sec2 ul li span {
font-weight: bold;
display: block;
margin-top: 0.5rem;
font-size: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem)/*20-14*/
}

#sec3 {
padding: 6rem 0;
}
#sec3 h2 {
color: #2c6862;
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
#sec3 h2 span {
display: block;
}
#sec3 .box {
background: #2c6862;
border-radius: 16px;
position: relative;
margin-bottom: 4rem;
}
#sec3 .box  dl {
    width: 99%;
    height: 90%;
    background: #fff;
    border-radius: 10px;
    position: relative;
    display: flex;
    top: -0.8rem;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 6rem 2rem 2rem;
    font-weight: bold;
    text-align: center;
    padding-top: 2rem;
}
#sec3 .box  dt {
width: 100%;
text-align: left;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: solid 2px #2c6862;
font-weight: bold;
font-size: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem)/*20-14*/
}
#sec3 .box  dd.text {
width: 60%;
text-align: left;
line-height: 1.8em;
}
#sec3 .box  dd.image {
width: 35%;
}
#sec3 h3 {
font-weight: bold;
text-align: left;
padding-left: 1rem;
border-left: solid 5px #2c6862;
margin-bottom: 2rem;
color: #2c6862;
font-size: clamp(1.25rem, 1.094rem + 0.78vw, 1.875rem);/*30-20*/
}
#sec3 table.tb1 {
width: 100%;
border-collapse:collapse;
text-align: center;
}
#sec3 .tb1 th {
border-right: solid 1px #fff;
padding: 0.8rem;
color: #fff;
background: #2c6862;
}
#sec3 .tb1 th:first-child {
width: 20%;
}
#sec3 .tb1 th {
width: 13%;
}
#sec3 .tb1 td {
border: solid 1px #2c6862;
padding: 0.5rem;
font-weight: bold;
}
#sec3 table.tb2 {
width: 100%;
border-collapse:collapse;
text-align: center;
}
#sec3 .tb2 th {
border-right: solid 1px #fff;
padding: 0.5rem;
color: #fff;
background: #2c6862;
}
#sec3 .tb2 th.sub {
background: #709994;
}
#sec3 .tb2 th:first-child {
width: 20%;
}
#sec3 .tb2 th {
width: 13%;
}
#sec3 .tb2 th.head {
background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #fff 50%, #fff calc(50% + 0.5px), transparent calc(50% + 1px))
}
#sec3 .tb2 td {
width: 40%;
border: solid 1px #2c6862;
padding: 0.8rem;
font-weight: bold;
}
#sec3 .tb2 .head {
width: 20%;
background: #2c6862;
border-bottom: solid 1px #fff;
padding: 0.8rem;
font-weight: bold;
color: #fff;
}
#sec3 .tb2 td span {
color: #ff3333;
display: block;
}
#sec3 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sec3 ul li {
width: 19%;
margin-bottom: 2rem;
}

#sec4 {
background: #f4f1ed;
padding: 6rem 0;
border-radius: 40px 0 0 0;
}
#sec4 h2 {
text-align: center;
color: #2c6862;
margin-bottom: 3rem;
font-size: clamp(2.25rem, 2.031rem + 1.09vw, 3.125rem);/*50-36*/
}
#sec4 .row1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 1rem;
}
#sec4 .row1 li {
width: 13%
}
#sec4 .row2 {
display: flex;
justify-content: space-between;
align-items: stretch;
}
#sec4 .row2 dt {
width: 42%;
height: 20.4rem;
overflow: hidden;
}
#sec4 .row2 dd {
width: 56.5%;
}
#sec4 .row2 dd ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#sec4 .row2 dd li {
width: 23%;
margin-bottom: 1rem;
}
#sec4 p {
margin-top: 1rem;
text-align: right;
font-size: clamp(0.75rem, 0.688rem + 0.31vw, 1rem);/*16-12*/
}
#sec4 .parent_sp {
display: none;
}
#sec5 {
background: #2c6862;
display: flex;
justify-content: center;
align-items: center;
padding: 4rem 0 4rem;
position: relative;
}
#sec5::before {
content: url(../images/sec5_arrow.svg);
position: absolute;
top: 0;
left: 50%;
margin: -2.8vw 0 0 0;
width: 6%;
}
#sec5 p {
color: #fff;
text-align: center;
padding: 0 4rem;
font-weight: bold;
font-size: clamp(1.25rem, 1.094rem + 0.78vw, 1.875rem);/*30-20*/
}
#sec5 .contact  dt {
color: #fff;
text-align: center;
}
#sec5 .contact dt:before,
#sec5 .contact dt:after {
content: none;
}
#sec5 .tpn3 {
width: 85%;
margin: 0 auto;
background-position: top left ,top right;
}

#sec6 {
padding: 6rem 0;
} 
#sec6 h2 {
color: #2c6862;
margin-bottom: 4rem;
}
#sec6 .tpn1 {
    background-position: top left 8vw;
    background-size: 4%;
    padding-top: 2.5rem;
    padding-left: 2rem;
}

#sec7 {
padding: 6rem 0;
background: #f4f1ed;
border-radius: 40px 0 0 0;
} 
#sec7 h2 {
color: #2c6862;
margin-bottom: 4rem;
}
#sec7 .box {
    background: #2c6862;
    border-radius: 16px;
    position: relative;
    margin-bottom: 4rem;
}
#sec7 .box  dl {
    width: 99%;
    height: 90%;
    background: #fff;
    border-radius: 10px;
    position: relative;
    display: flex;
    top: -0.8rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 6rem 2rem 2rem;
    font-weight: bold;
    text-align: center;
    padding-top: 2rem;
}
#sec7 .box  dt {
    width: 100%;
    text-align: left;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: solid 2px #2c6862;
    font-weight: bold;
    font-size: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem)/*20-14*/;
}
#sec7 .box  dd.text {
    width: 40%;
    text-align: left;
    line-height: 1.8em;
}
#sec7 .box  dd.image {
    width: 55%;
}
#sec7 .box  dd .note {
border: dotted 2px #f4a442;
padding: 1rem;
color: #2c6862;
}
#sec7 .box  dd .note dt {
background: #f4a442;
text-align: center;
padding: .5rem 0;
margin-bottom: 2rem;
border-bottom: none;
font-size: clamp(0.813rem, 0.734rem + 0.39vw, 1.125rem);/*18-13*/
}
#sec7 .box  dd .note dd {
text-align: center;
margin: 0 auto;
}
#sec7 .box  dd .note dd span {
display: block;
font-size: clamp(1.375rem, 1.219rem + 0.78vw, 2rem);/*32-22*/
}

#sec7 .box .parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
#sec7 .box .div1 { grid-area: 1 / 1 / 3 / 3; }
#sec7 .box .div2 { grid-area: 1 / 3 / 2 / 4; }
#sec7 .box .div3 { grid-area: 2 / 3 / 3 / 4; }

#sec7 h4 {
    font-weight: bold;
    text-align: left;
    padding-left: 1rem;
    border-left: solid 5px #2c6862;
    margin-bottom: 2rem;
    color: #2c6862;
    font-size: clamp(1.25rem, 1.094rem + 0.78vw, 1.875rem);
}
#sec7 .picture {
background: #fff;
padding: 4rem;
border-top: solid 15px #2c6862;
border-left: dotted 3px #2c6862;
border-right: dotted 3px #2c6862;
border-bottom: dotted 3px #2c6862;
}
#sec7 .contact dt {
display: none;
}
#sec7 .contact dt:before,
#sec7 .contact dt:after {
content: none;
}

#sec8 {
padding: 0;
background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
background-size: 16px 16px;
background-repeat: repeat;
background-position: center center;
} 
#sec8 .bg {
padding: 6rem 0;
background-image: url("../images/sec8_bg1.png"),url("../images/sec8_bg2.png");
background-size: 30%,30%;
background-position: left top, right bottom;
background-repeat: no-repeat,no-repeat;
}
#sec8 h2 {
margin-bottom: 4rem;
}
#sec8 .wrap {
padding-top: 1rem;
position: relative;
}
#sec8 .wrap .icon {
width: 13%;
position: absolute;
top: 0;
left: 0;
}
#sec8 .part {
background: #fff;
padding: 0.5rem;
margin-bottom: 4rem;
box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3);
}
#sec8 .part .in {
padding: 3rem 2rem 2rem;
background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(233, 233, 233, 1));
}
#sec8 .part .in h3 {
width: 80%;
display: flex;
align-items: center;
color: #ff5a32;
margin-left: auto;
margin-bottom: 3rem;
font-size: clamp(1.875rem, 1.719rem + 0.78vw, 2.5rem);/*40-30*/
}
#sec8 .part .in h3:after {
content: "";
height:2px;
flex-grow: 1;
background-color:#ff5a32;
margin-left: 10px;
}

#sec8 .part .in ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sec8 .part .in li:nth-child(odd) {
width: 50%;
line-height: 1.8em;
}
#sec8 .part .in li:nth-child(even) {
width: 40%;
}

#sec9 {
padding: 6rem 0;
background: #f4f1ed;
border-radius: 40px 0 0 0;
} 
#sec9 h2 {
margin-bottom: 4rem;
}
#sec9 .tab-wrap,
#sec10 .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
#sec9 .tab-label,
#sec10 .tab-label {
  color: white;
  background: #2c6862;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 1rem 0;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  width: 20%;
  flex: none;
  bottom: -3px;
}
#sec9 .tab-label:not(:last-of-type),
#sec10 .tab-label:not(:last-of-type) {
  margin-right: 5px;
  border-top: solid 3px #2c6862;
  border-left: solid 3px #2c6862;
  border-right: solid 3px #2c6862;
}
#sec9 .tab-content,
#sec10 .tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
#sec9 .tab-switch:checked+.tab-label,
#sec10 .tab-switch:checked+.tab-label {
  background: #fff;
  color: #2c6862;
  border-top: solid 3px #2c6862;
  border-left: solid 3px #2c6862;
  border-right: solid 3px #2c6862;
}
#sec9 .tab-switch:checked+.tab-label+.tab-content,
#sec10 .tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  border-top: solid 3px #2c6862;
  border-bottom: solid 3px #2c6862;
  border-left: solid 3px #2c6862;
  border-right: solid 3px #2c6862;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
#sec9 .tab-switch,
#sec10 .tab-switch {
  display: none;
}
#sec9 .tab-content dl,
#sec10 .tab-content dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2rem;
}
#sec9 .tab-content dt{
  width: 100%;
  color: #2c6862;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem);
}
#sec9 .tab-content dd:nth-child(even) {
  width: 60%;
}
#sec9 .tab-content dd:nth-child(odd),
#sec10 .tab-content dd:nth-child(odd) {
  width: 35%;
}
#sec9 .tab-content dd span,
#sec10 .tab-content dd span {
  float: right;
  display: block;
  margin-top: 2rem;
}
#sec10 {
padding: 0 0 6rem;
background: #f4f1ed;
} 
#sec10 h2 {
margin-bottom: 4rem;
color: #2c6862;
text-align: center;
}
#sec10 .tpn1 {
background-size: 20%;
padding-top: 2rem;
padding-left: 2rem;
}

#sec10 dt {
border-bottom: solid 1px #2c6862;
margin-bottom: 1rem;
padding-bottom: .5rem;
}
#sec10 dd .logo {
width: 60%;
margin-bottom: 2rem;
}
#sec10 table {
border-collapse:collapse;
margin-bottom: 2rem;
}
#sec10 th,#sec10 td {
padding: .5rem;
}
#sec10 th {
width: 20%;
font-weight: normal;
text-align: left;
}
#sec10 h3 {
color: #2c6862;
border-bottom: solid 1px #2c6862;
margin-bottom: 1rem;
padding-bottom: .5rem;
font-size: clamp(0.875rem, 0.781rem + 0.47vw, 1.25rem);
}
#sec10 .tab-content dd:nth-child(even) {
  width: 60%;
}
#sec10 .tab-content dt {
  width: 60%;
}
#sec10 dd ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sec10 dd li {
display: flex;
justify-content: flex-start;
align-items: center;
width: 48%;
font-size: clamp(0.75rem, 0.688rem + 0.31vw, 1rem);/*16-12*/
}
#sec10 dd li img {
width: 40%;
}
#sec10 dd .access {
background: #ff5a32;
padding: 1rem 0;
color: #fff;
text-align: center;
font-size: clamp(0.75rem, 0.688rem + 0.31vw, 1rem);/*16-12*/
}

#sec11 {
padding: 6rem 0;
} 
#sec11 .title {
width: 50%;
margin: 0 auto 4rem;
}
#sec11 .top {
margin-bottom: 4rem;
text-align: center;
}
#sec11 .top dt {
margin-bottom: 2rem;
font-weight: bold;
letter-spacing: 0.1em;
font-size: clamp(1.25rem, 1.094rem + 0.78vw, 1.875rem);/*30-20*/
}
#sec11 .top dd span {
display: inline-block;
margin-top: 2rem;
font-weight: bold;
border-bottom: solid 1px #ff5a32;
font-size: clamp(0.813rem, 0.734rem + 0.39vw, 1.125rem);/*18-13*/
}
#sec11 .top dd strong {
color: #ff5a32;
}

.slide-button-container {
  position: fixed;
  top: 25%;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px; /* ボタン間の間隔 */
  z-index: 1000;
}
.slide-img-button {
  position: relative;
  right: -300px;
  opacity: 0;
  pointer-events: none;
  transition: right 0.6s ease, opacity 0.6s ease;
}
.slide-img-button.active {
  right: -220px; /* 100pxチラ見せ */
  opacity: 1;
  pointer-events: auto;
}
.slide-tel-button:hover {
  right: 0;
}
.slide-img-button img {
  display: block;
  width: 300px;
  height: auto;
}
#slideBtn1:hover {
  right: 0;
}
.slide-img-button.subtle:hover {
  opacity: 0.7;
}




@media screen and (min-width:769px)and (max-width:1024px){
#mv {
height: 520px;
}
#sec2 .pack dt {
width: 90%;
}
#sec2 .pack .tpn4 {
    background-position: top left 10rem;
    background-size: 5%;
}
#sec2 .contact {
display: flex;
flex-wrap: wrap;
width: 90%;
}
#sec2 .contact dt {
width: 100%;
margin-bottom: 2rem;
}
#sec3 ul li {
width: 32%;
}
#sec7 .contact {
width: 100%;
}
#sec7 .contact dl {
width: 100%;
flex-wrap: nowrap!important;
}
#sec8 .tpn2,
#sec9 .tpn2 {
padding-top: 4rem;
}
#sec8 .part .in li:nth-child(odd) {
margin-bottom: 2rem;
}
#sec8 .part .in li:nth-child(odd) ,
#sec8 .part .in li:nth-child(even) {
width: 100%;
}
 #sec10 .tab-content dd:nth-child(odd),
  #sec10 .tab-content dd:nth-child(even){
    width: 100%;
}
 #sec10 .tab-content dd:nth-child(even) {
margin-bottom: 2rem;
}
#footerbtn {
display: none;
}
}


@media screen and (min-width:521px) and (max-width:768px) {
#mv {
height: 480px;
}

#mv .box {
width: 100%;
}
#mv .box h1{
font-size: 42px;
}
#mv .box p {
font-size: 18px;
}
#sec2 .contact {
    width: 100%;
}
#sec3 ul li {
width: 32%;
}
#sec7 .contact {
width: 100%;
}
#sec8 .tpn2,
#sec9 .tpn2 {
padding-top: 4rem;
}
#sec8 .part .in li:nth-child(odd) {
margin-bottom: 2rem;
}
#sec8 .part .in li:nth-child(odd) ,
#sec8 .part .in li:nth-child(even) {
width: 100%;
}
 #sec10 .tab-content dd:nth-child(odd),
  #sec10 .tab-content dd:nth-child(even){
    width: 100%;
}
 #sec10 .tab-content dd:nth-child(even) {
margin-bottom: 2rem;
}

}

@media screen and (max-width:520px) {
#mv {
height: 320px;
}
#mv .box {
width: 100%;
}
#mv h1 {
padding-top: 1rem;
font-size: 28px;
}
#sec1::after {
width: 10%;
left: 60%;
}
#sec2 {
padding: 4rem 0 4rem;
}
#sec2 .sec2_2 dt {
width: 90%;
}
#sec2 .sec2_1 .s0 {
display: inline;
}
#sec2 .tpn4{
    background-size: 10%;
    padding-top: 1rem;
    padding-left: 1rem;
}
#sec2 ul li {
width: 46%;
}
#sec2 ul.row2 {
justify-content: space-between;
gap: 0;
}
#sec2 .s3 {
 font-size: 24px;
}
#sec2 .s2 {
color: #ff5a32;
 font-size: 24px;
}
#sec2 .contact {
width: 90%;
}
#sec2 .contact dl {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-bottom: 0;
}
#sec2 .contact dt {
width: 100%;
font-size: 26px!important;
}
section .contact dt span {
font-size: 17px!important;
}
#sec2 .contact dd {
width: 90%;
margin: 0 auto 2rem;
}
#sec3 {
padding: 4rem 0 0;
}
#sec3 h2 {
    margin-bottom: 2rem;
}
#sec3 h3 {
font-size: 24px;
}
#sec3 .pack.last {
margin-bottom: 0;
}
#sec3  .tpn1 {
background-position: top left;
padding-top: 2rem;
padding-left: 0rem;
}
#sec3 .box dt {
font-size: 17px;
line-height: 1.8em;
}
#sec3 .box  dd.text {
    width: 100%;
}
#sec3 .box  dd.image {
    width: 100%;
}
#sec3 .table {
width: 900px!important;
}
#sec3 ul li {
width: 48%;
}
#sec4 {
padding: 4rem 0;
}
#sec4 .tpn2 {
    background-size: 30%;
    padding-top: 3rem;
}
#sec4 .row1{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0.5rem;
}
#sec4 .row1 li {
width: 32%;
margin-bottom: .5rem;
}
#sec4 .row1 li:last-child {
margin-bottom: 0;
}
#sec4 .row2{
flex-wrap: wrap;
}
#sec4 .row2 dt {
width: 100%;
height: auto;
margin-bottom: 0.5rem;
}
#sec4 .row2 dd {
width: 100%;
}
#sec4 .row2 dd li {
    width: 32%;
    margin-bottom: 0.5rem;
}
#sec4 .row2 dd ul:after {
 content: "";
display: block;
width: 32%; 
height: 0;
}
#sec4 p {
text-align: left;
}

#sec5 .contact dt {
font-size: 24px!important;
}
#sec5 .contact {
width: 100%;
}
#sec5 .contact dd {
width: 80%;
margin: 0 auto 2rem;
}

#sec6 {
padding: 4rem 0;
}
#sec6 .tpn1 {
    background-position: top left;
    padding-top: 2rem;
    padding-left: 0rem;
    background-size: 10%;
}

#sec7 {
padding: 4rem 0;
}
#sec7 .box dd.text {
width: 100%;
margin-bottom: 1rem;
}
#sec7 .box dd.image {
width: 100%;
}
#sec7 .picture {
padding: .8rem;
}
#sec7 .contact {
width: 100%;
}
#sec7 .contact dd {
width: 80%;
margin: 0 auto 2rem;
}

#sec8 .part .in h3 {
font-size: 24px;
}
#sec8 .tpn2 {
background-size: 20%;
padding-top: 3rem;
}
#sec8 .wrap .icon {
width: 20%;
position: absolute;
top: 0;
left: 0;
}
#sec8 .part .in h3 {
    width: 100%;
    display: inline;
    margin-left: 0;
}
#sec8 .part .in h3:after {
content: none;
}
#sec8 .part .in {
padding: 3rem 1rem 1rem;
}
#sec8 .part .in ul {
margin-top: 2rem;
flex-direction: column-reverse;
}
#sec8 .part .in li:nth-child(odd),
#sec8 .part .in li:nth-child(even){
    width: 100%;
}
#sec8 .part .in li {
width: 100%;
margin-bottom: 1rem;
}

#sec9 {
    padding: 4rem 0;
}
#sec9 .tpn2 {
    background-size: 20%;
    padding-top: 3rem;
}
#sec9 .tab-label, #sec10 .tab-label {
width: 40%;
}
#sec9 .tab-content dl, #sec10 .tab-content dl {
width: 100%;
  padding: 1rem;
}
#sec9 .tab-content dt, #sec10 .tab-content dt {
margin-bottom: 1rem;
}
#sec9 .tab-content dd:nth-child(even), #sec10 .tab-content dd:nth-child(even) {
    width: 100%;
}
#sec9 .tab-content dd:nth-child(odd), #sec10 .tab-content dd:nth-child(odd) {
    width: 100%;
}

#sec10 dd .logo {
    width: 100%;
    margin-bottom: 2rem;
}
#sec10 th,#sec10 td {
display: block;
width: 100%;
}
#sec10 th {
border-bottom: solid 1px #ccc;
}
#sec10 td {
margin-bottom: 1rem;
}
#sec10 dd ul {
margin-bottom: 2rem;
}

#sec11 {
padding: 4rem 0;
}

}