@charset "UTF-8";


/*header、メインイメージ
---------------------------------------------------------*/
#header .fv_area{
	height: 100vh;
}

#header .h_area .h1_box {
	padding-top: min(70px,5vw);
}
#header .h_area .h1_box h1 {
	color: #807a7b;
	font-size: var(--fs-12);
	font-weight: normal;
	letter-spacing: .05em;
	line-height: 1.5em;
	position: absolute;
	top: 10%;
	transform: translateY(-50%);
}

#header .h_area .col_r .h_contact {
	width: min(100%,670px);	/*右端からのサイズ*/
	margin-left: auto;
	margin-right: 0;
}
#header .h_tel {
	font-size: min(133%,1.5vw);
}
#header .h_tel dt {
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: .5em;
}
#header .h_tel dd {
	font-size: 225%;
	margin-left: 0;
}
#header .h_time {
	margin-top: 10px;
	width: min(65%,330px);
}

/* メインイメージエリア */
#header .m_img {
	position: relative;
}
#header .m_img .m_area {
	position: relative;
	z-index: 0;
	height: 765px;
	overflow: hidden;
}
#header .m_img .m_nav {
	bottom: 8%;
}
#header .head_inf {
	position: absolute;
	z-index: 100;
}

#header .m_img .fv__img {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
#header .m_img .fv__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}
#header .m_img .fv__img.--port {display: none;}
#header .m_img .fv__copy {
	width: min(90%,1120px);
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}



/* ネット予約、お知らせ */
#header .head_inf {
	width: min(26%,300px);
	right: 3%;
	top: 30px;
}
#header .head_inf::after {
  position: absolute;
  content: '';
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  width: 90%;
  height: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 0;
}
#header .head_inf .bnr_reserve,
#header .head_inf .news_box {
	position: relative;
	z-index: 1;
}
#header .head_inf .bnr_reserve a {
	display: block;
	background: var(--color-web);
}
/*お知らせ未作成
#header .head_inf .news_box {
	padding: 5px 8% 10px;
	text-align: left;
	background: #ECF7FC;
}
#header .head_inf .news_box .title_box {
	position: relative;
	line-height: 1.0em;
	margin-bottom: 1.0em;
}
#header .head_inf .news_box .title_box p {
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .head_inf .news_box dt {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
	margin-bottom: .8em;
}
#header .head_inf .news_box dd {
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.6em;
}
#header .head_inf .news_box .link_more {
	margin-top: .5em;
	text-align: right;
}
*/

/*スマホ用メインメニュー*/
.m_menu_sp {
	width: 100%;
	box-sizing: border-box;
	padding: var(--gap-40) 3%;
	text-align: left;
}
.m_menu_sp ul {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
}
.m_menu_sp li {
	width: 48%;
	border-top: rgba(73,65,46,0.20) 1px solid;
}
.m_menu_sp li:nth-child(-n+2) {
	border-top: none;
}
.m_menu_sp li a {
	display: block;
	padding: 1.0em .2em;
	padding-right: 1.5em;
	position: relative;
}
.m_menu_sp li a::before {
	font-family: 'fontello';
	content: '\e800';
	color: #daccbc;
	font-weight: normal;
	position: absolute;
	right: .2em;
	top: 50%;
	transform: translateY(-50%);
}

/* 縦向きの場合
------------------------------------------*/
@media only screen and (max-width: 959px) and (orientation: portrait) {
#header .m_img .fv__img.--land {display: none;}
#header .m_img .fv__img.--port {display: block;}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#header .h_area .h1_box h1 {
	font-size: 75%;
	letter-spacing: normal;
}
#header .h_time {
	width: 70%;
}

/* メインイメージエリア */

/* ネット予約、お知らせ */
#header .head_inf {
	width: min(25%,300px);
	right: 0;
	top: 0;
}
/*お知らせ未作成
#header .head_inf .news_box {
	padding: 1.5em 8% .5em;
	font-size: 90%;
}
*/
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#header .h_area .h1_box {
	padding-top: 0;
}
#header .h_area .h1_box h1 {
	display: none;
}

/* メインイメージエリア */
#header .m_img .m_area {
	height: calc(100vh - 20vw);
}
#header .head_inf {
	position: relative;
	width: 100%;
	max-width: 100%;
	right: auto;
	top: auto;
}

#header .m_img .fv__copy {
	width: 80%;
}

/* ネット予約、お知らせ */
#header .head_inf .bnr_reserve {
	display: none;
}
#header .head_inf {
	display: none;
}
/*	
#header .head_inf::after {
  box-shadow: 0 0 30px rgba(0,0,0,.2);
}
#header .head_inf .news_box {
	padding: 6% 4% 2%;
}
#header .head_inf .news_box .title_box {
	margin-bottom: 4%;
}
#header .head_inf .news_box dt {
	margin-bottom: .5em;
}
*/
}



/*共通
---------------------------------------------------------*/
.top_title {
	text-align: center;
	font-size: 220%;
	letter-spacing: .35em;
	line-height: 1.8em;
}
.top_title .ft_en {
	font-size: 75%;
	letter-spacing: .12em;
	line-height: 1.4em;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.top_title {
	font-size: 150%;
	letter-spacing: .1em;
	line-height: 1.6em;
}
.top_title .ft_en {
}
}



/*7つのこだわり
---------------------------------------------------------*/
:root {
	--kodawari-radius: 30px;
	--kodawari-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}

.kodawari__area {
	overflow: hidden;
	background: #f8f6f3;
	padding-bottom: var(--gap-150);
}

.kodawari__heading {
	background: #fff;
	width: 100%;
	height: min(12vw,170px);
}
.kodawari__heading img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: 100% 100%;
	object-position: center center;
}
.kodawari__lead h2 {
	width: min(80%,950px);
	margin-inline: auto;
}
.kodawari__lead p {
	margin-top: 1.0em;
}

/*共通パーツ*/
.kodawari__bold {
	text-align: center;
	font-size: var(--fs-18);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 2.2em;
}
.kodawari__txt {
	font-size: var(--fs-14);
	letter-spacing: normal;
	line-height: 1.8em;
}

