@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
*{ 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}
table{border-collapse:collapse ; border-spacing:0;}

body {
	font-size: 62.5%;
  margin-bottom: 50px;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "小塚ゴシック Pr6N", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

main,article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
figure{ margin-left:0; margin-right:0;}

ol, ul {
	list-style: none;
}
ol.ol li{ list-style: decimal; margin-left: 1.5rem;}
ol.ol_normal li{ margin-top: 1.0rem;}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

.center {text-align:center; }

img {
	vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a,
a:link {
	color: #333;
	text-decoration: underline;
}

a[href="tel:0929422745"]{
	text-decoration: none;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
	min-width: 1100px;
}

#container {
	text-align: left;
}

#main,
.main{
	margin: 0 auto;
	padding-bottom: 40px;
	width: 1000px;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding-bottom: 15px;
	position: relative;
}

#gHeader .hBox {
	margin: 0 auto 15px;
	width: 994px;
  position: relative;
}

#gHeader .hBox .lBox {
	float: left;
}

#gHeader .hBox .lBox .logo {
	float: left;
}
#gHeader .hBox .logo img{
	width: 293px;
}

#gHeader .hBox .lBox h1 {
	position: relative;
	top: 25px;
	left: 0;
	float: left;
}
#gHeader .hBox .lBox h1 img{
	width: 250px;
}
.logo_span{
	font-weight: normal;
	position: relative;
	top: 30px;
	left: 5px;
	font-size:18px;
}

#gHeader .hBox .rBox {
	/*padding-right: 5px;*/
	/*width: 263px;*/
	/*float: right;*/
  margin:0; padding: 0;
  position: absolute; top: 0; right: 0;
}

#gHeader .hBox .rBox .hLink {
	margin: 0;
}

#gHeader .hBox .rBox .hLink li {
	float: left;
  margin: 0;
  width: auto;
}
#gHeader .hBox .rBox .hLink li a{
  display:block; margin: 0 0 0 2px; padding: 2px 2.0em; font-size:86%; background: #003342; color: #FFFFFF; text-decoration: none;
}
#gHeader .hBox .rBox .hLink li a:hover{
  opacity: 0.7;
}
#gHeader .hBox .rBox .hLink li a i{ margin-right:0.3em;}
/*

#gHeader .hBox .rBox .hLink li:first-child {
	padding-right: 3px;
}

#gHeader .hBox .rBox .hLink li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/


#gHeader .hBox .rBox .tel {
	color: #000;
	font-size: 30px;
}

#gHeader .hBox .rBox .tel img {
	margin: -6px 10px 0 0;
	vertical-align: middle;
}

#gHeader .hBox .rBox .time {
	margin: -8px 0 0 22px;
	font-size: 12px;
	text-align: center;
	letter-spacing: -0.2px;
}
#gHeader .hBox .rBox .i_live {
	font-size: 10.5px;
	text-align: center;
	font-weight: bold;
	letter-spacing: -0.5px;
}


/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi{ margin-top: 2.0em;}

#gNavi ul {
	margin: 0 auto;
	width: 1003px;
}

#gNavi li {
	float: left;
}

#gNavi li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {

}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {

}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding-bottom: 52px;
	clear: both;
	overflow: hidden;
}

#gFooter .fNavi {
	margin-bottom: 30px;
	padding: 42px 0 48px;
	background-color: #393834;
}

#gFooter .fNavi > ul {
	padding-left: 140px;
	margin: 0 auto;
	width: 810px;
}

#gFooter .fNavi > ul > li {
	width: 240px;
	float: left;
}

#gFooter .fNavi > ul > li:first-child {
	width: 240px;
}

#gFooter .fNavi li a {
	padding-left: 18px;
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 3px;
	text-decoration: none;
	line-height: 2;
	background: url(../gif/icon01.gif) no-repeat left center;
}

#gFooter .fNavi li a:hover {
	text-decoration: underline;
}

#gFooter .fBox {
	margin: 40px auto 40px;
	width: 994px;
}

#gFooter .fBox .lBox {
	float: left;
}

#gFooter .fBox .lBox .logoBox {
	margin-bottom: 10px;
}

#gFooter .fBox .lBox .logoBox .fLogo {
	float: left;
}

#gFooter .fBox .lBox .logoBox p {
	padding: 17px 0 0 19px;
	float: left;
}

#gFooter .fBox .lBox .tel {
	margin-left: 4px;
	color: #000;
	font-size: 32px;
	line-height: 1;
}

#gFooter .fBox .lBox .tel img {
	margin: -6px 10px 0 0;
	vertical-align: middle;
}

#gFooter .fBox .lBox .tel .time {
	padding-left: 5px;
	font-size: 12px;
}

#gFooter .fBox .fLink {
	padding: 4px 25px 0 0;
	float: right;
}

#gFooter .fBox .fLink li {
	padding-left: 13px;
	float: left;
}

#gFooter .fBox .fLink li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#gFooter .copyright {
	font-size: 10px;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: center;
	margin-top: 15px;
}

.banner-contact {
	background-image: url('../jpg/ph11.jpg');
	background-size: cover;
	background-position: center;
	height: 265px; /* 必要に応じて高さを調整 */
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	position: relative;
  }
  
  .banner-contact::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明の黒背景 */
	z-index: 1;
  }
  
  .content-contact {
	position: relative;
	z-index: 2; /* 背景の上に配置 */
	padding: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
  }
  
  .content-contact p {
	font-size: 24px;
	line-height: 1.6;
	margin: 0 0 20px;
	font-family: 'Shippori Mincho B1', 'Noto Sans JP', sans-serif;
  }
  
  .button-contact {
	display: inline-block;
	background-color: #FF9C49; /* オレンジ色 */
	color: #000; /* 白色文字 */
	text-decoration: none;
	padding: 10px 50px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
  }
  
  .button-contact:hover {
	background-color: #FF8C00; /* ホバー時に濃い色 */
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
	transform: translateY(-2px);
  }
  
  .button-contact:active {
	background-color: #FF7F00; /* クリック時 */
	transform: translateY(0);
  }

