@charset "utf-8";
/* CSS Document */

/*
Designed by En-Graphiction Templates
https://0iwa.com
*/

/*　Webフォント
---------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');
@font-face {
font-family: "crayon";
  src: url(../font/crayon.eot) format("eot"), url(../font/crayon.woff) format("woff");
}
*,
*:before,
*:after{
    outline:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html,body{
	min-height:100%;
}
html{
	overflow-x: hidden;
}
body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	font-feature-settings : "palt";
	overflow-x: hidden;
	margin:0;
	color: #545454;
	background:rgba(255,255,255,1);
}
.ccm-page table {
    border-collapse:collapse;
    border-spacing:0;
}
.ccm-page hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:32px 0;
    padding:0;
}
.ccm-page .clearfix:before,
.ccm-page .clearfix:after{
    content: " ";
    display: table;
}
.ccm-page .clearfix:after{
    clear: both;
}
.ccm-page .clearfix{
    *zoom: 1;
	clear:both;
}

.ccm-page a {
	color:#545454;
	text-decoration:underline;
}

.ccm-page a:hover {
	text-decoration:none;
}

.ccm-page a:active{
	text-decoration:none;
}

.ccm-page a img{
	border: none;
}
.ccm-page img{
	vertical-align:top;
}
.ccm-page .img-responsive,
.ccm-page .img-fluid{
	width: 100%;
	height: auto;
}
.ccm-page ul,
.ccm-page li,
.ccm-page ol{
	padding:0;
	margin:0;
	list-style: none;
}

/*リンク付き画像にマウスを乗せたら少し透明化*/
.ccm-page a:hover img{
	filter: alpha(opacity=80);
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.ccm-page input,.ccm-page button,.ccm-page textarea,.ccm-page select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "M PLUS Rounded 1c" , "sans-serif";
}

/*====================================================================
　　　　　　　　　　　　共通設定
====================================================================*/
/*==================== 文字揃 ====================*/
.ccm-page .tac {
    text-align:center !important;
}
.ccm-page .tal {
    text-align:left !important;
}
.ccm-page .tar {
    text-align:right !important;
}

/*==================== 余白 ====================*/
.ccm-page .pdg-8{
	padding:8px !important;
}
.ccm-page .pdg-16{
	padding:16px !important;
}
.ccm-page .pdg-32{
	padding:32px !important;
}
.ccm-page .pdg-56{
	padding:56px 0 !important;
}
.ccm-page .pdg_t-16{
	padding-top:16px;
}
.ccm-page .mgn_t-0{
	margin-top:0 !important;
}
.ccm-page .mgn_b-0{
	margin-bottom:0 !important;
}
.ccm-page .mgn-a{
	margin-left:auto !important;
	margin-right:auto !important;
}
.ccm-page .mgn-0a{
	margin:0 auto !important;
}
.ccm-page .mgn-0{
	margin:0 !important;
}
.ccm-page .mgn_t-8{
	margin-top:8px !important;
}
.ccm-page .mgn_b-8{
	margin-bottom:8px !important;
}
.ccm-page .mgn_t-16{
	margin-top:16px !important;
}
.ccm-page .mgn_b-16{
	margin-bottom:16px !important;
}
.ccm-page .mgn-32{
	margin:32px auto !important;
}
.ccm-page .mgn_t-32{
	margin-top:32px !important;
}
.ccm-page .mgn_b-32{
	margin-bottom:32px !important;
}
.ccm-page .mgn-56{
	margin:56px auto !important;
}
.ccm-page .mgn_t-56{
	margin-top:56px !important;
}
.ccm-page .mgn_b-56{
	margin-bottom:56px !important;
}

.ccm-page .dis_block{
	display:block;
}

/*==================== 色 ====================*/
/*  -  背景色  -  */
.ccm-page .bg-wht{
	background:rgba(255,255,255,1.00);
}

