@charset "utf-8";
/*
Theme Name:takumikougei_arts
Author:TOMOHIRO
Author URI:https://xoroasta.com
Description:Last update 2023.10.11
*/
/*************
1.基本設定
**************/

/** concrete5追加 */
/*** ページリスト */
div.ccm-block-page-list-page-entry-horizontal{margin-bottom:3.2rem}
div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img.img-fluid{width:138px;height:138px}
div.ccm-block-page-list-page-entry-read-more{margin-top:3.2rem;text-align:right}

div.ccm-pagination-wrapper ul.pagination{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}
ul.pagination li.page-item{margin-left:1.6rem}
ul.pagination li.active{margin-left:1rem;padding:0 1rem;background:#999;color:#fff}
ul.pagination li.page-item:first-child{margin-left:0}

/*** 分割設定無効化 */
div.ccm-layout-column-wrapper{display:flex;flex-direction:column;align-items:flex-start;margin: 0 auto}

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#mainContentHome-4 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentHome-5 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentHome-6 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentHome-7 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainGlobalBreadcrumb 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,
section#mainContentLocal-3 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentLocal-4 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentLocal-5 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-1 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-2 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-3 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-4 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-5 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-6 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainContentNewsEntry-7 div.ccm-layout-column-wrapper div.ccm-layout-column,
section#mainGlobalNewsEntry div.ccm-layout-column-wrapper div.ccm-layout-column{
	float:none;width:100%
}

div.ccm-layout-column-inner img,
div.ccm-custom-style-container img{display:block;width:100%;height:auto;margin:0 auto 3.2rem}


/** グリッドレイアウト */
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{width:100%}

/** ブロック要素 */
body{background:#fff}

.ccm-page{
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,sans-serif;
	line-height:1.6;
	color:#545454;
}

.ccm-page address{display:inline-block;margin:0 0 1.6rem;text-align:center;font-style:normal;color:#fff}

.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}
.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 ol{list-style:inside decimal}
.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}
.ccm-page table th{width:38%;box-sizing:border-box;padding:0.8rem;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}


/*** フォーム */
fieldset{text-align:left}
div.ccm-form{display:block;box-sizing:border-box;margin-block-end:3.2rem;padding:0 1.6rem}

fieldset div.mb-3{box-sizing:border-box;margin-block-end:3.2rem}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel,
fieldset div.mb-3 textarea.form-control,
fieldset div.mb-3 select.form-select{
	border:solid 1px #333;
}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel,
fieldset div.mb-3 select.form-select{
    height:3.2rem;
}

fieldset div.mb-3 input{height:1.6rem}

