@media screen and (min-width: 751px) {
.lightbox,
.lightboxOverlay{min-width: var(--site_size);}

.under main .image_r + p,
.under main .image_l + p{margin-top: -8px;}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline}
.under main a[data-lightbox]:hover,
.under main .bnn a:hover{opacity: 0.7;}

.under main .link:not([target=_blank]):hover{color: var(--scolor);}
.under main .list01 li a:hover,
.under main .list_toc li a:hover{color: var(--mcolor);}
.under main .toc_content .list01 li::before{top: 12px;}
.under main .toc_content .list01 li{font-size: 18px;}

.under main .box_img{min-height: 400px;display: flex;flex-direction: column;justify-content: center;padding-right: 730px;position: relative;}
.under main .box_img .img{position: absolute;top: 0;right: 0;margin-bottom: 0;}

.under main .box_img_m{min-height: inherit;padding-right: 350px;}

.under main .bubble_3col .bubble_item{width: calc((100% - 40px) / 3);}
.under main .bubble_3col .bubble_ttl{top: -48px;font-size: 20px;width: 80%;}

.under main .talk_show dl.bg1 dd p{width: 1000px;max-width: 100%;}
}

@media screen and (max-width: 750px) {
.under main #content{padding:0 0 80px}
.under main section{padding:0 0 60px;}

.under main .image_r,
.under main .image_l{float:none;display:inline-block;width:100%;text-align:center;margin:0 auto 30px !important}

.under main p{font-size: 14px;}
/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{height:200px;margin-bottom: 20px;}
.under main #top_info::before{width: calc(100% - 30px);height: 100%;left: 15px;transform: none;min-width: inherit;border-radius: 10px;}
.under main #top_info .inner{align-items: center;}
.under main #top_info .inner::before{width: 145px;height: 80px;right: 25px;bottom: -25px;}
.under main #top_info .inner::after{top: -60px;right: inherit;left: calc(50% - 160px);width: 320px;height: 320px;}

.under main #top_info .un_ttl2{font-size: 26px;padding: 0;}

.under main #topic_path{margin-bottom:15px;position: relative;z-index: 10;}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

/*============ HEAD TITLE ============ */
.under main .un_ttl2{font-size:32px;}
.under main .un_ttl3,
.under main .wp_content h3{font-size:24px}
.under main .un_ttl4,
.under main .wp_content h4{font-size:22px;}
.under main .un_ttl5,
.under main .wp_content h5{font-size:20px;padding: 5px 0 6px 10px;}
.under main .un_ttl6,
.under main .wp_content h6{font-size:18px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:10px;font-size: 14px;}
.under main table.tb_block tr{display:flex;flex-direction:column}
.under main table.tb_block tr:not(:last-child) th{border-bottom:none}
.under main table.tb_block td + td{border-top: none;}
.under main table.tb_block th,
.under main table.tb_block td{width: 100%;}

/* TABLE SCROLL */
.under main .tb_scroll{overflow:scroll;}
.under main .tb_scroll:not(:last-child){margin-bottom: 30px;}
.under main .tb_scroll table{width: 1000px;}
.under main .tb_note{margin-bottom: 10px;color: #999;font-size: 14px;line-height: 1.25em;}

/*============ LIST ============ */
.under main .list01,
.under main .wp_content ul{}
.under main .list01 li,
.under main .wp_content ul li{}
.under main .list01 li::before,
.under main .wp_content ul li::before{}

/*============ FRAME ============ */
.under main .frame01{padding:30px 15px;border-width: 2px;margin-bottom: 30px;}
.under main .frame_pick{padding:30px 15px}
.under main .frame_check{margin-top: 60px;padding: 30px 100px 20px 15px;border-width: 2px;}
.under main .frame_check:first-child{margin-top: 0;}
.under main .frame_check::before{width: 105px;height: 57px;top: -25px;left: 5px;}
.under main .frame_check::after{width: 82px;height: 136px;bottom: 10px;right: 10px;}
.under main .frame_check .check_ttl{font-size: 20px;margin-bottom: 15px;line-height: 1.5em;}

.under main .frame_last{padding: 80px 55px 215px;background: url('../images/frame_last_bgsp.png') center top no-repeat #fff;background-size: 96% 98%;left: -20px;width: calc(100% + 40px);}
.under main .frame_last::before{width: 84px;height: 130px;right: 40px;bottom: 85px;}
.under main .frame_last .frame_ttl{font-size: 20px;}

.under main .frame_bd{padding: 20px 9px;border-left-width: 5px;}

.under main .flex_4icon{flex-wrap: wrap;padding: 0 5px;}
.under main .flex_4icon p{width: calc(50% - 15px);margin:10px 0 !important}
.under main .flex_4icon .f_big{font-size: 200%;}

/* TALK SHOW */
.under main .talk_show{margin-bottom: 20px;}
.under main .talk_show dl{}
.under main .talk_show dt{width: 100px;margin-right: 15px;}
.under main .talk_show dt .img{width: 80px;height: 80px;}
.under main .talk_show dt .name{font-size: 14px;margin-top: 5px;margin-left: 10px;}
.under main .talk_show dd p{padding-left: 10px;border-radius: 10px;}
.under main .talk_show dd p::before{border-width: 8px 16px 8px 0;top: calc(50% - 8px);left: -16px;}
.under main .talk_show dl.talk_r{margin-top: 30px;}
.under main .talk_show dl.talk_r dd p::before{border-width: 8px 0 8px 16px;right: -16px;left: inherit;top: calc(50% - 8px);}
.under main .talk_show dl.bg1 dd p::after{border-width: 10px 0 10px 20px;right: -20px;left: inherit;top: calc(50% - 10px);}

/*============ TOC CONTENT ============ */
.under main .toc_ttl{font-size: 18px;margin-bottom: 10px;}
.under main .toc_content{padding-bottom: 150px;padding-top: 10px;border-width: 2px;}
.under main .toc_content::before{width: 90px;height: 150px;bottom: 0;right: 5px;}

.under main .list_toc li{font-size: 16px;line-height: 1.5em;padding-left: 40px;}
.under main .list_toc li a {display: block;}
.under main .list_toc li::before{font-size: 18px;width: 30px;height: 30px;top: -2px;}
.under main .list_toc li::after{width: 8px;height: 30px;border-width: 1px;bottom: inherit;top: 10px;left: 22px;}
.under main .list_toc li a:not(:first-child){margin-left: 15px;display: inline-block;}
.under main .list_toc li a:first-child{margin-bottom: 0;}


/* LIST ICON */
.under main .ttl_icon{font-size: 18px;line-height: 1.5em;}
.under main .ttl_icon span::before{width: 28px;height: 22px;top: -10px;left: -15px;}

.under main .list_icon {justify-content: space-between;align-items: flex-start;}
.under main .list_icon li{width: 49%;margin-right: 0;}
.under main .list_icon li span{}
.under main .list_icon li span::before{margin-right: 2px;font-size: 20px;top: 1px;}

.under main .tag_label span{font-size: 16px;top: -3px;}

/* FLEX */
.under main .flex_bubble{margin-bottom: 0;}
.under main .bubble_item{width: 100%;border-width: 2px;border-radius: 15px;margin-bottom: 70px;}
.under main .bubble_item:last-child{margin-bottom: 0;}
.under main .bubble_item .img{border-radius: 12px 12px 0 0;margin-bottom: 15px;}
.under main .bubble_ttl{padding: 5px 10px;font-size: 20px;width: 90%;left: 5%;transform: none;top: -20px;}
.under main .bubble_txt{padding: 0 15px 15px;}

}


@media screen and (max-width: 560px) {
.under main .talk_show dl{flex-direction: column;}
.under main .talk_show dt{width:auto;margin-right: auto;margin-bottom: 10px;}
.under main .talk_show dt .img{width: 80px;}
.under main .talk_show dt .name{font-size: 14px;margin-top: 5px;}
.under main .talk_show dd p{padding-left: 10px;border-radius: 10px;}
.under main .talk_show dd p::before{border-width: 0px 10px 10px 10px;border-color: transparent transparent #ededed transparent;top: -10px;left: 30px}

.under main .talk_show dl.talk_r{flex-direction: column;}
.under main .talk_show dl.talk_r dt{margin: 0 0 10px auto;}
.under main .talk_show dl.talk_r dd p::before{border-width: 0px 10px 10px 10px;border-color:transparent transparent #f0f7fc transparent;top: -10px;left: inherit;right: 30px;}
.under main .talk_show dl.bg1 dd p::after{border-width:0px 13px 13px 13px;border-color:transparent transparent var(--scolor) transparent;right: 27px;left: inherit;top: -13px}
.under main .talk_show dl.talk_r dt{flex-direction: row;}

.under main .list_icon li{width: 100%;}
}

/* IPHONE 14 */
@media screen and (max-width: 440px) {
.under main .frame_check{padding: 30px 15px 150px 15px;}

.under main .flex_4icon p{width: 100%;padding: 0 0 20px 0;}
.under main .flex_4icon p:not(:last-child)::before{border-width: 18px 9px 0px 9px;border-color: var(--scolor) transparent transparent transparent;top: inherit;bottom: -10px;right: inherit;left: calc(50% - 9px);}
.under main .flex_4icon p:not(:last-child)::after{bottom: -15px;right: inherit;left: calc(50% - 12px);top: inherit;}


.under main .bubble_ttl{top: -35px;}

}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
.under main #top_info .inner::after {left: calc(50% - 140px);width: 280px;height: 280px;}
}