/*------------------------------------------------------------
	pagePath
------------------------------------------------------------*/
#pagePath {
	margin-bottom: 20px;
}

#pagePath li {
	display: inline;
	font-size: 11px;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

.sp {
	display: none !important;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}

	body {
		min-width: inherit;
	}

	#main,.main {
		width: auto;
	}

	/*------------------------------------------------------------
		ヘッダー
	------------------------------------------------------------*/
	#gHeader {
		padding: 13px 8px 10px;
	}

	#gHeader .hBox {
		margin-bottom: 0;
		width: auto;
	}

	#gHeader .hBox .lBox {
		padding-top: 0;
		position: relative;
		bottom: 5px;
	}
	#gHeader .hBox .lBox .logo{
		margin-top: 7px;
	}

	#gHeader .hBox .rBox {
		display: none;
	}

	#gHeader .hBox .logo img {
		width: auto;
		height: 31px;
	}

	#gHeader .hBox .lBox {
		padding-top: 0px;
		width: 55%;
	}
	#gHeader .hBox .lBox h1 img{
		width: 160px;
	}

	#gHeader .hBox .lBox h1 {
		top: 0px;
		left: 3px;
		padding-left: 0;
	}
	.logo_span{
		display: block;
		font-size:12px;
		position: absolute; top: 5px; left: 175px;
		width:100px;
		line-height: 1.5 !important;
	}

	#gHeader .hBox h1 img {
		width: 70%;
		display: block;
	}

	#gHeader .menu {

		float: right;
		position: relative;
		right:20px;
		top: 9px;
	}

	#gHeader .menu img {
		width: 27px;
	}
	
	#container{ padding-top:80px !important; padding-bottom: 0px;}
	#gHeader { position:fixed; top: 0; left: 0; width:100%; z-index: 9999; background: #FFFFFF; border-bottom: solid 1px #CCCCCC; box-shadow: 2px 2px 3px #CCCCCC;}

	.menuBox{
		width: 100%;
		position: absolute;
		left: 0;
		top: 67px;
		z-index: 100;
		display: none;
	}

	.menuBox li a {
		padding: 12px 25px;
		display: block;
		color: #000;
		font-size: 14px;
		font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
		text-decoration: none;
		background-color: #C8C4C4;
		border-bottom: 1px solid #F8F7F7;
	}

	.menuBox ul:first-child li a {
		background-color: rgba(255,255,255,1.0);
		border-bottom: 1px solid #C0C0CB;
	}
  
  .menuBox .menuBoxSub{ background: rgba(255,255,255,0.7); padding:10px 0; display:flex; width:100%;}
  .menuBox .menuBoxSub p{ flex-grow: 3; text-align: center; margin: 0 0.5em;}
  .menuBox .menuBoxSub a{ display:block; background: #003342; color: #FFFFFF; padding:1.5em 0;  text-align: center; text-decoration: none; font-weight: bold;}

	/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
	#gNavi{
		display: none;
	}

	/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
	#gFooter {
		padding: 15px 0 20px;
	}

	#gFooter .fNavi {
		display: none;
	}

	#gFooter .fBox {
		margin: 0 auto 10px;
		width: auto;
	}

	#gFooter .fBox .lBox {
		margin-bottom: 12px;
		float: none;
		text-align: center;
	}

	#gFooter .fBox .lBox .logoBox {
		margin-bottom: 5px;
	}

	#gFooter .fBox .lBox .logoBox .fLogo {
		display: inline-block;
		float: none;
		margin-bottom: 10px;
	}

	#gFooter .fBox .lBox .logoBox .fLogo img {
		height: 28px;
	}

	#gFooter .fBox .lBox .logoBox p {
		padding: 0 0 0 5px;
		display: inline-block;
		float: none;
	}

	#gFooter .fBox .lBox .logoBox p img {
		height: 6px;
		vertical-align: middle;
	}

	#gFooter .fBox .lBox .tel {
		font-size: 16px;
	}

	#gFooter .fBox .lBox .tel img {
		margin-right: 5px;
		width: 15px;
	}

	#gFooter .fBox .lBox .tel .time {
		font-size: 11px;
	}

	#gFooter .fBox .fLink {
		padding: 0;
		float: none;
		text-align: center;
	}

	#gFooter .fBox .fLink li {
		padding: 0 1px;
		float: none;
		display: inline;
	}

	#gFooter .fBox .fLink img {
		width: 123px;
	}
}


