@charset "UTF-8";
/* reset -------- */
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
	line-height: 1;
	overflow-y: scroll;
}
body {
	position: relative;
	margin: 0;
	padding: 0;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
img, object, embed {
	border-style: none;
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	line-height: 0;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
th {
	text-align: left;
}
em {
	font-style: normal;
	font-weight: bold;
}
a {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}
button {
	background: none;
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
video {
	width: 100%;
}
input:focus {
	outline: 0;
	border-color: orange;
}
input[type=submit] {
	-webkit-appearance: none;
}
sup {
	vertical-align: super;
	font-size: 80%;
}
sub {
	vertical-align: sub;
	font-size: 80%;
}
hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}
b, strong {
	font-weight: bolder;
}
code, kbd, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
/* Forms
	 ========================================================================== */
button, input, optgroup, select, textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button, input {
	overflow: visible;
}
button, select {
	text-transform: none;
}
button, [type='button'], [type='reset'], [type='submit'] {
	-webkit-appearance: button;
}
button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"], [type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}


/*** common ***/
html {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 10px;
	color: #333333;
}
body{
	font-size: 1.6rem;
}
@media (max-width: 1280px) {
	html{
		font-size: calc( 10 / 1200 * 100vw );
	}
}
@media (max-width: 768px) {
	html {
		font-size: calc( 10 / 750 * 100vw );
	}
	body{
		font-size: 2.8rem;
	}
}

@media (max-width: 768px) {
	.pc {
		display: none !important;
	}
}
@media (min-width: 769px) {
	.sp {
		display: none !important;
	}
}


/**** grid ****/
.grid{
	display: grid;
}
.grid.col_1{
	grid-template-columns: 1fr;
}
.grid.col_2{
	grid-template-columns: repeat(2,1fr);
}
.grid.col_3{
	grid-template-columns: repeat(3,1fr);
}
.grid.col_4{
	grid-template-columns: repeat(4,1fr);
}
.grid.col_5{
	grid-template-columns: repeat(5,1fr);
}
.grid.col_6{
	grid-template-columns: repeat(6,1fr);
}
.grid.col_7{
	grid-template-columns: repeat(7,1fr);
}
.grid.col8{
	grid-template-columns: repeat(8,1fr);
}
.grid.col_9{
	grid-template-columns: repeat(9,1fr);
}
.grid.col_10{
	grid-template-columns: repeat(10,1fr);
}

.gap_5{
	gap: 0.5rem;
}
.gap_10{
	gap: 1rem;
}
.gap_20{
	gap: 2rem;
}
.gap_30{
	gap: 3rem;
}
.gap_40{
	gap: 4rem;
}
.gap_50{
	gap: 5rem;
}
.gap_60{
	gap: 6rem;
}
.gap_70{
	gap: 7rem;
}
.gap_80{
	gap: 8rem;
}
.gap_90{
	gap: 9rem;
}
.gap_100{
	gap: 10rem;
}

@media (max-width: 768px) {
	.grid{
		display: grid;
	}
	.grid.col_1_sp{
		grid-template-columns: 1fr;
	}
	.grid.col_2_sp{
		grid-template-columns: repeat(2,1fr);
	}
	.grid.col_3_sp{
		grid-template-columns: repeat(3,1fr);
	}
	.grid.col_4_sp{
		grid-template-columns: repeat(4,1fr);
	}
	.grid.col_5_sp{
		grid-template-columns: repeat(5,1fr);
	}
	.grid.col_6_sp{
		grid-template-columns: repeat(6,1fr);
	}
	.grid.col_7_sp{
		grid-template-columns: repeat(7,1fr);
	}
	.grid.col8_sp{
		grid-template-columns: repeat(8,1fr);
	}
	.grid.col_9_sp{
		grid-template-columns: repeat(9,1fr);
	}
	.grid.col_10_sp{
		grid-template-columns: repeat(10,1fr);
	}
	
	.gap_5_sp{
		gap: 0.5rem;
	}
	.gap_10_sp{
		gap: 1rem;
	}
	.gap_20_sp{
		gap: 2rem;
	}
	.gap_30_sp{
		gap: 3rem;
	}
	.gap_40_sp{
		gap: 4rem;
	}
	.gap_50_sp{
		gap: 5rem;
	}
	.gap_60_sp{
		gap: 6rem;
	}
	.gap_70_sp{
		gap: 7rem;
	}
	.gap_80_sp{
		gap: 8rem;
	}
	.gap_90_sp{
		gap: 9rem;
	}
	.gap_100_sp{
		gap: 10rem;
	}
}


/*** table 横スライド用 ***/
@media (max-width: 768px) {
	.tableslide_sp {
		overflow-x: scroll;
		margin-right: -10px;
		padding-bottom: 10px;
	}
	.tableslide_sp td {
		white-space: nowrap;
	}
}
/***　アニメーション ***/
.effect {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_left {
	opacity: 0;
	-webkit-transform: translate3d(50px, 0, 0);
	transform: translate3d(50px, 0, 0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_left.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.effect_right {
	opacity: 0;
	-webkit-transform: translate3d(-50px, 0, 0);
	transform: translate3d(-50px, 0, 0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_right.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.effect_up {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_up.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.effect_show {
	opacity: 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_show.active {
	opacity: 1;
}
.effect_wide {
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.effect_wide.active {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.effect_scaledown {
	transform: scale3d(1.3, 1.3, 1.3);
	/* opacity: 0; */
}
.effect_scaledown.active {
	animation: effect_scaledown 0.8s ease-in forwards 0.2s;
}
@media (max-width: 768px) {
	/*
  	.effect_left{
  		opacity: 1;
  		transform: translate3d(0%,0,0);
  	}
  	.effect_right{
  		opacity: 1;
  		transform: translate3d(0%,0,0);
  	}
  	.effect_top{
  		opacity: 1;
  		transform: translate3d(0,0%,0);
  	}
  	.effect_show{
  		opacity: 1;
  	}
  */
}
@-webkit-keyframes effect_wide {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes effect_wide {
	0% {
		-webkit-transform: scale3d(0, 1, 1);
		transform: scale3d(0, 1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes effect_scaledown{
	0% {
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
		opacity: 0;
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}
@keyframes effect_scaledown{
	0% {
		transform: scale3d(1.3, 1.3, 1.3);
		opacity: 0;
	}
	100% {
		transform: scale3d(1, 1, 1);
		opacity: 1;
	}
}

/*** parts ****/
picture{
	display: block;
}
.thumb img {
	/*width: 100%;*/
}
.icon_left {
	display: inline-block;
	margin-right: 10px;
	line-height: 0;
}
.icon_right {
	display: inline-block;
	margin-left: 10px;
	line-height: 0;
}
/*** scale ***/
.thumb.scale a, a.scale .thumb {
	display: block;
	overflow: hidden;
}
.thumb.scale a img, a.scale .thumb img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.thumb.scale a:hover img, a.scale:hover .thumb img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/*** slick用 スライダー ***/
.slider {
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.slider.slick-initialized {
	opacity: 1;
}
/*** font ***/
.fs_10{
	font-size: 1rem;
}
.fs_12{
	font-size: 1.2rem;
}
.fs_14{
	font-size: 1.4rem;
}
.fs_16{
	font-size: 1.6rem;
}
.fs_18{
	font-size: 1.8rem;
}
.fs_20{
	font-size: 2rem;
}
.fs_22{
	font-size: 2.2rem;
}
.fs_24{
	font-size: 2.4rem;
}
.fs_26{
	font-size: 2.6rem;
}
.fs_28{
	font-size: 2.8rem;
}
.fs_30{
	font-size: 3rem;
}
.fs_32{
	font-size: 3.2rem;
}
.fs_34{
	font-size: 3.4rem;
}
.fs_36{
	font-size: 3.6rem;
}
.fs_38{
	font-size: 3.8rem;
}
.fs_40{
	font-size: 4rem;
}

@media (max-width: 768px) {
	.fs_10_sp{
		font-size: 1rem;
	}
	.fs_12_sp{
		font-size: 1.2rem;
	}
	.fs_14_sp{
		font-size: 1.4rem;
	}
	.fs_16_sp{
		font-size: 1.6rem;
	}
	.fs_18_sp{
		font-size: 1.8rem;
	}
	.fs_20_sp{
		font-size: 2rem;
	}
	.fs_22_sp{
		font-size: 2.2rem;
	}
	.fs_24_sp{
		font-size: 2.4rem;
	}
	.fs_26_sp{
		font-size: 2.6rem;
	}
	.fs_28_sp{
		font-size: 2.8rem;
	}
	.fs_30_sp{
		font-size: 3rem;
	}
	.fs_32_sp{
		font-size: 3.2rem;
	}
	.fs_34_sp{
		font-size: 3.4rem;
	}
	.fs_36_sp{
		font-size: 3.6rem;
	}
	.fs_38_sp{
		font-size: 3.8rem;
	}
	.fs_40_sp{
		font-size: 4rem;
	}
}


.alC {
	text-align: center !important;
}
.alR {
	text-align: right !important;
}
.alL {
	text-align: left !important;
}
.f_small {
	font-size: 90% !important;
}
.f_xsmall {
	font-size: 80% !important;
}
.f_xxsmall {
	font-size: 70% !important;
}
.f_xxxsmall {
	font-size: 60% !important;
}
.f_large {
	font-size: 110% !important;
}
.f_xlarge {
	font-size: 120% !important;
}
.f_xxlarge {
	font-size: 130% !important;
}
.f_xxxlarge {
	font-size: 140% !important;
}
.f_bold {
	font-weight: bold !important;
}
.f_nomal {
	font-weight: normal!important;
}
.f_underline {
	text-decoration: underline;
	text-underline-offset: 5px; 
	text-decoration-thickness: 1px;
}
.f_black {
	color: #000000 !important;
}
.f_white {
	color: #FFFFFF !important;
}
.f_bg_yellow {
	display: inline;
	background-color: #ffe6c8;
}
.f_line_yellow {
	display: inline;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(54%, rgba(255, 240, 198, 0)), color-stop(55%, #fff0c5), to(#fff0c5));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 240, 198, 0) 54%, #fff0c5 55%, #fff0c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#fff0c5", GradientType=0);
}
.f_link {
	text-decoration: none;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.f_link:hover {
	color: #69318e;
	/*text-decoration: none;*/
}

@media (max-width: 768px) {
	.alC_sp {
		text-align: center !important;
	}
	.alR_sp {
		text-align: right !important;
	}
	.alL_sp {
		text-align: left !important;
	}
}


/*** margin ***/
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: .5rem !important;
}
.mb10 {
	margin-bottom: 1rem !important;
}
.mb15 {
	margin-bottom: 1.5rem !important;
}
.mb20 {
	margin-bottom: 2rem !important;
}
.mb25 {
	margin-bottom: 2.5rem !important;
}
.mb30 {
	margin-bottom: 3rem !important;
}
.mb35 {
	margin-bottom: 3.5rem !important;
}
.mb40 {
	margin-bottom: 4rem !important;
}
.mb50 {
	margin-bottom: 5rem !important;
}
.mb60 {
	margin-bottom: 6rem !important;
}
.mb70 {
	margin-bottom: 7rem !important;
}
.mb80 {
	margin-bottom: 8rem !important;
}
.mb90 {
	margin-bottom: 9rem !important;
}
.mb100 {
	margin-bottom: 10rem !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt5 {
	margin-top: .5rem !important;
}
.mt10 {
	margin-top: 1rem !important;
}
.mt15 {
	margin-top: 1.5rem !important;
}
.mt20 {
	margin-top: 2rem !important;
}
.mt25 {
	margin-top: 2.5rem !important;
}
.mt30 {
	margin-top: 3rem !important;
}
.mt35 {
	margin-top: 3.5rem !important;
}
.mt40 {
	margin-top: 4rem !important;
}
.mt50 {
	margin-top: 5rem !important;
}
.mt60 {
	margin-top: 6rem !important;
}
.mt70 {
	margin-top: 7rem !important;
}
.mt80 {
	margin-top: 8rem !important;
}
.mt90 {
	margin-top: 9rem !important;
}
.mt100 {
	margin-top: 10rem !important;
}
/*** padding ***/
.pb0 {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: .5rem !important;
}
.pb10 {
	padding-bottom: 1rem !important;
}
.pb15 {
	padding-bottom: 1.5rem !important;
}
.pb20 {
	padding-bottom: 2rem !important;
}
.pb25 {
	padding-bottom: 2.5rem !important;
}
.pb30 {
	padding-bottom: 3rem !important;
}
.pb35 {
	padding-bottom: 3.5rem !important;
}
.pb40 {
	padding-bottom: 4rem !important;
}
.pb50 {
	padding-bottom: 5rem !important;
}
.pb60 {
	padding-bottom: 6rem !important;
}
.pb70 {
	padding-bottom: 7rem !important;
}
.pb80 {
	padding-bottom: 8rem !important;
}
.pb90 {
	padding-bottom: 9rem !important;
}
.pb100 {
	padding-bottom: 10rem !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pt5 {
	padding-top: .5rem !important;
}
.pt10 {
	padding-top: 1rem !important;
}
.pt15 {
	padding-top: 1.5rem !important;
}
.pt20 {
	padding-top: 2rem !important;
}
.pt25 {
	padding-top: 2.5rem !important;
}
.pt30 {
	padding-top: 3rem !important;
}
.pt35 {
	padding-top: 3.5rem !important;
}
.pt40 {
	padding-top: 4rem !important;
}
.pt50 {
	padding-top: 5rem !important;
}
.pt60 {
	padding-top: 6rem !important;
}
.pt70 {
	padding-top: 7rem !important;
}
.pt80 {
	padding-top: 8rem !important;
}
.pt90 {
	padding-top: 9rem !important;
}
.pt100 {
	padding-top: 10rem !important;
}
/* wide ********/
.wide_par5 {
	width: 5% !important;
}
.wide_par10 {
	width: 10% !important;
}
.wide_par15 {
	width: 15% !important;
}
.wide_par20 {
	width: 20% !important;
}
.wide_par25 {
	width: 25% !important;
}
.wide_par30 {
	width: 30% !important;
}
.wide_par35 {
	width: 35% !important;
}
.wide_par40 {
	width: 40% !important;
}
.wide_par45 {
	width: 45% !important;
}
.wide_par50 {
	width: 50% !important;
}
.wide_par55 {
	width: 55% !important;
}
.wide_par60 {
	width: 60% !important;
}
.wide_par65 {
	width: 65% !important;
}
.wide_par70 {
	width: 70% !important;
}
.wide_par75 {
	width: 75% !important;
}
.wide_par80 {
	width: 80% !important;
}
.wide_par85 {
	width: 85% !important;
}
.wide_par90 {
	width: 90% !important;
}
.wide_par95 {
	width: 95% !important;
}
.wide_par100 {
	width: 100% !important;
}
.wide_50 {
	width: 5rem !important;
}
.wide_100 {
	width: 10rem !important;
}
.wide_150 {
	width: 15rem !important;
}
.wide_200 {
	width: 20rem !important;
}
.wide_250 {
	width: 25rem !important;
}
.wide_300 {
	width: 30rem !important;
}
.wide_350 {
	width: 35rem !important;
}
.wide_400 {
	width: 40rem !important;
}
.wide_450 {
	width: 45rem !important;
}
.wide_500 {
	width: 50rem !important;
}
.wide_550 {
	width: 55rem !important;
}


/*** youtube ***/
.youtube, .wp-block-embed__wrapper {
	width: 100%;
	padding-bottom: calc(100% * 340 / 600);
	height: rem;
	position: relative;
	margin-bottom: 3rem;
}
.youtube iframe, .wp-block-embed__wrapper iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/*** pitch_wrap ***/
.pitch_wrap{
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
}
.pitch_wrap_inner{
	width: 100%;
	height: 0;
	padding-bottom: calc(100% * 578 / 960);
	position: relative;
}
.pitch_wrap iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 768px) {
	.pitch_wrap_inner{
		padding-bottom: calc(100% * 640 / 960);
	}
}

/*** width ***/
.full_width {
	width: 100vw;
	margin-left: calc((100vw - 100%) / -2);
	margin-right: calc((100vw - 100%) / -2);
}
/*** hover ***/
.hover_opacity {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
	transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
	transition: opacity 0.3s ease, filter 0.3s ease;
	transition: opacity 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
}
.hover_opacity:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.hover_reverse {
	display: block;
	position: relative;
}
.hover_reverse .btn_on {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.hover_reverse .btn_off {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.hover_reverse:hover .btn_on {
	opacity: 1;
}
.hover_reverse:hover .btn_off {
	opacity: 0;
}
/*** table_basic ***/
.table_basic {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.table_basic th {
	padding: 10px 10px;
	vertical-align: top;
	text-align: left;
	background-color: #0f7c4f;
	color: #FFFFFF;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.table_basic td {
	padding: 20px 15px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
@media (max-width: 768px) {
}
/***　accordion_list　***/
.accordion_list dl {}
.accordion_list dl:not(:last-child) {}
.accordion_list dt {
	position: relative;
}
.accordion_list dt:hover {
	cursor: pointer;
}
.accordion_list dt:after {
	content: "";
	display: inline-block;
	background: url("../images/common/icon_up.svg") left top no-repeat;
	background-size: contain;
	width: 17px;
	height: 11px;
	position: absolute;
	right: 60px;
	top: 50%;
	transform: translate3d(0, -50%, 0);
	transition: transform 0.3s ease;
}
.accordion_list dd {
	overflow: hidden;
	height: 0px;
	transition: height 0.3s ease;
}
.accordion_list dd .inner {
	position: relative;
}
.accordion_list dl.active dt:after {
	transform: translate3d(0, -50%, 0) rotate(180deg);
}
@media (max-width: 768px) {
	.accordion_list dl:not(:last-child) {}
	.accordion_list dt:after {
		right: 20px;
	}
	.accordion_list dt {}
	.accordion_list dd .inner {}
}
/*** crumb ***/
.crumb ul {
	font-size: 0;
	padding-top: 15px;
	padding-bottom: 30px;
	text-align: right;
}
.crumb ul li {
	display: inline;
	font-size: 0.75rem;
}
.crumb ul li a:after {
	content: "\FF1E";
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
}
.crumb ul li a {
	color: #666666;
	-webkit-transition: 0.3s color ease;
	transition: 0.3s color ease;
}
.crumb ul li a:hover {
	color: #002E78;
}
/*** image ***/
.thumb img {
	width: 100%;
	height: auto;
}

/**** pageNavi ****/
.pageNaviWrap {
	margin-top: 80px;
}
.pageNaviWrap:after {
	clear: both;
}
.pageNavi {
	display: flex;
	justify-content: center;
	grid-gap: 10px;
}
.pageNavi > a,
.pageNavi > span{
	font-size: 0.88rem;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid #e17837;
	border-radius: 100%;
	background-color: #FFFFFF;
	color: #e17837;
}
.pageNavi a{
	transition: color 0.3s ease,
		background-color 0.3s ease;
}
.pageNavi a:hover,
.pageNavi .current{
	color: #FFFFFF;
	background-color: #e17837;
}
.pageNavi a.back{
}
.pageNavi a.next{
}
.pageNavi a.back,
.pageNavi a.next{
}
.pageNavi a.back:hover,
.pageNavi a.next:hover{
}
.pageNavi .current {
}
.pageNavi .space {
	border: none;
	margin-left: 0px;
	margin-right: 0px;
}

.arrow_left{
	transition: background-color 0.3s ease;	
	content: "";
	display: inline-block;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" /></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z" /></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}
.arrow_right{
	transition: background-color 0.3s ease;	
	content: "";
	display: inline-block;
	mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" /></svg>');
	-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" /></svg>');
	background-size: contain;
	background-repeat: no-repeat;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
}
a:hover .arrow_left,
a:hover .arrow_right{
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

@media (max-width: 768px) {
	.pageNaviWrap {
		margin-top: 40px;
	}
	.pageNavi > a,
	.pageNavi > span{
		width: 30px;
		height: 30px;
	}
	.arrow_left,
	.arrow_right{
		width: 12px;
		height: 11px;
	}
}




/*** gmap ***/
.gmap{
	border: 1px solid #dcdcdc;
}
.gmap iframe {
	width: 100%;
	height: 400px;
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
}
@media (max-width: 768px) {
	.gmap{
	}
	.gmap iframe {
		height: 250px;
	}
}
/* layout -------- */
#wrapper {
	overflow: hidden;
	width: 100%;
}
.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.main_content {
}
.side_content {
}
.content_1col {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.content_2col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.content_2col .main_content {
	width: 70%;
}
.content_2col .side_content {
	width: 25%;
}
@media (max-width: 1280px) {
	.container {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (max-width: 768px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.main_content {
	}
	.side_content {
	}
	.content_2col {
		display: block;
	}
	.content_2col .main_content {
		width: 100%;
	}
	.content_2col .side_content {
		width: 100%;
	}
}
/*** text ***/
h1, h2, h3, h4, h5, h6, .f_mincho{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6, p, li, th, td, address, small, i {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
ol, ul, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.thumb_wrap{
	text-align: center;
}
.thumb img{
    width: 100%;
}

@media (min-width: 769px) {
	/*a{
		transition: color 0.3s ease;
	}
	a:hover{
		color: #0f7c4f;
	}*/
	a img{
		transition: opacity 0.3s ease;
	}
	a:hover > img{
		opacity: 0.8;
	}
}
@media (max-width: 768px) {

}



/*** header ***/
#wrapper {
	padding-top: 5rem;
}
.header {
	background-color: #FFFFFF;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.header.header_fixed{
	position: fixed;
}
.h_content {
	height: 5rem;
	position: relative;
}
.h_logo{
	position: absolute;
	top: 0.5rem;
	bottom: 0.5rem;
	left: 2rem;
	z-index: 10;
}
.h_logo img {
	width: auto;
	height: 100%;
}

@media (max-width: 768px) {
	#wrapper {
		padding-top: 50px;
	}
	.h_content {
		height: 50px;
	}
}

/*** menuの中 ***/
#menu {
	position: relative;
	z-index: 9;
}
body.menu_active #menu {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
/*#menu .filter {
	content: "";
	display: block;
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.50);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
body.menu_active #menu .filter {
	opacity: 1;
	visibility: visible;
}*/
#menu .menu_content {
	position: fixed;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
}
body.menu_active #menu .menu_content {
	position: absolute;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
	overflow-y: auto;
}
.menu_content {
	background-color: #FFFFFF;
	width: 100%;
	max-width: 100%;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.gnav {
}
.gnav_list {
}
.gnav_list > li {
	border-bottom: 1px solid rgba(200,190,180,0.2);
}
.gnav_list > li > a {
	display: block;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #000;
	letter-spacing: 0.02em;
	line-height: 1;
	padding: 1.5rem 0;
	position: relative;
	text-align: center;
	color: #333333;
}
.gnav_list > li > .child > li > a{
	display: block;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
	color: #333333;
	padding: 0.5rem 0;
}
.gnav_list .gnav_list_en{
	color: #a0a0a0;
	font-family: 'Libre Baskerville', serif;
	font-size: 0.5em;
}

/*メニューボタン*/
#spnav_buttonwrap {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	background-color: transparent;
	z-index: 10;
}
#spnav_buttonwrap.open {
	position: fixed;
}
#spnav_button span {
	background-color: #333333;
}
#spnav_button {
	width: 5rem;
	height: 5rem;
	cursor: pointer;
	position: relative;
	z-index: 10000;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#spnav_button div {
	position: relative;
	width: 50%;
	height: 50%;
	display: inline-block;
}
#spnav_button span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	-webkit-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
}
#spnav_button span:nth-child(1) {
	top: 14%;
}
#spnav_button span:nth-child(2) {
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
#spnav_button span:nth-child(3) {
	bottom: 14%;
}
#spnav_buttonwrap.open #spnav_button span:nth-child(1) {
	top: 50%;
	-webkit-transform: rotate(137deg);
	transform: rotate(137deg);
}
#spnav_buttonwrap.open #spnav_button span:nth-child(2) {
	width: 0;
}
#spnav_buttonwrap.open #spnav_button span:nth-child(3) {
	top: 50%;
	-webkit-transform: rotate(-137deg);
	transform: rotate(-137deg);
}


@media (max-width: 768px) {
	.menu_content{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#spnav_button {
		width: 50px;
		height: 50px;
	}
}


/*** footer ***/
ul.sns_list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding-top: 4rem;
}
ul.sns_list li {
	line-height: 0;
	width: 80px;
}

.f_navi_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	padding-top: 4rem;
	font-size: 1.4rem;
}
.copyright {
	padding-top: 6rem;
	padding-bottom: 2rem;
}
.copyright_text{
	font-size: 1.2rem;
	text-align: center;
	line-height: 1;
}




/*** totop ***/
.totop {
	position: relative;
}
.totop a {
	display: flex;
	width: 72px;
	height: 72px;
	justify-content: center;
	align-items: center;
	background-color: #000000;
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0, 100%, 0);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.totop a.show {
	opacity: 0.7;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
.totop a.bottom {
	position: absolute;
}
.totop a:hover {
	opacity: 1;
}
@media (max-width: 768px) {
	.totop a {
		width: 30px;
		height: 30px;
	}
}


/*** 共通 ***/


/*** section_title ***/
.section_title{
	font-size: 2.5em;
	letter-spacing: 0.12em;
	text-indent: 0.12em;
	line-height: 1.5;
	text-align: center;
	padding-bottom: 2rem;
	margin-bottom: 4rem;
	position: relative;
}
.section_title:before{
	content: "";
	display: inline-block;
	width: 5rem;
	height: 0.2rem;
	background-color: #FCA518;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.section_description {
    font-size: 1.13em;
	line-height: 1.8;
	text-align: center;
	color: #4a5565;
	margin-bottom: 4rem;
}

@media (max-width: 768px) {
	/* .section_title{
		font-size: calc( 54 / 750 * 100vw );
		padding-bottom: calc( 20 / 750 * 100vw );
		margin-bottom: calc( 40 / 750 * 100vw );
	}
	.section_title:before{
		width: calc( 50 / 750 * 100vw );
		height: calc( 2 / 750 * 100vw );
	}
	.section_description {
		font-size:  calc( 24 / 750 * 100vw );
		margin-bottom: calc( 40 / 750 * 100vw );
	} */

}


/*** common_ ***/
.common_section{
	padding-top: 10rem;
	padding-bottom: 10rem;
}

/* @media (max-width: 768px) {
	.common_section{
		padding-top: 50px;
		padding-bottom: 50px;
	}
} */

/*** bg ***/
.bg_white{
	background-color: #FFFFFF !important;
}
.bg_beige{
	background-color: #fff7ed !important;
}
.bg_beige_light{
	background-color: #F8F4ED !important;
}
.bg_gray{
	background-color: #f5f5f5 !important;
}
.bg_gray_light{
	background-color: #f5f5f5 !important;
}
.bg_green{
	background-color: #0f7c4f !important;
}

/*** btn ***/
.btn_wrap{
	margin-top: 5rem;
}

.btn.btn_gray{
	background-color: #9e9e9e;
	box-shadow: 0.2rem 0.2rem 0 #626262;
}

.btn{
	display: inline-flex;
	max-width: 100%;
	/* height: 7rem; */
	justify-content: center;
	align-items: center;
	background-color: #FCA519;
	border-radius: 0.5rem;
	/* box-shadow: 0.2rem 0.2rem 0 #BE7705; */
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	/* letter-spacing: 0.08em; */
	text-indent: 0.08em;
	text-align: center;
	color: #FFFFFF;
	padding: 1.2rem 3rem;
	position: relative;
}
.btn .btn_icon_right{
	display: inline-block;
	line-height: 0;
	position: absolute;
	right: 2rem;
	top: 50%;
	z-index: 1;
	transform: translate3d(0,-50%,0);
}
.btn .btn_icon_left{
	display: inline-block;
	line-height: 0;
	position: absolute;
	left: 2rem;
	top: 50%;
	z-index: 1;
	transform: translate3d(0,-50%,0);
}
.btn input[type="submit"]{
	display: inline-block;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	border: none;
	background: none;
	color: inherit;
}


@media (min-width: 767px) {
	.btn:hover{
		cursor: pointer;
	}
}

/* @media (max-width: 1280px) {
	.btn{
		height: calc( 70 / 1200 * 100vw );
	}
} */

@media (max-width: 768px) {
	.btn{
		font-size: 2.7rem;
	}
}




/*** support_list ***/
.support_list{
	margin-left: -30px;
	margin-bottom: -40px;
}
.support_list .box{
	padding-left: 30px;
	padding-bottom: 40px;
}
.support_list .box_inner{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}
.support_list .box_inner:before{
	content: "";
	display: inline-block;
	background: url("../images/top/icon_pin.png") left top no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate3d(0,-50%,0);
	z-index: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.support_list .box_inner:before{
		background-image: url("../images/top/icon_pin@2x.png");
	}
}
.support_head{
	flex: 1;
	background-color: #FFFFFF;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	position: relative;
}
.support_list .text_wrap{
	padding: 20px 20px 40px;
	position: relative;
}
.support_list .text_wrap .catch{
	position: absolute;
	right: 20px;
	top: 0px;
	transform: translate3d(0,-50%,0);
	z-index: 1;
}
.support_title{
	margin-bottom: 15px;
}
.support_title .text_inner{
	padding-bottom: 3px;
	border-bottom: 4px solid #000000;
	font-size: 1.25rem;
    line-height: 2.25;
}
.support_list .text_wrap p{
	font-size: 0.88rem;
	line-height: 1.71;
}
.support_bottom{
	border-top: 1px dashed #e6e6e6;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
	transition: background-color 0.3s ease;
}
.support_bottom:hover{
	background-color: #901b1b;
}
.support_bottom:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 5px;
	border-radius: 0px 0px 5px 5px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: -6px;
}
.support_bottom:after{
	content: "";
	display: inline-block;
	position: absolute;
    left: 2px;
    right: 0px;
    top: 2px;
    bottom: 0px;
    z-index: -1;
    background-color: transparent;
    background-image: radial-gradient(#e5e5e5 24%, transparent 25%), radial-gradient(#e5e5e5 24%, transparent 25%);
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
    
}

.support_bottom a{
	display: block;
	padding: 25px 120px 20px 20px;
	color: #901b1b;
	border-radius: 5px 5px 0px 0px;
	position: relative;
	z-index: 1;
	transition: color 0.3s ease,
		background-color 0.3s ease;
}
.support_bottom a:hover{
	color: #FFFFFF !important;
}
.support_bottom a:before{
	content: "";
	display: inline-block;
	width: 90px;
	height: 2px;
	background-color: #901b1b;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate3d(0,-50%,0);
	transition: background-color 0.3s ease;
}
.support_bottom a:after{
	content: "";
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #901b1b;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: rotate(45deg) translate3d(0,-50%,0);
	transform-origin: right bottom;
	transition: background-color 0.3s ease;
}
.support_bottom a:hover:before,
.support_bottom a:hover:after{
	background-color: #FFFFFF;
}

.support_bottom a .f_en{
	display: inline-block;
	font-size: 1.13rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	padding-right: 10px;
}
.support_bottom a .f_ja{
	display: inline-block;
	font-size: 0.75rem;
	font-weight: bold;
	letter-spacing: 0.02em;
}

@media (max-width: 768px) {
	.support_bottom a:before{
		width: 50px;
	}
	.support_bottom a .f_en{
		display: block;
		margin-bottom: 5px;
	}
	.support_bottom a .f_ja{
		display: block;
	}
}




/*** bg ***/
.bg_dot{
	background-color: transparent;
    background-image: radial-gradient(#999999 24%, transparent 25%), radial-gradient(#999999 24%, transparent 25%);
    background-position: 0 0, 2px 2px;
    background-size: 4px 4px;
	background: url("../images/common/bg_dot.png") left top repeat;
}

/**** pagetitle ***/
#page_visual{
	background-color: #f5f5f5;
}
.pagetitle_block{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 340px;
}
.pagetitle .f_en{
	display: block;
	font-size: 0.88rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.04em;
	color: #b4b4b4;
	margin-bottom: 20px;
}
.pagetitle .f_ja{
	display: block;
	font-size: 2.88rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.06em;
}

@media (max-width: 768px) {
	.pagetitle_block{
		height: 140px;
	}
	.pagetitle .f_en{
		margin-bottom: 10px;
	}
	.pagetitle .f_ja{
		font-size: 1.5rem;
	}
}




.notes{
	font-size: 0.88rem !important;
	line-height: 1.7 !important;
}
.f_red{
	color: #ff0000 !important;
}
.f_caution{
	font-size: 0.75rem;
	color: #ff0000 !important;
	margin-top: 20px;
}


/*** list ***/
.disc{
	list-style-type: disc;
}
.disc li{
	margin-left: 2em;
}
.decimal{
	list-style-type: decimal;
}
.decimal li{
	margin-left: 2em;
}

/*** table ***/
@media (max-width: 768px) {
	.table_scroll{
		width: 100%;
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.table_scroll table{
		width: auto;
	}
}


.block{
	display: block;
}
.inline_block{
	display: inline-block;
}

/*** section_inner ***/
@media (min-width: 769px) {
	.section_inner{
		position: relative;
	}
	.section_inner .btn_wrap{
		position: absolute;
		right: 0px;
		top: 0px;
		margin-top: 0px;
	}
}

/***　section_title_block　***/
.section_title_block{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 40px;
}
.section_title_block .section_title{
	margin-bottom: 0px;
}

@media (max-width: 768px) {
	.section_title_block{
		display: block;
		margin-bottom: 30px;
	}
	.section_title_block .section_title{
		margin-bottom: 30px;
	}
}



/*** check_list ***/
ul.check_list li{
	position: relative;
	font-size: 0.94rem;
	line-height: 1.5;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}
ul.check_list li:before{
	content: "";
	display: inline-block;
	background: url("../images/common/icon_check_list.svg") left top no-repeat;
	background-size: contain;
	width: 9px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0.5em;
}


/*** text style ***/
.letter-spacing_240{
	letter-spacing: 0.24em !important;
}
.line-height_170{
	line-height: 1.7 !important;
}


/*** borderbox ***/
.borderbox{
	padding: 30px 30px;
	border: 1px solid #dcdcdc;
}
.borderbox_green{
	padding: 30px 30px;
	border: 1px solid #0f7c4f;
}

@media (max-width: 768px) {
	.borderbox,
	.borderbox_green{
		padding: 20px 20px;
	}
}

.radius_20{
	border-radius: 20px;
	overflow: hidden;
}
@media (max-width: 768px) {
	.radius_20{
		border-radius: 10px;
	}
}




/*** float_right **/
.float_right{
	float: right;
}


/*** underline ***/
.section_underline{
	position: relative;
}
.section_underline .container:after{
	content: "";
	display: inline-block;
	max-width: 100%;
	width: 1080px;
	height: 2px;
	background-color: #f0f0f0;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate3d(-50%,0,0);
}

@media (max-width: 1160px){
	.section_underline .container:after{
		width: auto;
		left: 40px;
		right: 40px;
		transform: translate3d(0,0,0);
	}
}

@media (max-width: 768px){
	.section_underline .container:after{
		left: 20px;
		right: 20px;
	}
}

.text_bg_label{
	display: inline-block;
	background-color: #cee8dd;
	padding: 0px 5px;
	color: #0f7c4f;
	border-radius: 4px;
}

.prefix{
	padding-left: 1.5em;
	position: relative;
}
.prefix .num{
	display: inline-block;
	position: absolute;
	left: 0px;
}


/*** news_list ***/
.news_list {
	border-top: 1px solid #dcdcdc;
}
.news_list .box_inner{
	display: block;
	padding: 30px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #dcdcdc;
}
.news_list .box_date {
  font-size: 0.75rem;
	font-weight: bold;
	color: #787878;
	margin-bottom: 10px;
}
.news_list .box_title{
	font-size: 1rem;
}

.news_list a:hover .box_title{
	text-decoration: underline;
	text-underline-offset: 5px;
}

@media (max-width: 768px) {
	.news_list .box_inner{
		display: block;
		height: auto;
		padding: 20px;
	}
	.news_list .box_date{
		padding: 0px;
		margin-bottom: 10px;
	}
	.news_list .box_title{
		padding: 0px;
	}
}


/*** room_list ***/
.room_list .box{
	display: flex;
}
.room_list .thumb_wrap{
	width: 66%;
}
.room_list .thumb{
	height: 100%;
}
.room_list .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.room_list .text_wrap{
	flex: 1;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5%;
}
.room_list .text_wrap .room_title{
	color: #e17837;
	margin-bottom: 30px;
}
.room_list .text_wrap .room_title .f_en{
	display: block;
	font-size: 2rem;
	line-height: 1;
	margin-bottom: 10px;
}
.room_list .text_wrap .room_title .f_ja{
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.12em;
}
.room_list .text_wrap .room_description{
	font-size: 0.88rem;
}
.room_list .text_wrap .room_spec th,
.room_list .text_wrap .room_spec td{
	font-size: 0.81rem;
	font-weight: 400;
	padding: 3px 0px;
}
.room_list .text_wrap .room_spec th{
	padding-right: 30px;
}
.room_list .text_wrap .text_head{
	flex-grow: 1;
	padding-bottom: 20px;
}
.room_list .text_wrap .text_content{
	padding-top: 30px;
	border-top: 1px solid #644132;
}

@media (max-width: 768px) {
	.room_list .box{
		display: block;
	}
	.room_list .thumb_wrap{
		width: auto;
	}
	.room_list .text_wrap .room_title .f_en{
		font-size: 1.75rem;
	}
	.room_list .text_wrap .room_title{
		margin-bottom: 15px;
	}
	.room_list .text_wrap .text_content{
		padding-top: 15px;
	}
}



/*** スライダー ***/
.prev-arrow{
	display: inline-block;
	background: url("../images/common/arrow_slide_left.svg") center center no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	left: -90px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	margin: auto;
	cursor: pointer;
}
.next-arrow{
	display: inline-block;
	background: url("../images/common/arrow_slide_right.svg") center center no-repeat;
	background-size: contain;
	width: 60px;
	height: 60px;
	position: absolute;
	right: -90px;
	top: 0px;
	bottom: 0px;
	z-index: 1;
	margin: auto;
	cursor: pointer;
}

@media (max-width: 1385px) {
	.prev-arrow{
		left: -30px;
	}
	.next-arrow{
		right: -30px;
	}
}
@media (max-width: 1280px) {
	.prev-arrow{
		width: 40px;
		height: 40px;
		left: -20px;
	}
	.next-arrow{
		width: 40px;
		height: 40px;
		right: -20px;
	}
}

@media (max-width: 768px) {
	.prev-arrow{
		width: 30px;
		height: 30px;
		left: -15px;
	}
	.next-arrow{
		width: 30px;
		height: 30px;
		right: -15px;
	}
}

.slick-dots li{
	width: 6px;
	height: 6px;
	padding: 0px;
	margin: 0px 6px;
}
.slick-dots li button{
	width: 6px;
	height: 6px;
	padding: 0px;
}
.slick-dots li button:before{
	content: "";
	width: 6px;
	height: 6px;
	border: 1px solid #644132;
	border-radius: 100%;
	background-color: transparent;
	opacity: 1;
}
.slick-dots li.slick-active button:before {
	background-color: #644132;
	opacity: 1;
}



/*** info_table ***/
.info_table{
	width: 100%;
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}
.info_table th{
	background-color: #f2f2f2;
	font-weight: bold;
	color: #000;
	letter-spacing: 0.12em;
	padding: 10px 20px;
	vertical-align: top;
	width: 260px;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}
.info_table td{
	background-color: #FFFFFF;
	letter-spacing: 0.12em;
	padding: 10px 20px;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

@media (max-width: 1280px) {
	.info_table th,
	.info_table td{
		padding: calc( 10 / 1200 * 100vw ) calc( 20 / 1200 * 100vw );
	}
	.info_table th{
		width: calc( 260 / 1200 * 100vw );
	}
}

@media (max-width: 768px) {
	.info_table th{
		background-color: #f2f2f2;
	}
	.info_table,
	.info_table thead,
	.info_table tbody,
	.info_table tr,
	.info_table th,
	.info_table td{
		display: block;
		width: 100%;
	}
	.info_table th,
	.info_table td{
		padding: calc( 15 / 750 * 100vw ) calc( 15 / 750 * 100vw );
	}
}


/*** detail_slider ***/
.detail_slider{
	max-width: 70%;
	width: 960px;
	margin: auto;
}
.detail_slider .slick-list{
	overflow: visible;
}
.detail_slider .box{
	padding: 0px 80px;
}
@media (min-width: 1241px){
	.detail_slider .next-arrow {
			right: -30px;
	}
	.detail_slider .prev-arrow {
			left: -30px;
	}
}
@media (max-width: 1280px) {
	.detail_slider .box{
		padding: 0px 60px;
	}
}
@media (max-width: 768px) {
	.detail_slider .box{
		padding: 0px 20px;
	}
}


.f_bg_line{
    background: url(../images/top/room_recomended_border.png) left bottom repeat-x;
    background-size: 160px 6px;
    padding-bottom: 15px;
}


/*** gallery_slider ***/
.gallery_slider .box{
	padding-left: 5px;
	padding-right: 5px;
}

@media (max-width: 768px) {
	.gallery_slider .box img{
		height: 200px;
	}
}




#common_visual {
  width: 100%;
  height: 380px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

#common_visual .pagetitle{
	font-size: 2em;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

#common_visual .pagetitle span{
	font-size: 0.5em;
}

@media (max-width: 768px) {
	#common_visual {
	  height: 130px;
	}
}




h2{
	margin-bottom: 30px;
	line-height: 1;
	font-weight: bold;
	font-size: 1.8em;
}

h2 .h2_en{
		color: #a0a0a0;
		//font-family: 'Libre Baskerville', serif;
		font-size: 0.5em;
}



/*** page_mv ***/
#page_mv{
	position: relative;
	z-index: 1;
}
.page_mv_bg img{
	width: 100%;
	max-height: 400px;
	min-height: 160px;
	object-fit: cover;
}
.page_mv_content{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_mv_title{
	text-align: center;
	color: #FFFFFF;
}
.page_mv_title .title_ja{
	font-size: 2.8rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.06em;
	display: block;
}
.page_mv_title .title_en{
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
	letter-spacing: 0.2em;
	display: block;
}

@media (max-width: 768px) {
	.page_mv_title .title_ja{
		font-size: 2rem;
	}
	.page_mv_title .title_en{
		font-size: 0.6rem;
	}
}

/***** sectiontitle *****/
.sectiontitle{
	text-align: center;
	margin-bottom: 30px;
}
.sectiontitle .ja{
	display: block;
	font-size: 2.4rem;
	line-height: 1.7;
	letter-spacing: 0.06em;
}

.sectiontitle .en{
	display: block;
	color: #a0a0a0;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}

@media (max-width: 768px) {
	.sectiontitle .ja{
		font-size: 1.8rem;
	}

	.sectiontitle .en{
		font-size: 1rem;
	}
}

.sectiontext{
	line-height: 2;
	text-align: center;
	margin-bottom: 0px;
}



/**** font *****/
.line-height_1{
	line-height: 1;
}

.border-bottom_0{
	border-bottom: none !important;
}


/**** opacity ***/
.opacity_90{
	opacity: 0.9;
}
.opacity_80{
	opacity: 0.8;
}
.opacity_70{
	opacity: 0.7;
}

/**** padding ****/
.pl0 {
	padding-left: 0px !important;
}
.pl5 {
	padding-left: .5rem !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 1.5rem !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 2.5rem !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 3.5rem !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pl60 {
	padding-left: 60px !important;
}
.pl70 {
	padding-left: 70px !important;
}
.pl80 {
	padding-left: 80px !important;
}
.pl90 {
	padding-left: 90px !important;
}
.pl100 {
	padding-left: 100px !important;
}
.pr0 {
	padding-right: 0px !important;
}
.pr5 {
	padding-right: .5rem !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 1.5rem !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 2.5rem !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 3.5rem !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pr60 {
	padding-right: 60px !important;
}
.pr70 {
	padding-right: 70px !important;
}
.pr80 {
	padding-right: 80px !important;
}
.pr90 {
	padding-right: 90px !important;
}
.pr100 {
	padding-right: 100px !important;
}

@media (max-width: 768px) {
	.pb0_sp {
		padding-bottom: 0px !important;
	}
	.pb5_sp {
		padding-bottom: .5rem !important;
	}
	.pb10_sp {
		padding-bottom: 10px !important;
	}
	.pb15_sp {
		padding-bottom: 1.5rem !important;
	}
	.pb20_sp {
		padding-bottom: 20px !important;
	}
	.pb25_sp {
		padding-bottom: 2.5rem !important;
	}
	.pb30_sp {
		padding-bottom: 30px !important;
	}
	.pb35_sp {
		padding-bottom: 3.5rem !important;
	}
	.pb40_sp {
		padding-bottom: 40px !important;
	}
	.pb50_sp {
		padding-bottom: 50px !important;
	}
	.pb60_sp {
		padding-bottom: 60px !important;
	}
	.pb70_sp {
		padding-bottom: 70px !important;
	}
	.pb80_sp {
		padding-bottom: 80px !important;
	}
	.pb90_sp {
		padding-bottom: 90px !important;
	}
	.pb100_sp {
		padding-bottom: 100px !important;
	}
	.pt0_sp {
		padding-top: 0px !important;
	}
	.pt5_sp {
		padding-top: .5rem !important;
	}
	.pt10_sp {
		padding-top: 10px !important;
	}
	.pt15_sp {
		padding-top: 1.5rem !important;
	}
	.pt20_sp {
		padding-top: 20px !important;
	}
	.pt25_sp {
		padding-top: 2.5rem !important;
	}
	.pt30_sp {
		padding-top: 30px !important;
	}
	.pt35_sp {
		padding-top: 3.5rem !important;
	}
	.pt40_sp {
		padding-top: 40px !important;
	}
	.pt50_sp {
		padding-top: 50px !important;
	}
	.pt60_sp {
		padding-top: 60px !important;
	}
	.pt70_sp {
		padding-top: 70px !important;
	}
	.pt80_sp {
		padding-top: 80px !important;
	}
	.pt90_sp {
		padding-top: 90px !important;
	}
	.pt100_sp {
		padding-top: 100px !important;
	}
	.pl0_sp {
		padding-left: 0px !important;
	}
	.pl5_sp {
		padding-left: .5rem !important;
	}
	.pl10_sp {
		padding-left: 10px !important;
	}
	.pl15_sp {
		padding-left: 1.5rem !important;
	}
	.pl20_sp {
		padding-left: 20px !important;
	}
	.pl25_sp {
		padding-left: 2.5rem !important;
	}
	.pl30_sp {
		padding-left: 30px !important;
	}
	.pl35_sp {
		padding-left: 3.5rem !important;
	}
	.pl40_sp {
		padding-left: 40px !important;
	}
	.pl50_sp {
		padding-left: 50px !important;
	}
	.pl60_sp {
		padding-left: 60px !important;
	}
	.pl70_sp {
		padding-left: 70px !important;
	}
	.pl80_sp {
		padding-left: 80px !important;
	}
	.pl90_sp {
		padding-left: 90px !important;
	}
	.pl100_sp {
		padding-left: 100px !important;
	}
	.pr0_sp {
		padding-right: 0px !important;
	}
	.pr5_sp {
		padding-right: .5rem !important;
	}
	.pr10_sp {
		padding-right: 10px !important;
	}
	.pr15_sp {
		padding-right: 1.5rem !important;
	}
	.pr20_sp {
		padding-right: 20px !important;
	}
	.pr25_sp {
		padding-right: 2.5rem !important;
	}
	.pr30_sp {
		padding-right: 30px !important;
	}
	.pr35_sp {
		padding-right: 3.5rem !important;
	}
	.pr40_sp {
		padding-right: 40px !important;
	}
	.pr50_sp {
		padding-right: 50px !important;
	}
	.pr60_sp {
		padding-right: 60px !important;
	}
	.pr70_sp {
		padding-right: 70px !important;
	}
	.pr80_sp {
		padding-right: 80px !important;
	}
	.pr90_sp {
		padding-right: 90px !important;
	}
	.pr100_sp {
		padding-right: 100px !important;
	}
}

/***** icon ****/
.icon_arrow_right {
    display: inline-block;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.42 145.26"><path fill="%23000" d="M185.32,78.15a1.34,1.34,0,0,0,.07-.18,14.21,14.21,0,0,0,.75-2.53s0-.09,0-.14a14.74,14.74,0,0,0,.26-2.67,14.56,14.56,0,0,0-.26-2.67s0-.1,0-.15a14.35,14.35,0,0,0-.75-2.52,1.34,1.34,0,0,0-.07-.18,14.83,14.83,0,0,0-1.24-2.37L184,64.6a14.37,14.37,0,0,0-1.85-2.26L124.06,4.25A14.53,14.53,0,1,0,103.52,24.8l33.3,33.3H14.53a14.53,14.53,0,0,0,0,29.06H136.82l-33.3,33.3A14.52,14.52,0,1,0,124.06,141l58.08-58.08A14.84,14.84,0,0,0,184,80.66l.09-.14A14.83,14.83,0,0,0,185.32,78.15Z" /></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.42 145.26"><path fill="%23000" d="M185.32,78.15a1.34,1.34,0,0,0,.07-.18,14.21,14.21,0,0,0,.75-2.53s0-.09,0-.14a14.74,14.74,0,0,0,.26-2.67,14.56,14.56,0,0,0-.26-2.67s0-.1,0-.15a14.35,14.35,0,0,0-.75-2.52,1.34,1.34,0,0,0-.07-.18,14.83,14.83,0,0,0-1.24-2.37L184,64.6a14.37,14.37,0,0,0-1.85-2.26L124.06,4.25A14.53,14.53,0,1,0,103.52,24.8l33.3,33.3H14.53a14.53,14.53,0,0,0,0,29.06H136.82l-33.3,33.3A14.52,14.52,0,1,0,124.06,141l58.08-58.08A14.84,14.84,0,0,0,184,80.66l.09-.14A14.83,14.83,0,0,0,185.32,78.15Z" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1em;
    height: 1em;
    background-color: currentColor;
}
.icon_external_link {
    display: inline-block;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23000" d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" /></svg>');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1em;
    height: 1em;
    background-color: currentColor;
}

.icon_img{
	width: 1em;
	height: 1em;
	object-fit: contain;
}


/*** tel ***/
.tel_label{
	font-size: 3rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #212a6c;
    padding: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	width: 600px;
	max-width: 100%;
	position: relative;
}
.tel_label::after{
	content: "";
	display: inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width: 15px 15px 0 15px;
	border-color: #212A6C transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	margin: auto;
}
.tel_num{
	font-size: 6rem;
    font-weight: bold;
    color: #212a6c;
    margin-top: 20px;

}
.tel_num a{
	display: inline-flex;
	align-items: center;
}


/**** interview ****/
.interview_list{
	/* display: grid;
	/* grid-template-columns: repeat(4,1fr);
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	grid-template-rows: auto; */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-top: 60px;
}
.interview_list .list_box{
	background-color: #FFFFFF;
	padding: 1rem;
	width: 300px;
}
.interview_list .box_inner{
	display: block;
	/* background: url(../images/interview/bg.jpg) center center no-repeat; */
	background-size: cover;
	position: relative;
	background-color: #5997a2;
	box-shadow: inset 2rem 3rem 3rem rgb(0 0 0 / 20%), inset -2rem -3rem 3rem rgb(0 0 0 / 20%);
}
.interview_list .list_box:nth-child(even) .box_inner{
	background-color: #5986a2;
}
.interview_list .box_inner .thumb_wrap{
	position: relative;
	z-index: 1;
}
.interview_list .box_inner .thumb_wrap img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: left bottom;
}
.interview_list .box_inner:hover .thumb_wrap img{
}
.interview_list .text_wrap{
	position: absolute;
	left: 2rem;
	top: 2rem;
	color: #FFFFFF;
	opacity: 0.8;
}
.interview_list .text_wrap .name_en{
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 0.5em;
}
.interview_list .text_wrap .name_ja{
	font-size: 3.2rem;
	line-height: 1;
}

@media (max-width: 1280px) {
	.interview_list{
		/* gap: calc( 60 / 1200 * 100vw ); */
		margin-top: calc( 60 / 1200 * 100vw );
	}
	.interview_list .list_box{
		width: calc( 300 / 1200 * 100vw );
	}

}

@media (max-width: 768px) {
	.interview_list{
		grid-template-columns: repeat(2,1fr);
		gap: calc( 20 / 750 * 100vw );
		margin-top: calc( 60 / 750 * 100vw );
	}
	.interview_list .list_box{
		/* margin-top: 0 !important; */
		width: calc( 300 / 750 * 100vw );
	}
}


/****　interview 詳細　****/
.interview_mv{
	background-color: #5997a2;
    box-shadow: inset 2rem 3rem 3rem rgb(0 0 0 / 20%), inset -2rem -3rem 3rem rgb(0 0 0 / 20%);
}
.interview_mv_inner{
	position: relative;
}
.interview_mv_main{
	text-align: right;
	position: relative;
	z-index: 1;
}
.interview_mv_main img{
	width: 45%;
}
.interview_content{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.interview_catch{
	font-size: 14rem;
    font-weight: 500;
	line-height: 1;
    color: #FFFFFF;
    opacity: 0.3;
    margin-bottom: 4rem;
}
.interview_title{
	line-height: 1;
	color: #FFFFFF;
}
.interview_title .name_en{
    display: block;
	font-size: 2rem;
	margin-bottom: 2rem;
}
.interview_title .name_ja{
    display: block;
	font-size: 6rem;
}



.interview_section{
	padding-top: 40px;
	padding-bottom: 40px;
}
.interview_container{
	width: 800px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4rem;
	padding-right: 4rem;
}
.interview_subtitle{
	position: relative;
	left: -6rem;
	z-index: 1;
	display: inline-block;
	padding: 1.2rem 4rem;
	margin-bottom: 4rem;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.3;
	color: #FFFFFF;
}
.interview_subtitle::before{
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	background-color: #000;
	transform: skewX(-25deg);
}
.detail_interview p{
	font-size: 1.6rem;
	line-height: 2;
}


.schedule_off{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-template-rows: auto;

}
.schedule_block{
	background-color: #f0f0f0;
    padding: 4rem;
}

.media_text_block{
	display: flex;
	align-items: center;
	/* background-color: #f0f0f0; */
}
.media_text_block .thumb_wrap{
	width: 30%;
}
.media_text_block .text_wrap{
	flex: 1;
	padding: 4rem 4rem 4rem 10rem;
}
/* .media_text_block.reverse .text_wrap{
	padding-left: 10rem;
} */
.media_text_block.reverse .thumb_wrap{
	order: 2;
}


.schedule_list{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.schedule_list::before{
	content: "";
	display: inline-block;
	width: 0.2rem;
	background-color: #5886a1;
	position: absolute;
	left: 2.4rem;
	top: 2.4rem;
	bottom: 2.4rem;
}
.schedule_list dl{
	display: flex;
	gap: 3rem;
}
.schedule_list dl dt{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 500;
	color: #5886a1;
	position: relative;
	padding-left: 6.8rem;
	padding-top: 0.8rem;
}
.schedule_list dl dt .icon_time{
	position: absolute;
	left: 0;
	top: 0;
	width: 4.8rem;
}
.schedule_list dl dd{
	padding-top: 0.4rem;
	flex: 1;
}
.schedule_list dl dd .text_inner{
	display: inline-block;
	background-color: #5997a2;
	padding: 0.7rem 1.2rem;
	border-radius: 0.7rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #FFFFFF;
	position: relative;
}
.schedule_list dl dd .text_inner::before{
	content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
    border-right: 1rem solid #5997a2;
    border-left: 0;
    position: absolute;
    right: 100%;
    top: 1.3rem;
}

.off_block{
	padding: 4rem;
	background-color: #5997a2;
	color: #FFFFFF;
}
.off_block_inner{

}
.off_block_inner .thumb_wrap{
	margin-bottom: 2rem;
}
.off_block_inner .thumb_wrap img{
	width: 100%;
	max-height: 45vh;
	object-fit: contain;
}
.off_block_inner .text_wrap{
	/* flex: 1; */

}



.interview_even .interview_mv,
.interview_even .schedule_list dl dd .text_inner,
.interview_even .off_block{
	background-color: #5886a1;
}
.interview_even .schedule_list dl dt{
	color: #5886a1;
}
.interview_even .schedule_list dl dd .text_inner::before{
	border-right-color: #5886a1;
}



@media (max-width: 768px) {
	.detail_interview p{
		font-size: 2.4rem;
	}
	.schedule_block{
		margin-bottom: 10rem;
	}
	.schedule_list dl{
		display: block;
	}
	.schedule_list dl dt{
		font-size: 2.7rem;
		padding-top: 0;
	}
	.schedule_list dl dd {
		padding-left: 6.8rem;
		padding-top: 1.6rem;
	}
	.schedule_list dl dd .text_inner{
		font-size: 2.4rem;
	}
	.schedule_list dl dd .text_inner::before{
		border-right: 0.8rem solid transparent;
		border-left: 0.8rem solid transparent;
		border-bottom: 2rem solid #5886a1;
		border-top: 0;
		right: auto;
		left: 2.6rem;
		top: auto;
		bottom: 100%;
	}
	.schedule_off{
		display: block;
	}
	.off_block_inner .thumb_wrap img {
		width: 100%;
		max-height: 66vw;
		object-fit: contain;
	}
	.media_text_block{
		flex-direction: column;
		align-items: unset;
		background-color: transparent;
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.media_text_block .thumb_wrap{
		width: auto !important;
		margin-bottom: 2rem;
	}
	.media_text_block .thumb_wrap img {
		width: 100%;
		max-height: 66vw;
		object-fit: contain;
	}
	.media_text_block .text_wrap{
		display: contents;
	}
	.media_text_block .text_wrap .interview_subtitle{
		order: -1;
	}
	.media_text_block.reverse .text_wrap{
		padding-left: 4rem;
	}
	.media_text_block.reverse .thumb_wrap{
		order: unset;
	}

}

.scale_image{
	overflow: hidden;
}


/*** sns_list ***/
.section_sns_list{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.section_sns_list li{
	line-height: 0;
    width: 140px;
}
.section_sns_list a {
    display: block;
    height: 0px;
    padding-bottom: 100%;
    background-color: #2e2e2e;
    position: relative;
    color: rgba(0, 0, 0, .3);
    background-color: #fff;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, .1);
}
.section_sns_list a img {
    width: 50%;
    height: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}

footer.footer .section_sns_list{
    gap: 20px;
	padding-top: 40px;
}
footer.footer .section_sns_list li{
    width: 80px;
}

@media (max-width: 768px) {
	.section_sns_list{
		gap: 20px;
	}
	footer.footer .section_sns_list li{
		width: 40px;
	}
}



a:hover .hover_shake {
    animation: rumble 0.12s linear infinite;
}

@keyframes rumble {
    0% {
        transform: rotate(0deg) translate(0, 0);
    }

    12.5% {
        transform: rotate(0.4deg) translate(1px, -1px);
    }

    25% {
        transform: rotate(0.8deg) translate(0px, 1px);
    }

    37.5% {
        transform: rotate(0.4deg) translate(-1px, 0);
    }

    50% {
        transform: rotate(0deg) translate(0, 0);
    }

    62.5% {
        transform: rotate(-0.4deg) translate(1px, 0);
    }

    75% {
        transform: rotate(-0.8deg) translate(0, 1px);
    }

    87.5% {
        transform: rotate(-0.4deg) translate(-1px, -1px);
    }

    100% {
        transform: rotate(0deg) translate(0, 0);
    }
}