@charset "utf-8";
/*
Author:TOMOHIRO
Author URI:https://xoroasta.com
Description:Last update 2021.4.16
 */

/* Reset HTML5 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
 margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent}
body{line-height:1}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
a{margin:0; padding:0; border :0; vertical-align:baseline; background:transparent}
ins{background-color:#ff9; color:#474a4d; text-decoration:none}
mark{background-color:#ff9; color:#474a4d; font-style:italic; font-weight:bold}
del{text-decoration:line-through}
abbr[title], dfn[title]{border-bottom:1px dotted #2b2b2b; cursor:help}
table{border-collapse:collapse; border-spacing:0}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}
input, select {vertical-align:middle}

/* concrete5 */
html {font-size:62.5%}
body {font-size:1.6rem}

/** ブロック要素 */
.ccm-page nav{line-height:1}

.ccm-page dl, .ccm-page dt, .ccm-page dd{box-sizing:border-box}
.ccm-page dt, .ccm-page dd{border:1px solid #ccc}
.ccm-page dl{display:flex; flex-wrap:wrap; margin-bottom: 30px}
.ccm-page dt{width:38%; background:#eee}
.ccm-page dd{width:62%; border-left:none; text-align:left}
.ccm-page dt:not(:first-of-type), .ccm-page dd:not(:first-of-type) {border-top:none}

.ccm-page li{letter-spacing:0.08em}

.ccm-page p{margin-bottom:1.6rem; letter-spacing:0.06em; text-align:left}

.ccm-page table{table-layout:fixed; width:100%}
.ccm-page table th{width:38%; box-sizing:border-box; padding:0.5rem; border:solid 1px #333; text-align:left; font-weight:normal}
.ccm-page table td{box-sizing:border-box; padding:0.5rem; border:solid 1px #333; text-align:left}


/*** フォーム */

div.form-group{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:30px;
	text-align:left
}


img.ccm-captcha-image,
label.control-label,
span.text-muted,
span.ccm-input-date-wrapper,
span.ccm-input-time-wrapper{margin-right:2.5rem;}

label.control-label{vertical-align:text-top}


div.form-group label.control-label{width:20%}

div.form-group input.ccm-input-checkbox,
div.form-group input.ccm-input-radio{vertical-align: baseline}
div.form-group label.control-label{flex-grow:2}

div.form-group input.ccm-input-text,
div.form-group textarea.form-control,
div.form-group input.ccm-input-email,
div.form-group input.ccm-input-tel{
		display:inline-block;
		width:auto;
		flex-grow:8;
}

div.form-group span.text-muted{
	width:4rem;
	background:#aa0000;
	border:solid 4px #aa0000;
	border-radius:4px;
	line-height:1;
	letter-spacing:0.6rem;
	text-align:center;
	font-size:1.4rem;
	color:#fff;
}


/** インライン要素 */
.ccm-page a:link,
.ccm-page img{border:none}
.ccm-page a:hover img{opacity:0.8; filter:alpha(opacity=80)}
.ccm-page strong{font-weight:bold}
.ccm-page address{display:block; margin:0 0 1em; font-style:normal; text-align:center}


/** フレキシブルボックス */
section>div.wrapp>div.ccm-layout-column-wrapper{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:flex-start;
	margin:0 auto;
}

/** id */


/** class */
div.wrapper{margin:0 auto;	text-align:center}
div.wrapp{margin:0 auto; text-align:center}
p.address{text-align:center}
ul.plain,ol.plain{list-style-type: none}

/** 不具合回避用 */



/* ヘッダー */
.ccm-page header{position:relative; width:100%; box-sizing:border-box; text-align:center}
section#headerContent div.wrapp{display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; margin:30px auto}

/** アセット */
div#headerAsset > div.wrapp{margin:0}

div#headerAssetPc{display:block; position:relative}
div#headerAssetPc nav{position:relative}
div#headerAssetPc nav ul{position:relative; list-style-type:none; text-align:right}
div#headerAssetPc nav ul li{
	display:inline-block;
	width:54px;
	height:54px;
	margin-left:1.6rem;
	position:relative;
	line-height:54px;
}
div#headerAssetPc nav ul li:first-child{margin-left:0}
div#headerAssetPc nav ul li a{line-height:54px}
div#headerAssetPc nav ul li img{width:54px; height:54px}

/** ヒーロー */
div#headerHero{margin:0 auto 30px}

/** ナビ */
div#headerGlobalNavi{clear:both; text-align:center}
nav#headerGlobalNaviPc{display:none}

/** ハンバーガー */
/*** メニュー部分 */
/**** ハンバーガーメニュー */
.hm_menu_check {display:none}
.hm_wrap {
	display:inline-block;
	position:fixed;
	top:0;
	right:-1px;
	width:50%;
	padding:10px;
	z-index:3;
}

.hm_title {
	position:relative;
	display:inline-block;
	font-weight:100;
	line-height:30px;
	margin:0 15px 0 0;
	opacity:0;
	transform:translate3d(0, 15px, 0);
	transition:transform 0.6s, opacity 0.5s;
	z-index:4;
}

/**** メニューボタン */
.hm_btn {
	position:relative;
	width:30px;
	height:30px;
	cursor:pointer;
	display:block;
	float:right;
	z-index:5;
}

.hm_btn::after {
	bottom:0;
}


/* ▽▽開閉時のアニメーション▽▽ */
.hm_menu_check:checked ~ .hm_title {
	opacity:1;
	transform:none;
}
.hm_menu_check:checked ~ .hm_btn::before {
	box-shadow:transparent 0 0 0;
	transform:rotate(45deg) translate3d(6px, 11px, 0);
}
.hm_menu_check:checked ~ .hm_btn::after {
	transform:rotate(-45deg) translate3d(6px, -11px, 0);
}
.hm_menu_check:checked ~ .hm_menu_wrap {
	right:0;
}

/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_menu_wrap ul.nav li a:hover::before {
	bottom:0;
}
.hm_menu_wrap ul.nav li a:hover::after {
	opacity:0.5;
	transform:translate3d(0, 0, 0);
}

nav#headerBreadcrumb{
	display:flex;
	height:auto;
	flex-direction:row;
	flex-wrap:nowrap;
	align-content:center;
	list-style-type:none;
	margin:0 auto;
	text-align:left;
	font-size:1.4rem;
}

nav#headerBreadcrumb p.breadcrumbHome a{
	display:inline-block;
	height:1.4rem;
	margin:0 1.4rem 0 0;
	text-decoration:none;
}

/* メイン */

/** 共通 */
.ccm-page main{background:#fff; width:100%; text-align:left}
main section > div h1{margin-bottom:1.4rem; font-size:2.8rem; letter-spacing:0.12em; text-align:left}
main section > div h2{margin-bottom:1.2rem; font-size:2.4rem; font-weight:bold; text-align:left}
main section > div h3{margin-bottom:1rem; font-size:2.0rem; font-weight:bold; text-align:left}
main section > div h4,
main section > div h5,
main section > div h6{
	margin-bottom:0.8rem;
	font-size:1.6rem;
	font-weight:bold;
	text-align:left;
}


main section > div ol,main section > div ul{margin-bottom:20px}
main section > div p{margin-bottom:1.6rem}


main section#mainContentHome-1>div,
main section#mainContentHome-2>div,
main section#mainContentHome-3>div{
	padding:20px;
}
main section#mainContentHome-1>div p,
main section#mainContentHome-2>div p,
main section#mainContentHome-3>div p{
	margin:0 0 20px;
}


