@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=SN+Pro:wght@200..900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');


/* common
-------------------------------------------------*/
:root {
  font-size: 100px;
}
@media screen and (max-width: 1200px) and (min-width: 751px) {
:root {
    font-size: 8.3333333vw;
}
}
@media screen and (max-width: 750px) {
:root {
    font-size: 26.666666vw;
}
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
form,
figure,
picture {
	font-size: inherit;
	margin: 0;
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
    outline: none;
}
summary {
	display: block;
}
table {
	border-collapse: collapse;
	empty-cells: show;
}
th,
td {
	text-align: left;
	vertical-align: top;
}
ul li {
	list-style: none;
}
address {
	font-style: normal;
}
figure,
picture {
	display: block;
}
img {
	vertical-align: top;
    width: 100%;
    max-width: 100%;
	height: auto;
}
input,
textarea,
select {
	color: inherit;
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}
textarea {
	form-sizing: content;
}
button {
	color: inherit;
	font-family: inherit;
}
input, select {
    vertical-align: middle;
}
sub {
    vertical-align: bottom;
}

/* module
------------------------------------------------- */
.pcon { display: block; }
.spon { display: none; }
@media screen and (max-width:750px){
.pcon { display: none; }
.spon { display: block; }
}


/* a
------------------------------------------------- */
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
	text-decoration: none;
	outline: none;
    color: #333;
}
@media screen and (min-width:751px){
a {
    transition: 0.3s;
}
a.al:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.telLink {
	pointer-events: none;
}
}
@media screen and (max-width:750px){
a {
    -webkit-tap-highlight-color: transparent;
}
}


/* html
------------------------------------------------- */
html {
    font-size: 0.16rem;
}
@media screen and (max-width:750px){
html {
    overflow-x: hidden;
}
}


/* body
------------------------------------------------- */
body {
    background-color: #FFFADD;
    min-height: 100vh;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
	font-size: 0.16rem;
	line-height: 2;
    letter-spacing: normal;
	color: #333;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
}
.zen {
    font-family: "Zen Maru Gothic", sans-serif;
    font-style: normal;
}
.eng {
    font-family: "SN Pro", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}


/* layout
------------------------------------------------- */
.d-flex {
    display: flex;
}
.f-wrap {
    flex-wrap: wrap;
}
.f-rev {
    flex-direction: row-reverse;
}
.just-center {
    justify-content: center;
}
.just-between {
    justify-content: space-between;
}
.just-end {
    justify-content: flex-end;
}
.align-center {
    align-items: center;
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end;
}
@media screen and (max-width:750px){
.d-flex {
    display: block;
}
}


/* btn
------------------------------------------------- */
.btn-blank {
    margin: 0.3rem auto 0;
    text-align: center;
}
.btn-blank a {
    display: inline-block;
    height: 100%;
    line-height: 0.46rem;
    font-size: 0.18rem;
    font-weight: 500;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4167%200.5H14.5V4.58333M13.625%201.375L9.25%205.75M7.5%201.66667H2.25C1.78587%201.66667%201.34075%201.85104%201.01256%202.17923C0.684375%202.50742%200.5%202.95254%200.5%203.41667V12.75C0.5%2013.2141%200.684375%2013.6592%201.01256%2013.9874C1.34075%2014.3156%201.78587%2014.5%202.25%2014.5H11.5833C12.0475%2014.5%2012.4926%2014.3156%2012.8208%2013.9874C13.149%2013.6592%2013.3333%2013.2141%2013.3333%2012.75V7.5%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') right 0.15rem center no-repeat;
    background-size: 0.14rem auto;
    background-color: #FCC720;
    border-radius: 0.5rem;
    font-size: 0.18rem;
    color: #000;
    padding: 0 0.4rem
}
.btn-blank a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width:750px){
    .btn-blank {
        margin: 0.3rem auto 0;
    }
    .btn-blank a {
        line-height: 0.25rem;
        padding: 0.15rem 0;
        font-size: 0.17rem;
        width: 100%;
        background-position: right 0.1rem center;
        line-height: 0.24rem;
    }
}

/* header
------------------------------------------------- */
#header {
    width: 100%;
    height: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 15;
}
#header .logo {
    width: 2.07rem;
    position: absolute;
    left: 0.2rem;
    top: 0.2rem;
}
@media screen and (max-width:750px){
#header {
    height: 0.96rem;
}
#header .logo {
    width: 1.8rem;
    left: 0.12rem;
    top: 0.12rem;
}
}