/*==================== 文字 ====================*/
.ccm-page h1,.ccm-page h4,.ccm-page h5,.ccm-page h6{
	margin:16px auto;
	line-height:1.3;
	font-family:"M PLUS Rounded 1c" , "sans-serif";
}
.ccm-page h2,.ccm-page h3{
	margin:48px auto 32px;
	font-family:"M PLUS Rounded 1c" , "sans-serif";
}
.ccm-page h2,.ccm-page h3,.ccm-page h4,.ccm-page h5{
	font-weight:400;
}
.ccm-page h1{
	font-size:3rem;
	font-weight:300;
	letter-spacing: -.04em;
}
.ccm-page h2{
	font-size:2.6rem;
	letter-spacing: 0.1em;
	line-height:1.2;
	color: rgba(237,108,0,1.00);
	padding: 0 16px 0 2.6rem;
}
.ccm-page h2:before{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 36px;/*画像の幅*/
	height: 36px;/*画像の高さ*/
	background-image: url(../images/h2-icon.png);
	background-size: contain;
	vertical-align: middle;
	position: relative;
	bottom: 4px;
	margin-right: 4px;
	margin-left: -2.6rem;
}
.ccm-page h3{
	font-size:2.2rem;
	line-height:1.2;
	position:relative;
	padding: 0 16px 0 2.2rem;
	color: rgba(34,172,56,1.00);
}
.ccm-page h3:before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f06c";
	margin-right:4px;
    position: relative;
	margin-left: -2.2rem;
}
.ccm-page h4{
	font-size:2rem;
	position:relative;
	border-left:8px solid;
	padding-left:8px;
}
.ccm-page h5{
	font-size:1.8rem;
	padding-left:16px;
}
.ccm-page h5:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f10c";
	margin-right:4px;
	margin-left:-16px;
	top: -3px;
    position: relative;
	font-size:1rem;
}
.ccm-page h6{
	font-size:1.8rem;
	font-weight:500;
	letter-spacing: .02em;
}

.ccm-page .side-content-left h2,.ccm-page .side-content-right h2{
	margin:32px auto;
}

/*  -  蛍光ペン風  -  */
.ccm-page .attention-red{
	background:linear-gradient(transparent 60%, #Fcc 100%);
}
.ccm-page .attention-yellow{
	background:linear-gradient(transparent 60%, #ff6 100%);
}

/*  -  ページタイトル  -  */
#headertitle{
	position:relative;
	width:100%;
	overflow:hidden;
}
#headertitle h1,
.page-template-home .home_wrapper h2{
	width:100%;
	display: block;
	font-size:2.8rem;
	color: rgba(106,57,6,1.00);
	text-align: center;
	font-family: crayon;
}
#headertitle h1:before,
#headertitle h1:after,
.page-template-home .home_wrapper h2:before,
.page-template-home .home_wrapper h2:after{
	content: "";
	background: url(../images/h1-icon.svg) no-repeat;
    background-size: contain;
	display: inline-block;
    width: 36px;
    height: 36px;
    vertical-align: middle;
    position: relative;
    bottom: 4px;
}
#headertitle h1:before,
.page-template-home .home_wrapper h2:before{
	left: -8px;
}
#headertitle h1:after,
.page-template-home .home_wrapper h2:after{
	right: -8px;
}
.page-template-home .home_wrapper h2:before,
.page-template-home .home_wrapper h2:after{
	margin: 0;
}
/*  -  文字調整  -  */
.ccm-page p{
	margin:0 auto 16px;
	letter-spacing:1px;
}

.ccm-page .small{
	font-size:0.8rem;
}
.ccm-page .text-middle{
	font-size:1.4rem;
}
.ccm-page .text-large{
	font-size:1.6rem;
}
.ccm-page .text-danger{
	color:#F66;
}

.ccm-page .material-icons{
    position: relative;
	bottom: -6px;
    margin: 0 4px 0px 0;
}
.ccm-page #page-content i{
	font-size: 1.2rem;
	margin: 0 4px 0px 2px;
	bottom: -4px;
}
/*==================== ヘッダー ====================*/
.ccm-page header{
	width: 100%;
    background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.ccm-page .header_right p{
	margin: 0;
	line-height: 1;
	font-size: 14px;
	text-align: right;
}
.ccm-toolbar-visible .page-template-home{/*ホームは除外*/
	margin-top: 0px;
}
.ccm-page .header_logo picture{
	float:left;
}
.ccm-page .header_logo p{
	margin:0 0 0 44px;
	font-size: 1.5rem;
    font-weight: bold;
	line-height:1.5;
}
.ccm-page .header_logo a{
	text-decoration:none;
}
.ccm-page header .nav_area{
	font-family:"M PLUS Rounded 1c" , "sans-serif";
}
/*==================== フッター ====================*/
.ccm-page footer{
	clear:both;
	font-size:0.9rem;
	position: relative;
	border-top: rgba(34,172,56,1.00) 1px solid;
}
.ccm-page .mega-footer{
	background-size: cover;
	background-position:center;
	margin-top: 32px;
}
.ccm-page .mega-footer a{
	line-height:2;
}
.ccm-page .footer-bottom{
	clear:both;
}
.ccm-page footer .copyright i{
	font-size:1.2rem;
	bottom:-4px;
}

/*==================== レイアウト ====================*/
#page-content{
	padding:0px;
}
.ccm-page .auto_height {
    height: auto;
    width: 100%;
}