/** リスト */

/** エリアブロック */

/*** トップ・ローカル共通 */


/**** Asset */

/**** About */

/*** トップ */

/**** ヒーロー */
section#Hero div{
	width:100%;
	margin:0 auto 30px;
	text-align:center;
}

/***** mainContentHome-1 */


/**** *News */

/*** ローカル共通 */
main section#mainContentLocal-1 > div,
main section#mainContentLocal-2 > div{
	padding:20px;
}
main section#mainContentLocal-1 > div p,
main section#mainContentLocal-2 > div p{
	margin:0 0 20px;
}


/*** ローカルページ */
/**** Profile */

/**** Bio */


/** フッター */

/*** ロゴ */
div#footerLogo{text-align:center}

/*** アセット */
div#footerAsset{
	display:flex;
	flex-direction:column;
}

/*** ナビ */
nav#footerGlobalNavi{
	display:block;
	margin-bottom:30px;
}

nav#footerGlobalNavi ul{
	list-style:none;
}

nav#footerGlobalNavi ul li{
	margin:0 0 0.8em;
	font-size:1.4rem;
}

nav#footerGlobalNavi ul li,
nav#footerGlobalNavi ul li a{
	display:block;
	text-decoration:none;
}

nav#footerGlobalNavi ul li a::before{
	content:'>';
	padding:0 0.5em 0 0;
	font-size:0.8rem;
}

