m/* reset */
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}*/

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;
    font-weight: normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}




input, select {
    vertical-align:middle;
}




body#top{
  font-family: 'M PLUS 1p', sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.6;
    font-size: 100%;
    color: #212121;
    background-color: #ffffff;

}

#inside {
  font-family: 'M PLUS 1p', sans-serif;
    -webkit-text-size-adjust: 100%;
    line-height: 1.6;
    font-size: 100%;
    color: #212121;
 background-color: #eeeeee;

}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
body#top.noise::after {
  animation: noise 8s steps(10) infinite;
  background-image: url('../img/common_img/img-noise-600x600.png');
  content: "";
  display: block;
  height: 900%;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 900%;
  z-index: -999;
}
    

	}
/* -------------end------------- */


@keyframes noise {
  to {
    background-position: 0 0;
  }
  10% {
    background-position: -5% -10%;
  }
  20% {
    background-position: -15% 5%;
  }
  30% {
    background-position: 7% -25%;
  }
  40% {
    background-position: 20% 25%;
  }
  50% {
    background-position: -25% 10%;
  }
  60% {
    background-position: 15% 5%;
  }
  70% {
    background-position: 0 15%;
  }
  80% {
    background-position: 25% 35%;
  }
  90% {
    background-position: -10% 10%;
  }
}




/* 小さい画面用の設定-------------- */
@media (max-width:767px){
body#top{
font-size:82%;

}

#inside {
font-size:82%;}
    
}
/* -------------end------------- */


ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}

caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

hr{
	display:none;
}

html {
	margin-bottom:1px;
	height:100%;
}

* {
    box-sizing: border-box;
}

/* line style　------------------------------*/
/* -----------------------------------------*/

a img{
	border-style:none;
}

a:hover {
opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* link style ------------------------------*/
/* -----------------------------------------*/
a:link {
	color: #212121;
	text-decoration: none;	
}
a:visited {  color: #212121;
	text-decoration: none;	}


a:active {
	color: #ccc;
	text-decoration: none; 
}

.link_line{
	text-decoration: underline;
}

img, video, object {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border: none;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}


a:active, a:focus,input:active, input:focus{outline:0;}

img{
	width: 100%;
	height: auto;
}

iframe {
    vertical-align: bottom;
}

/* ========================================

    ■ Header■ Keyv

======================================== */
#top_slide {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
	height: 100vh;
			min-height: 400px;
			background-color: #999;
	height: calc(var(--vh, 1vh) * 100);
    position: relative;
}



#top .logo {
display: block;
background: none;
border: none;
padding: 0;
width: 40%;
cursor: pointer;
top: 50px;
left: 50px;
       /* z-index: 10001;*/

    }

#inside .logo {
width: 30%;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#top .logo,
#inside .logo  {
width: 50%;
top: 20px;
left: 20px;
}    

}
/* -------------end------------- */

.main_flex{
height: calc(var(--vh, 1vh) * 100);
}

.main_flex{
    position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
    display: inline-block;
}


/*スクロールボタンの指定*/
.main_copy{
  position: absolute;
  width: 100%;
  bottom: 90px;
  text-align: center;
z-index: 99;
    color: #ffffff;
    line-height: 1.0;
}

.main_copy_txt01{
font-size: 900%;
/*font-family:'Rubik', sans-serif;*/
font-family: 'Teko', sans-serif;
font-weight: 800;}

.main_copy_txt02{
font-size: 250%;
font-weight: 700;

}


.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#top_slide{height: 50%!important;}
  
.main_copy_txt01{
font-size: 380%;
}

.main_copy_txt02{
font-size: 150%;
font-weight: 700;
line-height: 1.4;

}
    
.main_copy{
bottom: 30px;
}
    
.scroll{display: none;}
    
    

}
/* -------------end------------- */

/* ----------------------------------------------
 * Generated by Animista on 2023-12-20 10:48:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */

.tracking-in-contract {
	-webkit-animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}


/*スクロールボタンの指定*/
.scroll{
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
z-index: 99;}

.scroll a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff!important;
    text-decoration: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 35px;
    /*text-shadow:1px 1px 0 #004EA2, -1px -1px 0 #004EA2,
              -1px 1px 0 #004EA2, 1px -1px 0 #004EA2,
              0px 1px 0 #004EA2,  0-1px 0 #004EA2,
              -1px 0 0 #004EA2, 1px 0 0 #004EA2;*/