/* contents
------------------------------------------------- */
#contents {
    position: relative;
    z-index: 3;
}
.inner {
    max-width: 10.4rem;
    margin: 0 auto;
    position: relative;
}
@media screen and (max-width:750px){
.inner {
    width: 91.4%;
}
}


/* headline
------------------------------------------------- */
.headline {
    font-size: 0.36rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #F56E00;
    text-align: center;
    margin-bottom: 0.4rem;
}
.headline span {
    background: url("../img/icon1.png") left center no-repeat;
    background-size: 0.52rem auto;
    padding: 0.1rem 0 0.1rem 0.6rem;
    font-weight: 700;
}
.headline b {
    font-size: 0.48rem;
    font-weight: 700;
}
@media screen and (max-width:750px){
.headline {
    font-size: 0.27rem;
    line-height: 1.1;
    letter-spacing: normal;
    margin-bottom: 0.4rem;
}
.headline span {
    background-position: left 0.05rem;
    background-size: 0.35rem auto;
    padding: 0.1rem 0 0.1rem 0.43rem;
}
.headline b {
    font-size: 0.4rem;
}
}


/* swipe
------------------------------------------------- */
.swipe {
    display: none;
}
@media screen and (max-width:750px){
.swipe {
    display: block;
    width: 0.68rem;
    position: absolute;
    right: -0.1rem;
    bottom: -0.45rem;
}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    position: relative;
}
.mainvisual .box {
    width: 100%;
    position: absolute;
    left: 0;
    top: 8vw;
    color: #fff;
    text-align: center;
}
.mainvisual .box h1 {
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.4;
}
.mainvisual .box p {
    font-size: 2.66vw;
    font-weight: 700;
    line-height: 1.5;
    padding-top: 0.833vw;
}
@media screen and (max-width:750px){
.mainvisual .box {
    top: 1.8rem;
}
.mainvisual .box h1 {
    font-size: 0.28rem;
    text-shadow: 0 0 0.08rem #000;
}
.mainvisual .box p {
    font-size: 0.18rem;
    text-shadow: 0 0 0.08rem #000;
    padding-top: 0.05rem;
}
}


