/*Reset & Normalaaise ------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{	margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; }
ul,ol,li	{	list-style-type:none;	}

body{line-height:1.6em;width: 100%;margin:0;background-color: rgba(255,255,255,1);color:rgba(51,51,51,1);font:16px/1.231 "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	overflow-x:hidden;}
table{	border-collapse:separate; border-spacing:0;}
caption, th, td{	text-align:left; font-weight:400;}
.left_box	{	float:left;}
.right_box	{	float:right;}
blockquote:before, blockquote:after, q:before, q:after{	content:"";}
blockquote, q{	quotes:"" "";}
.full_column  {width:100%;}
.full_column section  {margin-right: auto;margin-left: auto;display: block;}
a {	color:rgba(59,59,59,1);text-decoration:underline;}
a:hover {	color:rgba(59,59,59,0.45);text-decoration:n;	-moz-transition: all 0.5s linear; 	-webkit-transition: all 0.5s linear; 	transition: all 0.5s linear;}
a img{	border:none;}
article a:hover img,.icons a:hover	{	opacity:0.6; 	filter: alpha(opacity=60); 	-moz-transition: all 0.5s linear; 	-webkit-transition: all 0.5s linear; 	transition: all 0.5s linear;background-color:rgba(213,213,213,0.5); }
p, dd	{	font-size:100% !important;line-height:1.25em;}
p	{	padding-left: 10px;padding-right: 10px;}
dd	{	padding-left: 5px;padding-right: 5px;}
.m_side  {margin-right: 10px;margin-left: 10px;}
img{ max-width : 100%}
.clearfix {zoom:1;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; zoom: 1; }
.clear	{clear:both;}
.container	{	display:block;	margin:0 auto;	font-size: 107.7%;width:100%;}
ruby {
ruby-align: center;
ruby-overhang: auto;
ruby-position: above;
}

.indentbox	{margin:10px; }

/*nav 共通項目*/
.nav_basic  {
    margin: 0 auto;
    padding: 0;
    font-weight: 600;
    font:16px/1.231 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.nav_basic ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav_basic li a	{
	color:rgba(253,253,253,1);
}

.nav_basic li a:hover {
	text-decoration: none;
	color:rgba(85,157,24,1);
	background-color:rgba(253,253,253,1);
	}

/*button color*/
.normal_color {background: rgba(195,157,98,1);color: rgba(253,253,253,1);} /*基本色（Webカラー準拠）*/
.bright_color {background: rgba(244,154,37,1);color: rgba(253,253,253,1);} /*基本色より明るめ（Webカラー準拠）*/
.green_color {background: rgba(61,113,22,1);color: rgba(253,253,253,1);} /*警告色（Webカラー準拠）*/

/*section_color(背景色色々)*/
.cp_contents_style  {padding-top: 0.75em;padding-bottom: 0.5em;margin-bottom: 0;}
.cp_contents_style section  {margin-right:0.75em;margin-bottom: 0;margin-left:0.75em;}

.color0 {background: rgba(61,113,22,1);}
.color1 {background: rgba(124,192,67,0.05);}
.color2 {background: rgba(249,242,220,0.5);}
.color3 {background: rgba(232,166,180,0.5);}
.color4 {background: rgba(148,3,20,0.5);}

/*フロート(左右・真ん中)*/
.fl_left	{float:left;}
.fl_right	{float:right;}

.fl_center	{display: inline-block;text-align: center;}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .fl_center { display:inline; } /* IE11 */
}

/*images_setting*/
.item_frame {
  margin: 0;
  display: block;
}

.img_span {
  background-repeat: no-repeat;
  background-position: center center;
  background-size:contain;
  padding:0;
  margin:0;
}

.img_span a {
  display: block;
  height: inherit;
  text-decoration: none;
}

.img_span a:hover{  background-color:rgba(254,254,255,0.3);}

/*外部サイトへのリンク表示*/
.outsite:after	{
  content: url(../src/images/outsite.png);
      margin: 10px;
      position: relative;
      top: 3px;
}

/*文字関連*/
/*テキスト右と真ん中寄せ*/
.t_right	{text-align: right;display: block;}
.t_center	{text-align: center;display: block;}
.t_left	{text-align: left;display: block;}

