@media only screen and (max-width:700px){
:root {
	--header-height:70px;
}
body { min-width:375px; font-size:15px; line-height:200%;}
#content{ width:100%;}
#footer { width:100%;}

#wrapper { border-top:none;}
#base { width:auto; margin:0 !important; }

#page { bottom: 0; }
#page, #page a { width: 50px; height: 50px; }
.pc { display:none;}
.sm { display:block;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { z-index: 99999; align-items:end;}

#header h1 {
	margin-top: 0;
  margin-left: 15px;
  margin-bottom: 15px;
}

#header h1 a img {
	width: 133px;
  height: 15px;
}

/* #header .search_sp {
	margin-top: -15px;
} */

.search_box .searchField {
    width: 234px;
    height: 42px;
    font-size: 100%;
    font-weight: 400;
    padding: 5px 10px;
    pointer-events: all;
    vertical-align: middle;
    border: 1px solid #707070;
    font-family: "Noto Sans JP", sans-serif;
}

.search_box .searchSubmit {
    padding: 0;
    width: 75px;
    height: 42px;
    border: none;
    cursor: pointer;
    margin-left: 25px;
    border-radius: 25px;
    text-indent: -9999px;
    vertical-align: middle;
    background: #1A1311 url(../image/icon_search1.svg) no-repeat center;
    background-size: 24px 24px;
}

#header::before {
	display: none;
}

/*====================================================================================================
  CONTENT
====================================================================================================*/

#content {}

.box1400 { max-width: 86.8%; }

.b_more a { font-size: 87.5%; }


.lists_box { column-gap: 10%; row-gap: 50px; }
.lists_box li { width: 45%; }
.lists_box li::before { right: -11%; }
.lists_box .title { font-size: 100%; margin-block: 15px;}
.lists_box .title span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%;}
.lists_box .title::after {
    right: 4px;
 }

