@charset "utf-8";
@media screen and (max-width: 750px) {
	
	/*=============================
　　　　title
===============================*/
.section_title_wrap{
	margin-bottom: 45px;
}
.section_title_wrap p{
	font-size: 3.7vw;
	letter-spacing: 0.3vw;
	margin-bottom: 3.0vw;
}
.section_title_wrap h2{
	font-size: 6.0vw;
	letter-spacing: 0.8vw;
}

	
/*=============================
　　　　parts
===============================*/
.inner {
	width: calc(100% - 10.6vw);
	margin: 0 auto;
	padding: 0;
}
.outer {
	margin-left: 0;
	padding: 0;
}
	
  
	/*=============================
　　　　mv
===============================*/
#mv {
	position: relative;
	z-index: 1;
	padding-top: 26.3vw;
}
#mv .mv_flex {
	flex-direction: column;
	gap: 8.0vw;
	margin: 0 auto;
	padding-left: 0;
}
#mv .mv_flex .mv_left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#mv .mv_flex .mv_left .local {
	color: #fff;
	font-size: 4.2vw;
	font-weight: 500;
	background: var(--c_brown);
	margin-bottom: 7.3vw;
	padding: 2.3vw 4.6vw;
  text-align: center;
  border-radius: 99px;
}
#mv .mv_flex .mv_left .ie_logo {
	width: 75vw;
	margin-bottom: 6.7vw;
}
#mv .mv_flex .mv_left > .wrap {
	display: none;
}
#mv .mv_flex .mv_left > .wrap .ishikari {
	width: 58vw;
	margin-right: 0;
}
#mv .mv_flex .mv_right {
	width: 100%;
	aspect-ratio: 156 / 100;
	max-height: 700px;
}
#mv .mv_flex .mv_right img {
	width: 100%;
	height: 70vw;
	object-fit: cover;
	object-position: center 85%;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
	
	
	/*=============================
　　　　intro
===============================*/

#intro {
	background: linear-gradient(rgba(255, 255, 255, 0) 85%, var(--c_pale50)), url(../images/intro/bg_intro.webp) no-repeat;
	background-position: center 78%;
	background-size: cover;
	margin-top: 0;
}
#intro .inner {
	margin: 0 auto;
	padding: 11.3vw 0 17.3vw;
	width: calc(100% - 10.6vw);
}
#intro .inner .ishikari.pc_none {
	width: 58vw;
	margin: 0 auto 7.3vw;
}
#intro p {
	font-size: 4.0vw;
	font-weight: 500;
	text-align: left;
	line-height: 2.3;
	letter-spacing: 0.33vw;
}
	
	
	/*=============================
　　　　features
===============================*/

#features {
	padding: 16.0vw 0 17.3vw;
	margin-top: 0;
	scroll-margin-top: 0;
}
.features::before {
	width: calc(100% - 10.6vw);
	height: 100%;
	border-bottom-right-radius: 45px; 
	border-top-right-radius: 45px; 
}

#features .card_wrap {
	width: 100%;
}
#features .card_wrap ul {
	width: 100%;
	flex-direction: column;
	grid-row-gap: 4.2vw;
	margin-bottom: 7.0vw;
}
#features .card_wrap ul li {
	width: 100%;
	height: auto;
	border-radius: 17.5px;
	padding: 7.3vw 5.3vw;
}
#features .card_wrap ul li:before {
	display: none;
	width: 2.5vw;
	top: 50%;
	left: 3.7vw;
}

#features .card_wrap ul li > h3 {
	font-size: 4.7vw;
	padding-bottom: 3.0vw;
	margin-bottom: 3.2vw;
	line-height: 1.5;
}
#features .card_wrap ul li > h3::before {
	background: radial-gradient(circle farthest-side, #a19b98, #a19b98 30%, transparent 30%, transparent);
	background-size: 1.0vw;
	height: 1.0vw;
	bottom: -1.0vw;
}

#features .card_wrap ul li > h3 .min {
	font-size: 2.8vw;
	margin-left: 0.7vw;
}
#features .card_wrap ul li > p {
	font-size: 3.6vw;
	font-weight: 500;
	line-height: 1.7;
}
#features .complement {
	font-size: 3.2vw;
	line-height: 1.5;
}

	
	/*=============================
　　　　features
===============================*/
#facility {
	padding: 17.3vw 0;
}
.facility::before {
	background: linear-gradient(to bottom, var(--c_pale50), var(--c_pale));
	width: 100%;
	height: 80%;
}

#facility .img_wrap ul {
	flex-direction: column;
	width: 100%;
	column-gap: 0;
	row-gap: 5.3vw;
}
#facility .img_wrap ul li {
	width: 100%;
	height: 54vw;
}
#facility .img_wrap ul li img {
	object-position: 50% 34%;
	border: 0.8vw solid #fff;
	border-radius: 20px;
}


	/*=============================
　　　　usage
===============================*/
#usage {
	padding: 17.3vw 0 0;
	margin-bottom: 23.3vw;
}
#usage .section_title_wrap {
	margin: 0 auto 11.3vw 5.3vw;
}

