@charset "utf-8";
/*
	Last Update: 2025/07/28
	Auther: yt
*/

:root {
	--header-height:100px;
	--sp-foot-btn-height:50px;
	--view-height:calc(100vh - var(--header-height));
	--c-blue:#1761AE;
	--c-orange:#F7931E;
	--c-red:#DF3D3D;
}
@media (min-width:992px) and (max-width:1199px){
	:root { --header-height:85px; }
}
@media (max-width:991px){
	:root { --header-height:60px; }
}

/*===================================================================
	base layout
===================================================================*/
.wrapper2, .wrapper2-t { padding-top:40px; }
.wrapper2, .wrapper2-b { padding-bottom:40px; }
@media (max-width:767px){
	.wrapper0, .wrapper0-t { padding-top:80px; }
	.wrapper0, .wrapper0-b { padding-bottom:80px; }
	.wrapper, .wrapper-t { padding-top:60px; }
	.wrapper, .wrapper-b { padding-bottom:60px; }
}
@media (min-width:768px){
	.wrapper0, .wrapper0-t { padding-top:120px; }
	.wrapper0, .wrapper0-b { padding-bottom:120px; }
	.wrapper, .wrapper-t { padding-top:80px; }
	.wrapper, .wrapper-b { padding-bottom:80px; }
}

.center, .center2, .center3 { padding-left:20px; padding-right:20px; }
.center { max-width:1100px; }
.center2 { max-width:900px; }
.center3 { max-width:600px; }


