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


/*PC*/
@media screen and (min-width: 1680px) {


.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 50px 0; box-sizing: border-box;}
.news .inner .box h2 { font-size: 34px; color: #0e8d2f; display: inline-block; padding: 5px 30px 5px 0; border-right: solid 2px #0e8d2f; text-align: center;}
.news .inner .box h2 span { font-size: 20px; color: #000; display: block;}
.news .inner .box .txt { padding-left: 50px;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 15px; margin-top: 20px;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 18px;}


.etc {}
.etc .inner { width: 100%; padding: 50px 0; background: #f5f5f5; text-align: center;}
.etc .inner .box { display: inline-block;}
.etc .inner .box a { display: block;}


.acc-trigger.active { pointer-events: none; opacity: 0.6;}
.acc-content { display: none;}

.bg01 { background: #edffe3;}
.bg02 { background: #c8f0de;}

.content {}
.content .inner { display: flex; flex-direction: column; padding: 120px 0;}
.content .inner .box { width: 1300px; margin: 50px auto 0; display: flex; justify-content: space-between;}
.content .inner .box:nth-of-type(1) { margin-top: 0;}
.content .inner .box a { width: 635px; display: block; background: #FFF; padding: 0 50px 50px 52px; border-radius: 40px;}
.content .inner .box a:only-child { width: 100%; display: flex; align-items: flex-start; gap: 41px; filter: drop-shadow( 3px 5px 10px rgba( 0,0,0,0.27));}
.content .inner .box a:hover { transform: scale(102%);}
.content .inner .box a img:only-child {}
.content .inner .box a img:nth-of-type(1) { width: 603px;}
.content .inner .box a img:nth-of-type(2) { width: 554px; margin-top: 100px;}
.content .inner .box.otoku { position: relative;}
.content .inner .box.otoku::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 122px; height: 122px; position: absolute; top: 30px; right: 10px; z-index: 10; transition: ease .5s;}
.content .inner .box.otoku:hover::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 122px; height: 122px; position: absolute; top: 28px; right: 0px; z-index: 10; transform: scale(102%); transition: ease .5s;}


}


/*PC*/
@media print, screen and (min-width: 768px) and ( max-width: 1679px) {


.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 2.9762vw 0; box-sizing: border-box;}
.news .inner .box h2 { font-size: 2.0238vw; color: #0e8d2f; display: inline-block; padding: 0.2976vw 1.7857vw 0.2976vw 0; border-right: solid 0.1190vw #0e8d2f; text-align: center;}
.news .inner .box h2 span { font-size: 1.1905vw; color: #000; display: block;}
.news .inner .box .txt { padding-left: 2.9762vw;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 0.8929vw; margin-top: 1.1905vw;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 1.0714vw;}


.etc {}
.etc .inner { width: 100%; padding: 2.9762vw 0; background: #f5f5f5; text-align: center;}
.etc .inner .box { display: inline-block;}
.etc .inner .box a { display: block;}


.acc-trigger.active { pointer-events: none; opacity: 0.6;}
.acc-content { display: none;}

.bg01 { background: #edffe3;}
.bg02 { background: #c8f0de;}

.content {}
.content .inner { display: flex; flex-direction: column; padding: 7.1429vw 0;}
.content .inner .box { width: 77.3810vw; margin: 2.9762vw auto 0; display: flex; justify-content: space-between;}
.content .inner .box:nth-of-type(1) { margin-top: 0;}
.content .inner .box a { width: 37.7976vw; display: block; background: #FFF; padding: 0 2.9762vw 2.9762vw 3.0952vw; border-radius: 2.3810vw;}
.content .inner .box a:only-child { width: 100%; display: flex; align-items: flex-start; gap: 2.4405vw; filter: drop-shadow( 0.1786vw 0.2976vw 0.5952vw rgba( 0,0,0,0.27));}
.content .inner .box a:hover { transform: scale(102%);}
.content .inner .box a img:only-child {}
.content .inner .box a img:nth-of-type(1) { width: 35.8929vw;}
.content .inner .box a img:nth-of-type(2) { width: 32.9762vw; margin-top: 5.9524vw;}
.content .inner .box.otoku { position: relative;}
.content .inner .box.otoku::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 7.2619vw; height: 7.2619vw; position: absolute; top: 1.7857vw; right: 0.5952vw; z-index: 10; transition: ease .5s;}
.content .inner .box.otoku:hover::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 7.2619vw; height: 7.2619vw; position: absolute; top: 1.6667vw; right: 0.0000vw; z-index: 10; transform: scale(102%); transition: ease .5s;}


}



/*sp*/
@media only screen and (max-width: 767px) {


.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 6.6667vw 0; box-sizing: border-box;}
.news .inner .box h2 { font-size: 2.9333vw; color: #0e8d2f; display: inline-block; padding: 0.6667vw 4.0000vw 0.6667vw 0; border-right: solid 0.2667vw #0e8d2f;}
.news .inner .box h2 span { font-size: 1.8667vw; color: #000; display: block;}
.news .inner .box .txt { padding-left: 6.6667vw;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 2.0000vw; margin-top: 2.6667vw;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 2.4000vw;}


.etc {}
.etc .inner { width: 100%; padding: 6.6667vw 0; background: #f5f5f5; text-align: center;}
.etc .inner .box { display: inline-block; width: 80%;}
.etc .inner .box a { display: block;}


.acc-trigger.active { pointer-events: none; opacity: 0.6;}
.acc-content { display: none;}

.bg01 { background: #edffe3;}
.bg02 { background: #c8f0de;}

.content {}
.content .inner { display: flex; flex-direction: column; background: #edffe3; padding: 16.0000vw 0;}
.content .inner .box { width: 86.6667vw; margin: 6.6667vw auto 0; display: flex; justify-content: space-between; flex-direction: column;}
.content .inner .box:nth-of-type(1) { margin-top: 0;}
.content .inner .box a { width: 100% !important; display: block; background: #FFF; padding: 0 4.0000vw 6.6667vw 4.2667vw; border-radius: 5.3333vw; margin-top: 6.6667vw; filter: drop-shadow( 0.4000vw 0.6667vw 1.3333vw rgba( 0,0,0,0.27));}
.content .inner .box a:nth-of-type(1) { margin-top: 0;}
.content .inner .box a:only-child { width: 100%; display: flex; align-items: flex-start; gap: 5.4667vw; flex-direction: column;}
.content .inner .box a:hover { transform: scale(102%);}
.content .inner .box a img:only-child {}
.content .inner .box a img:nth-of-type(1) { width: 80.4000vw;}
.content .inner .box a img:nth-of-type(2) { width: 73.8667vw; margin: 4.0000vw auto 0;}
.content .inner .box.otoku { position: relative;}
.content .inner .box.otoku::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 16.2667vw; height: 16.2667vw; position: absolute; top: 48.0000vw; right: 1.3333vw; z-index: 10; transition: ease .5s;}
.content .inner .box.otoku:hover::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 16.2667vw; height: 16.2667vw; position: absolute; top: 3.7333vw; right: 0.0000vw; z-index: 10; transform: scale(102%); transition: ease .5s;}


}




/*sp*/
@media only screen and (width: 750px) {


.news {}
.news .inner { background: url(../images/index/news_bg.png) center center no-repeat; background-size: cover;}
.news .inner .box { display: flex; justify-content: center; padding: 50px 0; box-sizing: border-box;}
.news .inner .box h2 { font-size: 22px; color: #0e8d2f; display: inline-block; padding: 5px 30px 5px 0; border-right: solid 2px #0e8d2f;}
.news .inner .box h2 span { font-size: 14px; color: #000; display: block;}
.news .inner .box .txt { padding-left: 50px;}
.news .inner .box .txt dl { color: #474747;}
.news .inner .box .txt dl dt { font-size: 15px; margin-top: 20px;}
.news .inner .box .txt dl dt:nth-of-type(1) { margin-top: 0;}
.news .inner .box .txt dl dd { font-size: 18px;}


.etc {}
.etc .inner { width: 100%; padding: 50px 0; background: #f5f5f5; text-align: center;}
.etc .inner .box { display: inline-block; width: 80%;}
.etc .inner .box a { display: block;}


.acc-trigger.active { pointer-events: none; opacity: 0.6;}
.acc-content { display: none;}

.bg01 { background: #edffe3;}
.bg02 { background: #c8f0de;}

.content {}
.content .inner { display: flex; flex-direction: column; background: #edffe3; padding: 120px 0;}
.content .inner .box { width: 650px; margin: 50px auto 0; display: flex; justify-content: space-between; flex-direction: column;}
.content .inner .box:nth-of-type(1) { margin-top: 0;}
.content .inner .box a { width: 100% !important; display: block; background: #FFF; padding: 0 30px 50px 32px; border-radius: 40px; margin-top: 50px; filter: drop-shadow( 3px 5px 10px rgba( 0,0,0,0.27));}
.content .inner .box a:nth-of-type(1) { margin-top: 0;}
.content .inner .box a:only-child { width: 100%; display: flex; align-items: flex-start; gap: 41px; flex-direction: column;}
.content .inner .box a:hover { transform: scale(102%);}
.content .inner .box a img:only-child {}
.content .inner .box a img:nth-of-type(1) { width: 603px;}
.content .inner .box a img:nth-of-type(2) { width: 554px; margin: 30px auto 0;}
.content .inner .box.otoku { position: relative;}
.content .inner .box.otoku::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 122px; height: 122px; position: absolute; top: 360px; right: 10px; z-index: 10; transition: ease .5s;}
.content .inner .box.otoku:hover::before { content: ""; background: url("../images/index/icon_otoku.png"); background-size: cover; width: 122px; height: 122px; position: absolute; top: 28px; right: 0px; z-index: 10; transform: scale(102%); transition: ease .5s;}


}