nav#footerGlobalNavi ul.nav{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-direction:row;
	align-content:flex-start;
	flex-wrap:nowrap;
}
nav#footerGlobalNavi ul.nav > li{
	display:block;
	box-sizing:border-box;
	width:auto;
	text-align:left;
	margin:0 0 0.8em;
	padding:0 15px 0 15px;
	font-size:1.6rem;
}

/** サイトパーツ */

ul#instaFeed > li{
	display:inline-block;
	list-style:none;
}
ul#instaFeed > li a img.grid2{
	height:138px;
	margin:0 30px 30px 0;
}
ul#instaFeed > li:last-child a img.grid2{margin:0 0 30px}


div.facebook-SDK{max-width:474px; height:474px; margin-bottom:30px}


/*** リンクボタン */


p#goBack{
display:block;
position:fixed;
width:54px;
height:auto;
bottom:0px;
right:30px;
font-size:54px;
text-align:center;
filter:alpha(opacity=90);
opacity:0.9;
}

p#goBack a{
	display:block;
	padding:0px;
	text-decoration:none;
	color:#fff;
}

label.faqQuestion {
    display:block;
	background:#fff7cf;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
	border-radius:8px;
	padding:10px;
	font-weight:500;
	font-size:1.8rem;
	color:#545454;
	text-align:left;
}

.ccm-page input[type="checkbox"].on-off{display:none}

p.faqAnswer {transition:all 0.5s; list-style:none; padding:0 1em}

input[type="checkbox"].on-off + p{height:0; overflow:hidden}
input[type="checkbox"].on-off:checked + p{height:auto; padding:1em}

iframe.facebook{max-width:360px; height:360px; margin-bottom:30px}

/*************
スマホ
**************/
@media screen and (max-width:479px){

	.ccm-page header{position:relative}

	img{width:auto; max-width:100%; height:auto}
	iframe{max-width:100%; max-height:474px}

	section#headerContent{margin:20px}

	nav#headerGlobalNaviPc{display:none}

	section#footerContent{margin:20px}

	
/*** フォーム */

div.form-group{
/*	flex-direction:column; */
	flex-wrap:wrap;
	margin-bottom:30px;
}
div.form-group label.control-label{width:80%}
span.text-muted{margin-right:0}

div.form-group input.ccm-input-text,
div.form-group textarea.form-control,
div.form-group input.ccm-input-email,
div.form-group input.ccm-input-tel{
		display:block;
		width: 100%;
}

div.form-group div.radio,
div.form-group div.checkbox{width:50%}

img.ccm-captcha-image,
label.control-label,
span.ccm-input-date-wrapper{margin:0 0 0.8rem 0}
span.ccm-input-time-wrapper{margin:0 0 0 0.8rem}




	section#mainContentHome-1 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-2 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentHome-3 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-1 div.ccm-layout-column-wrapper div.ccm-layout-column,
	section#mainContentLocal-2 div.ccm-layout-column-wrapper div.ccm-layout-column,
	div#mainAsset div.ccm-layout-column-wrapper div.ccm-layout-column,
	div#mainWidget div.ccm-layout-column-wrapper div.ccm-layout-column{float:none; width:auto}



	/*** mainContentHome-1 ***/
	section#mainContentHome-1 > div.wrapp{padding-top:54px}
}