/*===================================================================
	color / font
===================================================================*/
.bg_white { background-color:#fff !important; }
.bg_gray { background-color:#8e8e93 !important; }
.bg_gray-o { background-color:#f2f2f7 !important; }
.bg_blue { background-color:var(--c-blue) !important; }
.bg_orange { background-color:var(--c-orange) !important; }

.c_white { color:#fff !important; }
.c_gray { color:#636366 !important; }
.c_blue { color:var(--c-blue) !important; }
.c_orange { color:var(--c-orange) !important; }
.en { font-family:'Oswald', sans-serif; }
.en2 { font-family:'Inter', sans-serif; }
.en3 { font-family:'Viga', sans-serif; font-weight:400; font-style:normal; }
.en4 { font-family:'Montserrat', sans-serif; font-optical-sizing:auto; font-weight:700; font-style:normal; }

/*===================================================================
	common class
===================================================================*/
.need:not(._no) { border:1px solid #B11820; background:#B11820; color:#fff; }
.need._no { border:1px solid #B11820; background-color:#fff; color:#B11820; }
.error { background:#ffe1df; color:#ff453a; border:1px solid #ff453a; }

.list_pager ul li > * { border:1px solid #fff; width:40px; height:40px; display:inline-block; vertical-align:middle; line-height:18px; }
.list_pager ul li > a { text-decoration:none; background:#fff; color:#707070; border:1px solid #d3d3d3; }
.list_pager ul li > strong { color:#fff; font-weight:bold; background:var(--c-blue); border:1px solid var(--c-blue); }
body.pc .list_pager ul li > a:hover { background:var(--c-blue); color:#fff; }

.tel_wrap { text-align:center; }
.tel_wrap .tel_unit { font-weight:bold; }
.tel_wrap .tel_unit .tel { display:inline-block; line-height:100%; }
.tel_wrap .tel_time { font-size:0.9em; }
@media (max-width:575px){
	.tel_wrap { margin-bottom:10px; }
	.tel_wrap .tel_unit .tel { font-size:2em; }
}
@media (min-width:576px){
	.tel_wrap .tel_unit .tel { font-size:2.25em; }
}

.vertical_unit { margin-bottom:30px; padding:15px; }
.vertical_unit .photo { text-align:center; }
@media (max-width:575px){
	.vertical_unit .photo { margin-bottom:10px; }
	.vertical_unit .text { padding:10px 0; }
}
@media (min-width:576px) and (max-width:767px){
	.vertical_unit [class^="col-sm-"] .photo { margin-bottom:10px; }
}

.holizontal_text { position:relative; }
@media (max-width:991px){
	.holizontal_text { padding:30px 20px 50px; }
}
@media (min-width:992px){
	.holizontal_text._left { padding:0 40px 0 20px; }
	.holizontal_text._right { padding:0 20px 0 40px; }
}

.hv_change_unit { margin-bottom:30px; padding:15px; }
@media (max-width:575px){
	.hv_change_unit { display:flex; align-items:top; }
	.hv_change_unit > * { display:inline-block; }
	.hv_change_unit .photo { width:40%; }
	.hv_change_unit .text { width:60%; padding:0 0 0 15px; }
}
@media (min-width:576px){
	.hv_change_unit .photo { margin-bottom:20px; }
}


.tbl_1 { width:100%; }
.tbl_1 caption { padding:0 0 10px; }
.tbl_1 tr > * { border:3px solid #fff; }
.tbl_1 thead tr > * { font-weight:bold; text-align:center; }
.tbl_1 thead tr > th { background:#00c7be; color:#fff; }
.tbl_1 thead tr > td { background:#63e6e2; color:#fff; }
.tbl_1 tbody tr > th { background:#edfcff; font-weight:bold; }
.tbl_1 tbody tr:nth-child(2n) > td { background:#f5f5f5; }
.tbl_1 tfoot tr > * { font-weight:bold; }
.tbl_1 tfoot tr > th { background:#30b0c7; color:#fff; }
.tbl_1 tfoot tr > td { background:#40c8e0; color:#fff; }
@media (max-width:575px){
	.tbl_1:not(.tbl_sp) tr > * { padding:10px; }
	.tbl_1.tbl_sp tr > * { padding:10px 5px; }
}
@media (min-width:576px){
	.tbl_1 tr > * { padding:15px; }
}


/*===================================================================
	button
===================================================================*/
.button._contact { border-radius:50px; width:400px; max-width:100%; font-weight:bold; }
@media (max-width:575px){
	.button._contact { padding:15px; font-size:1.2em; }
}
@media (min-width:576px){
	.button._contact { padding:20px; font-size:1.25em; }
}

.button._type1 { border:2px solid #fff; padding:10px 20px; background:#707070; border-radius:50px; }
.button._type1 .main { font-weight:bold; color:#fff; background:no-repeat center left; }
.button._type1 .main._contact { padding-left:25px; background-image:url(../image/icon/contact.png); background-size:20px auto; }
.button._type1 .main._entry { padding-left:25px; background-image:url(../image/icon/entry.png); background-size:20px auto; }
.button._type2 { width:280px; max-width:100%; display:inline-block; background:#000000; color:#fff; padding:12px 10px; border-radius:60px; }
.button._type2 .main { font-weight:bold; color:#fff; display:inline-flex; align-items:center; min-height:16px; }
.button._type2 .main._next { padding-right:30px; background:url(../image/icon/arrow3-rw.png) no-repeat center right / 16px auto; }
.button._type2._white { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.25); }
.button._type2._white .main { background-image:url(../image/icon/arrow3-rb.png); color:#000; }
.back_button { position:relative; display:inline-block; background-color:#EBEBEB; padding:0.75em 7.5em; font-weight:600; font-size:1.25em;  text-align:center; }
.back_button .arrow_left_black { top:calc(50% - 4px); left:1em; position:absolute; }



.button._type3 { border:1px solid #1761AE; padding:10px 20px;  border-radius:50px; width: 100%;
    text-align: left;}
.button._type3 .main { background:no-repeat center left; }
.button._type3 .main._pdf {  background-image: url(../image/icon/pdf.png);
    background-size: 25px auto;    padding: 10px 0px 10px 35px;}
.button._type3 .main._excel { background-image: url(../image/icon/excel.png);
    background-size: 25px auto;    padding: 10px 0px 10px 35px; }
.button._type3 .main._blank { background-image: url(../image/icon/_blank.png);
    background-size: 20px auto;    padding: 10px 0px 10px 30px; }


/*===================================================================
	hl
===================================================================*/
.hl_center,
.hl_center2 { text-align:center; }
.hl_center .main,
.hl_center .sub,
.hl_center2 .main,
.hl_center2 .sub { font-weight:bold; }
@media (max-width:575px){
	.hl_center { margin-bottom:30px; }
	.hl_center .main { font-size:2em; }
	.hl_center2 { margin-bottom:10px; }
	.hl_center2 .main { font-size:1.25em; }
}
@media (min-width:576px) and (max-width:767px){
	.hl_center { margin-bottom:40px; }
	.hl_center .main { font-size:2.25em; }
	.hl_center2 { margin-bottom:15px; }
	.hl_center2 .main { font-size:1.5em; }
}
@media (min-width:768px){
	.hl_center { margin-bottom:50px; }
	.hl_center .main { font-size:2.5em; }
	.hl_center .main.en { font-size:4em; letter-spacing:3px; }
	.hl_center2 { margin-bottom:20px; }
	.hl_center2 .main { font-size:1.75em; }
}

.hl_border-l { text-align:left; border-left:7px solid #5e5ce6; }
.hl_border-b { text-align:left; border-bottom:3px solid #ccc; }
.hl_border-l > *,
.hl_border-b > * { line-height:100%; display:inline-block; vertical-align:middle; }
.hl_border-l .main { font-weight:bold; }
	@media (max-width:575px){
		.hl_border-l { margin-bottom:15px; padding-left:15px; }
		.hl_border-l .main { font-size:1.25em; }
		.hl_border-b { margin-bottom:15px; padding-bottom:5px; }
		.hl_border-b .main { font-size:1.25em; }
		.hl_border-l .sub + .main,
		.hl_border-b .sub + .main,
		.hl_border-l .main + .sub,
		.hl_border-b .main + .sub { display:block; padding:5px 0; }
	}
	@media (min-width:576px){
		.hl_border-l { margin-bottom:20px; padding-left:20px; }
		.hl_border-l .main { font-size:1.5em; }
		.hl_border-b { padding:0 0 10px; margin-bottom:20px; }
		.hl_border-b .main { font-size:1.5em; }
		.hl_border-l .sub + .main,
		.hl_border-b .sub + .main,
		.hl_border-l .main + .sub,
		.hl_border-b .main + .sub { margin-left:15px; }
	}

.hl_radius { text-align:left; border-radius:10px; padding:15px 20px; }
.hl_radius > * { line-height:100%; display:inline-block; vertical-align:middle; }
.hl_radius .main { font-weight:bold; }
.hl_radius .main + .sub { margin-left:15px; }
	@media (max-width:575px){
		.hl_radius { margin-bottom:15px; }
		.hl_radius .main { font-size:1.25em; }
	}
	@media (min-width:576px){
		.hl_radius { margin-bottom:20px; }
		.hl_radius .main { font-size:1.5em; }
	}

.hl_center3 { display:flex; flex-direction:column; align-items:center; margin-bottom:50px;
}
.hl_center3 .main { font-size:1.5rem; font-weight:bold; margin-bottom:20px; font-family:"Noto Sans JP", sans-serif; letter-spacing:2px; }
.hl_center3 span { width:50px; border-bottom:2px solid #1761AE; }
@media (max-width:575px){
	.hl_center3 .main{ font-size:1.2rem;margin-bottom:10px; }
}

/*===================================================================
	form
===================================================================*/
textarea { min-height:80px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], input[type="number"], input[type="url"], input[type="search"], textarea, select { font-size:16px; }
input[name="zip"] { max-width:8.5em; }

/*===================================================================
	layout
===================================================================*/
#head,
#head .head_wrap { height:var(--header-height); }
#base { padding-top:var(--header-height); }
#head { position:fixed; top:0; left:0; width:100%; z-index:2000; background:linear-gradient(to bottom, rgba(255,255,255,0.5) 50%, transparent); }
#base.open #head { background:#fff; }
#head .head_wrap { width:100%; position:relative; display:flex; align-items:center; justify-content:space-between; filter:drop-shadow(0 0 2px #fff); }
#head .head_wrap > * { display:inline-block; }
#head .site_logo a { display:inline-block; }
#head .head_main { margin-left:auto; display:flex; align-items:center; }
#menu_cover { position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:1999; }
	@media (max-width:991px){
		#head .site_logo a { padding:0 0 0 15px; width:200px; }
	}
	@media (min-width:992px) and (max-width:1199px){
		#head .site_logo a { padding:15px 0 10px 15px; width:250px; }
	}
	@media (min-width:1200px){
		#head .site_logo a { padding:15px 0 10px 15px; }
	}

.head_navi_wrap { position:fixed; top:var(--header-height); right:0; z-index:3000; width:100%; max-width:400px; background:#fff; height:calc(100vh - var(--header-height)); overflow-y:auto; overscroll-behavior:none; }
.head_buttons_wrap ul { display:flex; align-items:center; }
.head_buttons_wrap ul li { padding-right:15px; }
#base:not(.open) .head_navi_wrap { display:none !important; }
#head_navi ul { list-style:none; }
#head_navi > ul > li { border-bottom:1px solid #ccc; }
#head_navi > ul > li > a { display:block; padding:15px 20px; }
#head_navi > ul > li > ul > li { border-top:1px dashed #ccc; }
#head_navi > ul > li > ul > li > a { display:block; padding:10px 20px 10px 35px; }
#head_tel { text-align:center; padding:0 15px; }
#head_tel .head_tel_wrap { padding-left:40px; background:url(../image/icon/tel.png) no-repeat left center / 38px auto; }
#head_tel .head_tel_unit { font-weight:bold; line-height:1; font-size:2.25em; }
#head_tel .head_tel_time { font-size:0.85em; color:#4E4E4E; }
@media (max-width:1200px){
	.head_buttons_wrap .button { padding:10px; }
	.head_buttons_wrap .button .main { font-size:.9em; }
}
@media (max-width:991px) {
	#head_tel { padding-top:20px; text-align:center; }
	#head_tel .head_tel_wrap { display:inline-block; }
}
@media (max-width:767px) {
	#base { padding-bottom:var(--sp-foot-btn-height); }
	.head_navi_wrap { padding-bottom:calc(var(--sp-foot-btn-height) + 100px); }
	.head_buttons_wrap { position:fixed; bottom:0; left:0; width:100%;  z-index:2000; height:var(--sp-foot-btn-height); }
	body#contact .head_buttons_wrap { display:none; }
	body#contact #base { padding-bottom:0; }
	.head_buttons_wrap ul { height:100%; align-items:stretch; border-top:1px solid #fff; }
	.head_buttons_wrap ul li { padding-right:0; flex:1; }
	.head_buttons_wrap ul li:not(:last-child) { border-right:1px solid #fff; }
	.head_buttons_wrap ul li .button { border:0; border-radius:0; height:100%; display:flex; align-items:center; justify-content:center; }
}

#btn_open { width:var(--header-height); }
#btn_open a { position:relative; display:block; width:100%; height:var(--header-height); overflow:hidden; }
#btn_open a::before { content:""; position:absolute; background:#000; --size:calc(var(--header-height) * 1.5); border-radius:var(--size); width:var(--size); height:var(--size); bottom:0; left:0; }
#btn_open a > span { position:absolute; right:20%; width:calc(var(--header-height) * 0.5); }
#btn_open a > span.line { height:2px; background:#fff; transition:all .3s; transform-origin:right center; }
#btn_open a > span.l1 { top:22%; }
#btn_open a > span.l2 { top:35%; }
#btn_open a > span.text { top:45%; font-size:.9em; letter-spacing:2px;  text-indent:2px; text-align:center; white-space:nowrap; font-weight:500; color:#fff; display:inline-flex; justify-content:center; }
#base.open #btn_open a > span.line { right:32%; width:calc(var(--header-height) * 0.35); }
#base.open #btn_open a > span.l1 { top:16%; transform:rotate(-45deg); }
#base.open #btn_open a > span.l2 { top:40%; transform:rotate(45deg); }
#base.open #btn_open a > span.text._open { display:none; }
#base:not(.open) #btn_open a > span.text._close { display:none; }
@media (max-width:991px) {
	#btn_open a::before { --size:calc(var(--header-height) * 1.25); }
	#btn_open a > span.text { letter-spacing:0; text-indent:0; font-size:.8em; }
}

#foot { container:foot / inline-size; }
#foot .foot_contact_wrap { background:url(../image/layout/bg_foot_contact.jpg) no-repeat center center / cover; position:relative; }
#foot .foot_contact_wrap .foot_contact_inner { display:flex; justify-content:center; padding:0 20px; z-index:2; position:relative; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text { padding:40px 0; display:flex; flex-direction:column; justify-content:center; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .hl_contact { text-align:center; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .hl_contact .main { margin-bottom:10px; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .hl_contact .sub { font-size:1.2em; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .foot_contact_lead { text-align:center; font-size:1.2em; font-weight:500; margin-bottom:20px; }
#foot .foot_contact_wrap .foot_contact_inner .foot_contact_image { display:flex; align-items:flex-end; padding-top:40px; }
#foot .foot_tel { text-align:center; margin-bottom:20px; }
#foot .foot_tel .foot_tel_wrap { padding-left:40px; background:url(../image/icon/tel.png) no-repeat left center / 38px auto; display:inline-block; }
#foot .foot_tel .foot_tel_wrap a { font-size:2.25em; font-weight:bold; }
#foot .foot_tel .foot_tel_unit { font-weight:bold; line-height:1; }
#foot .foot_tel .foot_tel_time { font-size:0.8em; color:#4E4E4E; }
#foot .foot_btn_wrap ul { display:flex; justify-content:center; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
#foot .foot_btn_wrap ul li { padding:0 5px; }

.top_contents_wrap[data-cont-size="sm"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .foot_contact_lead,
.top_contents_wrap[data-cont-size="xs"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .foot_contact_lead { font-size:.9em; }
.top_contents_wrap[data-cont-size="sm"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_image,
.top_contents_wrap[data-cont-size="xs"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_image { margin-right:-20px; }
.top_contents_wrap[data-cont-size="sm"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_image img,
.top_contents_wrap[data-cont-size="xs"] #foot .foot_contact_wrap .foot_contact_inner .foot_contact_image img { max-width:180px; }
img,
.top_contents_wrap[data-cont-size="sm"] #foot .foot_btn_wrap,
.top_contents_wrap[data-cont-size="xs"] #foot .foot_btn_wrap { font-size:.9em; }
@media (max-width:767px){
	#foot .foot_contact_wrap .foot_contact_inner .foot_contact_text .foot_contact_lead { font-size:.9em; }
	#foot .foot_contact_wrap .foot_contact_inner .foot_contact_image { margin-right:-20px; }
	#foot .foot_contact_wrap .foot_contact_inner .foot_contact_image img { max-width:180px; }
	#foot .foot_btn_wrap { font-size:.9em; }
}

@container foot (max-width:575px){
	#foot .foot_contact_wrap::before { content:""; width:120px; height:200px; background:url(../image/layout/foot_contact_image.png) no-repeat bottom center / contain; position:absolute; bottom:0; right:auto; left:calc(50% + 30px); z-index:1; }
	#foot .foot_tel { margin-bottom:50px; }
	#foot .foot_contact_wrap .foot_contact_inner .foot_contact_image { display:none; }
	#foot .foot_btn_wrap { width:180px; }
	#foot .foot_btn_wrap ul { flex-direction:column; width:100%; }
	#foot .foot_btn_wrap ul li { padding:0 0 10px; width:100%; }
	#foot .foot_btn_wrap ul li .button { width:100%; }
}

#foot .foot_logo { margin-bottom:30px; }
.foot_address_wrap { background:var(--c-blue); color:#fff; text-align:center; padding:60px 20px 20px; }
.foot_address_wrap a { color:#fff; }
.foot_address_wrap address { font-weight:500; margin-bottom:20px; }
.foot_banner_wrap ul { display:flex; justify-content:center; flex-wrap:wrap; width:calc(100% + 10px); margin-left:-5px; margin-right:-5px; }
.foot_banner_wrap ul li { padding:0 5px 10px; }
.foot_banner_wrap ul li a { display:block; }
.foot_navi_wrap { background:var(--c-blue); padding:0 20px; text-align:center; color:#fff; }
.foot_navi_wrap ul { display:flex; justify-content:center; flex-wrap:wrap; width:calc(100% + 20px); margin-left:-10px; margin-right:-10px; }
.foot_navi_wrap ul li { padding:0 10px; }
.foot_navi_wrap ul li a { color:#fff; }

#copyright { background:var(--c-blue); color:#fff; text-align:center; font-size:0.9em; padding:20px; }
.arrow_left_black, .search_black { background-position:center center; background-repeat:no-repeat; background-size:100%; }
.arrow_left_black { background-image:url("/common/svg/arrow_left_black.svg"); padding:4px; }

.search_black { background-image:url("/common/svg/search_black.svg"); padding:calc(27px / 2);}
.search_box { background-color:#FBFBFB; border-radius:10px; }
.search_box .search_text { font-weight:500; background:url("/common/svg/search_black.svg") no-repeat left center / 27px auto; padding:10px 10px 5px 30px; }
.search_box .search_category { display:flex; flex-wrap:wrap; list-style:none; }
.search_box .search_category .button { border:1px solid #444; color:#444; border-radius:30px; padding:3px 10px; background:#fff; font-weight:bold; }
.search_box .search_category .button._all { background:#444; color:#fff; }
.search_box .search_category .button.selected:not(._all),
body.pc .search_box .search_category .button:not(._all):hover { border-color:#df3d3d; color:#df3d3d; }
body.pc .search_box .search_category .button._all:not(.selected):hover { border-color:#df3d3d; background:#df3d3d; }
@media (max-width:575px){
	.search_box {  padding:10px 5px 10px 20px; }
	.search_box .search_text { display:block; margin-bottom:5px; }
	.search_box .search_category { margin-left:-3px; }
	.search_box .search_category li { padding:0 3px 5px; }
}
@media (min-width:575px){
	.search_box { display:flex; align-items:center;  padding:10px 5px 5px 20px; }
	.search_box .search_category { padding:5px 0 0 5px; }
	.search_box .search_category li { padding:0 5px 10px; }
}

.strength_table_wrap { container:strength_table_wrap / inline-size; }
.strength_table_wrap .graph_wrap { display:flex; justify-content:center; align-items:flex-end; }
.strength_table_wrap .graph_wrap .graph1 table tr { background-color:#E6E6E6; border-bottom:1px solid #FFFFFF; height:80px; }
.strength_table_wrap .graph_wrap .graph1 table tr td { width:300px; min-height:80px; text-align:center; font-weight:500; }
.strength_table_wrap .graph_wrap .graph2 table tr.v1 { height:60px!important; background-color:#E6EFF7; }
.strength_table_wrap .graph_wrap .graph2 table tr.v1 img { width:50px; height:auto; }
.strength_table_wrap .graph_wrap .graph2 table { border:5px solid #4F86BE; }
.strength_table_wrap .graph_wrap .graph2 table tr { height:80px; border-bottom:1px solid #F0F0F0; }
.strength_table_wrap .graph_wrap .graph2 table tr th { display:flex; align-items:center; justify-content:center; height:60px; width:360px; font-size:1.2rem; }
.strength_table_wrap .graph_wrap .graph2 table tr td { display:flex; flex-direction:column; align-items:center; justify-content:center; height:80px; width:360px; font-weight:500; }
.strength_table_wrap .graph_wrap .graph2 table tr td img { width:30px; margin-bottom:5px; }
@container strength_table_wrap (max-width:575px) {
	.strength_table_wrap .graph_wrap .graph1 table tr td { width:190px; font-size:0.8rem; } .strength_table_wrap .graph_wrap .graph2 table tr th { width:215px; font-size:1.2rem; } .strength_table_wrap .graph_wrap .graph2 table tr td { width:215px; font-size:0.8rem; }
}
@container strength_table_wrap (max-width:425px) {
	.strength_table_wrap .graph_wrap .graph1 table tr td { width:180px; font-size:0.65rem; } .strength_table_wrap .graph_wrap .graph2 table tr th { width:170px; font-size:0.9rem; } .strength_table_wrap .graph_wrap .graph2 table tr td { width:180px; font-size:0.65rem; }
}

/*===================================================================
	case
===================================================================*/
.case_list { display:flex; flex-wrap:wrap; align-items:stretch; margin-left:-10px; margin-right:-10px; }
.case_list .case_list_unit { width:25%; padding:0 10px 20px; }
.case_list .case_list_unit a { height:100%; display:block; width:100%; box-shadow:5px 5px 5px #B8B8B8; border-radius:10px; overflow:hidden; background:#fff; }
.case_list .case_list_unit .case_list_image { aspect-ratio:1/1; overflow:hidden; }
.case_list .case_list_unit .case_list_image img { width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
.case_list .case_list_unit .case_list_text { position:relative; padding:20px 10px; }
.case_list .case_list_unit .case_list_title { font-weight:bold; line-height:1.3; }
.case_list .case_list_unit .case_list_tag { padding:1px 7px; font-weight:bold; position:absolute; top:-15px; left:0; color:#FFFFFF; }
.case_list .case_list_unit .case_list_tag.v1 { background-color:#DF3D3D; }
.case_list .case_list_unit .case_list_tag.v2 { background-color:#444444; }
body.pc .case_list .case_list_unit:hover .case_list_image img { transform:scale(1.15,1.15); }
@media (max-width:575px) {
	.case_list .case_list_unit { width:100%; }
}
@media (min-width:576px) and (max-width:768px) {
	.case_list .case_list_unit { width:48%; }
}