/*font-family:'Rubik', sans-serif;*/
    font-family: 'Teko', sans-serif;
    background-color: #006E35;
}
    /*矢印を作成する*/
  .scroll a:before{
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      left: 0;
      right: 0;
      bottom: 25px;
      margin: auto;
      border-bottom: 5px solid #ffffff!important;
      border-right: 5px solid #ffffff!important;
      transform: rotate(45deg);
      animation: move 2s infinite;
}



/* ========================================

    ■ common_item

======================================== */
.contents{width: 98%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
word-wrap: break-word;
overflow-wrap: break-word;}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.contents{width: 90%;}
}
/* -------------end------------- */

/*con_title　-------------------------*/
.con_title{text-align: center;
font-size: 380%;
/*font-family:'Rubik', sans-serif;*/
font-family: 'Teko', sans-serif;
color:#006E35;
font-weight: 800;
line-height: 1.1;}

.con_title_w{color: #ffffff;}

/* 左右に横線 */
.con_title_sub {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
    margin-bottom: 30px;
}
.con_title_sub::before,
.con_title_sub::after {
  background-color: #000000; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 60px; /* 横線の長さ */
}
.con_title_sub::before {
  margin-right: 15px; /* 文字との余白 */
}
.con_title_sub::after {
  margin-left: 15px; /* 文字との余白 */
}

.con_title_sub_w{color: #ffffff;}

.con_title_sub_w::before,
.con_title_sub_w::after {
  background-color: #ffffff;; /* 横線の色 */

}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con_title{font-size: 260%;}
.con_title_sub {
 font-size: 88%;
}

}
/* -------------end------------- */

.midashi {
    color: #ffffff;
    font-weight: 500;
    font-size: 113%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.0;
}

.midashi_bl{color: #006E35;}

.midashi::before {
    display: block;
line-height: 1.0;
    content: attr(data-label);
    text-align: center;
font-size: 250%;
/*font-family:'Rubik', sans-serif;*/
font-family: 'Teko', sans-serif;
font-weight: 800;
}


.con_headline{text-align: center;
margin-bottom: 10px;
font-size: 138%;
font-weight: 500;
}

.con_headline_b{
color: #006E35;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){

.midashi {
font-size: 107%;
}

    
.con_headline{
margin-bottom: 5px;
font-size: 113%;
}

}
/* -------------end------------- */

/* common_txt-------------- */
.common_txt{margin-bottom: 20px;}


/* .bt_btn ------------------------------*/
.bt_btn{
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: #000000;
    position: relative;
    font-weight: 500;
    font-size: 100%;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
}



.bt_btn:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
color: #ffffff;
}


.bt_btn a{
display: block;
color: #ffffff;
}

.bt_mail{
    width: 50%;
    margin-left: auto;
    margin-right: 0;

}




/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_btn{
 width: 100%;
    box-sizing: border-box;
}

    
}
/* -------------end------------- */


/* ========================================

    ■ con1

======================================== */

.con1_outside{
padding-top: 70px;
padding-bottom: 70px;
    }

.con1_flex{display: flex;
justify-content: space-between;
margin-bottom: 20px;
flex-wrap: wrap;
}

.con1_flex::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.con1_flex::after{
  content:"";
  display: block;
  width:23%;
}

.con1_flex li{
    width: 23%;
    border-top: 3px solid #006E35;
    padding-top: 3px;}

.con1_flex_event li{margin-bottom: 30px;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con1_outside{
padding-top: 30px;
padding-bottom: 30px;
}
    

.con1_flex li{
    width: 48%;
    margin-bottom: 20px;
}
    
.con1_flex li:nth-last-of-type(-n+2){
margin-bottom: 0px;
}


}
/* -------------end------------- */




/* ========================================

    ■ con2

======================================== */

.con2_outside{
/*background-color: #006E35;*/
    background-color: #000000;
padding-top: 70px;
padding-bottom: 70px;
color: #ffffff;}

.con2_bowl_wrap{position: relative;}

.con2_bowl{position:absolute;
width: 20%;
top:-140px;
left: 0;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con2_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con2_bowl{position:absolute;
width: 30%;
top:-100px;
left: 0;}

}
/* -------------end------------- */



/* ========================================

    ■ con3

======================================== */

.con3_outside{
padding-top: 70px;
padding-bottom: 70px;
    }

.con3_pin_wrap{position: relative;}

.con3_pin{position:absolute;
width: 25%;
top:-140px;
right: 0;}


.wide_flex_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
   }

