@charset "utf-8";

/*=================================

sp_common

=================================*/
@media screen and (max-width: 768px) {

.sp { display:flex; }
.pc { display:none; }


body.no-scroll {
 overflow:hidden;
}

/*------------------------------------------------------------
main
------------------------------------------------------------*/
#main {
 padding:0 10px 50px;
 position:relative;
 z-index:1;
}

/*------------------------------------------------------------
header
------------------------------------------------------------*/
#header #header_cont {
 padding:15px 80px 15px 15px;
}

#header #header_cont #header_left_area h1 img {
 width:150px;
 height:auto; 
}

#header #header_cont #header_left_area .banner_tiktok {
 align-items:center;
 display:flex;
 justify-content:center;
}

#header #header_cont #header_left_area .banner_tiktok a {
 width:28px;
}

#header #header_cont #header_right_area {
 flex: 0 1 auto;
}

#header .inquiry_area {
 position:fixed;
 bottom:0;
 left:0;
 width:100%;
 transform: translateZ(0);
}

#header .inquiry_area ul {
 border-top:1px solid var(--gray_dd);
 column-gap:0;
}

#header .inquiry_area ul li {
 border-left:1px solid var(--gray_dd);
 flex:0 0 50%;
 width:calc(100% / 2);
}

#header .inquiry_area ul li:first-child {
 flex:1 1 auto;
 border-left:none;
}

#header .inquiry_area ul li a {
 align-items:center;
 border-radius:0;
 column-gap:3px;
 display:flex;
 height:48px;
 justify-content:center;
 line-height:1.2;
 padding: 0 8px;
}

#header .inquiry_area ul li:first-child a {
 background-color:var(--blue);
}

#header .inquiry_area ul li:nth-child(2) a {
 background-color:var(--green);
}

#header .inquiry_area ul li a dl dt i {
 color:var(--white);
 font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#header .inquiry_area ul li a dl dd span {
 color:var(--white);
 font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
 white-space: nowrap;
}

#header .inquiry_area ul li a dl dd span br {
 display:none;
}

#header .inquiry_area ul li a:hover {
 opacity:1;
}

/*------------------------------------------------------------
container
------------------------------------------------------------*/
#container {
 padding-top:82px;
}

/*------------------------------------------------------------
table_list
------------------------------------------------------------*/
.table_list {

}

.table_list .table_list_cont {
 padding:0;
}

.table_list .table_list_cont > dl > dt {
 border-radius:0;
 padding:20px 15px;
}

