@charset "UTF-8";

#contentsend{/* margin-top: 0; */}
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 0 5rem;position: relative;padding: 12rem 5vw 8rem 5vw;}
#contentsmain .ttl-Box {margin: 0 auto 9.6rem;position: relative;}
#contentsmain .ttl-Box p.text {position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contentsmain .inner-Box ul{display:grid;grid-template-columns:repeat(4,1fr);gap:3.79%;background:#E2E5EA;padding: 6.4rem 7.8rem;}

#contentsmain .inner-Box ul li {position: relative;text-align: center;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 1.6rem;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}
#contentsmain .inner-Box p.ltext {position: relative;font-size: 1.5rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

.backk .csrbox:last-of-type{ margin-bottom: 0;}
.csrbox {margin: 0 auto 4rem;position: relative;max-width: 100rem;background: #fff;padding: 6.4rem 8rem 8rem;}
.csrbox h2 {margin-bottom: 0px;position: relative;font-size: 2.2rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-bottom: 1px solid #ccc;padding-bottom: 1.6rem;margin-bottom: 3.2rem;}
.csrbox h2::before{ content: ""; background: var(--main-blue); display: block; width: 12rem; height: 1px; position: absolute; bottom: -1px; left: 0;}
.csrbox .inner-Box{display:flex;gap:4rem;width: 100%;margin-bottom: 6rem;}

.csrbox .logo-Box{width:20rem;flex-shrink:0;text-align: center;}
.csrbox .text-Box{flex:1;position: relative;}

.csrbox .logo-Box figure.img {position: relative;top: 0;left: 0;}
.csrbox .logo-Box figure.img img{width: 93.2%;height: auto;}
.csrbox .text-Box p.text {margin-bottom: 2.4rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
.csrbox .text-Box p.text:last-child {margin-bottom: 0;}

.csrbox figure.photo { position: relative; top: 0; left: 0; }
.csrbox figure.photo img{ width: 100%; height: auto; }

#contents04 {margin: 0 auto 0 5rem;position: relative;padding: 0rem 5vw 0rem;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contents04 .inner-Box h2 {margin-bottom: 3.2rem;position: relative;}
#contents04 .inner-Box ul{ display:grid; grid-template-columns:repeat(3,calc((100% - 2.4% * 2) / 3)); gap:2.4%; }
#contents04 .inner-Box ul li{ position:relative; }

#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.6rem;}
#contents04 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents04 .inner-Box p.ltext {position: relative;font-size: 1.4rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#newscontents{margin: 0 0 0 5rem;padding: 9.1rem 5vw 8rem!important;}
#newscontents .archive-contents{margin: 0 auto;max-width: 1000px;}

.backk{padding: 0 5vw;margin: 0 0 9.6rem 5rem;}

#newscontents h2 {margin-bottom: 0.2rem;position: relative;}

#newscontents .listbox{padding: 1px;margin-bottom: 50px;}
#newscontents .listbox li{border-bottom: #CCC 1px solid;}
#newscontents .listbox li a{display:flex;gap:3.2rem;padding: 3.2rem 6rem 3.2rem 0.8rem;position:relative;}
#newscontents .listbox li .photobox{width:24rem;flex:0 0 24rem;}

#newscontents .listbox li .photobox figure {width: 100%;aspect-ratio: 3 / 2;overflow: hidden;text-align: center;position: relative;}
#newscontents .listbox li .photobox figure img { width: 100%; height: 100%; object-fit: cover; display: block; }

#newscontents .listbox li .databox{font-size:1.2rem;line-height:1.083;letter-spacing:0.1em;font-weight:400;text-align:left;color:var(--main-blue);margin-bottom:1.2rem;flex:1;padding-top: 1.4rem;}
#newscontents .listbox li .databox .data-ininbox {display: flex;align-items: center;gap: 0.5rem;}
#newscontents .listbox li .databox .timebox{font-weight: 500;padding-left: 0.3rem;}
#newscontents .listbox li .databox .categ{color: var(--main-blue);display: inline-block;background: #fff;border: 1px solid var(--main-blue);padding: 0.8rem;line-height: 1;letter-spacing: 0;}

#newscontents .listbox li .arr{position: absolute;right: 0rem;width: 3.2rem;height: 3rem;padding: 0.7rem 0 0 1.1rem;top: 49%;transform: translateY(-50%);border-left: var(--main-blue) solid 1px;}
#newscontents .listbox li .systtl{font-size: 1.8rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #333333;}
#newscontents .listbox li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.smorebtn{color: var(--main-blue);font-size: 1.6rem;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: center;cursor: pointer;}
.smorebtn span{position: relative;padding-right: 2.7rem;}
.smorebtn span::before,.smorebtn span::after{background: var(--main-blue);position: absolute;top: 0.2rem;right: 0.3rem;content: "";display: block;width: 1px;height: 1.5rem;}
.smorebtn span::after{ transform: rotate(90deg); transform-origin: center;}


}
@media screen and (min-width:768px) and ( max-width:1023px) {
#contentsmain,.backk,#contents04{margin-left: 0rem!important;}


	
}

@media screen and (max-width: 767px) {

#contentsmain {margin: 0 auto 0;position: relative;padding: 8.1vw 4.3vw 10.33vw;}
#contentsmain .ttl-Box {margin: 0 auto 10.7vw;position: relative;}
#contentsmain .ttl-Box p.text {position: relative;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box ul{display:grid;grid-template-columns: repeat(2,1fr);gap: 6vw 2.39%;}

#contentsmain .inner-Box ul li {position: relative;text-align: center;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.13vw;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}
#contentsmain .inner-Box p.ltext {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0em;font-weight: 400;text-align: center;}

.backk .csrbox:last-of-type{ margin-bottom: 0;}
.csrbox {margin: 0 auto 4.07vw;position: relative;max-width: 100rem;background: #fff;padding: 6.6vw 6.5vw;}
.csrbox h2 {position: relative;border-bottom: 0.27vw solid #ccc;padding-bottom: 4.13vw;margin-bottom: 0.93vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
.csrbox h2::before{content: "";background: var(--main-blue);display: block;width: 21.3vw;height: 0.27vw;position: absolute;bottom: 0vw;left: 0;}
.csrbox .inner-Box{
    margin-bottom: 6vw;
}

.csrbox .logo-Box{flex-shrink:0;text-align: center;margin: 0 12.7vw 2vw;}
.csrbox .text-Box{flex:1;position: relative;}

.csrbox .logo-Box figure.img {position: relative;top: 0;left: 0;}
.csrbox .logo-Box figure.img img{width: 93.2%;height: auto;}
.csrbox .text-Box p.text {margin-bottom: 3.4vw;position: relative;font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
.csrbox .text-Box p.text:last-child {margin-bottom: 0;}

.csrbox figure.photo { position: relative; top: 0; left: 0; }
.csrbox figure.photo img{ width: 100%; height: auto; }

#contents04 {position: relative;}
#contents04 .inner-Box {margin: 0 4.2vw;position: relative;max-width: 100rem;}
#contents04 .inner-Box h2 {margin-bottom: 5.93vw;position: relative;}
#contents04 .inner-Box ul{}
#contents04 .inner-Box ul li{position:relative;margin-bottom: 5vw;}
#contents04 .inner-Box ul li:last-child{margin-bottom: 0;}

#contents04 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 3.73vw;}
#contents04 .inner-Box figure.photo img{ width: 100%; height: auto; }
#contents04 .inner-Box p.ltext {position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#newscontents{padding: 9.73vw 0vw 10.67vw!important;}
#newscontents .archive-contents{margin: 0 4vw;}

.backk{
    padding: 0 4.2vw 11.1vw;
}

#newscontents h2 {margin-bottom: 6.13vw;position: relative;}

#newscontents .listbox{padding: 0.27vw;margin-bottom: 13.33vw;}
#newscontents .listbox li{border-bottom: #CCC 0.27vw solid;margin-bottom: 3.9vw;}
#newscontents .listbox li a{display:flex;gap: 2.633vw;padding: 0vw 4vw 4.27vw 2.133vw;position:relative;}
#newscontents .listbox li .photobox{width: 25.3vw;flex: 0 0 25.3vw;}

#newscontents .listbox li .photobox figure {width: 100%;aspect-ratio: 3 / 2;overflow: hidden;text-align: center;position: relative;}
#newscontents .listbox li .photobox figure img { width: 100%; height: 100%; object-fit: cover; display: block; }

#newscontents .listbox li .databox{font-size: 2.93vw;line-height:1.083;letter-spacing:0.1em;font-weight:400;text-align:left;color:var(--main-blue);flex:1;}
#newscontents .listbox li .data-inbox {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;gap: 1.33vw;}
#newscontents .listbox li .databox .timebox {font-weight: 500;}
#newscontents .listbox li .databox .categ {color: var(--main-blue);display: block;background: #fff;border: 0.27vw solid var(--main-blue);padding: 1.60vw;line-height: 1;letter-spacing: 0;}

#newscontents .listbox li .arr{position: absolute;right: 0vw;width: 8.533vw;height: 8vw;padding: 1.867vw 0 0 2.933vw;top: 49%;transform: translateY(-50%);border-left: var(--main-blue) solid 0.27vw;display: none;}
#newscontents .listbox li .systtl{color: #333333;font-size: 3.382vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#newscontents .listbox li .systtl span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.smorebtn{color: var(--main-blue);font-size: 3.73vw;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-align: center;cursor: pointer;}
.smorebtn span{position: relative;padding-right: 7.20vw;}
.smorebtn span::before,.smorebtn span::after{background: var(--main-blue);position: absolute;top: 0.53vw;right: 0.80vw;content: "";display: block;width: 0.27vw;height: 4.00vw;}
.smorebtn span::after{ transform: rotate(90deg); transform-origin: center;}

}