/* cont1
------------------------------------------------- */
.cont1 {
    padding: 0.7rem 0;
}
.cont1 .inner {
    max-width: 9.6rem;
}
.cont1 .box {
    background-color: #fff;
    border-radius: 0.12rem;
    padding: 0.2rem 0.45rem 0.4rem 1.7rem;
    margin-bottom: 0.25rem;
    position: relative;
}
.cont1 .box.box1 {
    padding: 0.44rem;
}
.cont1 .box h3 {
    width: 1.12rem;
    height: 1.36rem;
    background-color: #67BD00;
    border-radius: 0.04rem 0.04rem 0.6rem 0.6rem;
    font-size: 0.24rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0.3rem;
    top: -0.1rem;
    padding-top: 0.3rem;
    box-sizing: border-box;
}
.cont1 .box h3 span {
    display: block;
    font-size: 0.56rem;
    line-height: 1;
}
.cont1 .box h4 {
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 1.5;
    color: #13A34A;
    margin-bottom: 0.1rem;
}
@media screen and (max-width:750px){
.cont1 {
    padding: 0.4rem 0 0.5rem;
}
.cont1 .box {
    padding: 0.15rem 0.2rem 0.3rem 0.95rem;
    margin-bottom: 0.5rem;
}
.cont1 .box.box1 {
    padding: 0.1rem;
    margin-bottom: 0;
}
.cont1 .box h3 {
    width: 0.64rem;
    height: 0.8rem;
    font-size: 0.14rem;
    left: 0.15rem;
    top: -0.1rem;
    padding-top: 0.2rem;
}
.cont1 .box h3 span {
    font-size: 0.36rem;
}
.cont1 .box h4 {
    font-size: 0.2rem;
}
.cont1 .box .acc {
    display: none;
}
.cont1 .box .btn {
    width: 2.08rem;
    height: 0.48rem;
    background-color: #FCC720;
    border-radius: 0.5rem;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -0.24rem;
    margin-left: -1.04rem;
    cursor: pointer;
    overflow: hidden;
}
.cont1 .box .btn::before,
.cont1 .box .btn::after {
    content: '続きを読む';
    width: 100%;
    height: 100%;
    font-size: 0.18rem;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.cont1 .box .btn::after {
    content: '閉じる';
    opacity: 0;
}
.cont1 .box .btn.open::before {
    display: none;
}   
.cont1 .box .btn.open::after {
    opacity: 1;
}    
    
.cont1 .box .btn span {
    width: 0.32rem;
    height: 0.32rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0.1rem;
    top: 50%;
    margin-top: -0.16rem;
    transition: 0.3s;
}
.cont1 .box .btn span::before,
.cont1 .box .btn span::after {
    content: '';
    width: 0.16rem;
    height: 0.02rem;
    background-color: #F56E00;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.01rem 0 0 -0.08rem;
    transition: 0.3s;
}
.cont1 .box .btn span::after {
    width: 0.02rem;
    height: 0.16rem;
    margin: -0.08rem 0 0 -0.01rem;
}
.cont1 .box .btn.open span {
    transform: rotate(360deg);
}
.cont1 .box .btn.open span::after {
    width: 0;
    height: 0;
}
}


/* cont2
------------------------------------------------- */
.cont2 {
    background-color: #32C069;
    border-radius: 0.4rem;
    padding: 0.5rem 0 0.8rem;
    overflow: hidden;
    position: relative;
}
.cont2 .headline span {
    color: #fff;
}
.cont2 .tab-container {
    width: 100%;
    height: 0.8rem;
    background-color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 0.25rem;
    position: relative;
    z-index: 2;
}
.cont2 .tab-container .tab {
    width: 25%;
    height: 0.8rem;
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    position: relative;
    z-index: 2;
}
.cont2 .tab-container .animation {
    width: 2.6rem;
    height: 0.8rem;
    background-color: #FCC720;
    border-radius: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    transition: all .5s ease 0s;
}
.cont2 .tab-container .tab:nth-child(1).active~.animation {
    left: 0;
}
.cont2 .tab-container .tab:nth-child(2).active~.animation {
    left: 25%;
}
.cont2 .tab-container .tab:nth-child(3).active~.animation {
    left: 50%;
}
.cont2 .tab-container .tab:nth-child(4).active~.animation {
    left: 75%;
}
.cont2 .tab-container .tab:nth-child(1):hover~.animation {
    left: 0;
}
.cont2 .tab-container .tab:nth-child(2):hover~.animation {
    left: 25%;
}
.cont2 .tab-container .tab:nth-child(3):hover~.animation {
    left: 50%;
}
.cont2 .tab-container .tab:nth-child(4):hover~.animation {
    left: 75%;
}
.cont2 .content-container {
    position: relative;
    z-index: 2;
}
.cont2 .content-container .content {
    display: none;
    background-color: #fff;
    border-radius: 0.32rem;
    padding: 0.5rem 0.4rem 0.6rem;
    position: relative;
}
.cont2 .content-container .content::after {
    content: '';
    width: 100vw;
    height: 100%;
    background: url("../img/tab_bg1.png") center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    bottom: -0.8rem;
    margin-left: -50vw;
    z-index: -1;
}
.cont2 .content-container .content.content3::after,
.cont2 .content-container .content.content4::after {
    background-image: url("../img/tab_bg2.png");
}
.cont2 .content-container .content.content4 {
    padding-bottom: 0.4rem;
}
.cont2 .content-container .content.show {
    display: block;
}
.cont2 .content-container .box {
    border-bottom: 0.04rem dashed #32C069; 
    margin-bottom: 0.5rem;
    padding-bottom: 0.55rem;
    position: relative;
    z-index: 2;
}
.cont2 .content-container .box.last {
    border-bottom: none; 
    margin-bottom: 0;
    padding: 0 0.4rem
}
.cont2 .content-container .box.last p {
    margin-bottom: 0.35rem;
}
.cont2 .content-container .box.box1 {
    padding: 0 0.4rem 0.55rem;
}
.cont2 .content-container .box.box1 h3 {
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 1;
    color: #13A34A;
    text-align: center;
    padding-bottom: 0.2rem;
}
.cont2 .content-container .box.box1 p {
    margin-bottom: 0.35rem;
}
.cont2 .content-container .box.box1 p.mb0 {
    margin-bottom: 0;
}
.cont2 .content-container .box.box1 picture {
    position: relative;
}
.cont2 .content-container .box.box1 .box1-inner {
    display: flex;
    justify-content: space-between;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box {
    width: 48%;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box h4 {
    font-size: 0.18rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background-color: #F56E00;
    border-radius: 0.04rem;
    padding: 0.06rem 0 0.08rem;
    margin-bottom: 0.16rem;
    font-weight: 500;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box picture {
    width: 100%;
    position: relative;
    margin-bottom: 0.23rem;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box dl {
    padding: 0.15rem 0.24rem;
    background-color: #FFF9DD;
    border-radius: 0.04rem;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box dl dt {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 2;
    color: #F56E00;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box dl dd {
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 2;
    background: url("../img/icon4.png") left 0.1rem no-repeat;
    background-size: 0.24rem auto;
    padding: 0.025rem 0 0.025rem 0.32rem;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box dl dd strong {
    font-weight: 700;
    color: #F56E00;
}

.cont2 .content-container .box.box1 .message {
    width: 9.6rem;
    margin: 0.5rem 0 0 -0.8rem;
    border: 0.04rem solid #67BD00;
    border-radius: 0.2rem;
    padding: 0.65rem 0.4rem 0.05rem;
    box-sizing: border-box;
    position: relative;
}
.cont2 .content-container .box.box1 .message h4 {
    width: 1.88rem;
    height: 0.56rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_209_5616)%22%3E%3Cpath%20d%3D%22M32%2013.0006C32%209.3043%2029.3771%206.22669%2025.9051%205.54997C23.8986%202.22222%2020.2647%200%2016.1164%200C12.9902%200%2010.1589%201.26186%208.09257%203.30765C7.94623%203.29872%207.79769%203.29425%207.64692%203.29425C3.48978%203.29425%200.117508%206.69123%200.117508%2010.8833C0.117508%2012.1139%200.407954%2013.2775%200.924548%2014.3049C0.330354%2015.6695%200%2017.1792%200%2018.7649C0%2024.9045%204.94201%2029.8827%2011.0369%2029.8827C11.1855%2029.8827%2011.334%2029.8783%2011.4826%2029.8738C13.1166%2031.2049%2015.1963%2032.0022%2017.46%2032.0022C21.2491%2032.0022%2024.5194%2029.7733%2026.0514%2026.5461C29.0933%2025.0095%2031.1819%2021.8403%2031.1819%2018.1798C31.1819%2017.6661%2031.1398%2017.1636%2031.0622%2016.6723C31.6608%2015.5846%2032%2014.3339%2032%2013.0028V13.0006Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M28.1267%2024.3194L29.3416%2029.8269L23.6702%2028.8063L28.1267%2024.3194Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_209_5616%22%3E%3Crect%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E') 0.24rem center no-repeat #67BD00;
    background-size: 0.32rem auto;
    border-radius: 0.2rem 0 0.1rem 0;
    font-size: 0.2rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0.4rem;
    box-sizing: border-box;
    position: absolute;
    left: -0.04rem;
    top: -0.04rem;
}
.cont2 .content-container .box.box2 .ttl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}
.cont2 .content-container .box.box2 .ttl dt {
    width: 12.5%;
}
.cont2 .content-container .box.box2 .ttl dt span {
    width: 100%;
    height: 0.41rem;
    background-color: #F56E00;
    border-radius: 0.08rem;
    font-size: 0.24rem;
    font-weight: 700;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cont2 .content-container .box.box2 .ttl dd {
    width: 83.5%;
}
.cont2 .content-container .box.box2 .ttl dd h4 {
    font-size: 0.32rem;
    line-height: 1.5;
    margin-top: -0.05rem;
}
.cont2 .content-container .content4 .box.box2 h4 {
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 1;
    color: #13A34A;
    text-align: center;
    padding: 0.1rem 0 0.3rem;
}
.cont2 .content-container .box.box2 .sec {
    position: relative;
}
.cont2 .content-container .box.box2 .sec picture {
    width: 3.6rem;
    position: absolute;
    right: 0;
    top: 0;
}
.cont2 .content-container .box.box2 .sec .con {
    margin-bottom: 0.15rem;
}
.cont2 .content-container .box.box2 .sec .con.last {
    margin-bottom: 0;
}
.cont2 .content-container .box.box2 .sec .con.con1 {
    width: 5.68rem;
}
.cont2 .content-container .box.box2 .sec .con h5 {
    background: url("../img/icon2.png") left 0.05rem no-repeat;
    background-size: 0.24rem auto;
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #13A34A;
    padding: 0.05rem 0 0.05rem 0.4rem;
}
.cont2 .content-container .box.box2 .sec .con p {
    padding-left: 0.4rem;
}
.cont2 .content-container .content3 .box.box2 .sec .con.con1 p {
    padding-right: 0.6rem;
}
.cont2 .content-container .box.box3 h4 {
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 1.4;
    color: #13A34A;
    text-align: center;
    padding: 0.05rem 0 0.25rem;
}
.cont2 .content-container .box.box3 h5 {
    background: url("../img/icon3.png") left 0.05rem no-repeat;
    background-size: 0.32rem auto;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.5;
    color: #13A34A;
    padding: 0.05rem 0 0.05rem 0.48rem;
}
.cont2 .content-container .box.box3 ul {
    margin: 0 0 0.35rem 0.4rem;
}
.cont2 .content-container .box.box3 ul li {
    background: url("../img/icon4.png") left 0.1rem no-repeat;
    background-size: 0.24rem auto;
    font-weight: 500;
    padding: 0.025rem 0 0.025rem 0.32rem;
}
.cont2 .content-container .box.box3 picture {
    text-align: center;
    position: relative;
}
.cont2 .content-container .box.box3 picture img {
    width: auto;
}
.cont2 .acc {
    display: none;
}
@media screen and (max-width:750px){
.cont2 {
    border-radius: 0.2rem;
    padding: 0.35rem 0 0.45rem;
}
.cont2 .headline {
    line-height: 1.4;
    margin-bottom: 0.2rem;
}
.cont2 .tab-container {
    display: none;
}
.cont2 .content-container .content {
    border-radius: 0 0 0.2rem 0.2rem;
    padding: 0.25rem 0.2rem 0.3rem;
}
.cont2 .content-container .content::after {
    display: none;
}
.cont2 .content-container .content.content4 {
    padding-bottom: 0.3rem;
}
.cont2 .content-container .content.show {
    display: none;
}
.cont2 .content-container .box {
    margin-bottom: 0.4rem;
    padding-bottom: 0.4rem;
}
.cont2 .content-container .box.last {
    padding: 0;
}
.cont2 .content-container .box.last p {
    margin-bottom: 0.2rem;
}
.cont2 .content-container .box.box1 {
    padding: 0 0 0.4rem;
}
.cont2 .content-container .box.box1 h3 {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
}
.cont2 .content-container .box.box1 p {
    margin-bottom: 0.2rem;
}
.cont2 .content-container .box.box1 .box1-inner {
    display: block;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box {
    width: 100%;
    margin-bottom: 0.2rem;
}
.cont2 .content-container .box.box1 .box1-inner .box1-inner-box:last-child {
    margin-bottom: 0;
}
.cont2 .content-container .box.box1 .message {
    width: 100%;
    margin: 0.6rem 0 0.1rem;
    padding: 0.65rem 0.24rem 0.1rem;
}
.cont2 .content-container .box.box2 .ttl {
    display: block;
    margin-bottom: 0.2rem;
}
.cont2 .content-container .box.box2 .ttl dt {
    width: 100%;
}
.cont2 .content-container .box.box2 .ttl dt span {
    width: 0.88rem;
    height: 0.35rem;
    font-size: 0.16rem;
}
.cont2 .content-container .box.box2 .ttl dd {
    width: 100%;
}
.cont2 .content-container .box.box2 .ttl dd h4 {
    font-size: 0.24rem;
    margin-top: 0.05rem;
}
.cont2 .content-container .content4 .box.box2 h4 {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
}
.cont2 .content-container .box.box2 .sec picture {
    width: 100%;
    position: static;
    margin-bottom: 0.2rem;
}
.cont2 .content-container .box.box2 .sec .con {
    margin-bottom: 0.15rem;
}
.cont2 .content-container .box.box2 .sec .con.con1 {
    width: 100%;
}
.cont2 .content-container .content3 .box.box2 .sec .con.con1 p {
    padding-right: 0;
}
.cont2 .content-container .box.box3 h4 {
    font-size: 0.24rem;
    line-height: 1.5;
    padding-bottom: 0.2rem;
}
.cont2 .content-container .box.box3 h5 {
    background-position: 0.1rem no-repeat;
    background-size: 0.28rem auto;
    font-size: 0.2rem;
    padding: 0 0 0.05rem 0.44rem;
    margin-bottom: 0.1rem;
}
.cont2 .content-container .box.box3 ul {
    margin: 0 0 0.2rem 0.4rem;
}
    
    
.cont2 .acc {
    width: 100%;
    height: 0.56rem;
    background-color: #FCC720;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    font-size: 0.2rem;
    font-weight: 700;
    padding: 0 0.15rem;
    margin-top: 0.15rem;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}
.cont2 .acc span {
    width: 0.4rem;
    height: 0.4rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0.05rem;
    top: 50%;
    margin-top: -0.2rem;
    transition: 0.3s;
}
.cont2 .acc span::before,
.cont2 .acc span::after {
    content: '';
    width: 0.2rem;
    height: 0.02rem;
    background-color: #F56E00;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.01rem 0 0 -0.1rem;
    transition: 0.3s;
}
.cont2 .acc span::after {
    width: 0.02rem;
    height: 0.2rem;
    margin: -0.1rem 0 0 -0.01rem;
}
.cont2 .acc.open {
    border-radius: 0.2rem 0.2rem 0 0;
    margin-bottom: 0;
}
.cont2 .acc.open span {
    transform: rotate(360deg);
}
.cont2 .acc.open span::after {
    width: 0;
    height: 0;
}
}


/* recommend
------------------------------------------------- */
#recommend {
    padding: 0.7rem 0 0.8rem;
}
#recommend .inner {
    max-width: 9.6rem;
}
#recommend h4 {
    font-size: 0.32rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #13A34A;
    text-align: center;
    margin-bottom: 0.3rem;
}
#recommend ul li {
    width: 100%;
    margin-bottom: 0.05rem;
    padding-left: 2em;
    text-indent: -1em;
    position: relative;
}
#recommend ul li::before {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background-color: #F56E00;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.04rem;
}
#recommend ul li a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.4167%200.5H14.5V4.58333M13.625%201.375L9.25%205.75M7.5%201.66667H2.25C1.78587%201.66667%201.34075%201.85104%201.01256%202.17923C0.684375%202.50742%200.5%202.95254%200.5%203.41667V12.75C0.5%2013.2141%200.684375%2013.6592%201.01256%2013.9874C1.34075%2014.3156%201.78587%2014.5%202.25%2014.5H11.5833C12.0475%2014.5%2012.4926%2014.3156%2012.8208%2013.9874C13.149%2013.6592%2013.3333%2013.2141%2013.3333%2012.75V7.5%22%20stroke%3D%22%23006EA0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.14rem auto;
    padding-right: 0.22rem;
    font-size: 0.18rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #006EA0;
    text-decoration: underline;
}
#recommend .box {
    width: 100%;
    height: 2.5rem;
    background-color: #fff;
    border-radius: 0.2rem;
    padding-top: 0.4rem;
    margin-top: 0.55rem;
    line-height: 1;
    letter-spacing: 0.01em;
    text-align: center;
    box-sizing: border-box;
}
#recommend .box h5 {
    font-size: 0.32rem;
    font-weight: 700;
    color: #13A34A;
    margin-bottom: 0.35rem;
}
#recommend .box h6 {
    font-weight: 700;
    margin-bottom: 0.15rem;
}
#recommend .box .tel {
    margin-bottom: 0.2rem;
}
#recommend .box .tel a {
    font-size: 0.22rem;
    font-weight: 700;
}
#recommend .box .tel a span {
    color: #13A34A;
    font-weight: 700;
}
@media screen and (min-width:751px){
#recommend ul li a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
#recommend {
    padding: 0.4rem 0 0.5rem;
}
#recommend h4 {
    font-size: 0.28rem;
    margin-bottom: 0.35rem;
}
#recommend ul {
    padding: 0;
}
#recommend ul li {
    width: 94%;
    padding-left: 1em;
    text-indent: 0;
    line-height: 1.8;
    margin-bottom: 0.8em;
}
#recommend ul li::before {
    top: 4.8vw;
}
#recommend .box {
    height: 2.1rem;
    padding-top: 0.25rem;
}
#recommend .box h5 {
    font-size: 0.28rem;
    margin-bottom: 0.3rem;
}
#recommend .box .tel a {
    font-size: 0.2rem;
}
}


/* footer
------------------------------------------------- */
#footer {
    width: 100%;
    height: 1.45rem;
    background-color: #fff;
    text-align: center;
    padding-top: 0.25rem;
    box-sizing: border-box;
}
#footer .logo {
    width: 1.95rem;
    margin: 0 auto 0.125rem;
}
#footer small {
    font-size: 0.14rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 1;
}