.table_list .table_list_cont > dl > dt i {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.table_list .table_list_cont > dl > dt span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

.table_list .table_list_cont > dl > dd > ul {
 row-gap:10px;
 padding:10px;
}

.table_list .table_list_cont > dl > dd > ul li {
 border:1px solid var(--gray_dd);
 row-gap:0;
}

.table_list .table_list_cont > dl > dd > ul > li h3 {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 position: sticky;
 top: 83px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list {
 padding:0 10px 10px;
 row-gap:0;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item {
 padding:20px 0;
 row-gap:10px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item p {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item table th,
.table_list .table_list_cont > dl > dd > ul > li .item-list .item table td {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 {
 flex-direction:column;
 row-gap:10px;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 span:first-child {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
 order:2;
}

.table_list .table_list_cont > dl > dd > ul > li .item-list .item h4 span:nth-child(2) {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 order:1;
}

/*------------------------------------------------------------
contents_title
------------------------------------------------------------*/
.contents_title {
 row-gap:15px;
}

.contents_title h2 span {
 font-size: calc(2.0rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p {
 width:100%;
}

.contents_title p span {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 width:100%;
}

.contents_title p span.font-10 {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p span.font-11 {
 font-size: calc(1.1rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p span.font-12 {
 font-size: calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p span.font-13 {
 font-size: calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p span.font-14 {
 font-size: calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}

.contents_title p span.font-15 {
 font-size: calc(1.5rem + ((1vw - 0.48rem) * 0.6944));
}

/*------------------------------------------------------------
table-head-title
------------------------------------------------------------*/
.table-head-title {
 flex-direction:column;
 row-gap:10px;
 padding:20px 0;
}

.table-head-title figure {
 margin:-20px 0 0;
 order:1;
 width:100%;
}

.table-head-title figure img {
 position:relative;
 object-position:center top;
}

.table-head-title i {
 font-size: calc(1.8rem + ((1vw - 0.48rem) * 0.6944));
 order:2;
}

.table-head-title span {
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
 order:3;
}

/*------------------------------------------------------------
main_visual
------------------------------------------------------------*/
#main_visual #main_visual_cont {
 padding:0;
 height:260px;
 width:100%;
}

#main_visual #main_visual_cont .page_title {
 display:none;
}

#main_visual #main_visual_cont:after {
 content:none;
}

#main_visual #main_visual_cont.light_blue:after {
 content:none;
}

#main_visual #main_visual_cont > img {
 object-position: center 30%;
 height:auto;
 height:100%;
 min-height: 200px;
 position:relative;
 width:100%;
}

/*------------------------------------------------------------
sidebanner
------------------------------------------------------------*/
#side_banner{
 display:none;
}

/*------------------------------------------------------------
banner_area
------------------------------------------------------------*/
.banner_area .banner_area_cont ul {
 grid-template-columns:repeat(auto-fit, minmax(100%, 1fr));;
 row-gap:20px;
}

/*------------------------------------------------------------
license_info_area
------------------------------------------------------------*/
#license_info_area #license_info_area_cont ul li {
 min-width: 100%;
}

/*------------------------------------------------------------
alert
------------------------------------------------------------*/
.alert > dl {
 flex-direction:column;
 justify-content:center;
 row-gap:15px;
}

.alert_box > .alert {
 justify-content:center;
 row-gap:25px;
 padding:20px 20px 30px;
}

.alert_box > .alert > dl {
 flex-direction:column;
 justify-content:center;
 row-gap:15px;
}

.alert_box > .alert > dl > dd {
 justify-content:center;
 row-gap:10px;
 padding:0;
}

/*=================================

2nd_page_template

=================================*/
#contents {
 padding:0 10px 10px;
 row-gap: 30px;
}

/*------------------------------------------------------------
contents_title
------------------------------------------------------------*/
.contents_title {
 padding:40px 0 0;
}

/*------------------------------------------------------------
bread_crumb_list
------------------------------------------------------------*/
#bread_crumb_list {
 padding: 0 15px;
}

#bread_crumb_list #bread_crumb_list_cont {
 overflow: hidden;
}

#bread_crumb_list #bread_crumb_list_cont ol {
 overflow: hidden;
 width:100%;
}

#bread_crumb_list #bread_crumb_list_cont ol li i {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

#bread_crumb_list #bread_crumb_list_cont ol li a span {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
 white-space:nowrap;
}

#bread_crumb_list #bread_crumb_list_cont ol li:last-child {
 overflow: hidden;
}

#bread_crumb_list #bread_crumb_list_cont ol li:last-child > span {
 font-size: calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

/*------------------------------------------------------------
conversion
------------------------------------------------------------*/
.conversion .conversion_wrap {
 background-size: auto 140px;
}

.conversion .conversion_wrap .conversion_cont {
 padding: 20px 20px 160px;
}

.conversion .conversion_wrap .conversion_cont:after {
 background-size: contain;
 height: 100px;
 right:20px;
 width:auto;
 aspect-ratio: 20 / 19;
}

.conversion .conversion_wrap .conversion_cont h4 {
 flex: 0 0 240px;
 margin:0;
}

.conversion .conversion_wrap .conversion_cont h4 span {
 width:100%;
}

.conversion .conversion_wrap .conversion_cont ul {
 margin-top:30px;
}

.conversion .conversion_wrap .conversion_cont ul li:first-child {
 flex: 0 0 240px;
}

.conversion .conversion_wrap .conversion_cont ul li:nth-child(2) {
 flex: 0 0 240px;
}

.conversion .conversion_wrap .conversion_cont .logo {
 margin-top:20px;
}

/*------------------------------------------------------------
image_banner
------------------------------------------------------------*/
.image_banner .image_banner_cont a {
 flex-direction:column;
}

.image_banner .image_banner_cont a dl {
 padding:20px;
 order:2;
 row-gap:10px;
 width:100%;
}

.image_banner .image_banner_cont a dl dt i {
 font-size:calc(1.3rem + ((1vw - 0.48rem) * 0.6944));
}

.image_banner .image_banner_cont a dl dt span {
 font-size:calc(1.5rem + ((1vw - 0.48rem) * 0.6944));
 line-height:1;
}

.image_banner .image_banner_cont a dl dd span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.image_banner .image_banner_cont a .pic {
 flex: 1 1 auto;
 order:1;
 text-align:center;
 width:100%;
}

.image_banner .image_banner_cont a .pic img {
 height: 100%;
 object-fit: cover;
 width:100%;
 max-width: 300px;
 max-height:150px;
}

/*------------------------------------------------------------
license_info_area
------------------------------------------------------------*/
#license_info_area #license_info_area_cont ul {
 row-gap:20px;
}