#usage .whiteback {
	background: #fff;
	border-bottom-left-radius: 45px;
	border-top-left-radius: 45px;
	padding: 16.0vw 0 17.3vw;
}
#usage .use {
	padding: 0 5.3vw 16.0vw;
}
#usage .use.overview {
	border-bottom: 2px solid var(--c_border);
}
#usage h3 {
	font-size: 5.2vw;
	padding-left: 5.8vw;
	border-left: 6px solid var(--c_orange);
	letter-spacing: 0.33vw;
  font-weight: 600;
	margin-bottom: 8.0vw;
}
#usage .o_table_wrap {
	flex-direction: column;
	gap: 0;
	width: 100%;
	margin-bottom: 12.3vw;
	border-bottom: 1px solid var(--c_border);
}
#usage .use .o_table_wrap table {
	width: 100%;
}
#usage .use .o_table_wrap table tr {
	border-top: 1px solid var(--c_border);
}
#usage .use .o_table_wrap table tr:last-child {
	border-bottom: none;
}
#usage .use .o_table_wrap table tr th,
#usage .use .o_table_wrap table tr td{
	font-size: 3.7vw;
	padding-block: 5.3vw;
}
#usage .use .o_table_wrap table tr th {
	padding-left: 3.0vw;
	width: 24%;
}
#usage .use .o_table_wrap table tr td {
	padding-left: 4.5vw;
	width: calc(100% - 24%);
}
#usage .use .gmap {
	width: 100%;
	height: 45vw;
	border-radius: 15px;
}
#usage .min_title_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 2px solid var(--c_orange);
	height: 35.0vw;
	padding: 4.5vw;
	margin-bottom: 7.5vw;
}
#usage .min_title_wrap h4 {
	font-size: 4.5vw;
	padding-left: 9.3vw;
	margin-bottom: 0.8vw;
	line-height: 1.5;
}
	
#usage .min_title_wrap h4.no1::before,
#usage .min_title_wrap h4.no2::before {
	width: 6.7vw;
  height: 6.7vw;
	top: -0.2vw;
	line-height: 6.7vw;
}
#usage .fee {
	padding: 16.0vw 5.3vw 0;
	width: 100%;
}

#usage .min_title_wrap p {
	font-size: 3.6vw;
	margin-left: 9.3vw;
	line-height: 1.4;
}
#usage .f_table_flex {
	flex-direction: column;
	gap: 9.3vw;
	margin-bottom: 11.6vw;
}

/*左側（利用者負担金額）の表*/
#usage .f_table_flex .table_wrap.left table {
	width: 100%;
	font-size: 3.7vw;
}
/*右側（加算項目）の表*/
#usage .f_table_flex .table_wrap.right table {
	width: 100%;
	font-size: 3.7vw;
}
/*左側（利用者負担金額）と右側の表共通スタイル*/
#usage .f_table_flex .table_wrap table {
	border-radius: 4.5vw;
}
#usage .f_table_flex .table_wrap table tr th,
#usage .f_table_flex .table_wrap table tr td {
	padding-top: 3.4vw;
	padding-bottom: 3.4vw;
}
#usage .f_table_flex .table_wrap table tr th {
	font-weight: 600;
	padding-left: 4.5vw;
}

#usage .f_table_flex .table_wrap table tr th > span{
	letter-spacing: 2.5vw;
}

#usage .f_table_flex .table_wrap table tr td {
	font-weight: 600;
	padding-right: 4.5vw;
}

#usage .f_table_flex .kind {
	font-size: 4.5vw;
	padding-left: 5.8vw;
	margin-bottom: 4.5vw;
}
#usage .f_table_flex .kind:before {
	width: 3.4vw;
}

	/*=============================
　　　　contact
===============================*/
#contact {
	padding: 0 0 0;
}

.contact::before {
	height: 48vw;
	top: 10.0vw;
}

#contact .inner{
	width: 100%;
	margin: 0 auto;
}
#contact .bn_contact {
	width: 100%;
	height: 48vw;
	border-radius: 0;
	background-position: 85% center;
	padding-left: 7.0vw;
	padding-right: 7.0vw;
	margin: 0 auto 20vw;
}
	
	#contact .bn_contact .tel_number a .arrow_wrap {
	width: 6.5vw;
	height: 6.5vw;
	margin-right: 2.5vw;
	vertical-align: -5%;
}
	#contact .bn_contact .tel_number .arrow_wrap .arrow_right {
		width: 6.5vw;
		height: auto;
		margin-right: 2.5vw;
	}	
	
#contact .bn_contact .text {
	font-size: 4.8vw;
	margin-bottom: 3.5vw;
	letter-spacing: 0.2vw;
}
#contact .bn_contact .tel_number {
	font-size: 3.7vw;
	font-weight: 500;
	letter-spacing: 0.13vw;
	line-height: 1.2;
}
#contact .bn_contact .tel_number a {
	display: block;
	font-size: 7.0vw;
	font-weight: 600;
	letter-spacing: 0.2vw;
	border-bottom: 1px solid var(--c_border);
	width: fit-content;
	padding-bottom: 1vw;
	margin-right: 4.5vw;
	margin-bottom: 3vw;
}
#contact .bn_insta {
	display: block;
	width: calc(100% - 10.6vw);
	border-radius: 4.2vw;
}
	
	
/*=============================
　　　　contact
===============================*/
#company {
	padding: 25.3vw 0 16.0vw;
}
#company .inner .section_title_wrap {
	margin-bottom: 11.3vw;
}
#company .inner {
	flex-direction: column;
}
#company .inner table {
	width: 100%;
	font-size: 3.7vw;
	line-height: 1.6;
}
#company .inner table tr {
	border-top: 1px solid var(--c_border);
	display: flex;
	flex-direction: column;
}
#company .inner table tr:last-child {
	border-bottom: 1px solid var(--c_border);
}
#company .inner table tr th,
#company .inner table tr td {
	font-weight: 600;
	padding: 3.4vw 5.3vw; 	
}
#company .inner table tr th {
	width: 100%;
	background: #fff;;
}
#company .inner table tr td {
	width: 100%;
	font-weight: 500;
}
	
}