/*文字サイズ*/
.f10 { font-size: 71.5% !important;}  /* 10px */
.f11 { font-size: 82.14% !important;}  /* 12px */
.f12 { font-size: 85.8% !important;}  /* 12px */
.f14 { font-size: 100% !important;}   /* 14px ※基準 */
.f16 { font-size: 114.3% !important;} /* 16px */
.f18 { font-size: 128.6% !important;} /* 18px */
.f20 { font-size: 142.9% !important;} /* 20px */
.f22 { font-size: 157.2% !important;} /* 22px */
.f24 { font-size: 171.5% !important;} /* 24px */
.f26 { font-size: 186% !important;} /* 26px */
.f28 { font-size: 200% !important;} /* 28px */
.f30 { font-size: 213.5% !important;} /* 30px */

/*行間*/
.idt_25em	{margin-bottom:0.25em;}
.idt_5em	{margin-bottom:0.5em;}
.idt1em, .m_bt1em	{margin-bottom:1em;}
.idt1_5em	{margin-bottom:1.5em;}
.idt2em	{margin-bottom:2em;}

/*文字の太さ*/
.fw1 {font-weight: normal; }
.fw2, .txt_bold {font-weight: bold; }
.fw3 {font-weight: lighter; }
.fw4 {font-weight: bolder; }
.fw100 {font-weight: 100; }
.fw200 {font-weight: 200; }
.fw300 {font-weight: 300; }
.fw400 {font-weight: 400; }
.fw500 {font-weight: 500; }
.fw600 {font-weight: 600; }
.fw700 {font-weight: 700; }
.fw800 {font-weight: 800; }
.fw900 {font-weight: 900; }

/*文字間*/
.lts0_2 {letter-spacing: 2px;padding-left: 1px;}
.lts0_5 {letter-spacing: 5px;padding-left: 2px;}
.lts1 {letter-spacing: 10px;padding-left: 5px;}
.lts1_5 {letter-spacing: 15px;padding-left: 7px;}
.lts2 {letter-spacing: 20px;padding-left: 10px;}
.lts2_5 {letter-spacing: 25px;padding-left: 12px;}
.lts3 {letter-spacing: 30px;padding-left: 15px;}
.lts3_5 {letter-spacing: 35px;padding-left: 17px;}
.lts4 {letter-spacing: 40px;padding-left: 20px;}

.p_list {
  display: block;
  margin-top: 1em;
  padding: 0 5px 0;
}

.p_list li{
  text-indent: -1.25em;
  margin-left: 1.25em;
}


/*pankuzu*/
.pankuzu  {
 margin: 0 5px 10px;
}

.pankuzu li{
  display: inline-block;
}

.pankuzu li::before {
  content: ">";
}


.pankuzu li:first-child::before {
  content: "・";
}

/*table*/
table  {
  width:96%;
  margin:0 2% 2rem;
  border-top: 1px solid rgba(61,113,22,1);
  border-left: 1px solid rgba(61,113,22,1);
  -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}


table th,
table td {
  border-right: 1px solid rgba(61,113,22,1);
  border-bottom: 1px solid rgba(61,113,22,1);
  padding:.25rem;
  -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}


table th {
  background-color:rgba(61,113,22,1);
  color: rgba(255,255,255,1);
}

table td  {background-color:rgba(61,113,22,.1);}

/*枠付き*/
.border_section {
  margin:5px 10px 1em 10px;
  display: block;
  border: 1px solid rgba(61,113,22,1);
  background-color:rgba(61,113,22,.1);
}

.border_section p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*文字色*/
.red{color:rgba(148,3,20,1);}
.caution{color:rgba(239,77,13,1);}