div.ccm-form div.radio label{white-space:nowrap}
div.ccm-form label.control-label{height:1.6rem;white-space:nowrap}
div.ccm-form span.text-muted{background:#e41f1a;margin:1.6rem;border:solid 1px #e41f1a;padding:0 0.4rem;letter-spacing:0.4rem;vertical-align:middle;text-align:center;font-size:1.6rem;color:#fff}

div.ccm-form textarea{font-size:1.6rem}
div.ccm-form input{height:1.6rem;background:#fff}

div.form-actions{margin:0 auto;text-align:center}


/** インライン要素 */
.ccm-page p img{display:inline-block;width:auto;height:auto;margin:0 auto 3.2rem}

.ccm-page address a:link{color:#fff;text-decoration:none}
.ccm-page address a:link,
.ccm-page address a:visited{color:#fff;text-decoration:none}
.ccm-page address a:hover{color:#999}


/*** ヘッダー */
.ccm-page header a{text-decoration:none}
.ccm-page header a:link{color:#fff}
.ccm-page header a:visited{color:#545454}
.ccm-page header a:hover{color:#1d33aa}
.ccm-page header a:active{color:#fff}

/*** メイン */
.ccm-page main a:link{text-decoration:underline;color:#1d33aa}
.ccm-page main a:visited{color:#545454}
.ccm-page main a:hover{color:#1d33aa}
.ccm-page main a:active{color:#e41f1a}
.ccm-page main img{display:inline-block;text-align:center}

/*** フッター */
.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover,
.ccm-page footer a:active{text-decoration:none;color:#fff}




/** id */
#preliminaryReport{display:block; background:#e41f1a; margin:0; padding:1rem; font-size:1.44rem; color:#fff; text-align:center}
p#copyright{display:block; background:#910910; margin:0; padding:1rem; font-size:1.44rem; color:#fff; text-align:center}

/** class */
div.wrapper,
div.wrapp{margin: 0 auto;text-align:center}

.ccm-page p.lede{margin-bottom:9.6rem;	font-size:2.4rem}

span.since{margin-inline-end:1.6rem;color:#fff}

span.marker{background:linear-gradient(transparent 50%,#999 50%)}



/*** スマホ専用 */
.sp{display:none}






/* ヘッダー */
.ccm-page header{background-color: #fff}

section#headerContents{margin-block-end:1rem}
section#headerContents>div.wrapp{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}


/** ロゴ */
h1#headerLogo{display:block;height:auto;margin:0 0 3.2rem;text-align:center}

h1#headerLogo>a>img{display:block;width:208px}

/** アセット */
div#headerAsset{flex-direction:row}
div#headerGlobalAsset>ul{display:flex;justify-content:flex-end;list-style:none}
div#headerGlobalAsset>ul li{margin-left:10px}
div#headerGlobalAsset>ul li a{display:flex;flex-direction:row;height:40px;line-height:0}
div#headerGlobalAsset>ul li:first-child{margin-left:0}


/** ナビ */
div#headerGlobalNavi{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	height:54px;
	text-align:center;
}


div#headerGlobalNavi{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	height:54px;
	text-align:center;
}

nav#headerGlobalNaviPc{
	height:54px;
	margin:0 auto;
	text-align:right;
}
nav#headerGlobalNaviPc ul.nav{
	display:block;
	height:54px;
	margin:0 auto;
}
nav#headerGlobalNaviPc ul.nav li{
	display:inline-block;
	height:54px;
	text-align:center;
	vertical-align:middle;
}
nav#headerGlobalNaviPc ul.nav li a{
	display:inline-block;
	height:54px;
	margin:0 0 0 3rem;
	line-height:54px;
	text-decoration:none;
}

nav#headerGlobalNaviPc ul.nav li a:link,
nav#headerGlobalNaviPc ul.nav li a:visited{
	color:#1a1a1a;
}

nav#headerGlobalNaviPc ul.nav li:first-child a{
	margin:0;
	line-height:54px;
}


/*** スマホ専用エリア */
nav#headerGlobalNaviSp > ul{
	display:none;
}




/** ハンバーガー */
/***メニュー部分 */
/**** ハンバーガーメニュー */
.hm_menu_check{
	display:none;
}
.hm_wrap{
	display:none;
	position:fixed;
	top:0;
/*	  right:-1px; */
	  width:100%;
	  background-color:rgba(0,0,0,0);
/*	  padding:10px; */
	  z-index:3;
}

/*
.hm_title{/* ハンバーガーメニューオープン時の見出し */
/*	position:relative;
	color:#545454;
	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;
	font-size:2.4rem;
	letter-spacing:0.4rem;
} */
   
/* ▽▽メニューボタン▽▽ */
.hm_btn{
	position:absolute;
	top:10px;
	right:5px;
	width:30px;
	height:30px;
	cursor:pointer;
	display:block;
/*	float:right; */
	z-index:5;
}
  .hm_btn::before{
	  -webkit-box-shadow:#000 0 12px 0;
	  box-shadow:#000 0 12px 0;
  }
  .hm_btn::after{
	  bottom:0;
  }
  .hm_btn::before,
  .hm_btn::after{
	  width:30px;
	  height:6px;
	  background:#000;
	  display:block;
	  content:'';
	  position:absolute;
	  transition:box-shadow 0.2s linear, transform 0.2s 0.2s;
  }
  /* △△メニューボタン△△ */
   
  .hm_menu_wrap{
	  width:100%;
	  height:auto;
	  background-color:rgba(127,127,127,1);
	  position:absolute;
	  right:-100%;
	  top:0;
	  -webkit-transition:right 0.4s;
	  transition:right 0.4s;
  }
   
  /* ▽▽開閉時のアニメーション▽▽ */
  .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{
	  list-style-type:none;
	  margin:50px 0 0;
	  padding:0;
  }

  .hm_menu_wrap ul.nav li{
	margin-block-end:0.8rem;
}

  .hm_menu_wrap ul.nav li a{
	  color:#fff;
	  display:block;
	  overflow:hidden;
	  padding:2.4rem;
	  position:relative;
	  text-decoration:none;
	  z-index:6;
  }
  .hm_menu_wrap ul.nav li a::before{/* aタグマウスオーバー時の背景 */
	  background-color:rgba(255,255,255,0.5);
	  content:'';
	  position:absolute;
	  top:0;
	  right:0;
	  bottom:100%;
	  left:0;
	  transition:bottom 0.4s;
	  z-index:7;
  }
   
  .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);
  }


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

/* メイン */
.ccm-page main{
	width:100%;
	text-align:left;
}

/*** リスト */
main section > div.wrapp ul{list-style-type:none}
main section > div.wrapp ul,
main section > div.wrapp ul li{text-align:left}


/*** RSS */
main section div.ccm-block-rss-displayer-wrapper{text-align:left}

main section div.ccm-block-rss-displayer-item{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:0 0 1em;
}

main section div.ccm-block-rss-displayer-item-title{
	padding:0 1.6rem 0 0;
}
main section div.ccm-block-rss-displayer-item-date{
	padding:0 0 0 1.6rem;
}
main section div.ccm-block-rss-displayer-item-summary{
	width:100%;
	line-height:1.6;
}
/** エリアブロック */
/*** トップ・ローカル共通 */
/**** 見出し */
/**** h1 */
section#mainContentHome-1 h1,section#mainContentHome-2 h1,section#mainContentHome-3 h1,section#mainContentHome-4 h1,section#mainContentHome-5 h1,section#mainContentHome-6 h1,section#mainContentHome-7 h1,section#mainContentLocal-1 h1,section#mainContentLocal-2 h1,section#mainContentLocal-3 h1,section#mainContentLocal-4 h1,section#mainContentLocal-5 h1{
	margin-right:auto;
	margin-left:auto;
	margin-block-end:3.6rem;
	font-size:3.6rem;
	font-weight:bold;
}
section#mainContentHome-1 h1,section#mainContentLocal-1 h1,section#mainContentHome-2 h1,section#mainContentLocal-2 h1{text-align:center}

/**** h2～h6 */
section#mainContentHome-1 h2,section#mainContentHome-2 h2,section#mainContentHome-3 h2,section#mainContentHome-4 h2,section#mainContentHome-5 h2,section#mainContentHome-6 h2,
section#mainContentHome-1 h3,section#mainContentHome-2 h3,section#mainContentHome-3 h3,section#mainContentHome-4 h3,section#mainContentHome-5 h3,section#mainContentHome-6 h3,
section#mainContentHome-1 h4,section#mainContentHome-2 h4,section#mainContentHome-3 h4,section#mainContentHome-4 h4,section#mainContentHome-5 h4,section#mainContentHome-6 h4,
section#mainContentHome-1 h5,section#mainContentHome-2 h5,section#mainContentHome-3 h5,section#mainContentHome-4 h5,section#mainContentHome-5 h5,section#mainContentHome-6 h5,
section#mainContentHome-1 h6,section#mainContentHome-2 h6,section#mainContentHome-3 h6,section#mainContentHome-4 h6,section#mainContentHome-5 h6,section#mainContentHome-6 h6,
section#mainContentLocal-1 h2,section#mainContentLocal-2 h2,section#mainContentLocal-3 h2,section#mainContentLocal-4 h2,section#mainContentLocal-5 h2,section#mainContentLocal-6 h2,
section#mainContentLocal-1 h3,section#mainContentLocal-2 h3,section#mainContentLocal-3 h3,section#mainContentLocal-4 h3,section#mainContentLocal-5 h3,section#mainContentLocal-6 h3,
section#mainContentLocal-1 h4,section#mainContentLocal-2 h4,section#mainContentLocal-3 h4,section#mainContentLocal-4 h4,section#mainContentLocal-5 h4,section#mainContentLocal-6 h4,
section#mainContentLocal-1 h5,section#mainContentLocal-2 h5,section#mainContentLocal-3 h5,section#mainContentLocal-4 h5,section#mainContentLocal-5 h5,section#mainContentLocal-6 h5,
section#mainContentLocal-1 h6,section#mainContentLocal-2 h6,section#mainContentLocal-3 h6,section#mainContentLocal-4 h6,section#mainContentLocal-5 h6,section#mainContentLocal-6 h6{
	margin-block-end:2.4rem;
	font-size:2.4rem;
	font-weight:bold;
}

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

/** パンくずリスト */
ol.breadcrumb{
	display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:flex-start;
    align-items:center;
	list-style-type:none;
}

li.breadcrumb-item{margin-left:1.5rem}
li.breadcrumb-item::before{content:">";padding-right:1.5rem}
li.breadcrumb-item:first-child{margin-left:0;padding-right:0}
li.breadcrumb-item:first-child:before{content:none}


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








/** フッター */
.ccm-page footer{
	position:relative;
	width:100%;
	background:#e41f1a;
	text-align:center;
}
.ccm-page footer a{
	color:#fff;
}
.ccm-page footer a:hover{
	text-decoration:none;
}

section#footerContents{
	padding:0 0 30px;
}

section#footerContents>.wrapp{
	display:flex;
    flex-direction:column;
    align-items:center;
}

div#footerContentsBottom{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
    align-items:flex-start;
	margin:0 auto;
}
div#footerContentsBottom address .municipality{display:block}

/** ロゴ */
h1#footerLogo{text-align:center}
h1#footerLogo>a>img{display:block;width:208px;margin:0 auto 1.6rem}

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

div#footerAsset address .municipality{display:block;margin-block-start:0.75rem; margin-block-end:0.75rem}


/** ナビ */
nav#footerGlobalNavi ul.nav{
	flex-wrap:wrap;
	margin-block-end:3rem;
}
nav#footerGlobalNavi ul.nav li{
	width:50%;
	text-align:left;
}