#license_info_area #license_info_area_cont ul li a dl dd span {
 font-size: calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
}

/*------------------------------------------------------------
footer
------------------------------------------------------------*/
#footer #footer_cont {
 padding:0;
 row-gap: 30px;
}

#footer #footer_cont #footer_cont_left {
 flex-wrap:wrap;
 justify-content: center;
 row-gap:0;
 width:100%;
}

#footer #footer_cont #footer_cont_left .pic {
 display: flex;
 flex-basis: 100%;
 flex-direction: column;
 position: relative;
 width: 100%;
}

#footer #footer_cont #footer_cont_left .pic:after {
 left:auto;
 right:15px;
 top:auto;
 bottom:-20px;
}

#footer #footer_cont #footer_cont_left .pic > img {
 object-fit: cover;
 height: 260px;
 width: 100%;
}

#footer #footer_cont #footer_cont_left .pic .logo {
 display: flex;
 justify-content:center;
 margin-top: 10px;
 padding:25px 15px 15px;
}

#footer #footer_cont #footer_cont_left .address {
 align-content: center;
 display: flex;
 flex:1 1 100%;
 justify-content:center;
 max-width:100%;
 padding:0 20px;
 row-gap:15px;
}

#footer #footer_cont #footer_cont_left .address p {
 text-align:center;
}

#footer #footer_cont #footer_cont_left .contact {
 display: flex;
 justify-content:center;
 padding-top:20px;
}

#footer #footer_cont #footer_cont_left .contact dl {
 justify-content: center;
 max-width: 300px;
}

#footer #footer_bottom #footer_bottom_cont {
 padding:20px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.other_link {
 flex-wrap:wrap;
 row-gap:20px;
 margin-top:20px;
}

#footer #footer_bottom #footer_bottom_cont #footer_bottom_left ul.banner li a img {
 height:100%;
 object-fit: contain; 
 max-height:100px;
}

/*------------------------------------------------------------
page_top
------------------------------------------------------------*/
#page_top {
 margin-top:0;
 position:fixed;
 right:0;
 bottom:48px;
 opacity:0;
 transition: opacity 0.5s;
 z-index:20;
}

#page_top.fixed {
 opacity:1;
}

#page_top #page_top_cont {
 padding:0;
}

#page_top #page_top_cont a {
padding: 13px 13px 13px;
}

/*------------------------------------------------------------
copyright
------------------------------------------------------------*/
#copyright {
 background-color:var(--pale-orange2);
 padding:0 0 48px;
}