.wide_flex_box_r{
    flex-direction: row-reverse;
   }

.wide_flex_box >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 50px;
    box-sizing: border-box;

}

.wide_flex_box_r >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: auto;
    margin-left: 0;
    padding-left: 50px;
    box-sizing: border-box;
   }

.wide_flex_box >li:last-child{
    width: 50%;

}

.wide_flex_box >li:last-child img{border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
   
}

.wide_flex_box_r >li:last-child img{border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
   
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con3_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con3_pin{position:absolute;
width: 35%;
top:-100px;
right: 0;}
    
.wide_flex_box{
    flex-wrap: wrap;}


.wide_flex_box >li:first-child{
    padding-right: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.wide_flex_box_r >li:first-child{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
   }


.wide_flex_box >li:last-child{
    width: 95%;
    margin-right: 0;
    margin-left: auto;

}
    
.wide_flex_box_r >li:last-child{
    width: 95%;
    margin-right: auto;
    margin-left: 0;

}

}
/* -------------end------------- */

/* ========================================

    ■ con4

======================================== */

.con4_outside{
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: url(../img/index_img/con4_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    }

.con4_inner_wrap{background-color:rgba(255,255,255,0.60);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;}

.con4_ciza_logo{width: 45%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

.con4_copy{text-align: center;
font-weight: 500;
font-size: 125%;
margin-bottom: 20px;}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
 .con4_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con4_ciza_logo{width: 60%;}
    
.con4_copy{font-size: 113%;
    margin-bottom: 10px;} 

}
/* -------------end------------- */

/* ========================================

    ■ con5

======================================== */

.con5_outside{
/*background-color: #006E35;*/
background-color: #000000;
padding-top: 70px;
padding-bottom: 70px;
background-image: -webkit-linear-gradient(rgba(000,000,000,0.8) 0%,rgba(000,000,000,0.8) 0%), 
url("../img/index_img/main3.jpg");
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}



.con5_inner_wrap{background-color:rgba(255,255,255,0.90);
padding: 30px;
border-radius: 10px;
box-sizing: border-box;}

/* news_dl-------------- */

.news_dl {
margin-bottom: 10px;
}

.news_dl dt {
	clear: left;
	float: left;
	width: 7em;
    padding-left: 1em;
}

.news_dl dd {
	padding-left: 8em;
    padding-right: 1em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
    position: relative;}

.news_dl dd a{
	color: #212121;
}

.news_dl dd::after{font-family: "Font Awesome 5 Free";
  content: "\f105";
    font-weight: 900;
    position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -16px;
    
 }

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
    
.con5_outside{
padding-top: 30px;
padding-bottom: 30px;
}

.con5_inner_wrap{
padding: 15px;}
    
    
.news_dl dt {
	clear: none;
	float: none;
	width: 100%;
    padding-left: .5em;
}

.news_dl dd {
	padding-left: .5em;
}
}
/* -------------end------------- */

/* bt_more ------------------------------*/
.bt_more{
padding: 10px;
width: 12em;
margin-left: auto;
margin-right: 0;
display: block;
background-color: #006E35;
position: relative;
font-size: 100%;
font-weight: 500;
font-size: 88%;
border-radius: 3px;
}

.bt_more_k{
background-color: #000000;
}

.bt_more_wide{width: 16em;}


.bt_more:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f105";
position: absolute;
top: 50%;
right: 10px;
margin-top: -12px;
color: #ffffff;
}




.bt_more a{
display: block;
color: #ffffff;
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_more{
margin-left: auto;
margin-right: 0;
    }

}
/* -------------end------------- */

/* bt_back ------------------------------*/
.bt_back{
padding: 10px;
width: 12em;
margin-left: auto;
margin-right: 0;
display: block;
background-color: #006E35;
position: relative;
font-size: 100%;
font-weight: 500;
font-size: 88%;
border-radius: 3px;
    padding-left: 2em;
}

.bt_back:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f104";
position: absolute;
top: 50%;
left: 10px;
margin-top: -12px;
color: #ffffff;
}