/*==================== ボタン ====================*/
.ccm-page .button-basic,.ccm-page .button-primary,.ccm-page .button-success,.ccm-page .button-info,.ccm-page .button-warning,.ccm-page .button-danger,.ccm-page .button-fab,.ccm-page .button-text{
	background:#999;
    border: none;
    border-radius: 30px;
    color: #fff;
    position: relative;
    margin:0 auto 16px;
    min-width: 64px;
    padding: 8px 32px;
    display: inline-block;
	font-size:14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.ccm-page .button-text{
	color:#1A79B3;
	background:rgba(255,255,255,0);
	box-shadow:none;
}
.ccm-page .button-primary{
	background:#1A79B3;
}
.ccm-page .button-success{
	background:#4caf50;
}
.ccm-page .button-info{
	background:#03a9f4;
}
.ccm-page .button-warning{
	background:#F9A825;
}
.ccm-page .button-danger{
	background:#f44336;
}
.ccm-page .button-fab{
	border-radius:50%;
	height:64px;
}
.ccm-page .button-basic:active,.ccm-page .button-basic:focus,.ccm-page .button-basic:hover{
	background:rgba(153,153,153,0.7);
}
.ccm-page .button-primary:active,.ccm-page .button-primary:focus,.ccm-page .button-primary:hover{
	background:rgba(26,121,179,0.7);
}
.ccm-page .button-success:active,.ccm-page .button-success:focus,.ccm-page .button-success:hover{
	background:rgba(76,175,80,0.7);
}
.ccm-page .button-info:active,.ccm-page .button-info:focus,.ccm-page .button-info:hover{
	background:rgba(3,169,244,0.7);
}
.ccm-page .button-warning:active,.ccm-page .button-warning:focus,.ccm-page .button-warning:hover{
	background:rgba(249,168,37,0.7);
}
.ccm-page .button-danger:active,.ccm-page .button-danger:focus,.ccm-page .button-danger:hover{
	background:rgba(244,67,54,0.7);
}
.ccm-page .button-text:hover{
	background:rgba(158,158,158,.2);
}
.ccm-page .button-text:active,.ccm-page .button-text:focus{
	background:rgba(158,158,158,.4);
}

.ccm-page .bg-wht .button-basic,.ccm-page .bg-wht .button-primary,.ccm-page .bg-wht .button-success,.ccm-page .bg-wht .button-info,.ccm-page .bg-wht .button-warning,.ccm-page .bg-wht .button-danger,.ccm-page .bg-wht .button-fab{
	box-shadow:none;
}

.ccm-page .pdg-32 span,.ccm-page .pdg-56 span,.ccm-page .pdg-32 button,.ccm-page .pdg-56 button,.ccm-page .pdg-32 p:last-child,.ccm-page .pdg-56 p:last-child{
	margin:0 auto;
}

/*==================== ボーダー ====================*/
.ccm-page .border-right-c1s{
    border-right:#ccc 1px solid;
}
.ccm-page .border-left-c1s{
    border-left:#ccc 1px solid;
}
.ccm-page .border-top-e1s{
    border-top:#e0e0e0 1px solid;
}

/*==================== 埋め込み ====================*/
.ccm-page .gg_calendar{
	margin:0 auto;
}
.ccm-page iframe{
	width:100% !important;
}
.fb-page{
	margin-bottom:32px;
}

/*==================== プログレスバー ====================*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace .pace-progress {
  background:rgba(34,172,56,1.00);
  position: fixed;
  z-index: 2000;
  top: 0px;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*==================== インスタ埋め込み ====================*/
.ccm-page .insta_widget{
	height: 440px;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    transform: translateZ(0);
}

/*　スマホ（スマートフォン・タブレット）・タブレット用
---------------------------------------------------------------------*/
@media (max-width: 768px) {
.ccm-page .tac-ss{
	text-align:center;
}
.ccm-page .pdg-0-16-ss{
	padding:0 16px;
}
.ccm-page .small-screen_br{/*改行*/
	display:block;
}
.ccm-page .sidebar-page-list-wrapper,.ccm-page .side-logo_area{
	display:none;
}
.ccm-page .myframe{
	padding:32px 0;
}
	.ccm-page header{
		border-bottom: 1px solid;
	}
.ccm-page .header_logo{
	padding:8px 0 8px 8px;
    z-index:1;position: absolute;
}
	.ccm-page .header_logo img{
		height: 32px;
		width: auto;
	}
	.ccm-page .header_right{
		display: none;
	}
#headertitle{
	padding-top:32px;
	margin: 16px auto 0;
}
#headertitle h1{
	padding: 16px;
	font-size: 2rem;
	text-align: center;
	margin: 0;
}
.ccm-toolbar-visible #headertitle{/*編集中調整*/
	margin-top:0 !important;
}
.ccm-page main{
	padding: 32px 16px;
	width:96%;
}
.ccm-page main,
.ccm-page .page-content-right,
.ccm-page .page-content-left,
.ccm-page .side-content-left,
.ccm-page .side-content-right{
	margin:0 auto;
}
	.page-template-home .home_wrapper{
		padding: 0 16px 32px;
	}
	.ccm-page .mega-footer{
		margin: 0;
	}