/* 20180305 sf layout */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, time[pubdate]
{ margin:1.5em 0 0 0;padding:0;}
*/


.cssfo p, #main.cssfo div, 
.cssfo h1, #main.cssfo h2, #main.cssfo h3, #main.cssfo h4, 
.cssfo ul, #main.cssfo ol,
.cssfo figure,
.cssfo table{ margin-top:1.5em; margin-bottom: 0; padding:0;}

.cssfo section,
.cssfo article,
.cssfo figure{ display:block;}


img{ max-width:100% !important;}

.clearfix:after { content:""; display:block; clear:both;}
img{ border:none; max-width:100%; height:auto;}

.cssfo *{
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.image{ display:block;}
.image img{ display:block; margin:0; padding:0; width:100%; height:auto;}
.image-shadow{ box-shadow: 3px 3px 2px rgba(0,0,0,0.3);}
.image-over:hover, .image-over:focus{ filter: hue-rotate(30deg);}
.image-1609{ display:block; padding:56.25% 0 0 0 !important; position:relative; overflow:hidden; background:#C8C8C8; }
.image-1609 img{ display:block; margin:auto; padding:0; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-0302 {
    position: relative;
    overflow: hidden;
    width: 319px;
    height: 177px;
    object-fit: cover;
	margin: 0 auto;
}
.image-0302 img{ display:block; margin:auto; padding:0; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-00302 {
    position: relative;
    overflow: hidden;
    width: 319px;
    object-fit: cover;
	margin: 0 auto;
}
.image-00302 img{ display:block; margin:auto; padding:0; width:100%; height:auto; position:static; top:0; right:0; bottom:0; left:0;}
.image-contain{}
.image-contain img{ display:block; margin:auto; padding:0; width:auto !important; height:auto !important; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-bottom img{ margin:0 auto; bottom: 0; top:auto;}

.text-center{ text-align:center;}
.text-caption{ font-size:93% !important;}
.text-mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.m10r{ margin-top:-1.0em;}
.m00{ margin-top:0 !important;}
.m10{ margin-top:1.0em !important;}
.m20{ margin-top:2.0em !important;}
.m40{ margin-top:4.0em !important;}
.m60{ margin-top:6.0em !important;}

.mask-bottom{ position:relative;display: none;}
.mask-bottom::after{ content:''; position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; height: 30%;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.mask-top{ position:relative;}
.mask-top::after{ content:''; position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; height: 30%;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

}

.page-title-block{ margin: 1.5em 0 0 0; padding: 0; border: solid 1px #d7d7d7; display: flex; align-items: center;}
.page-title-block *{ margin-top: 0;}
.page-title-block figure{ margin: 0 !important; flex: 0 0 62%; height: 290px; background: no-repeat center center / cover;}
.page-title-block h2{ flex: 0 0 38%; text-align: center; font-size: 22px; letter-spacing: 1px; font-weight: normal;}
.page-title-block h2 span{ display: block; font-size: 12px;}

@media (max-width: 767px){
  .page-title-block figure{ flex: 0 0 50%; height: 110px;}
  .page-title-block h2{ flex: 0 0 50%; font-size: 14px;}
  .page-title-block h2 span{ font-size: 12px; }
}


.studio-copy{ font-size:200%;}
.studio-copy .start-letter{ vertical-align:super; margin-right: 0.5em;}
.studio-copy .end-letter{ vertical-align:sub; margin-left: 0.5em;}

.block-copy{ font-size:200%; color: #A53F56;}
.block-copy.block-line::after{ display:block; content:"■　■　■"; color: #123240; text-align: center; font-size:9px; padding: 1.0em 0 0 0;}

@media all and (min-width: 0) and (max-width: 767px) { /* nagasakizaimokuten sp */
	.studio-copy{ font-size:128%; line-height: 1.5;}
	.block-copy{ font-size:128%; color: #A53F56;}
}

.navi-story{ display:flex; width:100%;}
.navi-story a{display:block; border: solid 1px #333333; padding: 0.8em 0.5em; text-align: center; text-decoration: none; margin: 0 0.5em; width: 100%;}
.navi-story p{ margin: 0 !important;}
.navi-story .title{ font-size:12px !important;}

@media (min-width: 640px){
.studio-addressblock{ margin:2.0em auto 0 auto; padding: 0; width:90%; border:solid 3px #123240; position: relative;  display: flex; align-items: center;}
.studio-addressblock .iblock{ margin: 0; padding: 0; width: 100%;}
.studio-addressblock .iblock p{ margin:0 !important; padding: 0;}
.studio-addressblock .iblock image{ display: block;}
.studio-addressblock .info{ width: 100%;  padding:2.0em 1.0em 2.0em 3.0em;}
.studio-addressblock .info .title{ margin: 0 !important; font-size:150%; color:#123240; font-weight: bold;}
.studio-addressblock .info .addr{ margin:0 !important;}
.studio-addressblock .info .tel{ margin:0 !important;font-size:200%; font-weight: bold;}
}
@media (max-width: 640px){
.studio-addressblock{ margin:2.0em auto 0 auto; width:90%; border:solid 3px #123240; position: relative; overflow: hidden;}
.studio-addressblock .iblock{ }
.studio-addressblock .iblock image{ }
.studio-addressblock .info{ padding: 0 1.0em 0 1.0em;}
.studio-addressblock .info .title{ margin: 0 !important; font-size:150%; color:#123240; font-weight: bold;}
.studio-addressblock .info .addr{ margin:0 !important;}
.studio-addressblock .info .tel{ margin:0 !important;font-size:200%; font-weight: bold;}
}

/* smart phoneのみ */



.ftnavi{ 
	position:fixed; left: 0; bottom: 0; width:100%;
	margin:0;padding: 0;
	background: rgb(97,150,57);
background: -moz-linear-gradient(top,  rgba(97,150,57,1) 1%, rgba(60,130,57,1) 100%);
background: -webkit-linear-gradient(top,  rgba(97,150,57,1) 1%,rgba(60,130,57,1) 100%);
background: linear-gradient(to bottom,  rgba(97,150,57,1) 1%,rgba(60,130,57,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#619639', endColorstr='#3c8239',GradientType=0 );
}
.ftnavi ul{ margin:0; padding:0; display:flex; width:100%; z-index: 9999;}
.ftnavi li{ margin:0; padding: 0; width:100%; border-left: solid 1px #2B6D35;}
.ftnavi li:first-child{ border-left:none;}
.ftnavi a{ display:block; margin: 0; padding:1.0em; text-decoration: none; text-align: center; color: #FFFFFF;  white-space: nowrap;}
.ftnavi i{ color:#E8BE47; margin-right: 0.3em;}

.pager{ margin-top:3.0em; padding: 3.0em 0 0 0; border-top:dotted 1px #666666; list-style: none;}
.pager *{ margin-top:0;}
.pager li { width:45%;}
.pager li a{ display:inline-block; padding:4px 10px; background:#333333;  color:#FFFFFF; }
.pager li.previous{ float:left;}
.pager li.next{ float:right; text-align:right;}

@media all and (min-width: 767px) { /* nagasakizaimokuten pc */
  .pc-only{}
  .sp-only,
  .sm-only{ display: none;}
  .mb{ width: 1000px; margin: 0 auto; padding: 2.0em 0;}
  .mb_narrow{ width: 860px;}
  
.section-title{ display: flex; justify-content: center; align-items: center; line-height: 1.5;}
.section-title span:nth-child(1){ font-size: 100%; padding-right: 1.0em; margin-right: 1.0em; font-weight: 100; border-right: solid 1px #000000;}
.section-title span:nth-child(2){ font-size: 142%; font-weight: 400; font-weight: bold;}
.section-title.section-title-white{ color: #FFFFFF;}
.section-title.section-title-white span:nth-child(1){ border-right: solid 1px #FFFFFF;}
  
  footer{ margin:0; padding: 0;}
footer .ftmenu .mb{ display: flex; }
footer .ftmenu .mb ul{ flex: 0 0 25%; padding: 0 1.5em; border-left: solid 1px #CCCCCC;}
footer .ftmenu .mb ul:first-child{ border: none;}
footer .ftmenu .mb ul li{ margin:0; padding: 0.3em 0;}
footer .ftmenu .mb ul li a{ text-decoration: none;}
footer .ftmenu .mb ul li a:hover{ text-decoration: underline;}
footer .ftlogo{ margin: 0;}
footer .ftlogo .mb{ padding: 1.0em 0;}
footer .ftlogo h1 img{ display: block; margin: 0 auto;}
footer .ftcontact{ color: #FFFFFF; margin: 2.0em 0 0 0;}
footer .ftcontact .mb{ display: flex; justify-content: space-between; align-items: center; padding: 1.0em 0;}
footer .ftcontact .mb *{ margin-top: 0;}
footer .ftcontact .mb>*{ /* flex: 0 0 30%;*/}
footer .ftcontact a.ftcontact_btn{ display: block; border: solid 1px #FFFFFF; padding: 0.7em 1.5em; color: #FFFFFF; text-decoration: none; font-size: 136%; font-weight: bold;}
footer .ftcontact .ftcontact_reserve a{ background: #FF9C49; color: #000000; border: none; border-radius: 0.3rem;}
footer .ftcontact .ftcontact_request a i{ font-weight: normal; font-size: 77%;}
footer .ftcontact a img{ vertical-align: middle; margin-right: 0.5em;}
footer .ftcontact .ftcontact_text{ line-height: 1.5;}
footer .ftcontact .ftcontact_text span{ font-size: 228%;}
footer .fcabout{ margin: 0;}
footer .fcabout .mb{ display: flex; justify-content: center; padding: 2.0em 0 2.0em 0;}
footer .fcabout .mb p{ font-size: 93%; margin: 0; padding: 0 1.0em;}
footer .fcfixmenu{ margin:0; padding: 0; position: fixed; width: 100%; left: 0; bottom: 0; background: rgba(0,51,66,1.0); border-top: solid 1px #FFFFFF;}
footer .fcfixmenu *{ margin-top: 0;}
footer .fcfixmenu .mb{ padding: 0;}
footer .fcfixmenu ul{ display: flex; justify-content: center;}
footer .fcfixmenu ul li{ flex: 1 1 100%; border-right: solid 1px rgba(255,255,255,0.5);}
footer .fcfixmenu ul li:first-child{ border-left: solid 1px rgba(255,255,255,0.5); }
footer .fcfixmenu ul li a{ display: block; padding: 0.7em 1.5em; color: #FFFFFF; text-decoration: none; font-size: 108%; text-align: center;}
footer .fcfixmenu ul li a i{ margin-right: 0.5em;}

footer .footer_studio{ background: rgba(0,51,66,0.15); font-size: 14px;
  font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
}
footer .footer_studio .articles{ display: flex; justify-content: space-between; flex-wrap: wrap;}
footer .footer_studio .articles article{ width: 48%; margin: 2.0em 0 0 0; background: rgba(255,255,255,0.7); display: flex; align-items: center;}
footer .footer_studio .articles article figure{ flex : 1 1; margin: 0; height: 100%; background: no-repeat center center / cover;}
footer .footer_studio .articles article div{ flex: 0 0 50%; margin: 0; padding: 1.5em 1.0em;}
footer .footer_studio .articles article div h3{ margin: 0; font-size: 150%; border-bottom: solid 1px #000000;}
footer .footer_studio .articles article div p{ margin: 1.0em 0 0 0; font-size: 93%; line-height: 1.5;}
footer .footer_studio .articles article div nav{ margin: 1.0em 0 0 0;}
footer .footer_studio .articles article div nav a{ font-size: 86%;}

footer .footer_sns{}
footer .footer_sns ul{ margin: 0; padding: 0; display: flex; justify-content: center;}
footer .footer_sns ul li{ margin: 0 0 0 1.0em;}
footer .footer_sns ul li:first-child{ margin-left: 0;}
footer .footer_sns ul li img{ display: block; width: 40px; height: 40px;}
  
  
  .flcol{ margin-top: 0; display: flex; flex-wrap: wrap;}
  .flcol02{ gap: 0 2%;}
	.flcol02>*{ flex: 0 0 49%;}
  .flcol03{ gap: 0 2%;}
	.flcol03>*{ flex: 0 0 32%;}
  
	.col{ margin-top:0; }
	.col>*{ margin-top:0; }
	.col02{ margin-left:-4%; padding:0;}
	.col02>*{ margin-left:4%; float:left; width:46%;}
	.col03{ margin-left:-2%; padding:0;}
	.col03>*{ margin-left:2%; float:left; width:31.33%;}
	.col03.narrow{ margin-left:-5%; padding:0;}
	.col03.narrow>*{ margin-left:5%; float:left; width:28.33%;}
	.col04{ margin-left:-1%; padding:0;}
	.col04>*{ margin-left:1%; float:left; width:24%;}
	.col05{ margin-left:-1%; padding:0;}
	.col05>*{ margin-left:1%; float:left; width:19%;}
	.col06{ margin-left:-1%; padding:0;}
	.col06>*{ margin-left:1%; float:left; width:15.66%;}
	.col12{ margin-left:-2%;}
	.col12>*:nth-child(2n+1){ margin-left:2%; float:left; width:32%;}
	.col12>*:nth-child(2n){ margin-left:2%; float:left; width:64%;}
	.col13{ margin-left:-2%;}
	.col13>*:nth-child(2n+1){ margin-left:2%; float:left; width:24%;}
	.col13>*:nth-child(2n){ margin-left:2%; float:left; width:72%;}
	.col58{ margin-left:-2%;}
	.col58>*:nth-child(2n+1){ margin-left:2%; float:left; width:36.92%;}
	.col58>*:nth-child(2n){ margin-left:2%; float:left; width:59.08%;}
	.col21{ margin-left:-2%;}
	.col21>*:nth-child(2n){ margin-left:2%; float:left; width:32%;}
	.col21>*:nth-child(2n+1){ margin-left:2%; float:left; width:64%;}
	.col41>*:nth-child(2n+1){ margin-left:2%; float:left; width:72%;}
	.col41>*:nth-child(2n){ margin-left:2%; float:left; width:24%;}

	.col02>*:nth-child(2n+1){ clear:left !important;}
	.col03>*:nth-child(3n+1){ clear:left !important;}
	.col04>*:nth-child(4n+1){ clear:left !important;}
	.col05>*:nth-child(5n+1){ clear:left !important;}
	.col06>*:nth-child(6n+1){ clear:left !important;}
	.col12>*:nth-child(2n+1){ clear:left !important;}
	.col21>*:nth-child(2n+1){ clear:left !important;}

	.col::after{ display:block; content: ""; clear: both;}
	.col img{ max-width:100%; height: auto;}
	
	.colfit.col02{ margin-left:0%; padding:0;}
	.colfit.col02>*{ margin-left:0%; float:left; width:50%;}
	.colfit.col03{ margin-left:0%; padding:0;}
	.colfit.col03>*{ margin-left:0%; float:left; width:33.333%;}
	.colfit.col04{ margin-left:0%; padding:0;}
	.colfit.col04>*{ margin-left:0%; float:left; width:25%;}
  
  .flexcol{ display: flex; flex-wrap: wrap; justify-content: center;}
  .flexcol.flexcol02>*{ width:48%; margin-left: 1%; margin-right: 1%;}
  .flexcol.flexcol03>*{ width:31.333%; margin-left: 1%; margin-right: 1%;}
  .flexcol.flexcol04>*{ width:23%; margin-left: 1%; margin-right: 1%;}
	

}
@media all and (min-width: 0) and (max-width: 767px) { /* nagasakizaimokuten sp */
	.post-type-archive-model .footer_studio {
		display: none;
	}
  .pc-only{ display: none;}
  .sp-only,
  .sm-only{}
  .mb{  margin: 0 1.0em; padding: 1.0em 0;}
  
  .section-title{ display: flex; justify-content: center; align-items: center; line-height: 1.5;}
.section-title span:nth-child(1){ font-size: 100%; padding-right: 1.0em; margin-right: 1.0em; font-weight: 100; border-right: solid 1px #000000;}
.section-title span:nth-child(2){ font-size: 142%; font-weight: 400; font-weight: bold;}
.section-title.section-title-white{ color: #FFFFFF;}
.section-title.section-title-white span:nth-child(1){ border-right: solid 1px #FFFFFF;}
  
  footer{ margin:0; padding: 0;}
footer .ftmenu .mb{ display: none;}
footer .ftlogo{ margin: 0;}
footer .ftlogo .mb{ padding: 1.0em 2.0em;}
footer .ftlogo h1 img{ display: block; margin: 0 auto;}
footer .ftcontact{ color: #FFFFFF; margin: 2.0em 0 0 0;}
footer .ftcontact .mb{ display: block;}
footer .ftcontact .mb *{ margin-top: 0;}
footer .ftcontact .mb p{ margin-top: 1.0em;}
footer .ftcontact a.ftcontact_btn{ display: flex; align-items: center; line-height: 1.1; border: solid 1px #FFFFFF; padding: 0.7em 1.5em; color: #FFFFFF; text-decoration: none; font-size: 128%; font-weight: bold;}
footer .ftcontact .ftcontact_reserve a{ background: #FF9C49; color: #000000; border: none; border-radius: 0.3rem; text-align: center;}
  footer .ftcontact .ftcontact_request a span{ text-align: center;}
footer .ftcontact .ftcontact_request a i{font-size: 77%; font-weight: normal;} 
footer .ftcontact a img{ vertical-align: middle; margin-right: 0.5em;}
footer .ftcontact .ftcontact_text{ line-height: 1.5; text-align: center; font-size: 86%;}
footer .ftcontact .ftcontact_text span{ font-size: 228%;}
footer .fcabout{ margin: 0;}
footer .fcabout .mb{ display: block; padding: 2.0em 0 2.0em 0; text-align: center;}
footer .fcabout .mb p{ font-size: 93%; margin: 0; padding: 0;}
footer .fcabout .mb p:nth-child(2){ font-size: 73%; margin-top: 1.0em;}
footer .fcfixmenu{ margin:0; padding: 0; position: fixed; width: 100%; left: 0; bottom: 0; background: rgba(0,51,66,1.0); border-top: solid 1px #FFFFFF; height: 40px;}
footer .fcfixmenu *{ margin-top: 0;}
footer .fcfixmenu .mb{ padding: 0;}
footer .fcfixmenu ul{ display: flex; justify-content: center;}
footer .fcfixmenu ul li{ flex-grow: 2;  border-right: solid 1px rgba(255,255,255,0.5);}
footer .fcfixmenu ul li:first-child{ border-left: solid 1px rgba(255,255,255,0.5); }
footer .fcfixmenu ul li a{ display: block; padding: 0.9em 1em; color: #FFFFFF; text-decoration: none; font-size: 86%;}
footer .fcfixmenu ul li.fcfixmenu_contact a{ background: #FF9C49; color: #000000;}
footer .fcfixmenu ul li a i{ margin-right: 0.5em;}

footer .footer_studio{ background: rgba(0,51,66,0.15); font-size: 14px;
  font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;
}
footer .footer_studio .articles{ display: block; justify-content: space-between;}
footer .footer_studio .articles article{ flex: 0 0 100%; margin: 2.0em 0 0 0; background: rgba(255,255,255,0.7); display: flex; align-items: center; }
footer .footer_studio .articles article figure{ flex : 0 0 50%; padding: 50% 0 0 0;  display: block; margin: 0; height: 100%; background: no-repeat center center / cover;}
footer .footer_studio .articles article div{ flex: 0 0 50%; margin: 0; padding: 0 1.0em;}
footer .footer_studio .articles article div h3{ margin: 0; font-size: 128%; border-bottom: solid 1px #000000;}
footer .footer_studio .articles article div p{ margin: 1.0em 0 0 0; font-size: 93%; line-height: 1.5;}
footer .footer_studio .articles article div nav{ margin: 1.0em 0 0 0;}
footer .footer_studio .articles article div nav a{ font-size: 86%;}
  
  footer .footer_sns{}
footer .footer_sns ul{ margin: 0; padding: 0; display: flex; justify-content: center;}
footer .footer_sns ul li{ margin: 0 0 0 1.0em;}
footer .footer_sns ul li:first-child{ margin-left: 0;}
footer .footer_sns ul li img{ display: block; width: 40px; height: 40px;}
  
	.smcol{ margin-top:0; margin-left:0;}
	.smcol *{ word-wrap: break-word; overflow-wrap : break-word; clear:none !important; margin-left:0; width:100%;}
	.smcol02{ margin-left:-2%; padding:0;}
	.smcol02>*{ margin-left:2%; float:left; width:48%;}
	.smcol03{ margin-left:-2%; padding:0;}
	.smcol03>*{ margin-left:2%; float:left; width:31.333333%;}
	.smcol04{ margin-left:-2%; padding:0;}
	.smcol04>*{ margin-left:2%; float:left; width:23%;}
	.smcol05{ margin-left:-1%; padding:0;}
	.smcol05>*{ margin-left:1%; float:left; width:19%;}
	.smcol06{ margin-left: -0.5%; padding:0;}
	.smcol06>*{ margin-left:0.5%; float:left; width:16.1%;}
	.smcol07{ margin-left:-0.5%; padding:0;}
	.smcol07>*{ margin-left:0.5%; float:left; width:13.7857%;}
	.smcol08{ margin-left:-0.5%; padding:0;}
	.smcol08>*{ margin-left:0.5%; float:left; width:12%;}

	.smcol02>*:nth-child(2n+1){ clear:left !important;}
	.smcol03>*:nth-child(3n+1){ clear:left !important;}
	.smcol04>*:nth-child(4n+1){ clear:left !important;}
	.smcol05>*:nth-child(5n+1){ clear:left !important;}
	.smcol06>*:nth-child(6n+1){ clear:left !important;}
	.smcol07>*:nth-child(7n+1){ clear:left !important;}
	
	.smcol::after{ display:block; content: ""; clear: both;}
	.smcol img{ max-width:100%; height: auto;}
	
	.colfit.smcol02{ margin-left:0%; padding:0;}
	.colfit.smcol02>*{ margin-left:0%; float:left; width:50%;}
	.colfit.smcol04{ margin-left:0%; padding:0;}
	.colfit.smcol04>*{ margin-left:0%; float:left; width:25%;}
  
  .smflexcol{ display: flex; flex-wrap: wrap; justify-content: center;}
  .smflexcol.smflexcol02>*{ width:48%; margin-left: 1%; margin-right: 1%;}
}

.link-box {
	background: #f9f9f9;
    padding: 30px 30px;
    margin: 50px 0 0;
	border: 1px solid #c2c2c2;
}

.link-box p {
    margin-bottom: 0 !important;
}