/* サイトパーツ */

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.wrapp ul.rslides1_tabs{margin:0 auto;text-align:center}




/** リンクボタン */
/*** テキストリンク */


.ccm-page .textLinkButton a{
    position:relative;
    display:inline-block;
    border:solid 1px #ffb500;
    background-color:#ffb500;
    height:6rem;
    line-height:6rem;
    font-weight:bold;
    color:#fff;
    text-align:center;
	text-decoration:none;
    z-index:10;
}

.ccm-page .textLinkButton a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#fff;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}

.ccm-page .textLinkButton a:hover{
	border:solid 1px #ffb500;
    color:#ffb500;
    text-decoration:none;
}
.ccm-page .textLinkButton a:hover:before{
    width:100%;
	border:solid 1px #ffb500;
}

.ccm-page .miniTextLinkButton a{
    position:relative;
    display:inline-block;
    border:solid 1px #ffb500;
    background-color:#ffb500;
    height:3rem;
    line-height:3rem;
    font-weight:100;
    text-align:center;
     z-index:10;
}
.ccm-page .miniTextLinkButton a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#fff;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}

.ccm-page .miniTextLinkButton a:link{color:#fff;text-decoration:none}

.ccm-page .miniTextLinkButton a:hover{
	border:solid 1px #ffb500;
    color:#ffb500;
    text-decoration:none;
}
.ccm-page .miniTextLinkButton a:hover:before{
    width:100%;
	border:solid 1px #ffb500;
}


div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}

