html{
	font-size: 10px;
}
html.sp{
	font-size: 13px;
}

html.pc     .sp:not(.pc){ display: none !important; }
html.pc     .tablet:not(.pc){ display: none !important; }
html.sp     .pc:not(.sp){ display: none !important; }
html.sp     .tablet:not(.sp){ display: none !important; }
html.tablet .pc:not(.tablet){ display: none !important; }
html.tablet .sp:not(.tablet){ display: none !important; }

html.pc     .pc_hide{ display: none !important; }
html.sp     .sp_hide{ display: none !important; }
html.tablet .tablet_hide{ display: none !important; }

body{
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.6;
	letter-spacing: 1px;
	overflow-x: hidden;
	/*letter-spacing: 1.5px;*/
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%; /* iPhoneだけ文字が大きくなる現象を防ぐ */
	font-feature-settings: "palt"; /* 文字詰め（フォントにカーニング情報が含まれる場合） */
}
html.sp body{
	/*padding: 0 30px;*/
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


h1{
	font-size: 1.8rem;
	margin: 65px 0 60px;
	line-height: 1.6;
}
html.sp h1{
	font-size: 1.5rem;
}
h1 img{
	vertical-align: 3px;
}
h1 img:nth-of-type(1){
	vertical-align: 0px;
	margin: 0 20px 0 0;
}
h1 span{
	vertical-align: 6px;
}

h2{
	font-size: 1.8rem;
	margin: 0;
}

h2.yellow{
	font-size: 2.6rem;
	background-color: #fff349;
	padding: 5px 10px;
	margin: 110px 0 40px;
}

h3{
	font-size: 1.5rem;
	font-weight: normal;
	margin: 20px 0;
}

h4{
	font-size: 1.2rem;
	font-weight: normal;
	margin: 15px 0;
}

p{
	text-align: justify;
	letter-spacing: 2px;
}

img{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

iframe{
	vertical-align: bottom;
	max-width: 100%;
}

a{
	color: #000;
}

a,
a:link,
a:visited{
	text-decoration: underline;
}

a:hover{
	/*text-decoration: underline;*/
}

a img{
	display: inline-block;
	text-decoration: none;
	border-style: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60);
	text-decoration:none;
}

hr{
	border: 0;
	border-top: 1px solid #000;
}

.flex{ display:flex; gap:40px; }
.flex.inline{ display:inline-flex; }
.flex.wrap{ flex-wrap:wrap; }
.flex.between{ justify-content:space-between; }
.flex.center{ justify-content:center; }
.flex.v_center{ align-items:center; }
.flex.v_start{ align-items:flex-start; }
.flex .col33{ flex-basis: 33%; }
.flex .col50{ flex-basis: 50%; }
html.sp .flex.sp_column{ flex-direction: column !important; }
html.sp .flex.sp_v_center{ align-items:center !important; }

.ta_center{ text-align: center !important; }
.ta_right{ text-align: right !important; }
.ta_left{ text-align: left !important; }
html.sp .sp_ta_left{ text-align: left !important; }

.wrap{ white-space: normal !important; }
.nowrap{ white-space: nowrap !important; }

.wbr{ word-break: keep-all; }

.hover_yellow:hover img{
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #fff349;
}

ul.type1{
	padding: 0;
	margin: 0px 0;
	list-style: none;
}
ul.type1 > li{
	text-indent: -1em;
	margin: 5px 0 5px 1em;
}
ul.type1 > li:before{
	content: "○";
	white-space: nowrap;
	font-feature-settings: normal;
}


.chui{
	font-size: 1.2rem;
	line-height: 1.6;

}
ul.chui{
	padding: 0 0 0 1em;
	margin: 0;
}
ul.chui li{
	list-style: none;
	text-indent: -1em;
}
ul.chui li:before{
	content: "●";
}

#page_top_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	width: 100%;
	left: 0;
	background-color: rgba(255,255,255,0.8);
	border-bottom: 1px solid rgba(0,0,0,0.3);
	z-index: 1000;
}
#page_top_header > div{
	display: flex;
	align-items: center;
}
#page_top_header .page_width{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
}
#page_top_header .title{
	margin: 0 0 0 30px;
}
html.sp #page_top_header .title img{
	width: 145px;
}
#page_top_header a:hover img{
	opacity: 1;
}
#page_top_header .tel,
#page_top_header .mail,
#page_top_header label[for="nav_switch"]{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 72px;
	height: 72px;
}
html.sp #page_top_header .tel,
html.sp #page_top_header .mail,
html.sp #page_top_header label[for="nav_switch"]{
	width: 66px;
	height: 66px;
}
#page_top_header .tel_mail{
	display: flex;
}
#page_top_header .tel_mail a{
	transition: opacity 0.1s linear;
}
#page_top_header .tel_mail a:hover{
	opacity: 0.7;
}
#page_top_header .tel{
	background-color: #fff349;
}
#page_top_header .mail{
	background-color: #000;
}

nav.global{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 20px;
}
html.sp nav.global{
	flex-direction: column;
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	padding: 30px 0;
	margin: 0;
	background-color: #fff;
	opacity: 0;
	pointer-events: none;
	z-index: 1100;
	transition: opacity 0.2s linear;
}
html.sp #nav_switch:checked ~ #page_top_header nav.global{
	opacity: 1;
	pointer-events: auto;
}
nav.global a{
	margin: 0 10px;
}
html.sp nav.global a img{
	padding: 17px 0;
	zoom: 1.774;
}
nav.global a:hover{
	border-bottom: 1px solid #000;
}
html.sp nav.global a:hover{
	border-bottom: 0;
}
@media (max-width: 870px) {
	nav.global{
		justify-content: flex-start;
	}
}

input[id="nav_switch"]{
	display: none;
}
img[src*="/nav_knob_open."],
img[src*="/nav_knob_close."]{
	width: 35px;
}
img[src*="/nav_knob_close."]{
	display: none;
}

.header_height{
	height: 72px;
}
html.sp .header_height{
	height: 66px;
}

nav.page{
	position: sticky;
	box-sizing: border-box;
	font-size: 1.8rem;
	line-height: 34px;
	top: 100px;
	padding: 0 0 0 52px;
	z-index: 1000;
}
html.sp nav.page{
	padding: 0 0 0 0px;
}
html.sp #nav_switch:checked ~ #primary nav.page{
	visibility: hidden;
	pointer-events: none;
}
nav.page a,
nav.page span{
	position: relative;
	z-index: 100;
}
nav.page a{
	vertical-align: top;
	/*border-top: 1px solid transparent;*/
	/*border-bottom: 1px solid transparent;*/
}
nav.page img{
	display: inline-block;
}
nav.page a[href]:hover img{
	opacity: 1;
	background-color: #fff349;
}
html.sp nav.page img{
	height: 16px;
}
html.sp nav.page a:hover img{
	background-color: transparent;
}
nav.page a:hover{
	/*border-top: 0;*/
	/*border-bottom: 1px solid #000;*/
}