/*電話番号*/
.call_01:before {
  content: '';
  display: inline-block;
  background-image: url(../img/call_01.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
  background-size: contain;
  vertical-align: -1px;
  margin-right: -0.25em;
}/*フリーダイヤル*/

.call_02:before {
  content: '';
  display: inline-block;
  background-image: url(../img/call_02.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-size: contain;
  vertical-align: -1px;
  margin-right: 0.15em;
}/*携帯電話用*/

/*img_setting*/

.b_img	{	margin-bottom:4%;}

.w_full	{	width:100%;} /* フル・サイズ */
.w_txt	{	width:80%;} /* 8割 */
.w_harf	{	width:48%;} /* 半分 */
.w_third	{	width:31.25%;} /* 3分の1 */
.w_force	{	width:24%;} /* 4分の1 */
.w_fifth	{	width:18%;} /* 5分の1 */

img.fl_left	{margin-right:2%;margin-left:0;margin-bottom:2%;}
img.fl_right	{margin-left:2%;margin-right:0;margin-bottom:2%;}

/*縦書きテキスト(縦書きページにしたいとき)*/
.jp_style{
  -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
            text-align: left;
}

.jp_style_mid1  {
  border-left: 3px solid;
  margin-right: 0.15em;
  margin-left: 0.85em;
}

.jp_style_mid2  {
  border-right: 3px solid;
  margin-right: 0.85em;
  margin-left: 0.15em;
}

.color1 .jp_style_mid1,.color1 .jp_style_mid2  {border-color: rgba(216,216,187,0.3);}
.color2 .jp_style_mid1,.color2 .jp_style_mid2  {border-color: rgba(212,200,164,0.3);}
.color3 .jp_style_mid1,.color3 .jp_style_mid2  {border-color: rgba(232,166,180,0.3);}
.color4 .jp_style_mid1,.color4 .jp_style_mid2  {border-color: rgba(148,3,20,0.3);}
.color5 .jp_style_mid1,.color5 .jp_style_mid2  {border-color: rgba(195,157,98,0.3);}

.jp_10t {height: 10em;}
.jp_15t {height: 15em;}
.jp_20t {height: 20em;}

.txt_ppr  {color:rgba(102,72,181,1);}/*文字色・紫*/

.pickup_menu a  {text-decoration: none;display: block;}

/*layout basic Setting(position属性を持ちたい)*/
.layout_frame {position: relative;}
  .layout_box {position: absolute;}

  /*plus_TEL*/
  .add_tel	{
  	width:90%;
  	text-align: center;
  	margin:0 auto;
  	padding: 16px 0;
  	border : 1px solid rgba(204,204,204,0.6);
  	border-radius : 3px;
  	background : rgba(250,250,250,1);
  	-webkit-appearance : none;
  	font-size : 100%;
  	color: rgba(0,0,0,0.75);
  	font-family : inherit;
  }

  .add_tel p  {
    	font:16px/1.231 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

  .add_tel a	{text-decoration: none;}

  .add_tel .call_01:before {
    width: 38px;
    height: 22px;
  }

/*movie_setting(For_YouTube_Embed)*/
.movie_frame {
  position: relative;
  width: 96%;
  padding-top: 56.25%;
  margin-right: 2%;
  margin-left: 2%;
}

.movie_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*header Setting*/
header  {
  width:100%;
  display: block;
  text-align:center;
}

header.basic_h  {
    margin-bottom: 0;
    border-bottom:1px solid rgba(217,217,217,1);
    font:16px/1.231 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  }

.header_box {
display: inline-table;
  margin:0 auto;
}

.h_img {margin-bottom:0.5em;}

.header_box_inner1 span{display: block;}


.header_box_inner2{
display: inline-table;
text-align: right;
float: right;
  margin:0.15em 0 0 0;
  width:60%;
}

.header_box_inner2 a{text-decoration: none;}

/*normal_list(dl)*/
.normal_list	{
	display:block;
	margin:0 5px;
	padding:0;
	border:1px solid rgba(250,217,217,1);
}

.normal_list dt,.normal_list dd	full_column
	display:block;
	background:rgba(250,217,217,1);
}

.normal_list.no_m	{	margin:0 5px;}

.normal_list dt .list_in,.normal_list dd .list_in	{
	display:block;
	margin-bottom:1px;
	padding:5px;
}

.normal_list dt .list_in	{
	background:rgba(250,217,217,1);
	color:rgba(245,245,245,1);
}

.normal_list dd .list_in	{	background:rgba(255,255,255,1);}

.m_b	{	border-bottom:1px solid rgba(250,217,217,1);}

.list_caption.l_top	{
	border-top:1px solid rgba(250,217,217,1);
	padding:0;
}

.list_caption	{
	padding:2px 0;
	margin:0 5px;
	border-left:1px solid rgba(250,217,217,1);
	border-right:1px solid rgba(250,217,217,1);
}

.list_midashi	{
	margin:0;
	padding:5px 0;
	background:rgba(223,155,146,1);
	color:rgba(245,245,245,1);
}

.list_caption p	{
	background:rgba(255,255,255,1);
	padding:5px 0;
}

.f_list {
 text-indent: -1em;
 padding-left: 1em;
 display:block;
}

.f_list::before {content: "○";}

/*Box Setting*/
article	{	margin:0 auto;}
article.head_style	{	margin-top:1.5em;}

/*gnav*/
div.full	{
	width:100%;
	background:rgba(250,217,217,1);
	padding:1px 1px 2px;
	margin:0;
	display:block;
}

/*section*/
.basic_frame h1,.basic_frame h2,.basic_frame h3,.basic_frame h4,.basic_frame dt	{	}

.basic_frame	{
	display:block;
	margin:0 0 40px;
}

.small_column {
 display:inline-table;
	padding:0.5em 0 0.5em;
 	border : 1px solid rgba(204,204,204,0.6);
  	border-radius : 3px;
  	background-color : rgba(250,250,250,1);
  	-webkit-appearance : none;
}

.basic_frame dl, .basic_frame .midashi, .basic_frame .section_inner	{	margin:0 5px 14px;}

.midashi	{
	background:rgba(61,113,22,1);
	color:rgba(255,255,255,1);
	padding:10px 5px;
  margin-top: 0;
  margin-bottom: 5px;
	display: block;
}

.midashi_02	{
	border-bottom: 2px solid rgba(61,113,22,0.75);
	color:rgba(61,113,22,1);
  font-weight: bold;
	padding:5px 0;
  margin: 0 7px 0.5em;
	display: block;
}

.midashi_03	{
	border-bottom: 1px dotted rgba(61,113,22,0.75);
	color:rgba(61,113,22,1);
  font-weight: bold;
	padding:5px 0;
  margin: 0 7px 0.5em;
	display: block;
}

.caption-gray {
  background-color: rgba(243,243,243,1);
  margin-top: 0;
  margin-right:7px;
  margin-left:7px;
  padding:10px 8px 3px;
  display: block;
}
/*list_lead*/
.list_lead	｛ ｝

.list_lead li	{ }

.list_lead li:before	{content: "○";}

/*ol main_lib*/

ol.main_lib {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

ol.main_lib li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}

ol.main_lib li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: rgba(223,155,146,1);
  color: rgba(253,253,253,1);
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

/*rt_top*/
.rt_top		{text-align:center;}
.rt_top a { background-color:rgba(56,106,19,0.35); color: rgba(3,3,3,1); text-decoration: none;display: block; font-size: 17px; line-height: 40px; margin: 0; padding: 0 20px;}

.rt_top a:hover { background: rgba(56,106,19,1);color:rgba(255,255,255,1);text-decoration:none; }

/*footer*/
footer	{
    border-bottom: 4px solid rgba(56,106,19,1);
    background-color:rgba(56,106,19,0.35);
    color: rgba(0,0,0,1);
  padding: 3px 0;
  font:16px/1.231 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin-bottom: 0;
  text-align: center;
}
footer a {color: rgba(0,0,0,1);text-decoration: none;}
footer a:hover {text-decoration: none ;position: relative ;top: 1px ;}
footer .logo {max-width: 200px;height: 100px;margin: 10px auto;}
footer .tel {margin: 32px auto 0;border-bottom: 2px solid rgba(237,194,157,1);border-top: 2px solid rgba(237,194,157,1);max-width: 800px;text-align: center;padding: 5px 0 10px;}
footer .link {list-style-type: none;width: 100%;margin:8px auto 0;text-align: center;padding-top: 5px;display: inline-table;}
footer .cp_text {margin: 25px auto 4em;padding: 0;text-align: center;display: block;}
.pan {background:rgba(246,246,246,1); padding:5px; margin:0 0 20px 0;}


/*Animation Basic*/
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50%{
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

.animation {
  animation-duration: 1s;
  animation-name: pulse;
}

.type-1 {  animation-duration: 1s;}
.type-2 {  animation-duration: 2s;}
.type-3 {  animation-duration: 3s;}

/*Animation Setting (アニメーションの基本セッティング)*/

/*link button*/
.basic {
    color:rgba(255,255,255,0.75);
  display: inline;
  margin: 0 auto;
  position: relative;
  padding: 15px 1em;
  border: none;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  animation-iteration-count: infinite;
  border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
cursor:pointer;
text-decoration:none;
}

a.basic:hover  {
  color:rgba(255,255,255,1);
  -webkit-opacity: 0.6;
  　-moz-opacity: 0.6;
  　-o-opacity: 0.6;
  　filter: alpha(opacity=60);	/* IE lt 8 */
  　-ms-filter: "alpha(opacity=60)"; /* IE 8 */
  　opacity: 0.6;
  -webkit-transition: opacity 0.8s ease-out;
　-moz-transition: opacity 0.8s ease-out;
　-ms-transition: opacity 0.8s ease-out;
　-o-transition: opacity 0.8s ease-out;
　transition: opacity 0.8s ease-out;
}

a.basic{display:inline-table;}


/*anime*/
.anim1 {
    -webkit-animation: 1.5s forwards anim1;
    animation: 1.5s forwards anim1;
}
    @-webkit-keyframes anim1 {
        0% {
            -webkit-transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translate(0, 0);
            opacity: 1;
        }
    }
    @keyframes anim1 {
        0% {
            transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            transform: translate(0, 0);
            opacity: 1;
        }
    }　


    .anim2 {
        -webkit-animation: 2s forwards anim2;
        animation: 2s forwards anim2;
    }
        @-webkit-keyframes anim2 {
            0% {
                -webkit-text-shadow: rgba(0, 0, 0, 1) 0 10px 0;
                opacity: 0;
            }
            100% {
                -webkit-text-shadow: rgba(0, 0, 0, 0) 0 0 0;
                opacity: 1;
            }
        }
        @keyframes anim2 {
            0% {
                text-shadow: rgba(0, 0, 0, 1) 0 10px 0;
                opacity: 0;
            }
            100% {
                text-shadow: rgba(0, 0, 0, 0) 0 0 0;
                opacity: 1;
            }
        }

        .anim3 {
            -webkit-animation: 2.5s forwards anim3;
            animation: 2.5s forwards anim3;
        }
            @-webkit-keyframes anim3 {
                0% {
                    -webkit-transform: scale(0.2, 0.2);
                    opacity: 0;
                }
                100% {
                    -webkit-transform: scale(1, 1);
                    opacity: 1;
                }
            }
            @keyframes anim3 {
                0% {
                    transform: scale(0.2, 0.2);
                    opacity: 0;
                }
                100% {
                    transform: scale(1, 1);
                    opacity: 1;
                }
            }

            .anim4 {
                -webkit-animation: 6.5s forwards anim4;
                animation: 6.5s forwards anim4;
            }
                @-webkit-keyframes anim4 {
                    0% {
                        -webkit-transform: scale(0.2, 0.2);
                        opacity: 0;
                    }
                    100% {
                        -webkit-transform: scale(1, 1);
                        opacity: 1;
                    }
                }
                @keyframes anim4 {
                    0% {
                        transform: scale(0.2, 0.2);
                        opacity: 0;
                    }
                    100% {
                        transform: scale(1, 1);
                        opacity: 1;
                    }
                }
                .anim5 {
                    -webkit-animation: 4.5s forwards anim4;
                    animation: 4.5s forwards anim4;
                }
                    @-webkit-keyframes anim5 {
                        0% {
                            -webkit-transform: scale(0.2, 0.2);
                            opacity: 0;
                        }
                        100% {
                            -webkit-transform: scale(1, 1);
                            opacity: 1;
                        }
                    }
                    @keyframes anim5 {
                        0% {
                            transform: scale(0.2, 0.2);
                            opacity: 0;
                        }
                        100% {
                            transform: scale(1, 1);
                            opacity: 1;
                        }
                    }

.anim6 {
    -webkit-animation: 2s forwards anim1;
    animation: 2s forwards anim1;
}
    @-webkit-keyframes anim1 {
        0% {
            -webkit-transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            -webkit-transform: translate(0, 0);
            opacity: 1;
        }
    }
    @keyframes anim1 {
        0% {
            transform: translate(0, 20px);
            opacity: 0;
        }
        100% {
            transform: translate(0, 0);
            opacity: 1;
        }
    }　