#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
}
#map iframe{width:100%; height:100%}


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

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}



/* アニメーション */
@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}
.fadeIn{
	animation-name:fadeIn;
	animation-duration:4s;
}



.hoverLeftSlide a{
    position:relative;
    display:inline-block;
    border:solid 1px #191919;
    background-color:#f2f2f2;
    width:180px;
    height:60px;
    line-height:60px;
    font-weight:bold;
    color:#333;
    text-align:center;
    z-index:10;
}
.hoverLeftSlide a:before{
    content:"";
    position:absolute;
    display:block;
    background-color:#191919;
    width:0;
    top:0;
    bottom:0;
    -webkit-transition:.4s ease 0s;
    transition:.4s ease 0s;
    z-index:-1;
}
.hoverLeftSlide a:hover{
    color:#fff;
    text-decoration:none;
}
.hoverLeftSlide a:hover:before{
    width:100%;
}


/* レイアウトや見た目のスタイル */
/* ---------------------------- */

.single-item + .single-item{
    margin-top:0px;
}


/* アニメーションスタイル */
/* ---------------------------- */

/* アニメーション前 */
.u-fade-type-up{
    transform:translateY(50px);
    opacity:0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-up.is-active{
    transition:.6s;
    transform:translateY(0);
    opacity:1;
}

.u-fade-type-in{
    opacity:0;
}

/* トリガー発火でis-activeを付与 */
.u-fade-type-in.is-active{
    transition:2s;
	opacity:1;
}


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

	/* タグ */

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

	.ccm-page address{text-align:left}

	/* 分割設定 */
	div.ccm-layout-column-inner img{display:block;width:100%;margin:0 auto}


	/* スマホ専用エリア */
	div#HeroSp,.hm_wrap,.sp{display:block}

	/* PC専用エリア */
	div#headerGlobalNavi,nav#headerGlobalNaviPc,.pc{display:none}

	/* ヘッダー */
    .ccm-page header{position:relative}


	/** アセット */
	div#headerGlobalAsset{margin-left:5px}
	div#headerGlobalAsset>ul{margin-block-start:5px}


	/** ロゴ */
	h1#headerLogo{margin:1.6rem 0}


	/* メイン */

	/** 共通 */
	.ccm-page main{width:100%; text-align:left}

	main section#mainGlobalContent>div{
		padding:2rem
	}
	main section#mainGlobalContent>div p{
		margin-block-end:2rem
	}


	main section > div ol,
	main section > div ul{margin-bottom:2rem}
	main section > div p{margin-block-end:1.6rem}

	/*** トップページ */
	main section#mainContentHome-1>div,
	main section#mainContentHome-2>div,
	main section#mainContentHome-3>div,
	main section#mainContentHome-4>div,
	main section#mainContentHome-5>div,
	main section#mainContentHome-6>div,
	main section#mainContentHome-7>div{
		padding:2rem
	}

	main section#mainContentHome-1>div p,
	main section#mainContentHome-2>div p,
	main section#mainContentHome-3>div p,
	main section#mainContentHome-4>div p,
	main section#mainContentHome-5>div p,
	main section#mainContentHome-6>div p,
	main section#mainContentHome-7>div p{
		margin-block-end:2rem
	}

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

	/**** パンくずリスト */
	ol.breadcrumb{
		flex-wrap:wrap;
	}

	li.breadcrumb-item{margin-left:0.5rem}
	li.breadcrumb-item::before{content:">";padding-right:0.5rem}

	main section#mainGlobalBreadcrumb > div,
	main section#mainContentLocal-1 > div,
	main section#mainContentLocal-2 > div,
	main section#mainContentLocal-3 > div,
	main section#mainContentLocal-4 > div,
	main section#mainContentLocal-5 > div,
	main section#mainContentLocal-6 > div,
	main section#mainContentLocal-7 > div,
	main section#mainContentNewsEntry-1 > div,
	main section#mainContentNewsEntry-2 > div,
	main section#mainContentNewsEntry-3 > div,
	main section#mainContentNewsEntry-4 > div,
	main section#mainContentNewsEntry-5 > div,
	main section#mainContentNewsEntry-6 > div,
	main section#mainContentNewsEntry-7 > div,
	main section#mainGlobalNewsEntry > div{
		padding:2rem
	}
	main section#mainGlobalBreadcrumb > div p,
	main section#mainContentLocal-1 > div p,
	main section#mainContentLocal-2 > div p,
	main section#mainContentLocal-3 > div p,
	main section#mainContentLocal-4 > div p,
	main section#mainContentLocal-5 > div p,
	main section#mainContentLocal-6 > div p,
	main section#mainContentLocal-7 > div p,
	main section#mainContentNewsEntry-1 > div p,
	main section#mainContentNewsEntry-2 > div p,
	main section#mainContentNewsEntry-3 > div p,
	main section#mainContentNewsEntry-4 > div p,
	main section#mainContentNewsEntry-5 > div p,
	main section#mainContentNewsEntry-6 > div p,
	main section#mainContentNewsEntry-7 > div p,
	main section#mainGlobalNewsEntry > div p{
		margin-block-end:2rem
	}


	/** フォーム */
	div.ccm-form{
		flex-wrap:wrap;
	}
	div.ccm-form label.control-label{width:80%}
	span.text-muted{margin-right:0}

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

	div.ccm-form div.radio,
	div.ccm-form 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}

	div.ccm-form span.text-muted{width:20%}

	/* フッター */
    section#footerContents{margin:2rem}

	div#footerContentsBottom{flex-direction:column}

	/** ロゴ */
	h1#footerLogo>a>img{display:block;width:208px;margin:0 auto}

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

	/** ナビ */
	nav#footerGlobalNavi{display:block}

	nav#footerGlobalNavi ul{list-style:none}

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

	nav#footerGlobalNavi ul.nav{
		flex-direction: column;
	}
	nav#footerGlobalNavi ul.nav > li{
		display: block;
		box-sizing: border-box;
		width: auto;
		text-align: center;
		margin: 0 0 1.6rem;
		padding: 0;
	}




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

	/* 1440grid layout 1column */
	.grid1{width:88px}.grid2{width:208px}.grid3{width:328px}.grid4{width:448px}.grid5{width:568px}.grid6{width:688px}.grid7{width:808px}.grid8{width:928px}.grid9{width:1048px}.grid10{width:1168px}.grid11{width:1288px}.grid12{width:1408px}.grid13{width:1528px}.grid14{width:1648px}.grid15{width:1768px}.grid16{width:1888x}

	img {max-width: none}

	/** 分割設定有効化 */
	section>div.wrapp>div.ccm-layout-column-wrapper{flex-direction:row}

	div.ccm-layout-column-inner img{display:inline-block;width:auto;margin:0}

	/** 分割設定 */
	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#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainGlobalBreadcrumb>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,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div.ccm-layout-column{
		box-sizing:border-box;
		margin-top:3.2rem;
		margin-bottom:3.2rem;
		padding:0 1.6rem;
		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#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainGlobalBreadcrumb>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,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div:first-child,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div:first-child{
		padding:0 1.6rem 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#mainContentHome-4>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-5>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-6>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentHome-7>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainGlobalBreadcrumb>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,
	section#mainContentLocal-4>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-5>div.wrapp div.ccm-layout-column-wrapper>div:last-child,
	section#mainContentLocal-6>div.wrapp div.ccm-layout-column-wrapper>div:last-child{
		padding:0 0 0 1.6rem;
	}

	/* ヘッダー */
	.ccm-page header{position:relative;width:100%;text-align:center}

	section#headerContents > div.wrapp{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:0 auto}

	/** ロゴ */
	h1#headerLogo{text-align:left;display:block;height:auto;margin:0}


	/** アセット */
	div#headerAsset{display:flex;flex-direction:column;text-align:right}

	div#headerAssetPc{display:block;position:relative}
	div#headerAssetPc nav ul{display:block}

	div#headerAssetSp{display:none}



	/** ナビ **/
	nav#headerGlobalNaviPc{display:block}

	nav#headerGlobalNaviPc ul.nav{display:flex;justify-content:space-between}
	nav#headerGlobalNaviPc ul.nav li{margin:0 0 0 32px;letter-spacing:0.64rem}
	nav#headerGlobalNaviPc ul.nav li:first-child{margin:0;padding:0}

	nav#headerGlobalNaviPc ul.nav li a{display:inline-block;position:relative;height:61px;line-height:61px}
	nav#headerGlobalNaviPc ul.nav li a:before{content:"";position:absolute;display:block;background-color:#1a1a1a;width:0;height:1px;bottom:-2px;left:0;transition:.4s ease 0s}
	nav#headerGlobalNaviPc ul.nav li a:hover{text-decoration:none;color:#1a1a1a}
	nav#headerGlobalNaviPc ul.nav li a:hover:before{width:100%}
	nav#headerGlobalNaviPc ul.nav li:first-child a{margin:0;padding:0}

	nav#headerGlobalNaviPc p{display:inline-block}

	/*** ハンバーガーメニュー */
	.hm_wrap{display:none}

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



   	/** PC専用エリア */
	.pc{display:block}
	


	/** メインコンテンツ **/
	.ccm-page main{
		width:100%;
		text-align:left;
	}




	main article#mainContents{
		margin:0;
	}
	main section div.wrapp{
		margin:0 auto;
	}
	main section{
		margin-bottom:30px;	
	}

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

	/** ヒーローイメージ */

	div#HeroPc{
		display:block;
	}