.bt_back a{
display: block;
color: #ffffff;
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.bt_back{
margin-left: auto;
margin-right: 0;
    }

}
/* -------------end------------- */

/* con5_facebook_flex-------------- */

.con5_facebook_flex{display: flex;
justify-content: space-between;
align-items: center;}

.con5_facebook_flex > li{width: 50%;}

.con5_facebook_flex > li:last-child{width: 60%;
    box-sizing: border-box;}

.con5_facebook_title{font-size: 125%;
font-weight: 500;
margin-bottom: 20px;
color: #006E35;}

.con5_facebook_title:before {
display: inline-block;
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f082";
font-size: 300%;
margin-right: 10px;
}




/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con5_facebook_flex{flex-wrap: wrap;}

.con5_facebook_flex li{width: 100%;}
    
.con5_facebook_flex li:first-child{margin-bottom: 10px;}


.con5_facebook_flex li:last-child{width: 100%;
    box-sizing: border-box;}

.con5_facebook_title{font-size: 113%;
margin-bottom: 10px;}
    
.con5_facebook_title:before {
font-size: 240%;
}


}
/* -------------end------------- */


/* con5_LINEQR_flex-------------- */

.con5_lineqr_flex{display: flex;
justify-content: space-between;
align-items: center;
width: 60%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

.con5_lineqr_flex > li{width: 46%;}



.con5_line_title{font-size: 125%;
font-weight: 500;
margin-bottom: 20px;
color: #06c755;
}

.con5_line_title:before {
display: inline-block;
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f3c0";
font-size: 300%;
margin-right: 10px;
}
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con5_line_title{font-size: 113%;
margin-bottom: 10px;}
    
.con5_line_title:before {
font-size: 240%;
}

    
.con5_lineqr_flex{width: 90%;}

.con5_lineqr_flex > li:first-child{width: 55%;}
.con5_lineqr_flex > li:last-child{width: 35%;}
}
/* -------------end------------- */

/* ========================================

    ■ con6

======================================== */

.con6_outside{
 padding-top: 70px;
padding-bottom: 70px;
    }

.con6_icon_wrap{position: relative;}

.con6_icon{position:absolute;
width: 20%;
top:-240px;
left: 0;}


.con6_flex_box{
    display: flex;
    justify-content: space-between;
   }

.con6_flex_box >li:first-child{
    width: 50%;
  max-width: 500px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 50px;
    box-sizing: border-box;

}

.con6_flex_box >li:last-child{
width: 50%;
}

.con6_flex_box >li:last-child img{border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;}


.con6_logo{width: 80%;
margin-bottom: 10px;}

.con6_open_dl {
color: #006E35;
    font-size: 150%;
    
}

.con6_open_dl dt {
padding-left: 10px;
clear: left;
	float: left;
	width: 8em;
    font-weight: 700;
    
}

.con6_open_dl dd {
	padding-left: 9em;

	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
    font-weight: 700;
}

.con6_holiday > span{
    background-color: #006E35;
    color: #ffffff;
    font-size: 113%;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 3px;
    border-radius: 3px;
    
}

.con6_tel{
	font-size: 250%;
    font-weight: 700;
    color: #006E35;
    font-family:'Rubik', sans-serif;
	}

.con6_tel a{
color: #006E35;
	}

.con6_tel:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f095";
font-size: 88%;
    margin-right: 5px;
}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.con6_outside{
    padding-top: 30px;
    padding-bottom: 30px;
    }
    
.con6_icon{
width: 30%;
top:-160px;
}
    
.con6_flex_box{
    flex-wrap: wrap;}


.con6_flex_box >li:first-child{
    padding-right: 0px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.con6_flex_box >li:last-child{
    width: 95%;
    margin-right: 0;
    margin-left: auto;

}
    
.con6_open_dl {
    font-size: 125%;}
    
.con6_tel{
font-size: 200%;
	}

}
/* -------------end------------- */


/* ========================================

    ■ footer_outside

======================================== */
#footer_outside {
padding-bottom: 180px;
 padding-top: 30px;
/* background-color: #006E35;*/
     background-color: #000000;
color: #ffffff;

}




.footer_links{display: flex;
justify-content: flex-start;
margin-bottom: 10px;}

.footer_links > li::after {
	content:"|";
	padding-right: 10px;
	padding-left: 10px;
}