.lists_box .come {
	font-size: 87.5%;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.lists_box2 { margin-top: 20px; }
.lists_box2 li {}

.lists_box .photo img {
    transition: all 0.5s ease;
    height: auto;
    object-fit: cover;
    object-position: right;
}

.lists_box2 .title a {
	padding-right: 24px;
	white-space: initial;
}

.content_box strong {
    font-size: 100%;
    font-weight: 900;
}

/*====================================================================================================
  FOOTER
====================================================================================================*/
.dflex { display: block; }

.contact_box { padding-block: 45px 55px; }
.contact_box .box1200 { max-width: 100%; text-align: center; }
.contact_box dl dt { font-size: 137.5%; }
.contact_box dl dt::before { max-width: 358px; width: 100%; left: 0; right: 0; top: -45px; margin: auto; }
.contact_box dl dd { font-size: 87.5%; margin-top: 25px; }
.contact_box .b_wh { width: 242px; margin: 35px auto 0; }
.contact_box .b_wh a { height: 52px; border: 1px solid #EEE; }

.f_nav {
	display: flex;
	column-gap: 0;
	flex-wrap: wrap;
	justify-content: space-between;
}
.f_nav1 { row-gap: 25px; }
.f_nav1 li { width: 45%; }
.f_nav1 li:nth-child(even) { width: 55%; }
.f_nav2 { row-gap: 10px; }

.f_box1 { padding-block: 70px 45px; }
.f_box1 .logo {
	width: 163px;
	height: 29px;
	margin: auto;
	background: url(../image/logo2.svg) no-repeat;
	background-size: contain;
}
.f_box1 .sns { display: flex; width: 145px; margin: 45px auto; }
.f_box1 .sns li:nth-child(1) { margin-top: 0; font-size: 81.3%; }

.f_box2 { padding-block: 45px 80px; }
.f_box2 .f_nav2 { column-gap: 0; }
.f_box2 .f_nav2 li { width: 60%; }
.f_box2 .f_nav2 li:nth-child(even) { width: 40%; }
.f_box2 .copy { margin-top: 30px; text-align: center; font-size: 75%; }


/*====================================================================================================
  TOP PAGE
====================================================================================================*/

.toppage h3 b { font-size: 187.5%; }
.toppage h3 small { font-size: 87.5%; }


/* TOP MAINIMG */
/* .mainimg {
	height: 375px;
	background-image: url(../../image/top/mainimg-sm.jpg);
}
.mainimg h2 {
	top: 15px;
	transform: none;
	font-size: 162.5%;
	line-height: 130%;
	text-align: center;
	text-shadow: 0 1px 15px rgba(0, 0, 0, 0.35);
} */
.top_slider_wrap { --block-gap:50px; margin-block:0 calc(var(--block-gap) * 2);}
.top_slider_wrap .slick-slide { margin-inline:0; width:100vw;}
.top_slider_wrap .slick-slide img { aspect-ratio:1/1;}

.top_slider_wrap .arrow_box { display:none;}
.top_slider_wrap .slick-dots { gap:0 10px;}
.top_slider_wrap .slick-dots li { width:20px;}



/* PICKUP */
.pickup { margin-block: 60px 80px; }
.pickup .pickup_slider li {
	/* --margin-right:38px;
	width:180px; */
	width:100cqw;
}
.pickup .slider_navi { column-gap: 5px; top: -5px; }
.pickup .slider_navi li { width: 39px; height: 39px; }


/* COMMON VISUALS */
.top_visuals {}
.top_visuals::before {
	width: 165.5%;
	--cut: 120px;
	left: 8.5%;
	top: -30px;
	transform: none;
	height: calc(100% + 170px);
}
.top_visuals::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -75px;
	z-index: -2;
	margin: auto;
	width: 86.8%;
	height: calc(100% + 215px);
	background: #F8F8F8;
}

.top_visuals .tit1 { font-size:20.53vw;}
.top_visuals .txt_box { left: 0; bottom: -141px; padding: 30px 25px; }
.top_visuals .mid2 { font-size: 137.5%; }
.top_visuals .come { font-size: 87.5%; margin-block: 13px 15px; }
.top_visuals .b_more { width: 142px; }
.top_visuals .b_more a { font-size: 81.3%; height: 32px; }
.top_visuals .photo img { height: 270px; }
/* ABOUT */
.top_about::after { display: none; }
.top_about .mid1 { max-width: 62.1%; top: -35px;}
.top_about .mid1 .tit1 {
	--font-size:20.53vw;
	font-size:var(--font-size);
	bottom:calc(var(--font-size) / 4 * -1);
}
.top_about .txt_box {
	right: 0;
	top: auto;
	bottom: 20px;
	margin: 0 auto;
	padding-inline:0;
	transform: none;
}
/* INNOVATION */
.top_innovation { margin-block: 135px 275px; }
.top_innovation::before { left: auto; right: -11.2%; }
.top_innovation .txt_box { width: 81.3%; }
.top_innovation .mid1 { max-width: 96.6%; /*right: -5px;*/ left:0; right:auto;}
.top_innovation .mid1 .tit1 {
	--font-size:17.86vw;
	font-size:var(--font-size);
	left:0;
	right:auto;
}
.top_innovation .photo { clip-path: none; }
.top_innovation .photo img { object-position: center; }
/* ESG/SGDs */
.top_esg .mid1 { max-width: 96.7%; left: -10px; }
.top_esg .txt_box { width: 70.1%; left: auto; right: 0; }
.top_esg .photo { clip-path: none; }
.top_esg .photo img { object-position: 58%; }

/* NOTICE */
.top_notice { display: block; /*margin-block: 170px 50px;*/ margin-block:0 50px; }
.top_notice h3 small { font-size: 81.3%; display: block; }
.top_notice .notice_box { width: 100%; /*margin-top: 65px;*/ }
.top_notice .notice_box .lists_box2 { margin-block:15px 53.5px;}
.top_notice .notice_box .lists_box2::after { display: none; }
.top_notice .notice_box .lists_box2 li { border-bottom:1px solid #EEE; padding-block:12.5px 0;}
.top_notice .notice_box .lists_box2 li+li { border-top: none;}
.top_notice .notice_box .lists_box2 li:first-child { padding-top:0;}
.top_notice .notice_box .lists_box2 .title { margin-block:5px 0;}

/* PRODUCT */
.top_product {
	max-width: 100%;
	background: url(../../image/top/product_bg-sm.jpg) no-repeat bottom 130px center / 100% auto;
	/* 130px: .top_product .b_more a のheight */
}
.top_product::before {
	content: "";
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -52px;
	z-index: -2;
	margin: auto;
	width: 83.5%;
	height: 100%;
	background: #F8F8F8;
}
.top_product .mid1 {
	left: 0;
	right: 0;
	top: auto;
	bottom: 83px;
	z-index: 2;
	width: auto;
	height: auto;
	text-indent: 0;
	background: none;
	font-size: 375%;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	letter-spacing: 0.07em;
	font-family: yantramanav, sans-serif;
}
.top_product .txt_box { position: initial; transform: none; }
.top_product .catch {
	font-size: 100%;
	line-height: 150%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
	transform: translateY(-50%);
}
.top_product .catch span { font-size: 112.5%; }
.top_product .catch1 { display: block; }
.top_product .catch2 { display: none; }
.top_product .b_more { width: 100%; margin-top:0; position: absolute; bottom:0; }
.top_product .b_more a {
	height: 130px;
	border-radius: 0;
	font-size: 112.5%;
	background: #736F6E;
}
.top_product .b_more a::after { display: none; }
.top_product .b_more a span { position: relative; margin-top: 30px; text-indent: -25px; }
.top_product .b_more a span::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 19px;
	height: 19px;
	transform: translateY(-50%);
	background: url(../image/icon_link.svg) no-repeat;
	background-size: contain;
}


/* SPONSOR */
.sponsor { margin-block: 80px 105px; }
.sponsor .sponsor_list {
	flex-wrap: wrap;
	border-top:1px solid #EEE;
	border-left:1px solid #EEE;
	border-right:none;
	border-bottom:none;
}
.sponsor .sponsor_list li {
	width: 50%;
	border-top:none;
	border-left:none;
	border-right:1px solid #EEE;
	border-bottom:1px solid #EEE;
}
.sponsor .sponsor_list li a {
	height: 23.5vw;
	border:none;
}

/* MOVIES */
.movies { flex-direction:column; margin-block:80px;}

/*====================================================================================================
  SUB PAGE
====================================================================================================*/
/* PAN */
.pan { margin-bottom: 20px; overflow:hidden; white-space:nowrap;}
.pan a { }
.pan :is(dt, dd) { font-size:81.25%;}
.pan dt { position:relative;}
.pan dd:before { content:none;}
.pan :is(dt, dd:not(:last-child)):after{
	content:"";
	position:absolute;
	display:block;
	bottom:2px;
	right:-26px;
	width:1px;
	height:50px;
	background:#bebebe;
	rotate:15deg;
}
.pan dd:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* PAGE TITLES */
.archive_title { height:calc(100vw / 25 * 18); /* aspect-ratio:25/18 */ }
.archive_title::before { width: 100%; top: 30px; }
.archive_title::after { top: 30px; }
.archive_title h2 { top:70%; bottom: auto; transform: translateY(-50%); }
.archive_title h2 small { font-size:75%; padding-left:12px; }
.archive_title h2 small::before { width:7px; height:7px; }
.archive_title h2 b { font-size:162.5%; margin-block:0 8px;}
.archive_title h2 span { font-size:81.25%; line-height:150%;}

.archive_title .tit1 { font-size: 18vw; left:auto; bottom:-30px; max-width:unset; width:fit-content;}
.about_title .tit1 { font-size:18.66vw;}
.innovation_title .tit1 { font-size:17.6vw; }
.esg_title .tit1 { font-size:13.6vw;}

.lists_box2 .title a span {
	font-size: 16px;
	text-wrap: wrap;
}

/* single_title */
.single_title { padding-block: 25px 30px; }
.single_title::before {
	top:calc(100% - 20px);
	width:72.8%;
	height:25vw;
	clip-path:polygon(0 0, 100% 0, 90% 100%, 0 100%);
}
.single_title h2 small { font-size:75%; padding-left:13px;}
.single_title h2 small:before { width:6px; height:6px;}
.single_title h2 b { font-size:137.5%; margin-top:0; }
.single_title .tit1 {
	--fv-height:calc(95vw / 140 * 51);			/* fv画像の高さ。140:51 のアスペクト比で、横幅95vw */
	--text-height:calc(1rem * 2.5 * 0.8);		/* 文字そのものの高さ。font-size:250%, line-height:80% */
	font-size: 250%;
	bottom:calc(var(--fv-height) * -1 - var(--text-height));
}
.single_title .photo { width: 95%; left: auto; right: 0; }
.single_title .photo img { height:auto;}

/* page_title */
.page_title,
.page_title.kekka { height:100px; background-position:right center;}
.page_title:before { --cut:14.86%; height:110%;}
.page_title h2 b { font-size:28px;}
.page_title h2 small { font-size:12px; margin-top:5px;}
.page_title h2 small::before { width:7px; height:7px;}

.page_title + .subpage { margin-top:50px;}
.page_title + .subpage .content_box h3 { margin-top:0;}



/* COMMON SUBPAGE CSS */
.subpage { margin-block: 100px; }
.subpage h3 b { font-size: 187.5%; }
.subpage h3 small { font-size: 87.5%; }
.subpage p { margin-bottom:}
.subpage.single { margin-block:180px 116.5px;}

.cate_list { font-size: 100%; padding-top: 17px; column-gap: initial; justify-content: space-between; margin-bottom: 50px; border-radius: 5px; }
.cate_list li { width: auto; font-size: 80%; padding-block: 10px; margin: 5px auto 0; border-radius: 10px 10px 0 0; }
.cate_list li a { padding: 0px 16px; }
.cate_list li:not(.active):before { background: none; }

/* PAGE NAVIGATION */
.wp-pagenavi { margin-block: 50px; padding-block: 15px; }
.wp-pagenavi a.top { width: 120px; }
.topics .wp-pagenavi { width:95vw; margin:100px calc(50% - 50vw + 2.5vw); padding:10px 0;}
.topics .wp-pagenavi a.top { width: 120px; }
/* .wp-pagenavi li:nth-child(4),
.wp-pagenavi li:nth-child(5),
.wp-pagenavi li:nth-child(6) { display: none; } */
.topics .wp-pagenavi a, .wp-pagenavi span { width:35px; height:35px; margin:0 2px; width:32.5px; height:32.5px;}
.topics .wp-pagenavi .nextpostslink a, .topics .wp-pagenavi .previouspostslink a { --w:45px;}
.topics .wp-pagenavi .nextpostslink a { right:-12.5px;}
.topics .wp-pagenavi .previouspostslink a { left:-12.5px;}



/* COMMON SINGLE PAGE */
.single { margin-block: 250px 100px; }
.single.single-post {
	margin: 0;
}
.content_box p { margin-bottom:10px;}
.content_box .strong { font-size:106.25%;}
.content_box .flexed_content { display: block; }
.content_box .spacer { height: 50px; }
.content_box h3 { font-size: 133.5%; margin-block:75px 25.5px; padding-bottom:13.5px;}
.content_box h4 { font-size: 120%; margin-block:40px 17px;}
.content_box h4.has-text-align-center { padding-bottom:15px;}
.content_box h5 { font-size: 113.4%; margin-block:40px 14px;}
.content_box h5.has-text-align-center::before { max-width:100vw;}
.content_box h6 { font-size: 107%; margin-block:40px 17px; padding-left:17px; }
.content_box h6::before { width: 8px; height: 8px; }
.content_box h4.mid::after { bottom: -15px; }
.content_box h5.mid span { padding: 0 15px; }

.single_post.content_box h3 {
	font-size: 20px;
	line-height: 160%;
}

.content_box :where(h2, h3, h4, h5, h6) + h3 { margin-top:37.5px;}
.content_box :where(h2, h3, h4, h5, h6) + h4 { margin-top:37.5px;}
.content_box :where(h2, h3, h4, h5, h6) + h5 { margin-top:37.5px;}
.content_box :where(h2, h3, h4, h5, h6) + h6 { margin-top:25px;}

.content_box :is(h2, h3, h4, h5, h6) { line-height:200%;}

.content_box .quoted_txt { margin-block: 30px; padding: 20px; }
.content_box .quoted_txt span { font-size: 120%; }
.content_box .boxed_txt { padding: 20px; }
.content_box ul.ul_lists { margin-block: 30px; }
.content_box ol.ol_lists { margin-block: 30px; padding-left: 20px; }
.content_box table { width: 100%; }
.content_box table tr th { padding-block: 20px; width: 30%; }
.content_box table tr td { padding: 20px 10px; }
.content_box .photo-r { max-width: 100%; margin-block: 30px; }
.content_box .photo-r .caption { margin-top: 10px }
.content_box .column_label { margin-block: 30px 10px; }
.content_box .column_box .photo img { height: 150px; }
.content_box .column_box .come { font-size: 87.5%; margin-top: 15px; }
.content_box .column3 .box { width: 30%; }

.content_box .wp-block-quote { margin:50px auto; padding:15px 30px;}
.content_box .wp-block-quote::before { width:calc(100% - 40px);}
.content_box .wp-block-quote p { font-size:17px;}

.content_box .is-layout-flex { margin-bottom:20px; gap:20px;}

.content_box .is-provider-youtube { margin-bottom:60px;}
.content_box .is-provider-youtube .wp-block-embed__wrapper { width:100%;}

.content_box .wp-block-separator { margin-block:40px;}

/*====================================================================================================
  related
====================================================================================================*/
.related { margin-top:86px; padding-top:0; border-top:none;}
.related h4.mid { font-size:20px; margin-bottom:45px; padding-bottom:20px;}
.related h4.mid::after { bottom:0;}
.related .child-pages-list { gap:0;}
.related .child-pages-list li { flex:auto; flex-basis:100%; padding-block:13.5px; border-bottom:solid 1px #EEEEEE;}
.related .child-pages-list li:nth-child(n+3) { border-top:none;}
.related .child-pages-list li:before { width:5px; height:5px; right:14px;}
.related .child-pages-list li a { gap:13px;}
.related .child-pages-list li a img { width:17.33vw; height:auto; aspect-ratio:13/9;}
.related .child-pages-list li a span { font-size:14px; max-width:calc(100% - 20% - 13px - 28px);}

/*====================================================================================================
  BRAND STATEMENT
====================================================================================================*/
.yantramanav.tit1 {
    color: #FFF;
    font-size: 12.9vw;
  }
 .brand-statement {
    font-size: 14px;
    padding-right: 110px;
}
.line {
    width: 100px;
}

/*====================================================================================================
  PAGE TITLE
====================================================================================================*/

/*====================================================================================================
  PAGE TITLE
====================================================================================================*/

/*====================================================================================================
  PAGE TITLE
====================================================================================================*/
}