a.cir_more { display:flex; align-items:center; justify-content:space-between; font-size:1.8rem; color:#fff; padding: 0 2rem; box-sizing:border-box; background: linear-gradient(to right, var(--main_Rgreen), var(--main_green)); width:192px; height:45px; border-radius:500px; transition:all 0.5s; border: 1px solid transparent; }
a.cir_more:after { content:"\f105"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:13px; }

a.cir_more:hover { background:transparent; color:var(--main_green); border: 1px solid var(--main_Rgreen); }


.main_ctt {  }
.main_ctt .visual_wrap { position:relative; overflow:hidden; position:relative; }
.main_ctt .visual_wrap .txt_box { color:#fff; position:absolute; left:50%; margin-left: -600px; width:100%; max-width:1200px; height:100%; z-index:3; display:flex; flex-direction:column; justify-content:center; }
.main_ctt .visual_wrap .txt_box .stit { font-size:1.6rem; letter-spacing: 2px; font-weight: 300; }
.main_ctt .visual_wrap .txt_box .tit { font-size:6rem; font-weight: 600; margin: 1.4rem 0 4.2rem; }
.main_ctt .visual_wrap .txt_box .txt { font-size:2.2rem; font-weight: 300; }
.main_ctt .visual_wrap .txt_box .cir_more { margin-top: 6.6rem; }
.main_ctt .visual_wrap .visual { box-sizing:border-box; }

.main_ctt .visual_wrap .visual_230413 img { object-fit: cover; height:100%; }


.main_ctt .section01 { background:#f9f9f9; text-align: center; padding: 10rem 0; box-sizing:border-box; }
.main_ctt .section01 .container { display:flex; align-items:start; justify-content:space-between; }
.main_ctt .section01 .tit_box { text-align:left; flex:1; }
.main_ctt .section01 .tit_box .tit { font-size:3rem; color:var(--main_blue); font-weight: 600; }
.main_ctt .section01 .tit_box .txt { font-size:1.8rem; color:#666; font-weight: 400; margin-top: 2.8rem; }
.main_ctt .section01 .tit_box .txt strong { color:var(--main_red); display:block; }
.main_ctt .section01 .icon_box { display:flex; }
.main_ctt .section01 .icon_box li { flex:1; padding-left: 5.5rem; box-sizing:border-box; }
.main_ctt .section01 .icon_box li:first-child { padding-left: 0; }
.main_ctt .section01 .icon_box li a { display:inline-block; }
.main_ctt .section01 .icon_box li a .icon { display:inline-block; border: 1px solid #f0f0f0; box-sizing:border-box; border-radius:50%; background:#fff; transition:all 0.5s; font-size:0; }
.main_ctt .section01 .icon_box li a .icon img { transition:all 0.5s; }
.main_ctt .section01 .icon_box li a .txt { display:block; font-size:1.8rem; color:#000; font-weight: 500; margin-top: 2.4rem; transition:all 0.5s; }

.main_ctt .section01 .icon_box li a:hover .icon { border: 1px solid var(--main_red); background:var(--main_red); }
.main_ctt .section01 .icon_box li a:hover .txt { color:var(--main_red); }
.main_ctt .section01 .icon_box li a:hover .icon img { mix-blend-mode: luminosity; }



.main_ctt .section02 { background:url(../img/section02_bg.png) center center no-repeat; background-size:cover; padding: 10rem 0 13rem; box-sizing:border-box; }
.main_ctt .section02 .right_box { float: right; width:100%; max-width:550px; }
.main_ctt .section02 .right_box .stit { font-size:1.8rem; color:#ffde01; font-weight: 600; letter-spacing: 4px; }
.main_ctt .section02 .right_box .tit { font-size:5.6rem; color:var(--main_red); font-weight: 600; line-height: 7rem; margin: 2rem 0 3.8rem; }
.main_ctt .section02 .right_box .txt { font-size:2.2rem; color:#f0f0ef; line-height: 3.2rem; }
.main_ctt .section02 .right_box .m_box { font-size:0; margin-top: 11rem; padding-left: 1.3rem; box-sizing:border-box; }
.main_ctt .section02 .right_box .m_box li { display:inline-block; margin-right: 3.5rem; }



.main_ctt .board_line { padding: 8rem 0 10rem; box-sizing:border-box; }
.main_ctt .board_line .top_box {  }
.main_ctt .board_line .top_box dt,
.main_ctt .board_line .top_box dd { float: left; }
.main_ctt .board_line .top_box dt { width:100%; max-width:510px; }
.main_ctt .board_line .top_box dt .tit { font-size:5.6rem; color:#3a3a3a; font-weight: 600; }
.main_ctt .board_line .top_box dt .txt { letter-spacing: 4px; font-size:1.8rem; color:#666; font-weight: 400; margin-top: 3.5rem; }

.main_ctt .board_line .top_box dt .btn_box { margin-top: 11.4rem; border: 1px solid #eaeaea; box-sizing:border-box; }
.main_ctt .board_line .top_box dt .btn_box { float: left; background:#f9f9f9; border-radius:5px; }
.main_ctt .board_line .top_box dt .btn_box li { display:inline-block; }
.main_ctt .board_line .top_box dt .btn_box li a { font-size:1.8rem; color:#3a3a3a; position:relative; padding: 0.9rem 3rem; display:block; transition:all 0.3s; }
.main_ctt .board_line .top_box dt .btn_box li a span { position:relative; z-index:2; }
.main_ctt .board_line .top_box dt .btn_box li a.active { color:#fff; font-weight: 600; }
.main_ctt .board_line .top_box dt .btn_box li a:before { content:""; display:block; width:100%; height:calc(100% + 6px); background:var(--main_red); border-radius:5px; position:absolute; left:0; bottom:0; opacity:0; z-index:1; transition:all 0.3s; }
.main_ctt .board_line .top_box dt .btn_box li a.active:before { opacity:1; }


.main_ctt .board_line .top_box dd { width:calc(100% - 510px); }
.main_ctt .board_line .top_box dd .list { margin-top: 10px; margin-left: -30px; }
.main_ctt .board_line .top_box dd .list li { width:50%; float: left; padding-top: 15px; box-sizing:border-box; padding-left: 30px; }
.main_ctt .board_line .top_box dd .list li a { display:block; }
.main_ctt .board_line .top_box dd .list li a .date,
.main_ctt .board_line .top_box dd .list li a .txt_box { vertical-align: top; display:inline-block; }
.main_ctt .board_line .top_box dd .list li a .date { width:50px; height:50px; box-sizing:border-box; border-radius:50%; background:#ffeee6; text-align: center; line-height: 50px; font-size:14px; color:#000; margin-right: 10px; }
.main_ctt .board_line .top_box dd .list li a .txt_box { width:calc(100% - 50px - 14px); padding-bottom: 20px; padding-top: 8px; box-sizing:border-box; }
.main_ctt .board_line .top_box dd .list li a .txt_box .tit { font-size:2rem; color:#000; line-height: 2.4rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 4.8rem; }
.main_ctt .board_line .top_box dd .list li a .txt_box .txt { font-size:1.6rem; color:#3a3a3a; line-height: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; height: 6rem; margin-top: 10px; }

.main_ctt .board_line .top_box dd .list li:nth-child(1) a .txt_box,
.main_ctt .board_line .top_box dd .list li:nth-child(2) a .txt_box { border-bottom: 1px solid #dadada; }

.main_ctt .board_line .bottom_box { background:var(--main_blue); background:#fff; margin-top: 3rem; display:flex; align-items:center; }
.main_ctt .board_line .bottom_box dt,
.main_ctt .board_line .bottom_box dd { box-sizing:border-box; }
.main_ctt .board_line .bottom_box dt { width:calc(25% - 2rem); padding: 3.8rem 3.5rem 5.8rem; border-radius:5px; background:var(--main_blue); }
.main_ctt .board_line .bottom_box dt .tit { font-size:3rem; color:#fff; line-height: 1em; }
.main_ctt .board_line .bottom_box dt .txt { font-size:1.6rem; color:#fff; line-height: 2.4rem; margin-top: 2.8rem; }
.main_ctt .board_line .bottom_box dt .arrow_box { font-size:0; margin-top: 7rem; }
.main_ctt .board_line .bottom_box dt .arrow_box li { margin-right: 2px; display:inline-block; }
.main_ctt .board_line .bottom_box dt .arrow_box li:first-child { margin-right: 10px; }
.main_ctt .board_line .bottom_box dt .arrow_box li a {  }

.main_ctt .board_line .bottom_box dd { width: calc(75% + 2rem); background:#fff; padding-left: 2rem; overflow:hidden; }
.photo_list {  }
.photo_list li { float: left; width:33.33%; box-sizing:border-box; }
.photo_list li a { position:relative; display:block; padding: 15px 15px 21px; box-sizing:border-box; border-radius:5px; /*box-shadow:5px 5px 10px 0 rgba(0, 0, 0, 0.15);*/ border: 1px solid #eaeaea; transition:all 0.5s; }
.photo_list li a .img {  }
.photo_list li a .img img { width:100%; transition:all 0.5s; }
.photo_list li a .tit_box {  }
.photo_list li a .tit_box .tit,
.photo_list li a .tit_box .txt { transition:all 0.5s; width:90%; }
.photo_list li a .tit_box .tit { font-size:1.8rem; color:#3a3a3a; font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top: 12px; }
.photo_list li a .tit_box .txt { font-size:1.4rem; color:#666; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-top: 2px; }

.photo_list li a:hover { background:var(--main_blue); }
.photo_list li a:hover .tit_box .tit { color:#fff; }
.photo_list li a:hover .tit_box .txt { color:#dadada; }
.photo_list li a:hover .img img{ mix-blend-mode: luminosity; }