.footer_links > li:last-child::after {
	content:"";
	padding-right: 0px;
}

.footer_links > li a {
color: #ffffff;
}

/* sns_icon-------------- */
.sns_icon{display: flex;
justify-content: center;
font-size: 300%;
line-height: 1.0;}

.sns_icon li{margin-left: 5px;
    margin-right: 5px;
}

.sns_icon li a{color: #ffffff;}

/* sns_icon-------------- */

.amakasu_logo{max-width: 400px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;}

.group_box{
  border: 1px solid #004EA2;
 background-color: #ffffff;
    background-color: rgba(255,255,255,0.90);
  position: relative;
  margin-top: 1em;
    border-radius: 10px;
    margin-bottom: 50px;
}
.group_title{
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  top: -1em;
    background-color: #006E35;
    width: 7em;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
}

.group_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

.group_flex li{
width: 22%;
    margin-bottom: 10px;
}

.group_flex li:nth-last-child(-n+4){
margin-bottom: 0px;}

.add{font-size: 80%;
text-align: center;}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#footer_outside {
padding-bottom: 50px;


}
    
.amakasu_logo{width: 70%;}   

.group_flex{
flex-wrap: wrap;
}

.group_flex li{
width: 46%;}
    
.group_flex li:nth-child(5){
margin-bottom: 10px;
}
    
.group_flex li:nth-child(6){
margin-bottom: 10px;
}

.group_flex li:nth-last-child(-n+2){
margin-bottom: 0px;
}
    
    

.add{font-size: 80%;
text-align: center;}   

}
/* -------------end------------- */







/* PC向けレイアウトの指定：481px以上では固定レイアウト */
.miniimage {
    display: none;
}  /* miniを非表示 */
.bigimage {
    display: block;
    line-height: 0px;
} /* bigを表示 */

@media screen and (max-width: 480px) {
.miniimage {
    display: block;
    line-height: 0px;
} /* miniを表示 */
.bigimage {
    display: none;
}   /* bigを非表示 */
}

/*  PCのみに表示するメニュー*/
.only_smt { display: none; }  /* miniを非表示 */
.only_pc  { display: block; 
} /* bigを表示 */
	
/*  スマホのみに表示するメニュー*/
@media only screen and (max-width: 768px) {
.only_smt {
	display: block;
	
} /* miniを表示 */
.only_pc  { display: none; }   /* bigを非表示 */
}

    
    /* ====================================================
　pagetop
==================================================== */


/***追従するトップへ戻るボタン***/
.pagetop {
    position: fixed;
    right: 5px;
    bottom: 20px;
    height: 150px;
    text-decoration: none;
    font-weight: bold;
    transform: rotate(90deg);
    font-size: 90%;
    line-height: 1.5rem;
    
    padding: 0 0 0 135px;
    border-top: solid 1px;
    border-color: #006E35;
}
.pagetop::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    width: 15px;
    border-top: solid 1px;
    border-color: #006E35;
    transform: rotate(35deg);
    transform-origin: left top;
}

.pagetop {
	color: #006E35!important;
}

.pagetop a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px) {
.pagetop {
     height: 70px;
   
    padding: 0 0 0 70px;
	bottom: 70px;
    
}

}
/* -------------end------------- */
/***トップへ戻るボタンここまで***/
/* ====================================================
　page_btm_fixed
==================================================== */
#page_btm_fixed{
position: fixed;
right: 100px;
z-index: 9999999999;}


.page_btm_fixed_flex{display: flex;
justify-content: flex-end;
}

.page_btm_fixed_flex li{
width: 10em;
text-align: center;
box-sizing: border-box;
background-color: #006E35;
text-align: center;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
line-height: 1.4;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.2em;
}


.page_btm_fixed_flex li a{
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
    display: block;
	color: #fff;
	font-weight: 700;
}



/*.inside_header{padding-top: 10px;
padding-bottom: 10px;}

.inside_logo{width: 30%;
margin-left: auto;
margin-right: auto;}*/

/* 小さい画面用の設定-------------- */
@media (max-width:767px){


/*.inside_logo{width: 30%;
margin-left: auto;
margin-right: auto;}
*/

}
/* -------------end------------- */

/************************************
送信完了
*************************************/

.thanks_img{width:30%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.thanks_img{width: 50%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;}
	}
/* -------------end------------- */