main article#mainContent{
	margin:0;
}
main section div.wrapp{
	margin:0 auto;
}
main section{
	margin-bottom:30px;	
}

main section > div.wrapp div.ccm-layout-column{
	margin:0 auto;
}


/**** 見出し */


section#mainContentHome-1 h1,
section#mainContentHome-2 h1,
section#mainContentHome-3 h1,
section#mainContentHome-4 h1,
section#mainContentHome-5 h1{
	margin-block-start:138px;
	margin-block-end:54px;
	font-size:4.8rem;
}



/** リスト **/
main section > div.wrapp ul{
	list-style-type:none;
}
main section > div.wrapp ul,
main section > div.wrapp ul li{
	text-align:left;
}

	



/** RSS **/
main section div.ccm-block-rss-displayer-wrapper{
	text-align:left;
}

main section div.ccm-block-rss-displayer-item{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

main section div.ccm-block-rss-displayer-item-title{
	width:auto;
	margin:0 0 1em;
	text-align:left;
}
main section div.ccm-block-rss-displayer-item-date{
	width:auto;
	margin:0 0 1em;
	text-align:right;
}
main section div.ccm-block-rss-displayer-item-summary{
	width:auto;
	line-height:1.6;
	text-align:left;
}




/* フッター */
.ccm-page footer{
	position:relative;
	width:100%;
	padding:30px 0 0;
	border:none;
	background-position:center top;
	background-color:#e41f1a;
	color:#fff;
	text-align:center;
}
.ccm-page footer a:link,
.ccm-page footer a:visited,
.ccm-page footer a:hover{
	color:#fff;
}
.ccm-page footer a:hover{text-decoration:none}

section#footerContents{
	padding:0 0 30px;
}
section#footerContents > .wrapp{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}