.ccm-page .side-content-left,
.ccm-page .side-content-right{
	width:100%;
	margin-top: 32px;
}
.ccm-page .img_l img,.ccm-page .img_r img{
	width:100%;
	height:auto;
	margin:0 auto 16px;
}
.ccm-page h1{
	font-size:14vw;
}
.ccm-page h2,
.page-template-home .home_wrapper h2{
	font-size:8vw;
}
.ccm-page h2{
	padding: 0 0px 0 8vw;
}
.ccm-page h2:before{
	margin-left: -8vw;
}
.ccm-page h3{
	font-size:8vw;
}
.ccm-page h4{
	font-size:6vw;
}
.ccm-page h5{
	font-size:6vw;
}
.ccm-page h6{
	font-size:6vw;
}
.ccm-page .text-large {
    font-size: 1.4rem;
}
.ccm-page .text-middle{
	font-size:1.2rem;
}
.ccm-page .text-middle-ss{
	font-size:7vw !important;
}
	.page-template-home .home_wrapper h2{
		padding: 0;
	}
/*==================== 埋め込み ====================*/
.ccm-page .gg_calendar iframe{
	height:300px;
}
/*==================== ページ上部へ戻る ====================*/
.ccm-page .page_top{
	background:rgba(34,172,56,1.00);
	width:100%;
	text-decoration:none;
	text-align:center;
	color:#fff;
	display:block;
	padding:8px 0px;
    line-height:2;
	position:relative;
	margin: 0 auto 32px;
}
	.ccm-page .page_top i{
		bottom: -2px;
		left: -4px;
	}
}

/*　パソコン（PC）用
---------------------------------------------------------------------*/
@media (min-width: 769px) {
/*==================== レイアウト ====================*/
.ccm-page .side-content-left,.ccm-page .side-content-right{
	width:30%;
}
.ccm-page .side-content-left{
	padding:0 40px 0 0;
}
.ccm-page .side-content-right{
	padding:0 0 0 40px;
}
.ccm-page .page-content-right,.ccm-page .page-content-left{
	width:70%;
}
.ccm-page .myframe{
	padding:32px;
}

#panels{
	padding:0 32px;
}
.ccm-page header{
	padding:32px 0;
}
	#headertitle{
		margin: 56px auto 80px;
	}
#headertitle h1{
	text-align:center;
}
	.ccm-page .header_logo img{
		width: 100%;
	}
.ccm-page .side-logo_area{
	text-align:center;
	font-size:0.9rem;
	margin:32px auto;
}
.ccm-page .side-logo_area img{
	width:176px;
	height:auto;
}