footer{
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 0;
	padding: 80px 0 0;
}
html.sp footer{
	padding: 50px 0 0;
}
footer .lr_outer .left{
	text-align: left;
	flex-basis: 400px;
	padding: 0;
}
html.sp footer .lr_outer .left{
	display: block;
	flex-basis: 100%;
	padding: 0 20px;
}
footer .lr_outer .right{
	flex-basis: 700px;
}
html.sp footer .lr_outer .right{
	display: none;
}
footer .lr_outer .left .title img{
	width: 120px;
	margin: 0 0 20px;
}
html.sp footer .lr_outer .left .title img{
	width: 160px;
}
footer nav.footer_global{
	margin-bottom: 18px;
}
footer nav.footer_global div{
	display: inline-block;
	width: 100px;
	margin-bottom: 13px;
}
footer nav.footer_global img{
	width: auto;
	zoom: 0.774;
}
html.sp footer nav.footer_sns{
	text-align: center;
	width: 100%;
	margin: 50px 0 0;
}
footer nav.footer_sns a{
	display: inline-block;
	margin-right: 20px;
}
html.sp footer nav.footer_sns a{
	margin: 0 15px;
}
html.sp footer nav.footer_sns a.mail{
	display: inline-block;
}
footer nav.footer_sns a img{
	width: 30px;
}
html.sp footer nav.footer_sns a img{
	width: 38px;
}
footer nav.footer_sns br{
	display: none;
}
footer .copyright{
	text-align: center;
	background-color: #fff;
	padding: 10px 0 10px;
	margin: 150px 0 0;
}
html.sp footer .copyright{
	background-color: #fff349;
	margin: 0;
	padding: 45px 0 50px;
}

:root {
  --pc_page_width: 1000px;
  --pc_page_right: 950px;
}

.page_width{
	max-width: 90%;
	width: 1000px;
	margin: 0 auto;
}

.contents{
}


p.p1{
	text-align: center;
	font-size: 1.8rem;
	line-height: 2;
	margin: 25px 0 50px 0;
}
html.sp p.p1{
	font-size: 1.7rem;
}

.gray_bg{
	background-color: #efeff0;
}

.yellow_bg{
	background-color: #fff349;
}

.lr_outer{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.lr_outer .left{
	text-align: center;
	line-height: 1.6;
	flex-basis: 50px;
	box-sizing: border-box;
	padding: 30px 30px 0 0;
}
html.sp .lr_outer > .left{
	display: none;
}
.lr_outer .left .mail{
	display: none;
}
.lr_outer .left img{
	margin: 3px 0;
}
.lr_outer .right{
	flex-basis: 950px;
}
html.sp .lr_outer .right{
	flex-basis: auto;
	width: 100%;
}

.row3{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
html.sp .row3{
	flex-wrap: wrap;
	margin-left: 3%;
	margin-right: 3%;
}
.row3 .box{
	text-align: left;
	flex-basis: 31.5%;
}
html.sp .row3 .box{
	flex-basis: 100%;
	margin-bottom: 80px;
}
html.sp .row3 .box.dummy{
	margin-bottom: 0px;
}
.row3 .box h3{
	text-align: left;
	font-size: 2rem;
	font-weight: bold;
	margin: 0;
}
html.sp .row3 .box h3{
	font-size: 2.2rem;
}
html.sp .row3 .box h3 img{
	height: 30px;
}
.row3 .box .image{
	margin: 2px 0 10px 0;
}
.row3 .box .image.fit{
	aspect-ratio: 1.4;
	overflow: hidden;
}
.row3 .box .image.fit img{
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50%;
}
html.sp .row3 .box .image img{
	width: 100%;
}
.row3 .box time{
	font-size: 1.3rem;
	font-weight: bold;
	color: #838383;
}
.row3 .box p{
	text-align: justify;
	overflow: hidden;
	/* height: 122px; */
	margin: 10px 0 15px 0;
}
html.sp .row3 .box p{
	/* height: 128px; */
}

.row2{
	display: flex;
	justify-content: space-between;
	/*align-items: flex-start;*/
}
html.sp .row2{
	flex-direction: column;
}
.row2 .box{
	flex-basis: 48%;
}
html.sp .row2.sp_reverse .box:nth-of-type(1){
	order: 2;
	padding: 50px 0;
}
html.sp .row2.sp_reverse .box:nth-of-type(2){
	order: 1;
}


/* top_page **************************************** */

#top_page{
	text-align: center;
	background-image: url(./img/index/top_bg.svg);
	background-repeat: no-repeat;
	background-position: 0 calc(55vw + 100px);
}
html.sp #top_page{
	background-image: none;
}

#top_page .top_movie{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55vw;
	overflow: hidden;
}
#top_page .top_movie iframe{
	width: 100%;
	height: calc(50vw + 900px);
}
#top_page .top_news{

}

#top_page .slide_show_area{
	display: flex;
	justify-content: space-between;
}
html.sp #top_page .slide_show_area{
	max-width: 100%;
}
#top_page .slide_show_area .left{
	flex-basis: 180px;
	box-sizing: border-box;
	padding-top: 160px;
}
html.sp #top_page .slide_show_area .left{
	display: none;
}
#top_page .slide_show_area .right{
	flex-basis: 820px;
	box-sizing: border-box;
	padding-left: 45px;
}
html.sp #top_page .slide_show_area .right{
	padding-left: 0;
}
#top_page .slide_show_area .slide_show{
	position: relative;
}
#top_page .slide_show_area .slide_show:before{
	content: "";
	display: block;
	position: absolute;
	bottom: -45px;
	left: -45px;
	width: calc(100% + 45px);
	height: 90px;
	background-color: #fff349;
}
html.sp #top_page .slide_show_area .slide_show:before{
	display: none;
}
#top_page .metaslider .flexslider{
	margin: 0 0 45px 0;
}
#top_page .metaslider .flex-control-nav{
	display: flex;
	flex-direction: column;
	bottom: 46px;
	left: -45px;
}
html.sp #top_page .metaslider .flex-control-nav{
	display: none;
}
#top_page .metaslider .flex-control-nav li a{
	width: 45px;
	height: 95px;
	text-indent: 0;
	position: relative;
	color: transparent;
	border-radius: 0;
	background-color: #e6e7e7;
	margin: 1px 0;
}
#top_page .metaslider .flex-control-nav li a:before{
	position: absolute;
	width: 12px;
	height: 12px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#top_page .metaslider .flex-control-nav li:nth-of-type(1) a:before{
	content: url(./img/index/slide/no_01.svg);
}
#top_page .metaslider .flex-control-nav li:nth-of-type(1) a:before{
	content: url(./img/index/slide/no_01.svg);
}
#top_page .metaslider .flex-control-nav li:nth-of-type(2) a:before{
	content: url(./img/index/slide/no_02.svg);
}
#top_page .metaslider .flex-control-nav li:nth-of-type(3) a:before{
	content: url(./img/index/slide/no_03.svg);
}
#top_page .metaslider .flex-control-nav li:nth-of-type(4) a:before{
	content: url(./img/index/slide/no_04.svg);
}
#top_page .metaslider .flex-control-nav li:nth-of-type(5) a:before{
	content: url(./img/index/slide/no_05.svg);
}
#top_page :is(.slide_show_area, .top_news) .news{
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100% - 45px - 45px);
	/*width: 605px;*/
	margin: -140px 0 140px 45px;
	padding: 10px 0;
	background-color: #fff;
}
#top_page .top_news .news{
	box-sizing: border-box;
	width: min(90vw, 700px);
	height: 58px;
	margin: -58px 0 140px auto;
}
#top_page :is(.slide_show_area, .top_news) .news .title{
	width: 112px;
	min-width: 73px;
	padding: 6px 0;
	margin-right: 35px;
	border-right: 1px solid #ddd;
}
@media (max-width: 1125px) {
	#top_page :is(.slide_show_area, .top_news) .news .title{
		/*width: calc();*/
	}
}
#top_page :is(.slide_show_area, .top_news) .news .list{
	width: calc( 100% - 240px);
	white-space: nowrap;
	overflow: hidden;
	margin-right: -10000px;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news .list{
	width: 100%;
	margin-right: 0;
}
#top_page :is(.slide_show_area, .top_news) .news a{
	display: inline-flex;
	text-align: left;
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 1.3;
	letter-spacing: 0;
	color: #000;
	width: 100%;
	white-space: nowrap;
	transition: margin 0.5s ease-in-out;
}
#top_page :is(.slide_show_area, .top_news) .news a:hover{
	text-decoration: underline;
}
#top_page :is(.slide_show_area, .top_news) .news a:nth-of-type(1){
	 /*margin-left: -100%;*/
}
#top_page :is(.slide_show_area, .top_news) .news a time{
	vertical-align: middle;
	margin-right: 15px;
}
#top_page :is(.slide_show_area, .top_news) .news a span{
	display: inline-block;
	vertical-align: middle;
	/*width: 100%;*/
	/*max-width: 350px;*/
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news{
	position: relative;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 0 ;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news .title{
	width: 100%;
	margin: 0 0 20px 0;
	border-right: 0;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news .title img{
	width: 60px;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news a{
	display: flex;
	align-items: flex-start;
	font-size: 1.5rem;
	line-height: 1.5;
	box-sizing: border-box;
	width: 100%;
	padding: 0 5%;
	margin-bottom: 20px;
}
html.sp #top_page :is(.slide_show_area, .top_news) .news a span{
	white-space: normal;
}
#top_page :is(.slide_show_area, .top_news) .news .arrows{
	display: flex;
	position: absolute;
	/*bottom: 38px;*/
	right: 0;
	width: 80px;
	height: 100%;
	background-color: #000;
	/*z-index: 500;*/
}
html.sp #top_page :is(.slide_show_area, .top_news) .news .arrows{
	display: none;
}
#top_page :is(.slide_show_area, .top_news) .news .arrow{
	display: block;
	position: relative;
	flex-basis: 50%;
	height: 100%;
	color: #fff;
	background-image: url(./img/index/slide/left.svg);
	background-repeat: no-repeat;
	background-position: 70% 50%;
}
#top_page :is(.slide_show_area, .top_news) .news .arrow_right{
	background-image: url(./img/index/slide/right.svg);
	background-position: 30% 50%;
}
#top_page :is(.slide_show_area, .top_news) .news .arrow:hover{
	background-color: #555;
}
#top_page :is(.slide_show_area, .top_news) .news .arrow.disable{
	opacity: 0.5;
}
#top_page :is(.slide_show_area, .top_news) .news .arrow.disable:hover{
	background-color: transparent;
}