/** ナビ */
nav#footerGlobalNavi{
	width:100%;
}

nav#footerGlobalNavi ul.nav li{
	width:auto;
	vertical-align:middle;
	text-align:center;
}

nav#footerGlobalNavi ul.nav{
	flex-direction:row;
	justify-content:space-between;
	margin-block-end:3rem;
}

nav#footerGlobalNavi ul.nav li a{
	display:inline-block;
	height:3.2rem;
}

nav#footerGlobalNavi ul > li > a:link,
nav#footerGlobalNavi ul > li > a:visited{
	text-decoration:none;
	color:#fff;
}

/** ロゴ */
div#footerLogo{
	margin:0 30px 30px 0;
	text-align:center;
}
div#footerLogo > h1{
	margin:0 auto;
	text-align:center;
}
div#footerLogo > h1 img{
	text-align:center;
	
}

/** アセット */
div#footerGlobalAsset{
	display:flex;
	flex-direction:column;
	text-align:center;
}

div#footerContentAddress{
	margin:0 auto;
}

div#footerContentFunction{
	width:306px;
	margin:30px 0 30px 30px;
}


/* サイトパーツ */
/** 埋め込み **/
section iframe.googleMap{
	width:474px;
	height:474px;
}
section iframe.googleMap,
section iframe.googleMap object,
section iframe.googleMap embed{
	filter:saturate(0%);
}


