@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}
p {margin:0 0 0 0;}
ol,ul {list-style:none;}
fieldset,img {border:0; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
caption,th {text-align:left;}
th {vertical-align:top; font-weight:normal; text-align:left;}
td {vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}


/* common */
/* -------------------------------------------------------- */
html,body {font-variant-ligatures:none;}
html {font-size:62.5%;}
body {font-size:14px; font-size:1.4rem; font-family:"Zen Kaku Gothic New", sans-serif; font-weight:500; line-height:1.6; color:#333; text-align:center; -webkit-text-size-adjust:100%; text-size-adjust:100%; background:none;}

h1, h2, h3, h4, h5, h6, h7 {line-height:1.2;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:inherit; text-align:inherit;}
input, select, option, textarea, button {font-size:16px; font-size:1.6rem; font-family:"Zen Kaku Gothic New", sans-serif; line-height:1; vertical-align:middle; text-align:inherit; color:inherit; outline:none;}
textarea {line-height:1.4;}
input[type='submit'],input[type='reset'],input[type='button'], button {cursor:pointer; appearance:none;}
:placeholder-shown {color:#ccc;}
::-webkit-input-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc; opacity:1;}
::-moz-placeholder {color:#ccc; opacity:1;}
:-ms-input-placeholder {color:#ccc;}

strong {font-weight:bold;}
ol {list-style-type:decimal; margin-left:2.2em;}
img {max-width:100%; width:auto; height:auto; line-height:0; vertical-align:top; border:0; display:inline;}

a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}


/* decision */
/* -------------------------------------------------------- */
#bpCheck {display:none;}

body .pc {display:block;}
br.pc, span.pc, img.pc {display:inline;}
body .sp, br.sp, span.sp, img.sp {display:none;}

a.off {pointer-events:none; cursor:default; opacity:0.3;}
a[href^="tel:"] {pointer-events:none; cursor:default;}
body.mobile a[href^="tel:"] {pointer-events:auto; cursor:pointer;}

.cfix::before,
.cfix::after {display:table; content:" ";}
.cfix::after {clear:both;}

@media screen and (max-width:767px){
	#bpCheck {display:block;}

	body .pc, br.pc, span.pc, img.pc {display:none;}
	body .sp {display:block;}
	br.sp, span.sp, img.sp {display:inline;}
}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; overflow:hidden;}


/* header */
/* -------------------------------------------------------- */
#header {width:100%;}
#header .clm {width:100%; height:100px; padding:0 45px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
#header .logo {font-size:3.2rem; white-space:nowrap; text-align:center;}
#header .logo span {font-size:66%; color:#51AF99; display:block;}
#header .nav1 {display:flex; flex-wrap:wrap;}
#header .nav1 > li {font-size:1.6rem; white-space:nowrap; padding:0 2.0em; box-sizing:border-box;}
#header .nav1 a {text-decoration:none;}
#header .nav1 a:hover {text-decoration:underline;}
#header .nav2 {display:flex;}
#header .nav2 > li {font-size:1.8rem; font-weight:700; padding:0 0 0 20px; box-sizing:border-box;}
#header .nav2 a {max-width:200px; width:100vw; height:56px; text-decoration:none; color:#fff; background-color:#51AF99; border-radius:10px; box-sizing:border-box; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
#header .nav2 a:hover {text-decoration:none; opacity:0.7;}
#header .nav2 span {display:inline-block; padding:0 50px 0 0; position:relative;}
#header .nav2 svg {width:40px; height:40px; fill:#fff; margin:-20px 0 0 0; display:block; position:absolute; top:50%; right:0;}

#gNav {display:flex; align-items:center;}

#gNavBtn {width:40px; height:40px; position:fixed; top:5px; right:10px; z-index:301; cursor:pointer; display:none;}
#gNavBtn > span {width:100%; height:4px; margin:-1px 0 0 0; background-color:rgba(81,175,153,1); border-radius:10px; display:block; position:absolute; top:50%; left:0; transition-property:background-color;}
#gNavBtn > span::before,
#gNavBtn > span::after {content:''; width:100%; height:4px; background-color:rgba(81,175,153,1); border-radius:10px; display:block; position:absolute; left:0;}
#gNavBtn > span::before {top:-11px; transition-property:top;}
#gNavBtn > span::after {bottom:-11px; transition-property:bottom;}
body.load #gNavBtn,
body.load #gNavBtn > span::before,
body.load #gNavBtn > span::after {transition-duration:0.3s; transition-delay:0s; transition-timing-function:ease;}

#gNavCheck {display:none;}
#gNavCheck:checked + #header #gNavBtn > span {background-color:rgba(81,175,153,0);}
#gNavCheck:checked + #header #gNavBtn > span::before {top:0; transform:rotate(45deg); transition-property:transform;}
#gNavCheck:checked + #header #gNavBtn > span::after {bottom:0; transform:rotate(-45deg); transition-property:transform;}

@media screen and (max-width:1400px){
	#header .clm {padding:0 3.2vw;}
	#header .logo {font-size:2.3vw;}
	#header .nav1 > li {font-size:1.2vw;}
	#header .nav2 > li {font-size:1.3vw; padding:0 0 0 1.4vw;}
	#header .nav2 a {max-width:14.2vw; height:4.0vw;}
	#header .nav2 span {padding:0 3.5vw 0 0;}
	#header .nav2 svg {width:2.8vw; height:2.8vw; margin:-1.4vw 0 0 0;}
}
@media screen and (max-width:767px){
	#header .clm {height:50px; padding:0 4.0vw;}
	#header .logo {font-size:2.0rem;}
	#header .nav1 {padding:30px 0 0 0; display:block;}
	#header .nav1 > li {font-size:1.8rem; text-align:center; padding:1.2em 0 0 0;}
	#header .nav2 {margin:30px 0 0 0; display:flex; flex-wrap:wrap; justify-content:center;}
	#header .nav2 > li {width:100%; font-size:1.8rem; padding:5px 0; box-sizing:border-box;}
	#header .nav2 a {max-width:160px; width:100vw; height:40px; margin:0 auto; border-radius:5px;}
	#header .nav2 span {padding:0 32px 0 0;}
	#header .nav2 svg {width:26px; height:26px; margin:-13px 0 0 0;}

	#header #gNavBtn {display:block;}
	#gNav {width:80%; height:100vh; padding:0 4.0vw; background-color:rgba(255,255,255,0.8); box-sizing:border-box; display:block; position:fixed; top:0; left:100%; z-index:300; overflow:auto; transition:left 0.6s ease;}
	#gNavCheck:checked + #header #gNav {left:20%;}
}


/* footer */
/* -------------------------------------------------------- */
#footer {text-align:center; color:#fff; padding:20px 0; background-color:#51AF99;}
#footer .logo {font-size:2.6rem; line-height:1.4; text-align:left; display:inline-block;}
#footer .logo span {font-size:61.5%; text-align:left; display:block;}
#footer .ctx {font-size:1.8rem; font-weight:700; margin:0.5em 0 0 0;}
#footer .ctx a {color:#fff; text-decoration:none;}
#footer .ctx a:hover {text-decoration:underline;}
#footer .pagetop-btn {position:fixed; bottom:10px; right:20px; opacity:0; pointer-events:none; transition:opacity 0.3s ease, bottom 0.3s ease;}
body.move #footer .pagetop-btn {bottom:20px; opacity:1; pointer-events:auto;}
#footer .pagetop-btn a {width:46px; height:46px; background-color:#fff; border-radius:100%; display:flex; justify-content:center; align-items:center;}
#footer .pagetop-btn a svg {width:40%; height:40%; fill:#50AF99; display:block;}
@media screen and (max-width:767px){
	#footer {padding:20px 0 40px 0;}
	#footer .logo {font-size:2.4rem;}
	#footer .ctx {font-size:1.5rem;}
	#footer .pagetop-btn {bottom:5px; right:10px;}
	body.move #footer .pagetop-btn {bottom:10px;}
	#footer .pagetop-btn a {width:30px; height:30px;}
}

/* contents */
/* -------------------------------------------------------- */
#contents {}

.parallax {opacity:0; transform:translate3d(0,15px,0);}
.parallax.on {opacity:1; transform:translate3d(0,0,0); transition:opacity 0.6s ease, transform 0.6s ease;}

.sec {max-width:1030px; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.page-ttl {height:300px; background-color:#50AF99; display:flex; justify-content:center; align-items:center;}
.page-ttl .ttl {font-size:4.6rem; font-weight:400; color:#fff;}

.page-nav {padding:50px 0 0 0;}
.page-nav ul {font-size:1.8rem; font-weight:500; margin:0 -10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.page-nav li {padding:10px 10px 0 10px;}
.page-nav li.prev,
.page-nav li.next {display:none;}
.page-nav a,
.page-nav span {width:40px; text-decoration:none; padding:0.2em 0; text-align:center; background-color:#fff; border:1px solid #50AF99; box-sizing:border-box; display:block; border-radius:5px; transition:background-color 0.3s ease, color 0.3s ease;}
.page-nav a:hover,
.page-nav span {color:#fff; text-decoration:none; background-color:#50AF99;}
@media screen and (max-width:767px){
	.sec {padding:0 4.0vw;}

	.page-ttl {height:150px;}
	.page-ttl .ttl {font-size:2.4rem;}

	.page-nav {padding:25px 0 0 0;}
	.page-nav ul {font-size:1.6rem; margin:0 -5px;}
	.page-nav li {padding:5px 5px 0 5px;}
	.page-nav a,
	.page-nav span {width:36px;}
}

.top-mv {position:relative;}
.top-mv .inr {position:relative;}
.top-mv .img img {width:100%;}
.top-mv .catch {width:100%; height:100%; display:flex; align-items:center; position:absolute; top:0; left:0; z-index:5;}
.top-mv .catch > div {font-size:4.3rem; font-weight:700; line-height:1.5; letter-spacing:0.1em; text-align:left; color:#fff; text-shadow:0 3px 10px rgba(0,0,0,0.62); padding:0 1.2em;}
.top-mv .bnr {position:absolute; top:7%; right:10px; z-index:10;}
.top-mv .bnr a {display:block; transition:opacity 0.3s ease;}
.top-mv .bnr a:hover {opacity:0.7;}
.top-mv .news {width:770px; background-color:#fff; border-radius:25px; display:flex; overflow:hidden; position:absolute; bottom:7%; right:5%; z-index:10;}
.top-mv .news > dt {width:175px; font-size:3.0rem; line-height:1.4; letter-spacing:0.1em; text-align:center; color:#fff; background-color:#51AF99; display:flex; justify-content:center; align-items:center;}
.top-mv .news > dd {padding:10px 30px 10px 20px; flex:1;}
.top-mv .news > dd dl {font-size:1.8rem; line-height:1.2; text-align:left; padding:1.0em 0; display:flex;}
.top-mv .news > dd dt {width:5.6em; color:#51AF99;}
.top-mv .news > dd dd {flex:1;}
.top-mv .news a {text-decoration:none; padding:0 20px 0 0; border-bottom:solid 1px #BEBEBE; display:block; position:relative; transition:opacity 0.3s ease;}
.top-mv .news a:last-of-type {border-bottom:none;}
.top-mv .news a:hover {opacity:0.7;}
.top-mv .news a svg {width:12px; height:12px; margin:-6px 0 0 0; fill:#50AF99; display:block; position:absolute; top:50%; right:0;}
.top-mv.parallax,
.top-mv.parallax.on {opacity:1; transform:translate3d(0,0,0);}
.top-mv.parallax .img {opacity:0; transform:translate3d(0,15px,0);}
.top-mv.parallax.on .img {opacity:1; transform:translate3d(0,0,0); transition:opacity 0.6s 0s ease, transform 0.6s 0s ease;}
.top-mv.parallax .catch {opacity:0; transform:translate3d(0,15px,0);}
.top-mv.parallax.on .catch {opacity:1; transform:translate3d(0,0,0); transition:opacity 0.6s 0.6s ease, transform 0.6s 0.6s ease;}
.top-mv.parallax .bnr {opacity:0; transform:translate3d(0,15px,0);}
.top-mv.parallax.on .bnr {opacity:1; transform:translate3d(0,0,0); transition:opacity 0.6s 1.2s ease, transform 0.6s 1.2s ease;}
.top-mv.parallax .news {opacity:0; transform:translate3d(0,15px,0);}
.top-mv.parallax.on .news {opacity:1; transform:translate3d(0,0,0); transition:opacity 0.6s 1.5s ease, transform 0.6s 1.5s ease;}
@media screen and (max-width:1400px){
	.top-mv .catch > div {font-size:3.0vw;}
	.top-mv .news > dd dl {font-size:1.6rem; padding:0.5em 0;}
}
@media screen and (max-width:1000px){
	.top-mv .catch > div {font-size:4.3vw;}
	.top-mv .bnr {margin:15px 4.0vw 0 4.0vw; position:static;}
	.top-mv .news {width:auto; margin:15px 4.0vw 0 4.0vw; border-radius:0; display:block; position:static;}
	.top-mv .news > dt {width:auto; font-size:2.0rem; border-radius:5px; display:block;}
	.top-mv .news > dd {padding:0;}
	.top-mv .news > dd dl {font-size:1.6rem; padding:0.5em 0; display:block;}
	.top-mv .news > dd dt {width:auto;}
	.top-mv .news > dd dd {margin:0.2em 0 0 0;}
}

.top-content .ttl1 {font-size:4.6rem; font-weight:400; line-height:1; letter-spacing:0.1em; text-align:center; color:#51AF99;}
.top-content .ttl2 {font-size:2.0rem; font-weight:700; line-height:1.2; text-align:center; color:#51AF99;}
.top-content .inr1 {padding:100px 0 50px 0;}
.top-content .inr2 {padding:50px 0 200px 0;}
.top-content .inr3 {padding:100px 0; background-color:#F6FBFA;}
.top-content .inr3 .sec {max-width:730px;}
.top-content .inr4 {padding:100px 0;}
.top-content .clm1 {margin:0 -20px; display:flex; flex-wrap:wrap;}
.top-content .clm1 > div {width:50%; padding:100px 20px 0 20px; box-sizing:border-box; display:flex;}
.top-content .clm1 .box {padding:30px 30px 260px 30px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:25px; display:flex; flex-direction:column; position:relative;}
.top-content .clm1 .box dt {font-size:3.0rem; letter-spacing:0.15em; text-align:left; margin:0 0 0 140px; border-bottom:solid 1px #50AF99; position:relative;}
.top-content .clm1 .box dt span {display:block; border-radius:100%; position:absolute; bottom:0; left:-140px;}
.top-content .clm1 .box dt span img {width:126px; height:126px; fill:#fff; display:block;}
.top-content .clm1 .box dd {font-size:1.8rem; font-weight:400; line-height:1.6; text-align:left; margin:20px 0 0 0;}
.top-content .clm1 .box dd.img {width:100%; padding:0 30px 30px 30px; box-sizing:border-box; position:absolute; bottom:0; left:0;}
.top-content .clm1 .box dd.img img {border-radius:20px; display:block;}
.top-content .clm1 .box.type1 dt {letter-spacing:1.0em; border-bottom:solid 1px #50AF99;}
.top-content .clm1 .box.type1 dt span {background-color:#50AF99;}
.top-content .clm1 .box.type2 dt {border-bottom:solid 1px #F2C650;}
.top-content .clm1 .box.type2 dt span {background-color:#F2C650;}
.top-content .clm1 .box.type3 dt {border-bottom:solid 1px #57A2E2;}
.top-content .clm1 .box.type3 dt span {background-color:#57A2E2;}
.top-content .clm1 .box.type4 dt {border-bottom:solid 1px #AE85DE;}
.top-content .clm1 .box.type4 dt span {background-color:#AE85DE;}
.top-content .clm2 {margin:40px -20px 0 -20px; display:flex; flex-wrap:wrap;}
.top-content .clm2 > div {width:50%; padding:40px 20px 0 20px; box-sizing:border-box; display:flex;}
.top-content .clm2 > div.type1 {width:100%;}
.top-content .clm2 .box {width:100%; padding:30px; background-color:#F6FBFA; box-sizing:border-box; border-radius:25px; display:flex; flex-direction:column;}
.top-content .clm2 .box dt {font-size:3.0rem; letter-spacing:0.1em; text-align:center; padding:0 0 0.1em 0; border-bottom:solid 1px #50AF99;}
.top-content .clm2 .box dd {font-size:1.8rem; font-weight:400; line-height:1.6; text-align:left; margin:0.8em 0 0 0;}
.top-content .clm2 .box dd strong {font-size:111%; font-weight:700; color:#50AF99; display:block;}
.top-content .clm2 > div.type1 .box {padding:10px 30px; display:flex; align-items:center; flex-direction:row;}
.top-content .clm2 > div.type1 .box dt {width:5.2em; text-align:left; border-bottom:none;}
.top-content .clm2 > div.type1 .box dd {margin:0; padding:15px 0 15px 30px; border-left:solid 1px #50AF99; box-sizing:border-box; flex:1;}
.top-content .clm3 {margin:50px 0 0 0; background-color:#fff; border:3px solid #50AF99; border-radius:25px; box-sizing:border-box; overflow:hidden; display:flex;}
.top-content .clm3 .ttl {width:25%; font-size:3.0rem; letter-spacing:0.1em; color:#fff; text-align:center; background-color:#50AF99; display:flex; justify-content:center; align-items:center;}
.top-content .clm3 .ttl span {display:block;}
.top-content .clm3 .ttl span img {width:105px; height:105px; margin:0 auto; fill:#fff; display:block;}
.top-content .clm3 .ctx {padding:20px 35px; box-sizing:border-box; flex:1;}
.top-content .clm3 .ctx table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.top-content .clm3 .ctx table thead th {width:12%; font-size:2.0rem; font-weight:700; text-align:center; color:#51AF99;}
.top-content .clm3 .ctx table thead th:first-of-type {width:28%;}
.top-content .clm3 .ctx table tbody th {font-size:2.6rem; white-space:nowrap; line-height:1.2; text-align:left; padding:0.3em 0; border-top:solid 1px #50AF99;}
.top-content .clm3 .ctx table tbody th strong {font-size:3.0rem; font-weight:700; color:#51AF99; display:block;}
.top-content .clm3 .ctx table tbody th strong span {font-size:66.6%; display:inline-block;}
.top-content .clm3 .ctx table tbody td {font-size:2.0rem; font-weight:700; text-align:center; vertical-align:middle; border-top:solid 1px #50AF99; position:relative;}
.top-content .clm3 .ctx table tbody td span {font-size:1.6rem; font-weight:400; white-space:nowrap; position:absolute; bottom:0; right:-1.0em;}
.top-content .clm4 {font-size:2.0rem; font-weight:400; line-height:2; text-align:left; margin:35px 0 0 0;}
.top-content .clm4 span {color:#C72929;}
.top-content .clm5 {margin:40px 0 0 0; display:flex;}
.top-content .clm5 .bnr {width:50%;}
.top-content .clm5 .bnr a {display:block; transition:opacity 0.3s ease;}
.top-content .clm5 .bnr a:hover {opacity:0.7;}
.top-content .clm5 .ctx {width:50%; font-size:2.0rem; line-height:2; text-align:left; padding:0 0 0 40px; box-sizing:border-box;}
.top-content .clm6 {margin:15px 0 0 0;}
.top-content .clm6 dl {font-size:2.0rem; line-height:1.2; letter-spacing:0.1em; text-align:left; padding:1.3em 0; border-bottom:solid 1px #707070; display:flex;}
.top-content .clm6 dt {width:7.2em; color:#51AF99;}
.top-content .clm6 dt > span {display:flex; justify-content:space-between;}
.top-content .clm6 dt > span > span {letter-spacing:0; display:block;}
.top-content .clm6 dd {font-weight:400; padding:0 0 0 1.5em; flex:1;}
.top-content .clm6 + .ttl2 {margin-top:80px;}
.top-content .ttl1 + .clm6 {margin-top:40px;}
.top-content .clm7 {margin:20px -10px 0 -10px; display:flex; flex-wrap:wrap;}
.top-content .clm7 > div {width:50%; padding:30px 10px 0 10px; box-sizing:border-box;}
.top-content .clm7 .cap {font-size:1.8rem; font-weight:400; text-align:center; margin:0.3em 0 0 0;}
.top-content .clm7 + .ttl2 {margin-top:50px;}
.top-content .clm8 {font-size:2.0rem; line-height:1.2; text-align:left; color:#51AF99; margin:1.0em 0 0 0;}
.top-content .clm9 {width:100%; height:600px; margin:50px 0 0 0; overflow:hidden;}
.top-content .clm9 iframe {width:100%; height:100%; display:block;}
@media screen and (max-width:767px){
	.top-content .ttl1 {font-size:2.6rem;}
	.top-content .ttl2 {font-size:1.8rem;}
	.top-content .inr1 {padding:50px 0 25px 0;}
	.top-content .inr2 {padding:25px 0 50px 0;}
	.top-content .inr3 {padding:50px 0;}
	.top-content .inr4 {padding:50px 0;}
	.top-content .clm1 {margin:0; display:block;}
	.top-content .clm1 > div {width:auto; padding:30px 0 0 0; display:block;}
	.top-content .clm1 .box {padding:10px 15px 15px 15px; border-radius:15px; display:block;}
	.top-content .clm1 .box dt {font-size:1.8rem; margin:0 0 0 40px; padding:0 0 0 10px; box-sizing:border-box;}
	.top-content .clm1 .box dt span {left:-60px;}
	.top-content .clm1 .box dt span img {width:60px; height:60px;}
	.top-content .clm1 .box dd {font-size:1.6rem; margin:10px 0 0 0;}
	.top-content .clm1 .box dd.img {width:100%; padding:0; position:static;}
	.top-content .clm1 .box dd.img img {border-radius:10px;}
	.top-content .clm2 {margin:30px 0 0 0; display:block;}
	.top-content .clm2 > div {width:auto; padding:10px 0 0 0; display:block;}
	.top-content .clm2 > div.type1 {width:auto;}
	.top-content .clm2 .box {padding:10px 15px; border-radius:15px; display:block;}
	.top-content .clm2 .box dt {font-size:1.8rem;}
	.top-content .clm2 .box dd {font-size:1.6rem;}
	.top-content .clm2 .box dd strong {font-size:100%;}
	.top-content .clm2 > div.type1 .box {padding:10px 15px; display:block;}
	.top-content .clm2 > div.type1 .box dt {width:auto; text-align:center; border-bottom:solid 1px #50AF99;}
	.top-content .clm2 > div.type1 .box dd {margin:0; padding:0; border-left:none;}
	.top-content .clm3 {margin:30px 0 0 0; border:2px solid #50AF99; border-radius:15px; display:block;}
	.top-content .clm3 .ttl {width:auto; font-size:2.0rem; padding:10px 0 5px 0;}
	.top-content .clm3 .ttl span {display:block;}
	.top-content .clm3 .ttl span img {width:50px; height:50px;}
	.top-content .clm3 .ctx {padding:10px;}
	.top-content .clm3 .ctx table thead th {width:12%; font-size:1.6rem;}
	.top-content .clm3 .ctx table thead th:first-of-type {width:28%;}
	.top-content .clm3 .ctx table tbody th {font-size:1.4rem; padding:0.5em 0;}
	.top-content .clm3 .ctx table tbody th strong {font-size:1.6rem;}
	.top-content .clm3 .ctx table tbody td {font-size:1.6rem;}
	.top-content .clm3 .ctx table tbody td span {font-size:1.2rem; right:-0.5em;}
	.top-content .clm4 {font-size:1.6rem; margin:30px 0 0 0;}
	.top-content .clm5 {margin:30px 0 0 0; display:block;}
	.top-content .clm5 .bnr {width:auto; text-align:center;}
	.top-content .clm5 .ctx {width:auto; font-size:1.6rem; padding:15px 0 0 0;}
	.top-content .clm6 {margin:10px 0 0 0;}
	.top-content .clm6 dl {font-size:1.6rem; padding:1.0em 0; display:block;}
	.top-content .clm6 dt {width:auto;}
	.top-content .clm6 dt > span {display:block;}
	.top-content .clm6 dt > span > span {display:inline;}
	.top-content .clm6 dd {padding:0.2em 0 0 0;}
	.top-content .clm6 + .ttl2 {margin-top:50px;}
	.top-content .ttl1 + .clm6 {margin-top:0;}
	.top-content .clm7 {margin:20px 0 0 0; display:block;}
	.top-content .clm7 > div {width:auto; padding:15px 0 0 0;}
	.top-content .clm7 .cap {font-size:1.4rem;}
	.top-content .clm7 + .ttl2 {margin-top:30px;}
	.top-content .clm8 {font-size:1.6rem;}
	.top-content .clm9 {height:300px; margin:20px 0 0 0;}
}

.news-sec {padding:80px 0 100px 0;}
.news-sec .list dl {font-size:1.8rem; line-height:1.2; text-align:left; padding:1.0em 0; display:flex;}
.news-sec .list dt {width:7.0em; text-align:center; color:#51AF99;}
.news-sec .list dd {flex:1;}
.news-sec .list a {text-decoration:none; padding:0 20px 0 0; border-bottom:solid 1px #BEBEBE; display:block; position:relative; transition:opacity 0.3s ease;}
.news-sec .list a:hover {opacity:0.7;}
.news-sec .list a svg {width:12px; height:12px; margin:-6px 0 0 0; fill:#50AF99; display:block; position:absolute; top:50%; right:0;}
.news-sec .detail .head {padding:0 0 15px 0; border-bottom:solid 1px #D8D8D8; display:flex; justify-content:space-between; align-items:flex-end;}
.news-sec .detail .head .ttl {font-size:2.4rem;}
.news-sec .detail .head .date {font-size:1.8rem; color:#51AF99;}
.news-sec .detail .ctx {font-size:1.8rem; line-height:1.6; text-align:left; margin:1.0em 0 0 0;}
.news-sec .detail .imgs {margin:65px 0 0 0;}
.news-sec .detail .imgs > div {padding:15px 0 0 0;}
.news-sec .detail .btn {margin:80px 0 0 0;}
.news-sec .detail .btn a {width:200px; height:56px; font-size:1.8rem; text-decoration:none; color:#fff; margin:0 auto; background-color:#51AF99; border-radius:10px; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
.news-sec .detail .btn a:hover {opacity:0.7;}
@media screen and (max-width:767px){
	.news-sec {padding:30px 0 50px 0;}
	.news-sec .list dl {font-size:1.6rem; padding:0.5em 0; display:block;}
	.news-sec .list dt {width:auto; text-align:left;}
	.news-sec .list dd {margin:0.2em 0 0 0;}
	.news-sec .detail .head {padding:0 0 10px 0; display:flex; flex-wrap:wrap;}
	.news-sec .detail .head .ttl {width:100%; font-size:1.8rem; order:2;}
	.news-sec .detail .head .date {width:100%; font-size:1.6rem; order:1;}
	.news-sec .detail .ctx {font-size:1.6rem;}
	.news-sec .detail .imgs {margin:20px 0 0 0;}
	.news-sec .detail .imgs > div {padding:10px 0 0 0;}
	.news-sec .detail .btn {margin:30px 0 0 0;}
	.news-sec .detail .btn a {width:160px; height:40px; font-size:1.6rem;}
}