#top_page .chapter{
	margin-bottom: 150px;
}
html.sp #top_page .chapter{
	margin-bottom: 100px;
}

:is(#top_page, #company_page) #instagram{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 100px;
}
html.sp :is(#top_page, #company_page) #instagram{
	max-width: 100%;
}

:is(#top_page, #company_page) #instagram .cols{
	display: flex;
	justify-content: space-between;
	padding: 0 30px;
}
html.sp :is(#top_page, #company_page) #instagram .cols{
	flex-wrap: wrap;
	padding: 0;
}
:is(#top_page, #company_page) #instagram .kisso_official{
	margin-right: 30px;
}
html.sp :is(#top_page, #company_page) #instagram .kisso_official{
	margin-right: 0;
}
:is(#top_page, #company_page) #instagram .list,
#sb_instagram #sbi_images{
	position: relative;
	/*width: 428px;*/
	/*height: 300px;*/
	margin-bottom: 50px;
}
html.sp :is(#top_page, #company_page) #instagram .list,
html.sp #sb_instagram #sbi_images{
	width: 500px;
	height: 255px;
}

:is(#top_page, #company_page) #instagram h3{
	font-size: 2rem;
	letter-spacing: 0;
	margin: 20px 0 5px;
}
/*:is(#top_page, #company_page) #instagram .list a,
#sb_instagram #sbi_images .sbi_item{
	display: block;
	position: absolute;
	background-color: #eee;
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity 0.2s linear;
}*/
:is(#top_page, #company_page) #instagram .list a:hover{
	opacity: 0.7;
}

#sb_instagram .sb_instagram_header,
#sb_instagram #sbi_load{
	display: none;
}
/*#sb_instagram #sbi_images{
	display: block;
	padding: 0;
}
#sb_instagram #sbi_images .sbi_item:nth-of-type(1) { width:209px; height:209px; left:0; top:0; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(1) img { width:100%; height:auto; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(2) { width:100px; height:100px; left:218px; top:0px; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(3) { width:100px; height:100px; left:327px; top:0px; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(4) { width:100px; height:100px; left:218px; top:109px; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(5) { width:100px; height:100px; left:327px; top:109px; }
#sb_instagram #sbi_images .sbi_item:nth-of-type(n + 6) { display:none; }

:is(#top_page, #company_page) #instagram .list a:nth-of-type(1) { width:209px; height:209px; left:0; top:0; }
:is(#top_page, #company_page) #instagram .list a:nth-of-type(2) { width:100px; height:100px; left:218px; top:0px; }
:is(#top_page, #company_page) #instagram .list a:nth-of-type(3) { width:100px; height:100px; left:327px; top:0px; }
:is(#top_page, #company_page) #instagram .list a:nth-of-type(4) { width:100px; height:100px; left:218px; top:109px; }
:is(#top_page, #company_page) #instagram .list a:nth-of-type(5) { width:100px; height:100px; left:327px; top:109px; }

html.sp :is(#top_page, #company_page) #instagram .list a:nth-of-type(1) { width:244px; height:244px; left:0; top:0; }
html.sp :is(#top_page, #company_page) #instagram .list a:nth-of-type(2) { width:117px; height:117px; left:254px; top:0px; }
html.sp :is(#top_page, #company_page) #instagram .list a:nth-of-type(3) { width:117px; height:117px; left:382px; top:0px; }
html.sp :is(#top_page, #company_page) #instagram .list a:nth-of-type(4) { width:117px; height:117px; left:254px; top:127px; }
html.sp :is(#top_page, #company_page) #instagram .list a:nth-of-type(5) { width:117px; height:117px; left:382px; top:127px; }
*/
.kisso_official #sb_instagram #sbi_images{
	display: grid;
	grid-template-areas:
		"a a b c c c d e"
		"a a f c c c g g"
		"h i j c c c g g";
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	width: 80%;
	aspect-ratio: 2.55;
	margin: 0 auto;
}
.kisso_official #sbi_images .sbi_item{
	background-color: #eee;
}
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(1){ grid-area: a; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(2){ grid-area: b; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(3){ grid-area: c; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(4){ grid-area: d; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(5){ grid-area: e; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(6){ grid-area: f; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(7){ grid-area: g; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(8){ grid-area: h; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(9){ grid-area: i; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(10){ grid-area: j; }
.kisso_official #sb_instagram #sbi_images .sbi_item:nth-of-type(n + 11){ display:none; }
#sb_instagram .sbi_photo_wrap{
	height: 100% !important;
}
#sb_instagram .sbi_photo{
	height: 100% !important;
}
#sb_instagram .sbi_photo img{
	width: 100%;
	height: 100%;
	object-position: 50%;
}

html.sp #top_page #company{
	margin-top: 50px;
}

#top_page #works{
	/*margin-bottom: 150px;*/
}

#top_page #products{
	/*margin-bottom: 150px;*/
}

#top_page #products .row3{
	justify-content: center;
}
#top_page #products .row3 .box{
	margin: 0 13px;
}
html.sp #top_page #products .row3 .box{
	margin: 0 0 80px;
}

#top_page .row2 .box{
	text-align: justify;
}