/*************
PC
**************/
@media screen and (min-width:978px){

	/* 978grid layout 1column */
	.grid1{width:54px}.grid2{width:138px}.grid3{width:222px}.grid4{width:306px}.grid5{width:390px}.grid6{width:474px}.grid7{width:558px}.grid8{width:642px}.grid9{width:726px}.grid10{width:810px}.grid11{width:894px}.grid12{width:978px}.grid13{width:1062px}.grid14{width:1146px}.grid15{width:1230px}.grid16{width:1314px}.grid17{width:1498px}.grid18{width:1482px}.grid19{width:1566px}.grid20{width:1650px}.grid21{width:1734px}.grid22{width:1828px}.grid23{width:1902px}.grid24{width:1986px}.grid25{width:2070px}.grid26{width:2154px}.grid27{width:2238px}.grid28{width:2322px}.grid29{width:2406px}.grid30{width:2490px}


	/** フレキシブルボックス */
	section>div.wrapp>div.ccm-layout-column-wrapper{flex-direction:row}

	/** スマホ専用エリア */
	div#HeroSp .ccm-block-image-slider-pages{display:none}

	/*** ハンバーガーメニュー */
	.hm_wrap {display: none}
	
	main article#mainContents{
		margin:0;
	}
	main section div.wrapp{
		margin:0 auto;
	}
	main section{
		margin-bottom:30px;	
	}
	
	/*** 分割設定 */
	div.ccm-layout-column-wrapper{flex-direction:row}
	
	section#mainContentHome-1 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
	section#mainContentHome-2 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
	section#mainContentHome-3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
	section#mainContentLocal-1 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
	section#mainContentLocal-2 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column,
	section#mainContentLocal-3 > div.wrapp div.ccm-layout-column-wrapper > div.ccm-layout-column{
		box-sizing:border-box;
		margin-top:30px;
		margin-bottom:30px;
		padding:0 15px;
		text-align:left;
	}


	/**** 一列目 */
	section#mainContentHome-1 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
	section#mainContentHome-2 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
	section#mainContentHome-3 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
	section#mainContentLocal-1 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
	section#mainContentLocal-2 > div.wrapp div.ccm-layout-column-wrapper > div:first-child,
	section#mainContentLocal-3 > div.wrapp div.ccm-layout-column-wrapper > div:first-child{
		padding:0 15px 0 0;
	}
	
	/**** 最後の列 */
	section#mainContentHome-1 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
	section#mainContentHome-2 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
	section#mainContentHome-3 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
	section#mainContentLocal-1 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
	section#mainContentLocal-2 > div.wrapp div.ccm-layout-column-wrapper > div:last-child,
	section#mainContentLocal-3 > div.wrapp div.ccm-layout-column-wrapper > div:last-child{
		padding:0 0 0 15px;
	}

	/*** 2分割設定 */
	div.ccm-layout-column-wrapper > div.ccm-layout-column > div.ccm-layout-column-inner div.split2{
		width: 474px;
	}
	/*** 3分割設定 */
	div.ccm-layout-column-wrapper > div.ccm-layout-column > div.ccm-layout-column-inner div.split3{
		width: 306px;
	}
	/*** 4分割設定 */
	div.ccm-layout-column-wrapper > div.ccm-layout-column > div.ccm-layout-column-inner div.split4{
		width: 222px;
	}


	/** エリアブロック**/

	/*** トップ・ローカル共通 ***/


	
	/*** ContentHome ***/
	section#mainContentHome-2 div{
		margin:auto;
		text-align:center;
	}

	
	/** トップページ **/
	main section#mainContentHome-1 > div p,
	main section#mainContentHome-2 > div p,
	main section#mainContentHome-3 > div p{
		margin:0 0 30px;
	}

	/*** ContentHome-1 ***/
	section#mainContentHome-1 > div.wrapp{
		margin:0 auto 30px;
		text-align:center;
	}
	section#mainContentHome-1 > div.wrapp h1{
		font-size:4.8rem;
	}

	/** ローカルページ共通 **/
	/*** エリアブロック ***/
	section#mainContentLocal-2{margin-bottom:30px}
	section#mainContentLocal-2 > div.wrapp{margin:0px auto}
	
	/*** Summary */
	section#mainContentLocal-1 > div.wrapp{padding:84px 0 30px}

	/*** Quality */
	
	/** ローカルページ **/
	/*** エリアブロック ***/
	

	iframe.facebookIframe{
		width: 100%;
		max-width:474px;
		height:474px;
		margin-bottom:30px
	}

	iframe.googlemapIframe{
		width: 100%;
		max-width:474px;
		height:474px;
		margin-bottom:30px
	}


}