/*==================== 縦書き ====================*/
.ccm-page .w_m_vertical {
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
    text-orientation: upright;
}
.ccm-page .w_m_vertical-y{
	-ms-text-combine-horizontal: all;
    -webkit-text-combine: all;
    -moz-text-combine: all;
    text-combine-upright: all;
}
/*==================== 画像寄せ ====================*/
.ccm-page .img_l img,.ccm-page .img_r img{
	width:40%;
	height:auto;
}
.ccm-page .img_l img{
	float:left;
	margin:0 16px 16px 0;
}
.ccm-page .img_r img{
	float:right;
	margin:0 0 16px 16px;
}
/*==================== PC（パソコン）のみフロート ====================*/
.ccm-page .float_r-ls{
	float:right;
}
.ccm-page .float_l-ls{
	float:left;
}

/*==================== ページ上部へ戻る ====================*/
.ccm-page .page_top{
	position:fixed;
	right:16px;
	bottom:4px;
	display:none;
	z-index: 5;
}
.ccm-page .page_top i{
	font-size:4rem;
	color:rgba(34,172,56,1.00);
}
.ccm-page .page_top i:hover{
	color:rgba(34,172,56,0.5);
}
.ccm-page .page_top span{
	display:none;
}
.ccm-page .anchor{
	margin-top:-60px;
	padding-top:60px;
}
}

/*====================================================================
　　　　　　　　　　グリッドレイアウト
====================================================================*/
@media (min-width:769px){.ccm-page .container{width:750px}}
@media (min-width:992px){.ccm-page .container{width:970px}}
@media (min-width:1200px){.ccm-page .container{width:1170px}}
.ccm-page .container{
	margin:auto;
}
.ccm-page .flex_box-wrapper{
	margin:0 auto;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
    justify-content: space-between;
	flex-direction:row;
	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
	flex-flow: row wrap;
}
.ccm-page .flex_box-between{
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
    justify-content: space-between;
}
.ccm-page .flex_box-around{
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
    justify-content: space-around;
}
.ccm-page .flex_box-center{
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}

@media (max-width: 768px){
	.ccm-page .ccm_s-s-12{width:100%}
	.ccm-page .ccm_s-s-11{width:88%}
	.ccm-page .ccm_s-s-10{width:80%}
	.ccm-page .ccm_s-s-9{width:72%}
	.ccm-page .ccm_s-s-8{width:64%}
	.ccm-page .ccm_s-s-7{width:56%}
	.ccm-page .ccm_s-s-6{width:48%}
	.ccm-page .ccm_s-s-5{width:40%}
	.ccm-page .ccm_s-s-4{width:32%}
	.ccm-page .ccm_s-s-3{width:24%}
	.ccm-page .ccm_s-s-2{width:16%}
	.ccm-page .ccm_s-s-1{width:8%}
}
@media (min-width:769px){
	.ccm-page .ccm_m-s-12{width:100%}
	.ccm-page .ccm_m-s-11{width:88%}
	.ccm-page .ccm_m-s-10{width:80%}
	.ccm-page .ccm_m-s-9{width:72%}
	.ccm-page .ccm_m-s-8{width:64%}
	.ccm-page .ccm_m-s-7{width:56%}
	.ccm-page .ccm_m-s-6{width:48%}
	.ccm-page .ccm_m-s-5{width:40%}
	.ccm-page .ccm_m-s-4{width:32%}
	.ccm-page .ccm_m-s-3{width:24%}
	.ccm-page .ccm_m-s-2{width:16%}
	.ccm-page .ccm_m-s-1{width:8%}
}
@media (min-width:992px){
	.ccm-page .ccm_l-s-12{width:100%}
	.ccm-page .ccm_l-s-11{width:88%}
	.ccm-page .ccm_l-s-10{width:80%}
	.ccm-page .ccm_l-s-9{width:72%}
	.ccm-page .ccm_l-s-8{width:64%}
	.ccm-page .ccm_l-s-7{width:56%}
	.ccm-page .ccm_l-s-6{width:48%}
	.ccm-page .ccm_l-s-5{width:40%}
	.ccm-page .ccm_l-s-4{width:32%}
	.ccm-page .ccm_l-s-3{width:24%}
	.ccm-page .ccm_l-s-2{width:16%}
	.ccm-page .ccm_l-s-1{width:8%}

}

/*====================================================================
　　　　　　　　　　リップルエフェクト
====================================================================*/
.ripple{position:relative;overflow: hidden;}.ripple .rp-effect{position: absolute;border-radius:50%;opacity:0.35;transform:scale(0);background:#FFF;animation:ripple 700ms;}
@-webkit-keyframes ripple {to{opacity:0;transform: scale(2.0);}}
@keyframes ripple {to{opacity:0;transform:scale(2.0);}}