#top_page #lecture{
	/*margin-bottom: 150px;*/
}
html.sp #top_page #kisso_community .row2 .box:nth-of-type(2) img,
html.sp #top_page .row2.ceo_message      .box:nth-of-type(1) img,
html.sp #top_page #lecture         .row2 .box:nth-of-type(2) img,
html.sp #top_page #recruit         .row2 .box:nth-of-type(2) img{
	width: 100%;
	transform: scale(1.11);
}
html.sp #top_page .row2.ceo_message .box:nth-of-type(1){
	margin: 0 0 40px;
}

#top_page #lecture a{
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: underline;
}
#top_page #company .row2 .p1,
#top_page #kisso_community .p1,
#top_page #recruit .p1,
#top_page #lecture .p1,
#top_page #sdgs .p1,
#top_page #movie .p1{
	text-align: justify;
	margin-bottom: 30px;
}
html.sp img[src*="/common/seminar."]{
	width: 250px;
}

#top_page #movie{
	margin-bottom: 0;
}
html.sp #top_page #movie{
	padding: 0 0 100px 0;
}
#top_page #movie p{
	margin: 35px 0 40px;
}
/*html.sp #top_page #movie .row2 .box:nth-of-type(2) img,*/
/*html.sp #top_page #movie .row2 .box:nth-of-type(2) iframe{
	width: 100%;
	transform: scale(1.11);
	height: 66vw;
}*/
html.sp #top_page #movie .row2 img.img8_4{
	width: 200px;
	margin: 0 0 50px;
}
#top_page #movie iframe{
	width: 80%;
	height: auto;
	aspect-ratio: 560 / 315;
}
html.sp #top_page #movie iframe{
	width: 100%;
}
html.sp #top_page #movie .row2 .box{
	width: 100%;
}

#top_page #sdgs{
	margin-top: 90px;
}

#top_page .img10_2{
	margin: 0 0 50px;
}

#sbi_mod_error{
	word-break: break-all;
}

.flex_center{
	display: flex;
	justify-content: center;
	align-items: center;
}





/* company_page **************************************** */


#company_page{
	font-size: 1.8rem;
	line-height: 1.9;
}

#company_page h1{
	margin-bottom: 15px;
}

#company_page .lr_outer .left{
	padding-top: 0;
}

.page .main{
	background-image: url(./img/company/2.jpg);
	background-size: cover;
	background-position: 50%;
	height: 550px;
	margin: 10px 0 50px 0;
}
html.sp .page .main{
	height: 210px;
}

#company_page .area1{
	margin-bottom: 50px;
}

#company_page #philosophy{
	padding: 100px 0 0;
}
#company_page .philosophy_bg1{
	position: relative;
	height: 300px;
	margin-bottom: -300px;
	top: 100px;
}
html.sp #company_page .philosophy_bg1{
	top: 185px;
	height: 410px;
	margin-bottom: -410px;
}
#company_page .philosophy_front1{
	position: relative;
}

.area1{
	margin-bottom: 150px;
}
html.sp .area1{
	margin-bottom: 70px;
}
.area1 .row2 .box:nth-of-type(1){
	text-align: left;
	flex-basis: 310px;
	word-break: keep-all;
	padding: 0 10px 0 0;
}
html.sp .area1 .row2 .box:nth-of-type(1){
	order: 1;
	flex-basis: auto;
	margin-bottom: 40px;
	padding: 0;
}
.area1 .row2 .box:nth-of-type(2){
	flex-basis: 725px;
	padding: 0 0 0 40px;
	border-left: 1px solid #b4b4b5;
}
html.sp .area1 .row2 .box:nth-of-type(2){
	flex-basis: auto;
	order: 2;
	padding: 0;
	border-left: 0;
}
.area1 h3{
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.9;
	margin: 0;
}
html.sp .area1 h3{
	font-size: 2.1rem;
	line-height: 1.6;
}
.area1 p{
	font-size: 1.8rem;
	line-height: 2;
	margin: 0;
}


#company_page .philosophy_row1{
	gap: 40px;
	margin: 80px 0 130px;
}
#company_page .philosophy_row1 .box1{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #e9e9e9;
	flex-basis: auto;
	flex-grow: 1;
}
html.sp #company_page .philosophy_row1 .box1{
	height: 250px;
	margin: 0 0 110px;
}
#company_page .philosophy_row1 .box2{
	flex-basis: 52%;
}
#company_page .philosophy_row1 .box2 p{
	margin: 0;
}
#company_page .philosophy_row1 .img3_7_2{
	position: absolute;
	margin: 300px 0 0;
}

/*#company_page .philosophy_row1{
	margin: 0 0 30px 0;
	flex-wrap: wrap;
}
html.sp #company_page .philosophy_row1{
	margin: 0;
}
#company_page .philosophy_row1 h3{
	margin: 0 0 38px;
}
#company_page .philosophy_row1 .box:nth-of-type(1){
	flex-basis: 395px;
}
html.sp #company_page .philosophy_row1 .box:nth-of-type(1){
	order: 3;
	padding-bottom: 0;
}
html.sp #company_page .philosophy_row1 .box:nth-of-type(2){
	text-align: center;
	width: 100%;
}
html.sp #company_page .philosophy_row1 img[src*="/company/3_2."]{
	width: 240px;
}
#company_page .philosophy_row1 img[src*="/company/3_3."]{
	margin: 70px 30px 0 0;
}
html.sp #company_page .philosophy_row1 img[src*="/company/3_3."]{
	display: none;
}
html.sp #company_page .philosophy_row1 img[src*="/company/3_4."]{
	width: 220px;
	margin-right: 22px;
}
#company_page .philosophy_row1 .kisso_land{
	margin: 20px 0 0;
}
html.sp #company_page .philosophy_row1 .kisso_land{
	order: 2;
	margin: 110px 0 50px;
}
html.sp #company_page .philosophy_row1 .kisso_land img{
	transform: scale(1.11);
}*/

#company_page h2{
	text-align: center;
	margin: 0 0 30px 0;
}
html.sp #company_page #philosophy h2{
	margin: 0 0 30px 0;
}
#company_page .row2 h2{
	text-align: left;
}

#company_page .flow,
#company_page .flow p{
	text-align: center;
}

#company_page .flow .img3_5{
	margin: 0 0 60px;
}

#company_page dl.type1{
	display: flex;
	gap: 50px 25px;
	flex-wrap: wrap;
	font-size: 1.84rem;
	letter-spacing: 0.1em;
	line-height: 1.7;
	white-space: nowrap;
	width: 670px;
	margin: 50px 0 0 167px;
}
html.sp #company_page dl.type1{
	justify-content: center;
	gap: 10px 25px;
	font-size: 1.5rem;
	width: auto;
	margin: 50px 0 0 0;
}
#company_page dl.type1 dt,
#company_page dl.type1 dd{
	vertical-align: middle;
	/*margin: 12px 0;*/
}
#company_page dl.type1 dt{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff349;
	padding: 8px 0 6px;
	width: 215px;
}
html.sp #company_page dl.type1 dt{
	padding: 13px 0;
	width: 230px;
}
#company_page dl.type1 dd{
	flex-basis: 50%;
	flex-grow: 1;
	margin-left: 0;
}
html.sp #company_page dl.type1 dd{
	text-align: center;
	margin: 10px 0 30px 0;
}
#company_page dl.type1 img{
	height: 30px;
}
html.sp #company_page dl.type1 img{
	height: 24px;
}
html.sp #company_page dl.type1 img[src*="/company/3_8_3."]{
	height: 27px;
}