section iframe.youtube{
	display:block;
/*	width:474px; */
/*	height:267px; */
	width:100%;
	height:auto;
	margin:3rem auto;
}




/*** 先頭へ戻る ***/
p#goBack{bottom:10px;right:10px}


div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}
 
#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
}
#map iframe{

	width:100%;
	height:100%;
}


label.faqQuestion{
    display:block;
	background:#eee9e5;
	margin:0 0 10px 0;
	border-bottom:solid 1px #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:10px;
	font-weight:500;
	font-size:110%;
	color:#545454;
}

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;
}

.facebook{
	width:768px;
}



h1.appeal,
h2.appeal{
	width:auto;
	height:auto;
}
h3.appeal{
	display:inline-block;
	margin:70px 0 50px;
	padding:0.5em;
	border-radius:25px 0px 0px 25px;
	background:#dbebf8;
	font-size:24px;
	color:#505050;
	font-weight:200;
	text-align:left;
	vertical-align:middle;
}
h3.appeal::before{
content:'●';
color:#fff;
margin-right:8px;
}

h1.appeal::after,
h2.appeal::after{
	content:"";
	display:block;
	height:4px;
	width:100%;
	background:linear-gradient(to right, #ffb700 0%,
				#e41f1a 50%,
				#1d33aa 100%);
}
h1.appeal img,
h2.appeal img{
	margin:0;
	text-align:left;
}


/** フォーム */
div.ccm-form {
    padding:0;
}

div#mainContactTel{
	margin:0 auto 30px;
	padding:0 0 30px;
	text-align:left;
}
div#mainContactTel > p a:link{
	margin:0 auto 30px;
	font-size:30px;
	font-weight:200;
}

fieldset div.mb-3{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
fieldset div.mb-3 label.form-label{width:25%}

fieldset div.mb-3 input.ccm-input-text,
fieldset div.mb-3 textarea.form-control,
fieldset div.mb-3 input.ccm-input-email,
fieldset div.mb-3 input.ccm-input-tel{
    width:61.8%;
}



/* サイトパーツ */

/** 埋め込み **/
div#map{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}
 
#map iframe,
#map object,
#map embed{
	position:absolute;
	top:0;
	left:0;
}
#map iframe{
	width:100%;
	height:100%;
}

}