.kodawari__section {
	margin-bottom: var(--gap-80);
}

.kodawari__unit {
	background: rgba(255,255,255,0.9);
	border-radius: var(--kodawari-radius);
	box-sizing: border-box;
	padding: var(--gap-80) min(30px,4vw) var(--gap-60);
	position: relative;
	box-shadow: var(--kodawari-shadow);
}
.kodawari__no {
	font: var(--font-en);
	font-size: min(873%,11.1vw);
	letter-spacing: .03em;
	position: absolute;
	left: .4em;
	top: 0;
	transform: translateY(-40%);
}
.kodawari__catch {
	font-size: min(133%,1.7vw);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.7em;
	margin-bottom: .8em;
}
.kodawari__unit h3 {
	font-size: min(267%,3.2vw);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-bottom: .5em;	
	font-feature-settings: "halt";
}
.kodawari__unit h3 span {
	font-size: 125%;
	letter-spacing: .1em;
	line-height: 1.4em;
}
.kodawari__unit .com_btn_link {
	margin: 2.0em auto 0;
}

/* --01 */
.kodawari__section.--01 {
	padding-top: var(--gap-120);
	position: relative;
}
.kodawari-01__img {
	width: min(100%,1500px);
	margin-inline: auto;
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
	column-gap: 0.5%;
}
.kodawari-01__img li {
	width: 22.4%;
}
.kodawari-01__img li:nth-child(1) {
	margin-right: auto;
	padding-top: 10%;
}
.kodawari-01__img li:nth-child(2) {
	padding-top: 5%;
}
.kodawari__section.--01 .w1400 {
	position: relative;
	z-index: 1;
}
.kodawari__section.--01 .kodawari__unit {
	width: min(42%,565px);
	margin-left: 37.5%;
	transform: translateX(-50%);
}
.kodawari__section.--01 .kodawari__inner {
	width: min(100%,410px);
	margin-inline: auto;
}
.kodawari__section.--01 .kodawari__no {
	background: #8FCF7B;
	background: linear-gradient(0deg,rgba(143, 207, 123, 1) 0%, rgba(193, 216, 175, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--01 .kodawari__unit h3 span {
	color: #61c071;
}

/*2列*/
.kodawari__col2 {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kodawari__col2 .kodawari__section {
	width: min(48%,630px);
}
.kodawari__col2 .kodawari__img {
	width: min(96%,600px);
	margin-left: auto;
	margin-right: 0;
	position: relative;
	z-index: 0;
}
.kodawari__col2 .kodawari__unit {
	width: min(96%,550px);
	margin-left: 0;
	margin-right: auto;
	position: relative;
	z-index: 1;
	margin-top: -80px;
	padding-bottom: 0;
}
.kodawari__col2 .kodawari__unit::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 110%;
	height: calc(100% - 100px);
	left: -5%;
	bottom: -20px;
	background: linear-gradient(0deg,rgba(248, 246, 243, 1) 70%, rgba(248, 246, 243, 0) 100%);
}
.kodawari__col2 .kodawari__inner {
	width: min(100%,410px);
	margin-inline: auto;
	position: relative;
	z-index: 1;
}
.kodawari__section.--02 .kodawari__no {
	background: #E2CF7B;
	background: linear-gradient(0deg,rgba(226, 207, 123, 1) 0%, rgba(250, 215, 91, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--02 .kodawari__unit h3 span {
	color: #cb9b2d;
}
.kodawari__section.--03 .kodawari__no {
	background: #F7BF95;
	background: linear-gradient(0deg,rgba(247, 191, 149, 1) 0%, rgba(247, 185, 102, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--03 .kodawari__unit h3 span {
	color: #f79548;
}
.kodawari__section.--06 .kodawari__no {
	background: #C0B9E0;
	background: linear-gradient(0deg,rgba(192, 185, 224, 1) 0%, rgba(221, 194, 237, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--06 .kodawari__unit h3 span {
	color: #8d8ac6;
}
.kodawari__section.--07 .kodawari__no {
	background: #BBE3F1;
	background: linear-gradient(0deg,rgba(187, 227, 241, 1) 0%, rgba(161, 177, 211, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--07 .kodawari__unit h3 span {
	color: #66b2e2;
}

/* --04 */
.kodawari-04__img {
	width: min(94%,1310px);
	margin-inline: auto;
	position: relative;
	z-index: 0;
}
.kodawari-04__img-list {
	position: relative;
	z-index: 0;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kodawari-04__img-list li {
	width: 33.3333%;
}
.kodawari-04__img-txt li {
	width: min(14%,140px);
	position: absolute;
	z-index: 1;
}
.kodawari-04__img-txt li:nth-child(1) {
	left: 28%;
	top: 30%;
}
.kodawari-04__img-txt li:nth-child(2) {
	right: 28%;
	bottom: 50%;
}
.kodawari__section.--04 .kodawari-04__box {
	width: min(100%,1370px);
	margin-inline: auto;
	margin-top: -40px;
	border-radius: var(--kodawari-radius);
	box-shadow: var(--kodawari-shadow);
}
.kodawari__section.--04 .kodawari__unit {
	box-shadow: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.kodawari-04__layout,
.kodawari__takuzi-layout {
	width: min(100%,1200px);
	margin-inline: auto;
}
.kodawari-04__layout {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.kodawari-04__layout .kodawari-04__item.--l {
	width: min(32%,360px);
}
.kodawari-04__layout .kodawari-04__item.--c {
	width: min(38%,450px);
}
.kodawari-04__layout .kodawari-04__item.--r {
	width: min(25%,290px);
}
.kodawari__section.--04 .kodawari__unit h4 {
	background: #f98fa2;
	text-align: center;
	color: #fff;
	font-size: min(133%,1.7vw);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	padding: .8em 1.0em;
	border-radius: .5em;
	position: relative;
	margin-bottom: 1.5em;
}
.kodawari__section.--04 .kodawari__unit h4 span {
	color: #ffff23;
}
.kodawari__section.--04 .kodawari__unit h4::before {
	content: "";
	position: absolute;
	width: 100%;
	height: .5em;
	left: 0;
	top: calc(100% - 1px);
	background: url("../images/top/deco_fukidashi-p.png") no-repeat center top;
	background-size: contain;
}
.kodawari-04__point-list {
	font-weight: bold;
	line-height: 1.6em;
}
.kodawari-04__point-list li {
	display: grid;
    align-items: center;
	grid-template-columns: 3.5em 1fr;
	column-gap: .5em;
	margin-top: 1.0em;
}
.kodawari-04__point-list li:first-child {
	margin-top: 0;
}
.kodawari-04__item.--c .kodawari-04__point-list {
	width: min(100%,400px);
	margin-inline: auto;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kodawari-04__item.--c .kodawari-04__point-list li {
	width: 49%;
}
.kodawari-04__item.--c .kodawari-04__point-list li.col-width {
	width: 100%;
}
.kodawari-04__dl {
	margin-top: 1.5em;
	border-top: solid 1px #dcdad6;
	padding-top: 1.5em;
	text-align: center;
}
.kodawari-04__dl dt {
	color: #f98fa2;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 1.0em;
}
.kodawari-04__dl ul {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	gap: 1.0em 2%;
}
.kodawari-04__dl ul li {
	width: min(49%,170px);
}
.kodawari-04__dl ul a {
	display: block;
	box-sizing: border-box;
	background: #b8b5ac;
	text-align: left;
	color: #fff;
	font-weight: bold;
	line-height: 1.0em;
	padding: .8em 2.0em;
	border-radius: 100vmax;
	position: relative;
}
.kodawari-04__dl ul a::before {
	font-family: 'fontello';
	content: '\e800';
	position: absolute;
	font-weight: normal;
	right: 1.0em;
	top: 50%;
	transform: translateY(-50%);
}
.kodawari-04__item.--r h4 {
	background: #f98f69 !important;
}
.kodawari-04__item.--r h4::before {
	background-image: url("../images/top/deco_fukidashi-o.png") !important;
}
.kodawari-04__item.--r .kodawari__txt,
.kodawari-04__item.--r .kodawari-04__point-list {
	width: min(100%,240px);
	margin-inline: auto;
}
.kodawari-04__item.--r .kodawari__txt {
	text-align: center;
	margin-bottom: 1.5em;
}

.kodawari__takuzi {
	position: relative;
	z-index: 1;
	background-color: #f99b60;
	background-image: url("../images/top/bg_kodawari1.png"), url("../images/top/bg_kodawari2.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right top;
	background-size: 26% auto, 26% auto;
	color: #fff;
	padding: var(--gap-60) min(30px,4vw);
	border-bottom-left-radius: var(--kodawari-radius);
	border-bottom-right-radius: var(--kodawari-radius);
}
.kodawari__takuzi-layout {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.kodawari__takuzi-layout .kodawari__takuzi-img {
	width: min(31%,362px);
	margin-top: -80px;
}
.kodawari__takuzi-layout .kodawari__takuzi-lead {
	width: min(25%,290px);
	margin-top: -30px;
}
.kodawari__takuzi-layout .kodawari__takuzi-txt {
	width: min(39%,460px);
}
.kodawari__takuzi-lead p {
	font-size: min(133%,1.5vw);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.4em;
}
.kodawari__takuzi-lead h5 {
	font-size: min(200%,2.4vw);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	margin-top: .5em;
}
.kodawari__takuzi-lead h5 span {
	color: #ffff23;
}
.kodawari__takuzi .com_btn_link {
	margin-top: 2.0em;
}
.kodawari__section.--04 .kodawari__no {
	background: #F9B498;
	background: linear-gradient(0deg,rgba(249, 180, 152, 1) 0%, rgba(249, 172, 179, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--04 .kodawari__unit h3 span {
	color: #f98fa2;
}

/* --05 */
.kodawari__section.--05 {
	width: min(100%,1500px);
	margin-inline: auto;
	position: relative;
}
.kodawari-05__img {
	width: min(60%,880px);
	position: absolute;
	z-index: 0;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.kodawari__section.--05 .w1400 {
	position: relative;
	z-index: 1;
}
.kodawari__section.--05 .kodawari__unit {
	width: min(45%,625px);
	margin-left: auto;
	margin-right: 0;
}
.kodawari__section.--05 .kodawari__inner {
	width: min(100%,460px);
	margin-inline: auto;
}
.kodawari__section.--05 .kodawari__no {
	background: #F99D90;
	background: linear-gradient(0deg,rgba(249, 157, 144, 1) 0%, rgba(249, 172, 142, 1) 100%);
	background-clip: text;
	color: transparent;
}
.kodawari__section.--05 .kodawari__unit h3 span {
	color: #f98274;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*共通パーツ*/
.kodawari__bold {
	letter-spacing: .06em;
	line-height: 2.0em;
}

.kodawari__catch {
	font-size: 115%;
	letter-spacing: .06em;
	margin-bottom: .5em;
}
.kodawari__unit .com_btn_link {
	margin-top: 1.5em;
}

/* --01 */
.kodawari__section.--01 {
	padding-top: var(--gap-60);
}
.kodawari-01__img {
	top: 50%;
	transform: translateY(-50%);
}
.kodawari-01__img li:nth-child(1) {
	padding-top: 20%;
}
.kodawari-01__img li:nth-child(2) {
	padding-top: 10%;
}
.kodawari__section.--01 .kodawari__unit {
	width: 55%;
	margin-left: 0;
	transform: none;
}

/*2列*/

/* --04 */
.kodawari-04__img-txt li:nth-child(2) {
	bottom: 40%;
}
.kodawari-04__layout {
    flex-wrap: wrap;
	row-gap: var(--gap-60);
}
.kodawari-04__layout .kodawari-04__item.--l {
	width: 100%;
}
.kodawari-04__layout .kodawari-04__item.--c {
	width: 57%;
}
.kodawari-04__layout .kodawari-04__item.--r {
	width: 40%;
}
.kodawari__section.--04 .kodawari__unit h3 br {
	display: none;
}
.kodawari__section.--04 .kodawari__unit h4 {
	font-size: 115%;
	letter-spacing: .06em;
}
.kodawari-04__dl {
	margin-top: 1.0em;
	padding-top: 1.0em;
}

.kodawari__takuzi-layout {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	gap: 1.5em 5%;
}
.kodawari__takuzi-layout .kodawari__takuzi-img {
	width: 40%;
	margin-top: -8vw;
}
.kodawari__takuzi-layout .kodawari__takuzi-lead {
	width: 48%;
	margin-top: -30px;
}
.kodawari__takuzi-layout .kodawari__takuzi-txt {
	width: 100%;
}
.kodawari__takuzi-lead p {
	font-size: 115%;
}
.kodawari__takuzi-lead h5 {
	font-size: 160%;
}
.kodawari__takuzi .com_btn_link {
	margin: 1.5em auto 0;
}

/* --05 */
.kodawari-05__img {
	width: 65%;
	margin-left: -5%;
}
.kodawari__section.--05 .kodawari__unit {
	width: 50%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	--kodawari-radius: 5vw;
}

.kodawari__heading {
	margin-bottom: var(--gap-60);
}
.kodawari__lead h2 {
	width: 95%;
}

/*共通パーツ*/
.kodawari__bold {
	font-size: var(--fs-16);
	letter-spacing: .06em;
	line-height: 2.0em;
}

.kodawari__unit {
	padding-left: 6%;
	padding-right: 6%;
}
.kodawari__no {
	font-size: 400%;
}
.kodawari__catch {
	font-size: 120%;
	line-height: 1.4em;
	letter-spacing: .06em;
	margin-bottom: .5em;
}
.kodawari__unit h3 {
	font-size: 160%;
	letter-spacing: .05em;
}
.kodawari__unit h3 span {
	letter-spacing: .05em;
}
.kodawari__unit .com_btn_link {
	margin-top: 1.5em;
}

/* --01 */
.kodawari__section.--01 {
	padding-top: var(--gap-80);
}
.kodawari-01__img {
	position: relative;
	left: auto;
	top: auto;
	column-gap: 0.5%;
	margin-bottom: var(--gap-40);
}
.kodawari-01__img li {
	width: 33%;
}
.kodawari-01__img li:nth-child(1) {
	margin-right: 0;
	padding-top: 0;
}
.kodawari-01__img li:nth-child(2) {
	padding-top: 8%;
}
.kodawari__section.--01 .kodawari__unit {
	width: 100%;
	margin-left: 0;
	transform: none;
}
.kodawari__section.--01 .kodawari__inner {
	width: 100%;
}

/*2列*/
.kodawari__col2 {
	display: block;
}
.kodawari__col2 .kodawari__section {
	width: 100%;
	margin-bottom: var(--gap-80);
}
.kodawari__col2 .kodawari__img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.kodawari__col2 .kodawari__unit {
	width: 100%;
	margin-top: -10vw;
}
.kodawari__col2 .kodawari__unit::before {
	height: calc(100% - 10vw);
}
.kodawari__col2 .kodawari__inner {
	width: 100%;
}

/* --04 */
.kodawari-04__img {
	width: 90%;
}
.kodawari-04__img-list {
	display: none;
}
.kodawari-04__img-txt li {
	width: 30%;
}
.kodawari-04__img-txt li:nth-child(1) {
	left: 50%;
	top: 15%;
	transform: translateX(-50%);
}
.kodawari-04__img-txt li:nth-child(2) {
	right: 5%;
	bottom: 6%;
}
.kodawari__section.--04 .kodawari-04__box {
	margin-top: var(--gap-40);
}
.kodawari__section.--04 .kodawari__unit {
	padding-bottom: var(--gap-120);
}
.kodawari-04__layout {
	display: block;
}
.kodawari-04__layout .kodawari-04__item {
	width: 100% !important;
	margin-bottom: var(--gap-60);
}
.kodawari-04__layout .kodawari-04__item.--r {
	margin-bottom: 0;
}
.kodawari__section.--04 .kodawari__unit h4 {
	font-size: 110%;
	letter-spacing: .05em;
	padding: .8em 0;
}
.kodawari-04__point-list li {
	margin-top: .5em;
}
.kodawari-04__item.--c .kodawari-04__point-list {
	width: 96%;
	display: block;
}
.kodawari-04__item.--c .kodawari-04__point-list li {
	width: 100%;
}
.kodawari-04__item.--c .kodawari-04__point-list li.col-width {
	width: 100%;
}
.kodawari-04__dl {
	margin-top: 1.0em;
	padding-top: 1.0em;
}
.kodawari-04__dl ul li {
	width: 49%;
}
.kodawari-04__dl ul a {
	padding-left: 1.2em;
	padding-right: 1.2em;
}
.kodawari-04__item.--r .kodawari__txt,
.kodawari-04__item.--r .kodawari-04__point-list {
	width: 100%;
}
.kodawari-04__item.--r .kodawari__txt {
	margin-bottom: 1.0em;
}

.kodawari__takuzi {
	background-size: 50% auto, 50% auto;
	padding: 20vw 6% var(--gap-80);
	position: relative;
}
.kodawari__takuzi-layout {
	display: block;
}
.kodawari__takuzi-layout .kodawari__takuzi-img {
	position: absolute;
	width: 65%;
	margin-top: 0;
	position: absolute;
	right: 6%;
	top: 0;
	transform: translateY(-15%);
}
.kodawari__takuzi-layout .kodawari__takuzi-lead {
	width: 100%;
	margin-top: 0;
}
.kodawari__takuzi-layout .kodawari__takuzi-txt {
	width: 100%;
}
.kodawari__takuzi-point {
	position: relative;
	z-index: 2;
	width: 70%;
	transform: translateX(-10%);
}
.kodawari__takuzi-lead p {
	font-size: 120%;
	letter-spacing: .06em;
}
.kodawari__takuzi-lead h5 {
	font-size: 130%;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-top: .5em;
	margin-bottom: .8em;
}
.kodawari__takuzi .com_btn_link {
	margin: 1.5em auto 0;
}

/* --05 */
.kodawari-05__img {
	width: 120%;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	margin-left: -10%;
	margin-bottom: var(--gap-40);
}
.kodawari__section.--05 .kodawari__unit {
	width: 100%;
}
.kodawari__section.--05 .kodawari__inner {
	width: 100%;
}
}



/*お悩み
---------------------------------------------------------*/
.nayami {
	width: 100%;
	box-sizing: border-box;
	padding: var(--gap-100) 3% var(--gap-80);
	background: #f1d9b3 url(../images/top/nayami_bg.jpg) no-repeat right bottom;
	background-size: auto 100%;
	position: relative;
	text-align: center;
}
.nayami h2 {
	width: min(80%,960px);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transform: translateY(-50%);
	margin: 0 auto;
}
.nayami ul {
	width: min(100%,1180px);
	margin-inline: auto;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	gap: var(--gap-40) 2%;
}
.nayami li {
	width: 15%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.nayami {
	padding-top: 20vw;
	background-image: url(../images/top/nayami_bg_sp.jpg);
	background-size: contain;
}
.nayami h2 {
	width: 94%;
	position: absolute;
	transform: translateY(-30%);
}
.nayami .flex {
    justify-content: flex-start;
}
.nayami ul {
	column-gap: 3.5%;
}
.nayami li {
	width: 31%;
}
}



/*診療案内
---------------------------------------------------------*/
.medical {
	background: #fff;
	padding: 100px 0;
}
.medical .top_title {
	margin-bottom: 50px;
}

/*ピックアップバナー*/
.pickup__bnr {
	box-sizing: border-box;
	padding: 10px;
	border: solid 10px #dbca6f;
	min-height: 360px;
	background-color: #f8f8f8;
	background-image: url("../images/top/ortho_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 32% auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
	margin-bottom: 30px;
}
.pickup__inner {
	width: min(96%,1000px);
	box-sizing: border-box;
	padding: 10px 0;
	margin-inline: auto;
	position: relative;
	z-index: 1;
}
.pickup__inner h3,
.pickup__inner p {
	width: min(60%,540px);
}
.pickup__inner p {
	font-size: var(--fs-14);
	letter-spacing: normal;
	line-height: 1.8em;
	margin-top: 1.5em;
}
.pickup__inner p a {
	text-decoration: underline;
}
.pickup__inner p a:hover {
	text-decoration: none;
}
.pickup__img {
	width: min(50%,650px);
	position: absolute;
	z-index: 0;
	right: 0;
	top: 0;
}
.pickup__bnr .com_btn_link {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 35%;
	max-width: 335px;
}
.pickup__bnr .com_btn_link a {
	background: #a18f81;
	text-align: left;
	font-size: min(120%,1.7vw);
	padding-left: 1.0em;
	padding-right: 1.0em;
}
.pickup__bnr .com_btn_link span {
	display: block;
}
.pickup__bnr.--ortho .com_btn_link span::before {
	color: #dbca6f;
}
.pickup__bnr.--mrc {
	border-color: #f9b498;
	background-image: url("../images/top/mrc_bg.jpg");
}
.pickup__bnr.--mrc .com_btn_link span::before {
	color: #f9b498;
}
.pickup__bnr.--imp {
	border-color: #72c5e2;
	background-image: url("../images/top/imp_bg.jpg");
}
.pickup__bnr.--imp .com_btn_link span::before {
	color: #72c5e2;
}
.pickup__bnr.--dock {
	border-color: #87e0d3;
	background-image: url("../images/top/dock_bg.jpg");
}
.pickup__bnr.--dock .com_btn_link span::before {
	color: #9be0ad;
}


/* 診療：左列 */
.medical .flt_box {
	margin-top: var(--gap-80);
	margin-bottom: 90px;
}
.medical .flt_box .flt_l {
	width: 75%;
	max-width: 970px;
	margin: 0 auto;
	float: left;
}
.medical .flt_box .flt_r {
	width: 22%;
	max-width: 290px;
	float: right;
}

.medical .pickup_l .txt,
.medical .pickup_s .txt {
	color: #6d6758;
	font-size: 94%;
	letter-spacing: normal;
	line-height: 1.8em;
}
.medical .pickup_l .com_btn_link,
.medical .pickup_s .com_btn_link {
	margin: 30px auto 0;
}

.medical .pickup_l li {
	box-sizing: border-box;
	border: solid 1px #49412E;
	padding: 20px;
	margin-bottom: 50px;
	position: relative;
}
.medical .pickup_l .flex {
    justify-content: space-between;
    align-items: center;
}
.medical .pickup_l .flex .img_box {
	width: 50%;
	max-width: 450px;
	position: relative;
	z-index: 0;
}
.medical .pickup_l .flex dl {
	width: 45%;
	position: relative;
	z-index: 2;
}
.medical .pickup_l .flex dt {
	font-size: min(147%,1.6vw);
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin-bottom: .8em;
}
.medical .pickup_l .flex dt span {
	display: block;
	font-size: 205%;
	letter-spacing: .08em;
	line-height: 1.2em;
	margin-top: .4em;
}
.medical .pickup_l .txt {
	max-width: 400px;
}

.medical .pickup_l .abs_img {
	position: absolute;
	z-index: 1;
}
.medical .pickup_l li.item_yobo .abs_img {
	right: 3%;
	top: -20px;
}
.medical .pickup_l li.item_beauty .abs_img {
	left: 3%;
	top: -15px;
}

.medical .pickup_s {
	display: flex;
    justify-content: space-between;
}
.medical .pickup_s li {
	box-sizing: border-box;
	width: min(49%,470px);
	float: left;
	border: solid 1px #49412E;
	padding: 19px;
}
.medical .pickup_s dt {
	font-size: min(200%,2.6vw);
	font-weight: bold;
	letter-spacing: .08em;
	line-height: 1.4em;
	margin-top: .8em;
	margin-bottom: .5em;
}
.medical .pickup_s .com_btn_link {
	margin-bottom: 10px;
}

/* 診療：右列 */
.medical .med_list {
	border-top: solid 1px rgba(76,65,46,0.2);
	margin-bottom: 30px;
}
.medical .med_list li {
	border-bottom: solid 1px rgba(76,65,46,0.2);
}
.medical .med_list li a {
	display: block;
	padding: 1.2em 0;
	padding-left: 4.0em;
	font-size: 136%;
	letter-spacing: .1em;
	font-weight: bold;
	line-height: 1.2em;
	background-repeat: no-repeat;
	background-position: .5em center;
	background-size: 2.5em 2.5em;
}
.medical .med_list li a:hover {
	color: #c89458;
}
.medical .med_list li.icon_yobo a {background-image: url(../images/med_icon1.svg);}
.medical .med_list li.icon_caries a {background-image: url(../images/med_icon2.svg);}
.medical .med_list li.icon_perio a {background-image: url(../images/med_icon3.svg);}
.medical .med_list li.icon_kids a {background-image: url(../images/med_icon4.svg);}
.medical .med_list li.icon_maternity a {background-image: url(../images/med_icon5.svg);}
.medical .med_list li.icon_surgery a {background-image: url(../images/med_icon6.svg);}
.medical .med_list li.icon_root a {background-image: url(../images/med_icon7.svg);}
.medical .med_list li.icon_ortho a {background-image: url(../images/med_icon8.svg);}
.medical .med_list li.icon_implant a {background-image: url(../images/med_icon9.svg);}
.medical .med_list li.icon_beauty a {background-image: url(../images/med_icon10.svg);}
.medical .med_list li.icon_whitening a {background-image: url(../images/med_icon11.svg);}
.medical .med_list li.icon_denture a {background-image: url(../images/med_icon13.svg);}

.medical .bnr_goods {
		margin-bottom: 30px;
}

/* 料金 */
.medical .price_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	background: #f4f0eb url(../images/top/price_bg.jpg) no-repeat left center;
	background-size: auto 100%;
	position: relative;
	padding: 35px 0;
	text-align: center;
}
.medical .price_box h3 {
	font-size: 167%;
	position: absolute;
	width: 20%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.medical .price_box ul {
	width: 60%;
	max-width: 680px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.medical .price_box li {
	width: 49%;
	max-width: 330px;
	float: left;
}
.medical .price_box li:last-child {
	float: right;
}
.medical .price_box li a {
	display: block;
	color: #fff;
	font-size: 124%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.2em;
	padding: 1.0em 0 2.0em;
	border-radius: .5em;
}
.medical .price_box li:first-child a {
	background: #b0d175;
}
.medical .price_box li:last-child a {
	background: #9abfc1;
}
.medical .price_box li span {
	display: block;
	margin: 0 auto .8em;
}
.medical .price_box .abs_img {
	position: absolute;
	z-index: 0;
	width: min(20%,160px);
	right: 5%;
	bottom: 0;
}

/* Tablet (微調整)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.medical {
	padding: 8% 0;
}
.medical .top_title {
	margin-bottom: 6%;
}	

/* 診療：左列 */
.medical .flt_box {
	margin-bottom: 8%;
}
.medical .flt_box .flt_l {
	width: 100%;
	float: none;
	margin-bottom: 4%;
}
.medical .flt_box .flt_r {
	width: 100%;
	float: none;
	max-width: 100%;
}

.medical .pickup_l .com_btn_link,
.medical .pickup_s .com_btn_link {
	margin: 1.5em auto 0;
}

.medical .pickup_l .flex {
    align-items: flex-start;
}
.medical .pickup_l li {
	padding: 6% 3%;
	margin-bottom: 3%;
}
.medical .pickup_l .flex dt {
	font-size: 120%;
}
.medical .pickup_l .flex dt span {
	font-size: 190%;
}
.medical .pickup_l li.item_yobo .abs_img {
	right: auto;
	left: 38%;
}
.medical .pickup_l li.item_beauty .abs_img {
	left: 5%;
}

.medical .pickup_s li {
	padding: 3%;
}
.medical .pickup_s .com_btn_link {
	margin-bottom: 0;
}

/* 診療：右列 */
.medical .med_list {
	border-top: none;
	margin-left: -1.3333%;
	margin-bottom: 0;
}
.medical .med_list li {
	width: 32%;
	margin-left: 1.3333%;
	float: left;
	box-sizing: border-box;
	border: solid 1px rgba(76,65,46,0.2);
	margin-bottom: 1.0em;
}
.medical .med_list li a {
	font-size: 120%;
}
	.medical .med_flt_box .bnr_goods{
		margin-left:17%;
	}	
	.medical .med_flt_box p{
		float:left;
		margin-right: 1.333%;
		width: 32%;
	}
	
/* 料金 */
.medical .price_box {
	padding: 3% 0;
}
.medical .price_box li a {
	padding: 1.5em 0;
	font-size: 116%;
}
.medical .price_box .abs_img {
	width: 16%;
	right: 2%;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*ピックアップバナー*/
.pickup__bnr {
	padding: 10px;
	border-width: 6px;
	background-size: 35% auto;
	margin-bottom: 2vw;
	min-height: 0;
}
.pickup__inner {
	width: 96%;
	padding: 8vw 0 1.0em;
}
.pickup__inner h3 {
	width: 65%;
}
.pickup__inner p {
	width: 100%;
}
.pickup__img {
	width: 55%;
}
.pickup__bnr .com_btn_link {
	position: static;
	width: 100%;
	margin-left: auto;
	margin-right: 0;
	max-width: 300px;
}
.pickup__bnr .com_btn_link a {
	font-size: 110%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.medical {
	padding: 10% 0;
}
.medical .top_title {
	margin-bottom: 6%;
}
	
/*ピックアップバナー*/
.pickup__bnr {
	padding: 2vw 0 6vw;
	border-width: 1.5vw;
	min-height: 0;
	background-image: none !important;
	margin-bottom: 3vw;
}
.pickup__inner {
	width: 90%;
	padding: 5vw 0 0;
}
.pickup__inner h3,
.pickup__inner p {
	width: 100%;
}
.pickup__img {
	width: 100%;
	position: relative;
	z-index: auto;
	right: auto;
	top: auto;
}
.pickup__img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 30%;
	left: 0;
	top: -1px;
	background: linear-gradient(0deg,rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 1) 100%);
}
.pickup__bnr .com_btn_link {
	position: static;
	width: 90%;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.pickup__bnr .com_btn_link a {
	font-size: 110%;
}

/* 診療：左列 */
.medical .flt_box {
	margin-bottom: 10%;
}
.medical .flt_box .flt_l {
	width: 100%;
	float: none;
}
.medical .flt_box .flt_r {
	width: 100%;
	max-width: 100%;
	float: none;
}

.medical .pickup_l .com_btn_link,
.medical .pickup_s .com_btn_link {
	margin: 1.5em auto 0;
}

.medical .pickup_l li {
	padding: 6%;
	margin-bottom: 8%;
}
.medical .pickup_l .flex {
	display: block;
}
.medical .pickup_l .flex .img_box {
	width: 100%;
	margin: 0 auto 1.5em;
}
.medical .pickup_l .flex dl {
	width: 100%;
}
.medical .pickup_l .flex dt {
	font-size: 110%;
	margin-bottom: .8em;
}
.medical .pickup_l .flex dt span {
	font-size: 180%;
}
.medical .pickup_l .txt {
	max-width: 100%;
}

.medical .pickup_l .abs_img {
	width: 22%;
}
.medical .pickup_l li.item_yobo .abs_img {
	right: 2%;
	top: -20px;
}
.medical .pickup_l li.item_beauty .abs_img {
	left: 2%;
	top: -15px;
}

.medical .pickup_s {
	display: block;
}
.medical .pickup_s li {
	width: 100%;
	max-width: 100%;
	float: none;
	padding: 6% 6% 4%;
	margin-bottom: 8%;
}
.medical .pickup_s .img_box {
	text-align: center;
	margin-bottom: 1.2em;
}
.medical .pickup_s dt {
	font-size: 160%;
	margin-bottom: .5em;
}
.medical .pickup_s .com_btn_link {
	margin-bottom: 0;
}

/* 診療：右列 */
.medical .med_list {
	border-top: none;
	margin-bottom: 3%;
}
.medical .med_list li {
	width: 49%;
	float: left;
	box-sizing: border-box;
	border: solid 1px rgba(76,65,46,0.2);
	margin-bottom: .5em;
}
.medical .med_list li:nth-child(even) {
	float: right;
}
.medical .med_list li a {
	padding: 1.4em 0;
	padding-left: 2.8em;
	font-size: 100%;
	letter-spacing: normal;
	background-size: 1.8em 1.8em;
}

.medical .bnr_goods {
	text-align: center;
	margin-bottom: 3%;
}
.medical .bnr_oralflail {
	text-align: center;
}

/* 料金 */
.medical .price_box {
	padding: 8% 4% 4%;
	box-sizing: border-box;
}
.medical .price_box h3 {
	position: relative;
	width: 20%;
	margin: 0 auto 6%;
	left: auto;
	top: auto;
	transform: none;
}
.medical .price_box h3 img {
	display: block;
}
.medical .price_box ul {
	width: 80%;
	margin-left: 0;
	margin-right: auto;
}
.medical .price_box li a {
	padding: 1.5em 0;
	font-size: 110%;
	line-height: 1.4em;
}
.medical .price_box .abs_img {
	width: 24%;
	right: 0;
}
}



/*ご挨拶
---------------------------------------------------------*/
.greet {
	background: #ded6c2 url(../images/top/greet_bg.jpg) no-repeat left top;
	background-size: 1090px auto;
	padding-top: var(--gap-120);
}
.greet .w1000 {
	padding-bottom: var(--gap-100);
	position: relative;
}

.greet .dr_img {
	width: min(20vw,190px);
	position: absolute;
	right: 12%;
	top: 0;
	transform: translateY(-50%);
}
.greet .dr_img dl {
	position: absolute;
	z-index: 1;
	left: 75%;
	top: 10%;
	font-size: 94%;
	letter-spacing: .05em;
	white-space: nowrap;
}
.greet .dr_img dd span {
	font-size: 150%;
	padding-left: .8em;
}

.greet hgroup {
	margin-top: var(--gap-120);
	margin-bottom: var(--gap-80);
}
.greet hgroup .ft_en {
	color: #fff;
	font-size: min(400%,5.1vw);
	margin-bottom: .2em;
}
.greet hgroup h2 {
	font-weight: bold;
	letter-spacing: .3em;
	line-height: 1.2em;
}
.greet .message dt {
	margin-bottom: var(--gap-40);
}
.greet .message dt img {
	margin-left: 0;
}
.greet .message dd {
	color: #000;
	font-size: var(--fs-16);
	letter-spacing: .12em;
	line-height: 2.2em;
	margin-bottom: var(--gap-60);
}
.greet .com_btn_link {
	margin: 0 auto;
}
.greet .com_btn_link a {
	color: #c89458;
	background: #fff;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.greet {
	background-size: contain;
}
.greet .dr_img {
	right: 20%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.greet {
	background-size: contain;
	padding-top: 30vw;
}

.greet .dr_img {
	width: 100%;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	display: flex;
    justify-content: center;
    align-items: flex-end;
	column-gap: 8%;
}
.greet .dr_img div {
	width: 40%;
}
.greet .dr_img dl {
	position: static;
	transform: none;
}

.greet hgroup {
	margin-top: var(--gap-60);
}
.greet hgroup .ft_en {
	font-size: 280%;
	margin-bottom: .5em;
}
.greet .message dt {
	width: 100%;
}
.greet .message dd {
	letter-spacing: .05em;
	line-height: 2.0em;
}
}



/*ブログ
---------------------------------------------------------*/
:root {
	--blog-radius: 20px;
}
.blog .w1200 {
	padding-top: var(--gap-80);
	padding-bottom: var(--gap-80);
}
.blog__layout {
	width: min(100%,1080px);
	margin-inline: auto;
	display: flex;
    justify-content: space-between;
}
.blog__layout .blog__unit {
	box-sizing: border-box;
}
.blog__layout .blog__unit.--left {
	width: 66.5%;
}
.blog__layout .blog__unit.--right {
	width: 31.5%;
}

.blog__unit.--left {
	border: solid 1px #f8c173;
	border-radius: var(--blog-radius);
}
.blog__heading {
	border-top-left-radius: var(--blog-radius);
	border-top-right-radius: var(--blog-radius);
	background: #f8c173;
	position: relative;
	color: #fff;
	font-size: min(167%,2.1vw);
	font-weight: bold;
	letter-spacing: .12em;
	line-height: 1.2em;
	padding: 1.1em 3%;
	padding-left: 20%;
}
.blog__heading div {
	width: min(15%,100px);
	position: absolute;
	left: 2%;
	bottom: 0;
}
.blog__content {
	padding: var(--gap-60) 0;
	text-align: center;
}
.blog__bnr-list li {
	margin-bottom: 20px;
}
.blog__bnr-list li:last-child {
	margin-bottom: 0;
}
.blog__bnr-list li a {
	display: block;
	border-radius: var(--blog-radius);	
}
.blog__bnr.--news a {
	background: #fcf3da;
	text-align: center;
	font: var(--font-en);
	font-size: min(167%,2.1vw);
	letter-spacing: .12em;
	line-height: 1.0em;
	padding: 1.2em 0 .5em;
}
.blog__bnr.--news span {
	display: block;
	padding-top: 1.8em;
	padding-bottom: 1.2em;
	position: relative;
}
.blog__bnr.--news span::before {
	font-family: 'fontello';
	content: '\e803';
	color: #f58929;
	font-size: 120%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
}
.blog__bnr.--news span::after {
	font-family: 'fontello';
	content: '\e800';
	color: #c89458;
	font-size: 60%;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
}
.blog__bnr.--df a {
	border: solid 1px #b3aaac;
	padding: min(15px,2vw);
	text-align: center;
	color: #807a7b;
	font-size: min(95%,1.4vw);
	letter-spacing: .12em;
	line-height: 1.2em;
}
.blog__bnr.--df p {
	margin-top: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.blog__heading {
	font-size: 120%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
:root {
	--blog-radius: 3vw;
}
.blog__layout {
	display: block;
}
.blog__layout .blog__unit.--left {
	width: 100%;
	margin-bottom: var(--gap-80);
}
.blog__layout .blog__unit.--right {
	width: 70%;
	margin-inline: auto;
}

.blog__heading {
	font-size: 120%;
	padding: 1.0em 3%;
	padding-left: 30%;
}
.blog__heading div {
	width: 20%;
}
.blog__content {
	padding: var(--gap-60) 0;
	text-align: center;
}
.blog__bnr-list li {
	margin-bottom: 10px;
}
.blog__bnr.--news a {
	font-size: 125%;
	padding: 1.0em 0 .5em;
}
.blog__bnr.--news span {
	padding-top: 1.5em;
}
.blog__bnr.--news span::after {
	font-size: 90%;
}
.blog__bnr.--df a {
	font-size: 80%;
	letter-spacing: .05em;
}
}



/*採用バナー
---------------------------------------------------------*/
.recruit {
	background: #f7f7f0 url(../images/top/recruit_bg.jpg) no-repeat center center;
	background-size: auto 100%;
	padding: 50px 0;
}
.recruit p {
	width: min(80%,740px);
	margin-inline: auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.recruit {
	padding: 4% 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.recruit {
	padding: 6% 0;
}
.recruit p {
	width: 90%;
}
}



/*フッター
---------------------------------------------------------*/
.map_box {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}
.map_box #map_canvas {
	width: 100%;
	height: min(470px,40vw);
	position: relative;
	z-index: 0;
}
.map_box iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.map_box .f_access {
	position: absolute;
	z-index: 1;
	width: min(90%,980px);
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	transform: translateY(50%);
	background: #ebdf9d;
	display: flex;
    justify-content: space-between;
    align-items: center;
	text-align: center;
}
.map_box .f_access li {
	box-sizing: border-box;
}
.map_box .f_access li:first-child {
	width: 60%;
	padding: 0 3%;
}
.map_box .f_access li:last-child {
	width: 40%;
}

.map_box .f_access li:first-child {
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.6em;
}
.map_box .f_access li:first-child div {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.map_box .f_access li:first-child dt,
.map_box .f_access li:first-child dd {
	display: inline-block;
	vertical-align: top;
}
.map_box .f_access li:first-child dl:first-child {
	margin-bottom: .5em;
}
.map_box .f_access li:last-child a {
	display: block;
	background: #f8c173;
	font-size: min(167%,2.5vw);
	letter-spacing: .1em;
	padding: 1.8em 0;
}
.map_box .f_access li:last-child span {
	display: inline-block;
	padding-right: 1.0em;
	background: url("../images/arrow_brown.svg") no-repeat right center;
	background-size: .7em auto;
}

#footer {
	padding-top: 130px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#footer {
	padding-top: 12%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.map_box {
	padding-bottom: 0;
	margin-bottom: -10vw;
}
.map_box #map_canvas {
	height: 60vw;
}
.map_box .f_access {
	position: relative;
	width: 100%;
	left: auto;
	right: auto;
	bottom: auto;
	transform: none;
	display: block;
}
.map_box .f_access li {
	width: 100% !important;
}

.map_box .f_access li:first-child {
	padding: 4vw 4%;
}
.map_box .f_access li:first-child div {
	display: block;
}
.map_box .f_access li:first-child dt,
.map_box .f_access li:first-child dd {
	display: block;
}
.map_box .f_access li:last-child a {
	font-size: 120%;
	padding: 1.0em 0;
}	
	
#footer {
	padding-top: 20%;
}
}



/*インスタグラム
---------------------------------------------------------*/
.inst__area {
	padding-top: var(--gap-80);
}
.inst__inner {
	width: min(100%,1320px);
	margin-inline: auto;
}
.inst__area .dumy {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}
.inst__area .dumy li {
	width: min(13%,160px);
	margin-inline: auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.inst__area {
	padding-top: 0;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}