#company_page .branding{
	text-align: center;
}
#company_page .branding p{
	text-align: center;
}
html.sp #company_page .branding p{
	font-size: 1.4rem;
}
/*#company_page .branding{
	margin: 30px 0 0 0;
}
html.sp #company_page .branding{
}
#company_page .branding .left{
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
html.sp #company_page .branding .left{
	width: 100%;
	padding: 0;
}
#company_page .branding .left p{
	text-align: center;
	line-height: 1.8;
}
html.sp #company_page .branding .left p{
	font-size: 1.5rem;
}
#company_page .branding .right{
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
html.sp #company_page .branding .right{
	width: 100%;
	margin: 100px 0 0 0;
}
#company_page .branding .philosophy_bg2{
	position: absolute;
	height: 546px;
	width: calc(50vw);
	margin: 50px 0 0 0;
}
html.sp #company_page .branding .philosophy_bg2{
	display: none;
}
#company_page .branding .philosophy_front2{
	position: absolute;
}
html.sp #company_page .branding .philosophy_front2{
	position: relative;
}
#company_page .branding .branding_box{
	padding: 100px 0 0 80px;
	letter-spacing: 0;
	margin: 0 0 40px 0;
}
html.sp #company_page .branding .branding_box{
	text-align: center;
	margin: 0 -6%;
	padding: 30px 40px 70px;
	background-color: #fff349;
}
html.sp #company_page .branding .branding_box h3,
html.sp #company_page .branding .branding_box p{
	text-align: justify;
}
html.sp #company_page .branding img[src*="/company/3_7_1."]{
	width: 240px;
}
html.sp #company_page .branding img[src*="/company/3_7_2."]{
	width: 250px;
}
*/

#company_page .yellow_block{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 50px 0 30px 0;
}
html.sp #company_page .yellow_block{
	flex-direction: column;
}
#company_page .yellow_block .image{
	position: relative;
	margin: 0 -50px 0 -100px;
}
html.sp #company_page .yellow_block .image{
	margin: 0 0 -30px;
}
#company_page .yellow_block2 .image{
	margin: 0 -100px 0 -74px;
}
#company_page .yellow_block .text{
	padding: 40px 80px 50px;
	background-color: #fff349;
}
html.sp #company_page .yellow_block .text{
	padding: 40px 40px 50px;
}
#company_page .yellow_block2 .text{
	padding: 40px 150px 50px;
}
html.sp #company_page .yellow_block img{
	/*width: 250px;*/
	/*margin: 0 0 140px 0;*/
}
#company_page .yellow_block p{
	text-align: center;
}
#company_page .yellow_block .p_k1{
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: 10px;
	margin: 0px 0 10px;
}
html.sp #company_page .yellow_block .p_k1{
	font-size: 3rem;
}
#company_page .yellow_block .p_k2{
	font-size: 2.4rem;
	font-weight: bold;
	/*line-height: 2.2;*/
	/*letter-spacing: 7px;*/
	margin: 0;
}
html.sp #company_page .yellow_block .p_k2{
	font-size: 1.8rem;
}

#company_page #ceo_message{
	padding: 100px 0 0;
}

#company_page #ceo_message h2{
	margin: 0 0 30px 0;
}
html.sp #company_page #ceo_message h2{
	/*margin: 0 0 100px 0;*/
}

#company_page #ceo_message h3{
	text-align: center;
	margin: 0 0 33px 0;
}
html.sp #company_page #ceo_message h3{
	margin: 5px 0 5px 0;
}

#company_page #ceo_message #lecture{
	position: relative;
	top: -100px;
}

#company_page #ceo_message .seminor{
	margin: 60px 0 60px;
}

#company_page #ceo_message #lecture_info .row3{
	flex-wrap: wrap;
}

#company_page #ceo_message .lecture{
	text-align: center;
	margin: 0 0 33px 0;
}
html.sp #company_page #ceo_message .lecture{
	margin: 0 -6% 33px;
}
#company_page #ceo_message .lecture a{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 10px 40px;
	margin: 15px 0 0;
	color: #fff;
	background-color: #000;
	transition: opacity 0.2s linear;
}
html.sp #company_page #ceo_message .lecture a{
	padding: 30px 0;
	width: 100%;
}
#company_page #ceo_message .lecture a *{
	vertical-align: middle;
}
#company_page #ceo_message .lecture a img{
	margin-right: 10px;
}
html.sp #company_page #ceo_message .lecture a img{
	width: 170px;
	margin-bottom: 20px;
}
#company_page #ceo_message .lecture a:hover{
	text-decoration: none;
	/*opacity: 0.6;*/
}
#company_page #ceo_message .lecture a:hover img{
	opacity: 1
}

#company_page #ceo_message .ceo_message_main{
	background-image: url(./img/company/4_2_1.jpg);
	background-size: cover;
	background-position: 50%;
	height: 550px;
	margin: 10px 0 0 0;
}
html.sp #company_page #ceo_message .ceo_message_main{
	height: 210px;
}
#company_page #ceo_message .ceo_message_main_text img{
	width: 260px;
	margin: -60px 0 -30px 80px;
}
html.sp #company_page #ceo_message .ceo_message_main_text img{
	width: 170px;
	margin: -60px 0 -30px 10px;
}

#company_page #lecture_info h3{
	text-align: left;
	font-size: 2.2rem;
	line-height: 1.3;
}

/*#company_page #shop{
	padding: 100px 0 0;
}
#company_page #shop h2{
	text-align: left;
	margin-bottom: 30px;
}
#company_page #shop p{
	margin: 0;
}
#company_page #shop .box:nth-of-type(2){
	margin: 77px 0 0;
}
html.sp #company_page #shop .box:nth-of-type(2){
	margin: 0 -6%;
	width: 112%;
}
html.sp #company_page #shop .box:nth-of-type(2) img{
	width: 100%;
}*/

#company_page #works_page .main{
	display: flex;
	align-items: flex-end;
	box-sizing: border-box;
	padding: 0 0 10px;
	margin: 100px 0 50px;
}
html.sp #company_page #works_page .main{
	height: 250px;
}
#company_page .img_works1_1{
	margin: 0 0 10px;
}

#company_page #accessary{
	margin-bottom: 150px;
}
#company_page #accessary #kisso .box1{
	flex-basis: 50%;
}
#company_page #accessary #kisso .box2{
	flex-basis: 46%;
}
#company_page #accessary #kisso p{
	font-size: 1.6rem;
	line-height: 1.7;
	height: auto;
}
#company_page #accessary #kisso .p1{
	font-size: 1.8rem;
	line-height: 1.9;
}
#company_page #accessary #kisso h3{
	margin: 40px 0 10px;
}
#company_page #accessary .online_store{
	text-align: center;
	margin: 70px 0 0;
}

#company_page #company_profile{
	padding: 100px 0 50px;
}
html.sp #company_page #company_profile .page_width{
	max-width: 100%;
}
#company_page #company_profile h2{
	margin-bottom: 50px;
}
html.sp #company_page #company_profile h2{
	margin-bottom: 40px;
}
html.sp #company_page #company_profile .box:nth-of-type(1){
	order: 1;
}
html.sp #company_page #company_profile .box:nth-of-type(2){
	order: 2;
}
html.sp #company_page #company_profile .box{
	padding-bottom: 0;
}
#company_page #company_profile dl{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	letter-spacing: 0;
	width: 100%;
	margin: 0;
}
#company_page #company_profile dl dt,
#company_page #company_profile dl dd{
	vertical-align: top;
	text-align: left;
	font-size: 1.2rem;
	font-weight: normal;
	border-top: 1px solid #000;
	box-sizing: border-box;
	padding: 30px 0 30px 15px;
	margin: 0;
}
html.sp #company_page #company_profile dl dl{
	margin-bottom: 20px;
}
#company_page #company_profile dl dl dt,
#company_page #company_profile dl dl dd{
	vertical-align: top;
	padding: 7px 0 8px;
	border-top-color: #d0d0d0;
}
#company_page #company_profile dl dl dt:nth-of-type(1),
#company_page #company_profile dl dl dd:nth-of-type(1){
	padding: 0 0 8px;
	border: 0;
}
#company_page #company_profile dl dt{
	flex-basis: 23%;
}
#company_page #company_profile dl dd{
	flex-basis: 77%;
}
#company_page #company_profile dl dl dt{
	flex-basis: 50%;
	padding-right: 20px;
}
#company_page #company_profile dl dl dd{
	flex-basis: 50%;
}
html.sp #company_page #company_profile dl dt{
	width: 70px;
}
html.sp #company_page #company_profile dl dd{
	width: 300px;
}
html.sp #company_page #company_profile dl dt.jigyou,
html.sp #company_page #company_profile dl dd.jigyou{
	flex-basis: 100%;
}
html.sp #company_page #company_profile dl dd.jigyou{
	border-top: 0;
	padding: 0 15px;
}