#copyright p span {
 color:var(--gray_66);
 font-size:calc(0.8rem + ((1vw - 0.48rem) * 0.6944));
}


/*------------------------------------------------------------
footer_widgets
------------------------------------------------------------*/
.footer-widgets .footer-widget {
 gap:0;
}

.footer-widgets .footer-widget h4 {
 background-color:var(--pale-orange2);
 padding:10px 15px;
}

.footer-widgets .footer-widget h4 span {
 color:var(--gray_33);
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget > ul.list_type_a {
 padding:15px;
}

.footer-widgets .footer-widget > ul.list_type_a > li {
 min-width: calc(100% / 2 - 10px);
 width:auto;
}

.footer-widgets .footer-widget > ul.list_type_a > li a span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget > ul.list_type_a > li > ul li a i {
 font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget > ul.list_type_a > li > a > i {
 font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget > ul.list_type_a > li > ul li a span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-bottom-banner-widget a img {
 max-height:50px;
 width:auto;
}

.footer-widgets .footer-widget > ul.list_type_b {
 flex-wrap:wrap;
 padding:15px;
}

.footer-widgets .footer-widget > ul.list_type_b > li {
 min-width: calc(100% / 2 - 10px);
 width:auto;
}

.footer-widgets .footer-widget > ul.list_type_b > li > a span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget>ul.list_type_b > li > ul li a i {
 font-size:calc(1.0rem + ((1vw - 0.48rem) * 0.6944));
}

.footer-widgets .footer-widget > ul.list_type_b > li > ul li a span {
 font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.footer_cont_right_cont .footer-widgets {
 row-gap:0;
}

/*------------------------------------------------------------
title(2047)
------------------------------------------------------------*/
.h3_title {
 flex-wrap:wrap;
 padding:15px;
 row-gap:10px;
}

.h3_title span {
 font-size:calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 padding:0 0 0 20px;
}

.h3_title .note {
 width:100%;
}

/*------------------------------------------------------------
post-list
------------------------------------------------------------*/
.post-list li > a {
 flex-wrap:wrap;
 padding:20px;
}

.post-list li a .news_content {
 padding-right:30px;
 width:100%;
}

.post-list li a .pic {
 min-width:100%;
 width:100%;
 flex-basis:100%;
 height:150px;
}

.post-list li a .pic img {
 height:auto;
}

.post-list li a .news_content .post_text p {
 -webkit-line-clamp:3;
 white-space: wrap;
}

/*------------------------------------------------------------
image_title
------------------------------------------------------------*/
.image_title {
 background-color:var(--blue);
 margin:0 -10px;
 flex-direction:column;
 /*width: calc(100% + 20px);*/
} 

.image_title:before, 
.image_title.light_blue:before {
 content:none;
}

.image_title .image_title_cont {
 position: relative;
 width: 100%;
}

.image_title .image_title_cont .title {
 background-color:var(--blue);
 margin:0;
 justify-content:start;
 width:100%;
}

.image_title .image_title_cont .title h3 {
 background: transparent;
 padding: 20px 20px;
 width:100%;
}

.image_title .image_title_cont .title h3:after {
 content:none;
}

.image_title .image_title_cont .title h3 span {
 color: var(--white);
 font-size:calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
 padding-left:10px;
}

.image_title > img {
 width:100%;
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
.btn > a > dl {
 flex-wrap:nowrap;
 overflow:visible;
}

.btn > a > dl > dt {
 max-width:60px;
 width:auto;
}

.btn > a > dl > dd {
 min-width:100%;
 padding-right:10px;
}

.btn > a > dl > dd i {
 position:absolute;
 right:10px;
 top:50%;
 margin-top:-4px;
}

.btn > a > dl > dd span {
 font-size:calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
 white-space:wrap;
}

.btn.kbus a dl dt {
 width:180px;
 max-width:180px;
}

.btn.kbus a dl dd {
 flex:0 1 auto;
 min-width:auto;
}

/*------------------------------------------------------------
flex_list
------------------------------------------------------------*/
.flex_list .col-1-1 li {
 width:100%;
}

/*------------------------------------------------------------
grid_list
------------------------------------------------------------*/
.grid-list.p-25 {
 padding:25px;
}

.grid-list > ul {
 column-gap:20px;
 row-gap:20px;
}

.grid-list > ul li .btn {
 min-width:100%;
 width:100%;
}

.grid-list > ul li.blank {
 display:none;
}

.grid-list.menu > ul {
 border-right:1px solid var(--gray_dd);
 border-bottom:1px solid var(--gray_dd);
 border-left:1px solid var(--gray_dd);
 grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
 row-gap:0;
}

.grid-list.menu > ul li {
 border-top:1px solid var(--gray_dd);
}

.grid-list.menu > ul li a {
 background:transparent;
 box-shadow:none;
}

.grid-list.menu > ul li a:hover {
 box-shadow:none;
}

.grid-list.menu > ul li dl {
 flex-direction:unset;
}

.grid-list.menu > ul li dl dt {
 position:relative;
 width:calc(100% / 3);
}

.grid-list.menu > ul li dl dd {
 width:auto;
}

/*--- 2column ---*/
.grid-list > .col-2 {
 grid-template-columns:unset;
 display:flex;
}

.grid-list.col-2 {
 display:grid;
 grid-template-columns:unset;
 gap:15px;
 padding:0;
}

/*--- 3column ---*/
.grid-list > .col-3 {
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/*--- 4column ---*/
.grid-list > .col-4 {
 grid-template-columns: repeat(auto-fit, minmax(42%, 1fr));
}

/*--- 5column ---*/
.grid-list > .col-5 {
 grid-template-columns: repeat(auto-fit, minmax(42%, 1fr));
}

/*--- 1-3 column ---*/
.grid-list.col-1-3 {
 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/*------------------------------------------------------------
btn
------------------------------------------------------------*/
.btn_link {
 display:flex;
 justify-content:center;
}

.btn_link a {
 min-width:calc(100% / 2 - 10px);
 max-width:300px;
 width:100%;
}

.btn.kbus a {
 padding:30px 30px 20px;
}

.btn.kbus a dl {
 row-gap:15px;
 justify-content:center;
}

.btn.kbus a dl dt img.comment {
 margin-left:calc(-50% + 20px);
 top:-10px;
 height:38px;
}

.btn.kbus a dl dt img.title {
 height:auto;
 width:auto;
 max-width:180px;
}

.btn.kbus a dl dd img {
 height: auto;
 max-height:60px;
 object-fit: cover;
 width: 100%;
}

/*------------------------------------------------------------
address
------------------------------------------------------------*/
.address {
 flex-direction:column;
}


/*------------------------------------------------------------
information_box
------------------------------------------------------------*/
.info_box .info_box_cont {
 flex-direction:column;
 padding:30px 30px 140px 30px;
 row-gap:30px;
}

.info_box .info_box_cont > dl {
 flex-direction:column;
 row-gap:25px;
}

.info_box .info_box_cont > dl > dt {
 text-align:left;
 min-width:100%;
}

.info_box .info_box_cont > dl > dd {
 width:100%;
}

.info_box .info_box_cont > dl > dd a {
 display:flex;
 justify-content:center;
 width:100%;
}

.info_box .info_box_cont > dl > dd a img {
 max-width:300px;
 width:100%;
}

.info_box .info_box_cont .btn {
 min-width:300px;
 margin:0 auto;
}

.info_box_b .info_box_b_cont {
 flex-direction:column;
 padding:30px 30px 140px 30px;
 row-gap:20px;
}

.info_box_b .info_box_b_cont > dl {
 flex-direction:column;
 row-gap:0;
}

.info_box_b .info_box_b_cont > dl dt {
 flex: 1;
 width: 100%;
}

.info_box_b .info_box_b_cont > dl dd {
 flex: 1;
 width: 100%;
}

.info_box_b .info_box_b_cont p {
 align-items:center;
 justify-content:center;
}

/*------------------------------------------------------------
color_box
------------------------------------------------------------*/
.color_box > h3 {
 font-size:calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
 flex-wrap:wrap;
 row-gap:15px;
}

.color_box > h3 figure img {
 height: 15vw;
}

.color_box .color_box_cont .grid-list.col-1-3 {
 grid-template-columns: unset;
}

.color_box#method > h3 figure  {
 max-width:60px;
 bottom:auto;
 margin-top:-6px;
 height:20px;
 aspect-ratio: 120 / 19;
}

.color_box#method > h3 figure img {
 height:100%;
 width:100%;
}

/*------------------------------------------------------------
dl-list
------------------------------------------------------------*/
.dl-list.has-figure {
 padding:0 0 80px;
}

.dl-list.has-figure:after {
 max-width: 40vw;
 width: 100%;
 height: 100px;
 bottom:-30px;
}

/*------------------------------------------------------------
ul-list
------------------------------------------------------------*/
.ul-list {
 row-gap:15px;
}

/*------------------------------------------------------------
flow
------------------------------------------------------------*/
ol.flow li {
 flex-wrap:wrap;
 row-gap:15px;
}

ol.flow li figure {
 order:2;
}

ol.flow li span.num {
 order:1;
}

ol.flow li span:last-child {
 order:3;
 width:100%;
}

/*------------------------------------------------------------
kbus_title
------------------------------------------------------------*/
.kbus_title h3:before {
 background-size: contain;
 height: auto;
 width: 15vw;
 max-width:80px;
 left: 2vw;
 bottom:0;
 aspect-ratio: 75 / 68;
}

.kbus_title h3 {
 padding:25px 5vw;
}

.kbus_title h3 img.title {
 height:auto;
 width:80vw;
 max-width:180px;
 aspect-ratio: 79 / 9;
}

.kbus_title h3 img.comment {

 height:auto;
 left:2vw;
 top:-4vw;
 width:15vw;
 max-width:80px;
 aspect-ratio: 49 / 23;
}

.kbus_title h3 img.illust {
 height: auto;
 width: 10vw;
 right:2vw;
 top:auto;
 bottom:15px;
 margin-top:0;
 max-width:80px;
 aspect-ratio: 208 / 127;
}

/*------------------------------------------------------------
js-tab-box
------------------------------------------------------------*/
.js-tab-content {
 border-radius:0 0 6px 6px;
 padding:10px 0;
 overflow:hidden;
}

.js-tab-content > ul {
 flex-direction:column;
 padding:0 10px;
}

.js-tab-content > ul.col-2 > li {
 width:100%;
}

.js-tab-content > ul.col-3 > li {
 width:100%;
}

.js-tab-content > ul > li.col-1-3 {
 width:100%;
}

.js-tab-content > ul > li.col-2-3 {
 width:100%;
}

.js-tab-content .image_title > img {
 min-height: 130px;
 height: 40vw;
 max-height:220px;
}

@media screen and (max-width: 480px) { 
.js-tab-content > ul > li > dl > dd ul li a span br {
 display:block;
}
}

/*------------------------------------------------------------
alert
------------------------------------------------------------*/
.alert_box_b > .alert {
 flex-direction:column;
 row-gap:20px;
 justify-content:center;
}

.alert_box_b > .alert p span {
 font-size:calc(1.4rem + ((1vw - 0.48rem) * 0.6944));
}
	
/*------------------------------------------------------------
single-page
------------------------------------------------------------*/
.content-wrap {
 row-gap: 10px;
}
	
:where(.wp-block-columns.is-layout-flex) {
 gap:1em;
}
 
}