@media screen and (min-width: 751px) {

.under main .list_anchor.col3 .btn, .under main .list_anchor.col3 .btn_02 {width: calc((100% - 30px)/3);margin: 0 15px 15px 0;}
.under main .list_anchor.col4 .btn, .under main .list_anchor.col4 .btn_02 {width: calc((100% - 45px)/4);margin: 0 15px 15px 0;}
.under main .list_anchor.col3 .btn:nth-child(2n) , .under main .list_anchor.col3 .btn_02:nth-child(2n) , .under main .list_anchor.col4 .btn:nth-child(2n) , .under main .list_anchor.col4 .btn_02:nth-child(2n) {margin-right: 15px;}
.under main .list_anchor.col3 .btn:nth-child(3n), .under main .list_anchor.col3 .btn_02:nth-child(3n), .under main .list_anchor.col4 .btn:nth-child(4n), .under main .list_anchor.col4 .btn_02:nth-child(4n) {margin-right: 0;}
	.under main .list_anchor.col3 .btn_02 a:before {left: 25px;}
	.under_img_list.col3 {flex-wrap: wrap;}
	.under_img_list.col3 .img {width: calc((100% - 40px)/3);margin: 0 20px 20px 0;}
	.under_img_list.col3 .img:nth-child(3n) {margin-right: 0;}
	.under main .btn_box:not(.col3) .btn:nth-child(2n) {margin-right: 0;}
	.under main .btn_box:not(.col3):not(:last-child) {margin-bottom: 30px;}
	.under main .list01.col4 {display: flex;flex-wrap: wrap;}
	.under main .list01.col2 {display: flex;flex-wrap: wrap;}
	.under main .list01.col2 li{width: calc((100% - 50px) / 2);}
	.under main .list01.col4 li {margin-right: 40px;}
#case_detail.under main .alignleft, .information_content .alignleft{float:left;margin:0 70px 0 0}
#case_detail.under main .alignright, .information_content .alignright{float:right;margin:0 0 0 70px}
	.under main .under_product_item .list01 {margin-bottom: 0;width: 30%;}

/* HOVER */
.under main #topic_path li a:hover{text-decoration:underline;}
.under main .list_anchor .btn a:hover{background-color: #F2F2F2;color: var(--mcolor);}
.under main .list_anchor .btn a:hover:after{background-image: url("../images/ic_arr_down.svg");}

.under main .link:not([target=_blank]):hover{color: var(--scolor);}
.case_cate li:hover >span, .case_cate> li>a:hover {background: var(--gray-flash);}
.under_tab li:not(.current):hover, .under_tab li:not(.current):hover:after {background: #fff;}
/* BUTTON OVN DETAIL */
.under main .btn_list {display: flex;justify-content: center;position: relative;}
.under main .btn_list .is_prev {position: absolute;top: 0;left: 150px;}
.under main .btn_list .is_next {position: absolute;top: 0;right: 150px;}
.case_search_button:hover {background: var(--mcolor);}

.under main .list_ovn li:nth-child(3n + 3) {margin-right: 0;}
.case_search_cate .choose:hover {border-bottom-color: #EAEAEA;}
.case_search_cate_child li:hover, .case_search_cate_list>li.parent:hover > span, .case_cate_child li:hover {color: var(--mcolor);}
.case_item:hover, .contact_check li:hover, .contact_btn input[type="button"]:hover, .contact_btn input[type="submit"]:hover {opacity: 0.7;}
.case_bottom_btn:hover, .btn_cat a:hover, .tb_contact #zip_btn:hover {background: var(--txt);}
.case_detail_image_thumb.slick-initialized .slick-slide:hover:after {opacity: 1;}
.under main .wp_pagination a:hover {background: var(--mcolor);color: #fff;}
	.under_product_item:hover:after {opacity: 1;}
	.btn_box.col3 .btn {width: calc((100% - 40px)/3);margin-right: 20px;text-align: center;}
	.btn_box.col3 {justify-content: center;}
	.btn_box.col3 .btn:nth-child(3n) {margin-right: 0;}
	.btn_box.col3 .btn a {padding-right: 30px;}
	.company_thumb.slick-initialized .slick-slide:not(.slick-current):hover{opacity: 1;}

.under main .company_list .slick-arrow:hover {opacity: 0.7;}
}
@media screen and (min-width: 751px) and (max-width: 1700px){

.top_info_img {margin: -32px -150px 0 50px;}
.top_info_main {width: 100%;margin-left: 15px;}
.top_info_en.en_style {font-size: 160px;}
	.under main .under_row:not(.under_row_h5) .under_row_img.image_r {margin-right: -140px;}
	.under main .under_row:not(.under_row_h5) .under_row_img.image_l {margin-left: -140px;}
	.under main h2 {font-size: 33px;}
	.top_info_ttl {font-size: 28px;}
	.under main .list_anchor .btn a {font-size: 18px;}
}
@media screen and (min-width: 751px) and (max-width: 1400px){
	.under main .under_row:not(.under_row_h5) .under_row_img.image_r {margin-right: -70px;}
	.under main .under_row:not(.under_row_h5) .under_row_img {width: 500px;}
	.under main .under_row:not(.under_row_h5) .under_row_img.image_l {margin-left: -70px;}
	.top_info_img {width: 620px;}
}

@media screen and (max-width: 750px) {
.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}

/*==========================================================
                 C U S T O M
==========================================================*/
/*  TOP INFO  */
.under main #top_info{padding-top: 110px;}
#top_info .idx_circle_item:nth-child(3) {width: 160px;height: 160px;top: 200px;left: -50px;}
#top_info .idx_circle_item:nth-child(2){width:26px;height:26px;top:90px;right:150px}
#top_info .idx_circle_item:nth-child(1){width:144px;height:144px;top:-20px;z-index:-2;right: -30px;}
	.under main #top_info .inner {display: block;}
	.top_info_img img {border-radius: 0;border-radius: 30px;}
	.top_info_img {margin: 0 0 20px;}
	.top_info_main {width: 100%;padding: 0;position: relative;text-align: center;}
	.top_info_txt {max-width: 100%;margin-bottom: 30px;text-align: left;font-size: 18px;}
	.top_info_en.en_style {font-size: 20vw;left: 50%;transform: translateX(-50%);top: 0;}
	.top_info_ttl {font-size: 20px;text-align: left;}
.under main #topic_path{margin-bottom:10px;text-align: left;}
	.under main #topic_path ul {padding: 0;}
.under main #topic_path li,
.under main #topic_path li a{font-size: 14px;}

/*============ HEAD TITLE ============ */
.under main h2{font-size:26px;border-radius: 20px;padding: 10px 15px;margin-bottom: 15px;text-align: center;}
.under main h3 {font-size:24px;margin-bottom: 30px;}
	.under main h3:before{width: 26px;height: 24px;margin-bottom: 10px;}
.under main h4 {font-size:22px;padding: 0 0 10px;margin-bottom: 25px;}
.under main h5 {font-size:19px;margin-bottom: 15px;}
.under main h6,
.under main .ovn_content h6{font-size:18px;}

/*============ TABLE ============ */
.under main table{margin-bottom:30px}
.under main table td,
.under main table th{padding:15px 0;margin-top: -1px;}
.under main table.tb_block tr{display:flex;flex-direction:column}
.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: 800px;}
.under main .tb_note{margin-bottom: 10px;color: var(--scolor);margin-bottom: 10px;}

/*============ LIST ============ */
.under main .list01,
.under main .wp_content ul{}
.under main .list01 li,
.under main .wp_content ul li{padding-left: 20px;}
.under main .list01 li::before,
.under main .wp_content ul li::before{width: 8px;height: 8px;top: 11px;}

.under main .list02,
.under main .wp_content ol{}
.under main .list02 li,
.under main .wp_content ol li{padding-left: 40px;}
.under main .list02 li::before,
.under main .wp_content ol li::before{width: 30px;height: 30px;font-size: 12px;top: -1px;}

/*============ FRAME ============ */
.under main .frame01{padding:40px 15px;border-radius: 30px;}
.under main .box_map iframe {width: 100%;height: 299px;}

	.under main section.under_box_h3 {padding: 30px 0 40px;}
	.under_box_main {border-radius: 30px;padding: 30px 0 80px;margin-bottom: -30px;}
	.under_row:not(.under_row_h5) .under_row_img {width: 400px;margin: 60px auto 30px;max-width: 100%;}
	.under_row_img:before {width: 150px;height: 150px;top: -50px;right: -50px;}
	.under_row_img:after {width: 90px;height: 90px;left: -20px;bottom: -20px;}
	.under_row_img img {border-radius: 20px;}
	.under_row {display: block;}
	.under_tab li {height: 60px;}
	.under_tab_main {padding: 30px 0;}
	.case_cate li>span, .case_cate> li>a {height: 50px;}
	.case_cate > li {width: calc(100%/2)}
	.case_cate_child li {font-size: 12px;}
	.case_search {flex-wrap: wrap;}
	.case_search_cate:nth-child(1) {margin: 0 auto 40px;}
	.case_search_cate:nth-child(1):after {left: calc(50% - 6px);top: calc(100% + 14px)}
	.case_search_cate {width: 100%;margin: 0 auto 40px;}
	.case_search_button {margin: 0;max-width:calc((100% - 10px)/2)}
	.case_search_button:not(:last-child) {margin-right: 10px;}
	.case_list {justify-content: space-between;}
	.case_item {width: 48%;margin: 0 0 30px;}
	.case_item_cate {font-size: 10px;}
	.case_item_cate .cate:after {margin-left: 5px;}
	.case_item_cate .cate {margin: 0 2px 2px 0;}
	.case_item_img {aspect-ratio: 2/2;width: 100%;}
	.case_bottom_btn {line-height: 1.5em;}
	.case_bottom_btn:before {margin-right: 5px;}
	.case_detail_image_main.slick-initialized .slick-slide {height: auto;aspect-ratio: 3/2;}
	.case_detail_image_thumb.slick-initialized .slick-slide {margin: 2px;height: auto;aspect-ratio: 3/2;border-radius: 10px;}
	.case_detail_image_thumb.slick-initialized .slick-slide:after {border-radius: 10px;}
	
	.under_qa dl {padding: 25px 20px;border-radius: 20px;}
	.under_qa dt {font-size: 17px;line-height: 1.75em;}
	.under_qa .num {font-size: 17px;width: 40px;height: 40px;margin-right: 10px;top: -4px;}
	.under_qa dd .num {top: -5px;}
	
	.under main .frame02 {padding: 30px 20px;border-radius: 20px;}
	.under_frm_tel .f_big {font-size: 120%;}
	.under main .frm_tel:before {width: 20px;height: 20px;top: 2px;}
	.under_list_information {height: 345px;}
	
	.tb_contact .must {margin: 3px 0 0;}
	.under_product_item {display: block;padding: 25px 20px;border-radius: 20px;}
	.under_product_item_ttl {width: 100%;text-align: center;margin: 0 0 20px;}
	.under main .btn a {min-height: 70px;height: auto;padding: 20px 40px 20px 20px;}
	.under main .btn_lager a {padding: 20px 55px 20px 20px;line-height: 1.75em;justify-content: flex-start;text-align: left;}
	.under main .btn_lager a:after {right: 10px;}
	
	.under_col {display: block;}
	.under_col dl {width: 100%;margin: 0 0 20px;padding: 20px;border-radius: 20px;}
	.under_bnr a img {display: block;margin: 0 auto;}
	.under_bnr a {font-size: 16px;padding: 20px 20px 30px;text-align: center;display: block;height: auto;}
	.under_row:not(:last-child) {margin-bottom: 1.5em;}
	.under main .list_anchor.col2sp {justify-content: space-between;}
	.under main .list_anchor.col2sp .btn_02 {width: calc(50% - 5px);margin: 0 0 10px;}
	.under main .list_anchor.col2sp .btn_02 a:before {left: 15px;}
	#case_detail.under main .case_detail_main img {max-height: 300px;display: block;margin: 0 auto 20px;}
	.under_step_item:not(:last-child)::after {border-width: 20px 40px 0 40px;left: calc(50% - 40px);top: calc(100% + 20px);}
	.under_step_item:not(:last-child) {margin-bottom: 55px;}
	.under main .btn_box:not(:last-child) {margin-bottom: 20px;}
	#cleanroom .under_img_list.col3 {flex-wrap: wrap;}
	#cleanroom .under_img_list.col3 .img {width: calc((100% - 20px)/3);margin: 0 10px 10px 0;}
	#cleanroom .under_img_list.col3 .img:nth-child(3n) {margin-right: 0;}
	.under main .wp_content img {display: block;margin: 0 auto 20px;}
	.under main .list_anchor .btn_02 a:before {left: 15px;}
	.company_thumb.slick-initialized .slick-slide {height: auto;aspect-ratio: 3 / 2;border-radius: 10px;}

	.under main .mrl{margin-left: -20px}
	.case_cate li>span::before{right: 10px}
	.case_cate li>span::after{right: 14px}

	.under main .company_list .slick-arrow {width: 40px;height: 40px;top: 40%;}
	.under main .company_list .slick-prev{left: -10px}
	.under main .company_list .slick-next{right: -10px}
	.under main .box_text01 p {text-indent: -18px;padding-left: 18px;}
	.under main .box_text01.box_text01_l span {width: 160px;}
}


/* IPHONE 14 */
@media screen and (max-width: 440px) {
/*============ ORTHER ============ */
	.under main .list_anchor .btn {width: 100%;max-width: 100%;margin: 0 0 15px;}
	.case_item {width: 100%;}
	.company_thumb.slick-initialized .slick-slide {margin: 0 2px 5px;width: calc((100%/4) - 4px);}
	.case_cate li>span, .case_cate> li>a{font-size: 14px;padding-right: 15px;}
/*	.under main .box_text01 p {flex-direction: column;}
	.under main .box_text01 p:not(:last-child) {margin-bottom: 15px;}
	.under main .box_text01 p span {width: 100%;}*/
}


/* IPHONE 6 */
@media screen and (max-width: 360px) {
	.under main h2 {font-size: 24px;}
	.under main h3 {font-size: 22px;}
	.under main h4 {font-size: 20px;}
	.under main h5 {font-size: 18px;}
	.under main .btn_lager a {font-size: 13px;}
	.under main .btn_lager a .f_medium {white-space: nowrap;}
	.under main .list_anchor.col2sp .btn_02 a:before {left: 10px;}
}