#company_page #access h2{
	margin: 0 0 20px;
}
#company_page #access p{
	text-align: center;
}
html.sp #company_page #access p{
	text-align: left;
}
#company_page #access .right{
	padding: 75px 0 60px;
}
#company_page #access .map,
#company_page #access .map iframe{
	width: 100%;
	height: 570px;
	background-color: #ccc;
	filter: grayscale(1);
}


/* works_page **************************************** */

#works_page .main{
	background-image: url(./img/works/2.jpg);
}

#works_page h1{
	margin-bottom: 20px;
}

#works_page h2{
	text-align: center;
	margin-bottom: 35px;
}

html.sp #works_page .row3 h3{
	margin: 0 0 10px 0;
}
html.sp #works_page .row3 .box h3 img{
	height: 28px;
}

#works_page .area1{
	margin-bottom: 0;
}

#works_page #accessary,
#works_page #material,
#works_page #environment{
	padding-top: 150px;
	/*scroll-padding-top: 100px;*/
}
#works_page #environment{
	margin-bottom: 150px;
}
#works_page #material .row3 p{
	font-size: 1.6rem;
}

#kisso p,
#omiyaichi p{
	letter-spacing: 1px;
}

.row2.row2_2{
	align-items: flex-end;
}
.row2.row2_2 img[src*="/header/title."]{
	width: 190px;
}
.row2.row2_2 h3{
	font-size: 2.2rem;
	font-weight: bold;
	margin: 41px 0 18px;
}
.row2.row2_2 p{
	height: 123px;
	overflow: hidden;
	margin: 0;
}
html.sp .row2.row2_2 .box:nth-of-type(1){
	order: 1;
}
html.sp .row2.row2_2 .box:nth-of-type(2){
	order: 2;
}
html.sp #kisso .row2.row2_2 .box:nth-of-type(1){
	transform: scale(1.11);
	margin: 0 0 60px 0;
}
html.sp #works_page img[src*="/read_more."]{
	width: 170px;
}


/* products_page **************************************** */

#products_page .main{
	background-image: url(./img/products/2.jpg);
}

#products_page .area1{
	margin-bottom: 50px;
}

#products_page #kisso,
#products_page #omiyaichi{
	display: block;
	padding-top: 90px;
	transition: opacity 0.2s linear;
}
#products_page #omiyaichi{
	margin-bottom: 90px;
}
#products_page #kisso:hover,
#products_page #omiyaichi:hover{
	opacity: 0.7;
}
#products_page #kisso:hover img,
#products_page #omiyaichi:hover img{
	opacity: 1;
}

html.sp #omiyaichi .row2.row2_2 .box:nth-of-type(1){
	transform: scale(1.11);
}

#products_page #omiyaichi .row2.row2_2 h3{
	margin: 25px 0 15px;
}

#products_page #ec_site{
	padding: 40px 0 60px;
}
#products_page #ec_site .row3_outer{
	text-align: center;
}
#products_page #ec_site .row3{
	display: inline-flex;
}
#products_page #ec_site .row3 .box{
	flex-basis: calc(var(--pc_page_right) * 0.315);
}
#products_page #ec_site .row3 .box:nth-of-type(3n-1){
	margin: 0px 20px;
}
#products_page #ec_site h2{
	text-align: center;
	font-size: 2.2rem;
	margin: 0 0 10px 0;
}
html.sp #products_page #ec_site h2{
	margin: 0 0 50px 0;
}
#products_page #ec_site .image{
	margin: 0;
	overflow: hidden;
}
#products_page #ec_site .image img{
	transform-origin: 50%;
	transition: transform 0.2s linear;
}
#products_page #ec_site a:hover .image img{
	opacity: 1;
	transform: scale(1.1);
}
#products_page #ec_site h3{
	margin: 5px 0 0;
}


/* lecture_page **************************************** */

#lecture_page .main{
	background-image: url(./img/lecture/2.jpg);
}

html.sp #lecture_page .seminor .row2 .box:nth-of-type(1){
	padding-top: 0;
}

#lecture_page #info{
	padding: 50px 0 90px;
}
html.sp #lecture_page #info .lr_outer .right{
	flex-basis: auto;
}
#lecture_page #info .row2{
	margin-bottom: 50px;
}
#lecture_page #info .box:nth-of-type(1){
	flex-basis: 300px;
}
html.sp #lecture_page #info .box:nth-of-type(1){
	padding-top: 0;
}
#lecture_page #info .box:nth-of-type(2){
	flex-basis: 650px;
}
#lecture_page #info time{
	font-size: 1.3rem;
	font-weight: bold;
}
#lecture_page #info h3{
	font-size: 2.8rem;
	line-height: 1.3;
	font-weight: bold;
	white-space: pre;
}
#lecture_page #info p{
	white-space: pre;
}

.lecture_page_info{
	display: none;
}



/* sdgs_page **************************************** */

#sdgs_page .main{
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: none;
	/*height: 550px;*/
	/*margin: 10px 0 50px 0;*/
}
html.sp #sdgs_page .main img{
	max-width: 70%;
}
html.sp #sdgs_page .main{
	height: auto;
	padding: 35px 0 50px;
}

#sdgs_page #torikumi .row2{
	margin: 0 0 80px;
}
html.sp #sdgs_page #torikumi .row2{
	margin: 0 0 0;
}
#sdgs_page #torikumi .row2 .box{
	margin: 0 50px;
}
html.sp #sdgs_page #torikumi .row2 .box{
	margin: 0;
}
#sdgs_page #torikumi h2{
	text-align: center;
	font-size: 2.4rem;
	letter-spacing: 8px;
	margin: 0 0 50px 0;
}
#sdgs_page #torikumi h3{
	text-align: left;
	font-size: 2.6rem;
	font-weight: bold;
	/*letter-spacing: 8px;*/
	margin: 0 0 10px 0;
}
#sdgs_page #torikumi p{
	margin: 10px 0;
}
#sdgs_page #torikumi .row2.makkeri{
	align-items: flex-end;
}
html.sp #sdgs_page #torikumi .row2.makkeri{
	margin: 0 0 100px;
}
html.sp #sdgs_page #torikumi .row2.makkeri .box:nth-of-type(1){
	order: 1;
}
html.sp #sdgs_page #torikumi .row2.makkeri .box:nth-of-type(2){
	order: 2;
	text-align: center;
	width: 100%;
}
#sdgs_page #torikumi .row2.makkeri .box:nth-of-type(1) img{
	max-width: none;
	margin-right: -80px;
}
html.sp #sdgs_page #torikumi .row2.makkeri .box:nth-of-type(1) img{
	max-width: 100%;
}
#sdgs_page #torikumi .row2.makkeri .box:nth-of-type(2) img{
	margin-left: 30px;
}
html.sp #sdgs_page #torikumi .row2.makkeri .box:nth-of-type(2) img{
	margin-left: 0;
}





/* kisso_land_page **************************************** */

#kisso_land_page,
#kisso_land_page p{
	text-align: center;
}

#kisso_land_page h1{
	text-align: left;
}

#kisso_land_page h3{
	margin: 50px 0 40px;
}

#kisso_land_page .page_width2{
	width: 670px;
	max-width: 90%;
	margin: 0 auto;
}
html.sp #kisso_land_page .page_width2{
	width: auto;
	max-width: 100%;
}

#kisso_land_page .main{
	background-image: url(./img/kisso_land/2.webp);
}

#kisso_land_page .yellow_block2{
	display: block;
	text-decoration: none;
	background-color: #fef56a;
	padding: 20px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 20px 0;
}
#kisso_land_page .yellow_block2:hover{
}

#kisso_land_page .img3{
	margin: 50px 0 0;
}

#kisso_land_page .img4{
	margin: 100px 0;
}

#kisso_land_page .goyoyaku{
	margin: 40px 0 80px;
}
#kisso_land_page .goyoyaku a img{
	padding: 6px 0 0;
}

#kisso_land_page #kisso_store{
	margin: 100px 0;
}
#kisso_land_page #kisso_store p{
	text-align: justify;
}
#kisso_land_page #kisso_store .left{
	padding-top: 170px;
}

#kisso_land_page #kisso_store .box:nth-of-type(1){
	padding: 0;
}





/* recruit_page **************************************** */

#recruit_page{
}

#recruit_page .main{
	text-align: center;
	background-image: none;
	height: auto;
}

#recruit_page ._p1{
	margin: 0 0 50px;
}

#recruit_page .block1{
	gap: 90px;
	margin: 0 0 150px;
}
html.sp #recruit_page .block1{
	gap: 50px;
	margin-left: 20px;
}
#recruit_page .block1 .box:nth-of-type(1){
	min-width: 78px;
}





/* movie_page **************************************** */

#movie_page{
	margin: 0 0 80px;
}
#movie_page .head_youtube{
	text-align: right;
	padding: 0 100px 0 0;
	margin: -95px 0 95px;
}
html.sp #movie_page .head_youtube{
	text-align: left;
	padding: 0;
	margin: -55px 0 70px;
}
#movie_page .movie{
	margin: 0 0 40px;
}
#movie_page .movie .outer{
	text-align: center;
}
html.sp #movie_page .movie iframe{
	height: 300px;
}





/* news_page **************************************** */

#news_page h1{
	margin-bottom: 30px;
}

#news_page .categories{
	display: flex;
	align-items: flex-start;
	margin: 0 0 13px;
}
#news_page .categories .left{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-basis: auto;
	text-align: center;
	width: 100px;
	box-sizing: border-box;
	padding: 3px 0;
	margin-right: 15px;
}
#news_page .categories .right{
	display: flex;
	align-items: center;
	flex-basis: auto;
	flex-wrap: wrap;
	font-size: 1.4rem;
	font-weight: bold;
}
html.sp #news_page .categories .right{
	width: 330px;
}
#news_page .categories .right label{
	cursor: pointer;
	margin-right: 15px;
}
#news_page .categories .right input{
	vertical-align: -1px;
}
#news_page .categories .right li{
	list-style: none;
	margin-right: 15px;
}
#news_page .categories .right a{
	color: #000;
	text-decoration: none;
}
#news_page .categories .right a:before{
	content: "　";
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 1px solid #000;
	margin-right: 5px;
	line-height: 10px;
}
#news_page .categories .right .current-cat a:before,
#news_page .categories .right a[aria-current]:before{
	/*content: "✓";*/
	background-color: #fff349;
}

#news_page .list{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 130px -1.5% 0;
}
#news_page .list .box{
	font-weight: bold;
	margin: 0 1.5% 70px;
	width: 30.3%;
}
html.sp #news_page .list .box{
	width: 47%;
}
#news_page .list .box .image{
	word-break: break-all;
	color: #ddd;
	width: 296px;
	height: 215px;
}
html.sp #news_page .list .box .image{
	width: 217px;
	height: 157px;
}
#news_page .list .box .image img{
	box-sizing: border-box;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
img[src*="/common/no_image."]{
	border: 1px solid #332d2b;
}
#news_page .list .box time{
	display: block;
	font-size: 1.3rem;
	color: #838383;
	margin: 17px 0 0;
}
#news_page .list .box h3{
	font-size: 2.2rem;
	font-weight: bold;
	color: #000;
	margin: 3px 0;
}
#news_page .list .box .categorie{
	font-size: 1.3rem;
	color: #838383;
}

.pagination{
	text-align: center;
	margin: 0 0 50px;
}
.pagination .screen-reader-text{
	display: none;
}
.pagination .page-numbers{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 1em;
	letter-spacing: 0;
	padding: 7px 0 ;
	width: 30px;
}
.pagination .page-numbers.current{
	background-color: #fff349;
}
html.sp .pagination .page-numbers.prev,
html.sp .pagination .page-numbers.next{
	display: none;
}


/* contact_page **************************************** */

#contact_page{
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#contact_page h1{
	margin: ;
}

#contact_page .page_width{
	width: 800px;
}
#contact_page h3{
	font-weight: bold;
	margin: 50px 0 0;
}
#contact_page p{
	margin: 15px -60px 70px 0;
}
@media (max-width: 900px) {
	#contact_page p{
		margin: 15px 0 70px 0;
	}
}

#contact_page dl{
	width: 70%;
}
html.sp #contact_page dl{
	width: 100%;
}
#contact_page dt{
	/*font-weight: bold;*/
}
#contact_page dd{
	margin: 0 0 25px;
}
#contact_page :is(dt, dd) p {
    margin: 0;
}

#contact_page select {
	font-size: 1.4rem;
	line-height: 2;
	color: #32373c;
	border: 0;
	outline: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 20px 24px;
	width: 100%;
	-webkit-appearance: none;
	background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 20px top 55%;
	background-size: 16px 16px;
	cursor: pointer;
	vertical-align: middle;
}
html.sp #contact_page select{
	/*font-size: 14px;*/
}

#contact_page input[type="text"],
#contact_page input[type="email"],
#contact_page textarea{
	font-size: 1.4rem;
	box-sizing: border-box;
	border: 0;
	outline: 0;
	box-shadow: none;
	border-radius: 0;
	padding: 20px 24px;
	width: 100% !important;
}
#contact_page textarea{
	min-height: 300px;
}

#contact_page input[type="button"],
#contact_page input[type="submit"]{
	-webkit-appearance: none; /* iPhone の入力欄へのエフェクトを消す */

	cursor: pointer;
	text-align: center;
	font-weight: bold;
	border: 0;
	outline: 0;
	color: #fff;
	background-color: #000;
	padding: 20px 0;
	width: 100%;
	transition: opacity 0.1s linear;
}
#contact_page input[type="button"]:hover,
#contact_page input[type="submit"]:hover{
	opacity: 0.7;
}

#contact_page input.edit,
#contact_page input[type="submit"]{
	margin: 0 0 20px;
}

#contact_page .confirm select,
#contact_page .confirm input[type="text"],
#contact_page .confirm input[type="email"],
#contact_page .confirm textarea{
	pointer-events: none;
	border: 1px solid #000;
	background-color: transparent;
}
#contact_page .confirm input.confirm{
	display: none;
}
#contact_page .confirm input.edit,
#contact_page .confirm input.submit{
	display: block;
}

#contact_page .mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{
	box-shadow: 0;
	padding: 20px 24px;
}


#contact_page .contents.thanks {
	text-align: center;
	background-image: none;
}

#contact_page .thanks h2{
	margin: 150px 0 50px;
}
#contact_page .thanks p{
	margin: 0 0 150px;
}






/* single **************************************** */

.single-post .entry-header .cat_time{
	font-size: 1.4rem;
	font-weight: bold;
	color: #b4b4b4;
	margin: 0 0 25px;
}
.single-post .entry-header h2{
	font-size: 3.4rem;
	line-height: 1.5;
	margin: 0 0 25px;
}
html.sp .single-post .entry-header h2{
	font-size: 2.5rem;
}

.single-post article{
	margin: 100px 0 0;
}

.single-post .post-navigation{
	margin: 0 0 100px;
}
.single-post .post-navigation a{
	text-decoration: none;
	font-size: 1.4rem;
	padding: 0 5px 2px;
}
.single-post .post-navigation a[rel="prev"]:before{
	content: url(img/common/arrow_l.svg);
	padding: 0 5px 0 0;
	vertical-align: 3px;
}
.single-post .post-navigation a[rel="next"]:after{
	content: url(img/common/arrow_r.svg);
	padding: 0 0 0 5px;
	vertical-align: 3px;
}



/* environment_page **************************************** */

#environment_page h3{
	font-size: 2.6rem;
	font-weight: bold;
	margin-top: 50px;
}
#environment_page h4{
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0 0 8px;
}
#environment_page .row3{
	margin-top: 10px;
}
#environment_page .row3_ep3{
	margin-top: 25px;
}
#environment_page div.chui{
	margin: 40px 0;
}
html.sp #environment_page .row3 .box{
	margin-bottom: 30px;
}

#environment_page .area1{
	margin-bottom: 10px;
}
#environment_page .area1 h3{
	font-size: 2.4rem;
	white-space: nowrap;
	margin-top: 0px;
}
html.sp #environment_page #jakusansei h3{
	font-size: 2.3rem;
}
#environment_page .area1 .row2 .box:nth-of-type(1){
	flex-basis: 380px;
	border-right: 1px solid #b4b4b5;
}
html.sp #environment_page .area1 .row2 .box:nth-of-type(1){
	flex-basis: auto;
	border-right: 0;
	margin-bottom: 10px;
}
#environment_page .area1 .row2 .box:nth-of-type(2){
	flex-basis: 545px;
	border-left: 0;
}
html.sp #environment_page .area1 .row2 .box:nth-of-type(2){
	flex-basis: auto;
}

#environment_page #denkaisui .area1 .row2_ep5 .box:nth-of-type(1){
	border-right: 0;
}
#environment_page #denkaisui .area1 .row2_ep5 .box:nth-of-type(2){
	border-left: 1px solid #b4b4b5;
}
html.sp #environment_page #denkaisui .area1 .row2_ep5 .box:nth-of-type(2){
	border-left: 0;
}

#environment_page .area1 .row2_ep1{
	align-items: flex-end;
	margin-top: -60px;
}
html.sp #environment_page .area1 .row2_ep1{
	margin-top: 40px;
}
html.sp #environment_page .area1 .row2_ep1 .box,
html.sp #environment_page .row2_ep2 .box{
	width: 100%;
	text-align: center;
}
html.sp #environment_page .row2_ep2 .box:nth-of-type(1){
	padding: 0;
	margin-top: 20px;
}
#environment_page .area1 .row2_ep1 .box:nth-of-type(1){
	border-right: 0;
	margin-bottom: 70px;
}
#environment_page #denkaisui .area1 .row2_ep1{
	align-items: flex-start;
	margin-top: 20px;
}
#environment_page #denkaisui .area1 .row2_ep1 p{
	font-size: 1.6rem;
	line-height: 1.8;
}
#environment_page img[src*="/environment/5_1."]{
	margin: 0 0 20px 0;
}
#environment_page img[src*="/environment/5_2."]{
	margin: 20px 0 0 0;
}

#environment_page #funmuki .area1 .row2_ep1{
	margin-top: 20px;
}

#environment_page .row2_ep2{
	margin: 0 0 30px;
}
#environment_page .row2_ep2 .box:nth-of-type(1){
	flex-basis: 51%;
}
#environment_page .row2_ep2 .box:nth-of-type(2){
	flex-basis: 43%;
}

#environment_page .row2_ep3 .box:nth-of-type(1){
	flex-basis: 60%;
}
#environment_page .row2_ep3 .box:nth-of-type(2){
	flex-basis: 35%;
}

#environment_page .row2_ep4 .box:nth-of-type(1){
	flex-basis: 37%;
}
html.sp #environment_page .row2_ep4 .box:nth-of-type(1){
	padding-top: 15px;
}
#environment_page .row2_ep4 .box:nth-of-type(1) p{
	letter-spacing: 1px;
	margin: 0;
}
#environment_page .row2_ep4 .box:nth-of-type(2){
	flex-basis: 61%;
}

#environment_page .row2_ep6 .box:nth-of-type(1){
	flex-basis: 38.5%;
}
#environment_page .row2_ep6 .box:nth-of-type(2){
	flex-basis: 60%;
}
#environment_page .p1{
	text-align: justify;
	margin: 0;
}

#environment_page .row3 .image{
	margin-bottom: 0;
}
#environment_page .row3 .text{
	padding-top: 13px;
}
#environment_page .row3 .box p{
	letter-spacing: 1px;
}

#environment_page .bg_fuki,
#environment_page .bg_tuke,
#environment_page .bg_spray,
#environment_page .bg_ryusui{
	background-image: url(img/environment/3_fuki.svg);
	background-position: 99% 40%;
	background-repeat: no-repeat;
}
html.sp #environment_page .bg_fuki,
html.sp #environment_page .bg_tuke,
html.sp #environment_page .bg_spray,
html.sp #environment_page .bg_ryusui{
	background-size: 24%;
	background-position: 95% 70%;
}
html.sp #environment_page .bg_tuke{
	background-size: 20%;
}
#environment_page .bg_tuke{
	background-image: url(img/environment/3_baketu.svg);
}
#environment_page .bg_spray{
	background-image: url(img/environment/3_spray.svg);
}
#environment_page .bg_ryusui{
	background-image: url(img/environment/3_ryusui.svg);
}

#environment_page #denkaisui .row_3 h3{
	margin-top: 0px;
}
#environment_page img[src*="/environment/6_2."]{
	margin: 0 0 40px 0;
}
html.sp #environment_page #denkaisui .row_3 .box:nth-of-type(1){
	order: 1;
	padding-bottom: 15px;
}
html.sp #environment_page #denkaisui .row_3 .box:nth-of-type(2){
	order: 2;
	width: 100%;
	text-align: center;
}
html.sp #environment_page #denkaisui .row2_ep6 .box{
	width: 100%;
	text-align: center;
}

#environment_page #funmuki{
	margin-top: 50px;
	margin-bottom: 100px;
}
html.sp #environment_page #funmuki .area1 h3{
	font-size: 2.2rem;
}
html.sp #environment_page #funmuki .area1 img[src*="/environment/9_1."]{
	width: 270px;
}
#environment_page .funmu_jokin .box:nth-of-type(2){
	text-align: right;
}
#environment_page .funmu_jokin{
	margin: 50px 0 30px;
}
#environment_page .funmu_jokin h3{
	margin: 0 0 20px 0;
}
html.sp #environment_page .funmu_jokin h3{
	font-size: 2.2rem;
}
#environment_page .funmu_jokin p{
	line-height: 2;
}





/* error404 **************************************** */

.error404 #page{
	min-height: calc(100svh - 35px);
}
.error404 .not-found{
	text-align: center;
	margin: 200px 0;
}
.error404 footer{
	position: sticky;
	top: 100vh;
}