@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td,img {
padding: 0;
margin: 0;
border: 0;
}
ul li{text-decoration:none;}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;outline:none;}

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;outline:none;}
a {color: #2aae74;text-decoration:none;outline:none;}
a:link { text-decoration: none;}
a:hover { text-decoration:none;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{opacity:0.75;/*--IE,FF対応--*/filter:alpha(opacity=75);-ms-filter: "alpha( opacity=75)";}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{display:block;margin:10% auto;}
.img_right{display:block;margin:10px auto;}
.img_center{display:block;margin:0 auto;clear:both;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_small{font-size:75%;}
.txt_big{font-size:120%;}
.txt_right{text-align:right;}
.txt_red{color:#aa0000;}
.txt_orange{color:#fe9900;}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#2aae74;}
.txt_marker{background-color:#ffffb6;}
.txt_underline{border-bottom:#cccccc 1px dot
	ted;margin-bottom:2px;}
.txt_narrow{line-height:1.2em;}
.b_border{padding:0 0 7px 0;}

/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{}
.sp_none{display: none;}

.size_s{width:200px;}
.size_m{width:240px;border: 2px solid #FFFFFF;box-shadow: 3px 3px 3px #CCCCCC;}
.size_l{width:260px;}
.max_w{max-width:100%!important;}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color: #333333;
font-size: 14px;
line-height: 2em;
background-color: #ffffff;
padding: 0 0 0px;
}

#wrap{}

#main{
background:#ffffff;
max-width:100%;
margin:0 auto;
padding:0;
}

#content {
  max-width: 97%;
  margin: 15px auto 0;
  z-index: auto;
  position: relative;
}

.content03_in{
max-width:96%;
margin:15px auto 0;
}

.content02_in{
	width:95%;
	margin:0 auto;
	margin-top: 7%;
	
}

#right{
margin: 0 auto;
}

.section{margin:0 auto 20px;clear:both;}

#footer{
background:#dddddd;
border-top:#cccccc solid 1px;
display: block;
}

/*------------------------------------------
■　間隔
------------------------------------------*/
.mar_b10{margin:0 0 10px 0;}
.mar_b20{margin:0 0 20px 0;}
.mar_b30{margin:0 0 30px 0;}
.mar_b40{margin:0 0 40px 0;}
.mar_b50{margin:0 0 50px 0;}
.p_t_15{margin:10px auto;}

/*------------------------------------------
■ リストのチェックアイコン
------------------------------------------*/
ul {list-style: none outside none;}
ul li.icon_check {
background:url("../img/icon_check_small.png") no-repeat scroll 0 1px transparent;
padding: 4px 4px 4px 24px;
}
/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
margin: 0px auto -10px;
clear: both;
}
.box_bg{
background:url("../img/bg10.gif") repeat scroll 0 0 #ffffff;
margin: 0 auto 20px;
padding: 10px;
clear: both;	
}
.box_border{
background-color: #f5f5df;
border: 4px double #d7cea4;
clear: both;
margin: 0px auto 10px;
padding:10px;
}
.txt_area{
padding:0 10px;
}

/*------------------------------------------
■ h1 h3 h4 h5
------------------------------------------*/
h1{
background-color:#514328;
color:#ffffff;
font-size:10px;
font-weight:normal;
line-height:1.5em;
height:15px;
margin:0;
padding:0 0 0 5px;
}
h2{}
h3{}

/*------------------------------------------
■ タイトル装飾
------------------------------------------*/
.title_a {
    background: url(../img/title_a.gif) repeat-x scroll 0 0 #ffffff;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    line-height: 200%;
    margin: 0 0 80px;
    padding: 0 0 0 20px;
    width: 90%;
}

.title_b {
border-bottom: 2px solid #5f7219;
color: #566918;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
padding: 0 0 10px;
}

.title_c {
border-left: 8px solid #5f7219;
font-size: 18px;
font-weight: bold;
line-height: 120%;
margin: 0 0 10px;
padding: 0 0 0 12px;
}

.title_e {
color: #566918;
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
padding: 5px 0;
}

.title_d {
background: url("../img/title_d.png") repeat-x scroll 0 -8px #ffffff;
color: #ffffff;
font-size: 15px;
height: 36px;
letter-spacing: 0.06em;
line-height: 244%;
margin: 0 0 10px;
padding: 0 0 0 52px;
text-shadow: 1px 1px 1px #515151;
}
/*------------------------------------------
■ ヘッダー
------------------------------------------*/
#header_area{
margin:0 auto;
height:1px;
}

#top_area{
width:100%;
margin:0 auto;
}


#header_info {
  position: fixed;
  height: 0px;
  z-index: 2000;
}



.logo {
    display: block;
    margin: 0px auto;
    width: 180px;
    float: left;
    position: relative;
    top: 3vw;
	left:2vw;
}
.mail{
margin: 5px auto 0;
text-align:center;
font-weight:bold;
}

.con_info{
margin:0px auto;
background:#ffffff;
text-align: center;
}

.con_info p{
color:#666666;
font-size:12px;
line-height:1.4em;
padding:10px;
}

.header_time{
margin:0 auto;
display:block;
}

.con_info .tel .txt_big {
font-size: 20px;
font-weight: bold;
}

.top_bg{width: 100%;
margin-top: -59px;}

.top_bg02{width: 100%;
}
.top_bg03{width: 100%;
}
.sub_title_a{
	font-size:1.5rem;
	margin:4em 0 0;
	color: #2aae74;
	font-weight: normal;
}
.sub_title_b {
    display: block;
    background-color: #2aae74;
    padding: 0.5% 1%;
    color: #fff;
    margin: 2em auto 0;
	font-size:130%;
	text-align:center;
	letter-spacing:0.1em;
}
.sub_title_c{
color: #2aae74;
font-size: 1.2rem;
margin: 6% auto;
display: block;
text-align: center;
line-height: 144%;
}

.sub_title_d {
    display: block;
    background-color: #2aae74;
    padding: 0.5% 1%;
    color: #fff;
    margin: 2% auto 3%;
}
.sub_title_e{
	font-size:1.2em;
	margin-bottom:2%;
	color: #2aae74;
	font-weight: normal;
}
/*------------------------------------------
■ ナビ
------------------------------------------*/	
#navi_area{
padding: 0;
}

#navi {
margin:10px auto;
padding:0;
}

#navi ul {
width:98%;
margin:0 auto;
padding:0;
list-style:none;
}


#navi a {
background-color: #3e3015;
border: 2px solid #96886d;
color: #ffffff;
display: block;
float: left;
font-size: 13px;
margin: 1px;
padding:5px 0;
text-align: center;
text-decoration: none;
width: 48%;
}


#navi a:hover {
color:#ffffff;
text-decoration: none;
} 

/*------------------------------------------
■ メインイメージ　スライドショー
------------------------------------------*/	
#img_area{
margin:76px auto 0;
}

#js_img{
margin:0 auto;
height:auto;
}

.slider{display:none;}
.bx-wrapper{display:none;}

/*------------------------------------------
■ パンくず
------------------------------------------*/	
.pang{
display:block;
margin:0 auto 14px;
padding:3px 0 0 10px;
font-size:14px;
background-color:#eeeeee;
}

.pang a {color: #1d6fc8;text-decoration:none;}
.pang a:hover {color:#449cfc;text-decoration:underline;}
.pang a:visited {color:#12467e;text-decoration:none;}

/*------------------------------------------
■ サイドバー
------------------------------------------*/	
#side_con_box{
margin: 10px auto;
width: 96%;
display: none;
}

.side_title{
background:url(../img/point_01.gif) no-repeat left center;
padding:0 10px 0 15px;
margin:10px 0 0 5px;
}

.side_txt{
margin:0 10px 10px 15px;
}

#side_btn_area {
background-color: #f3f1dc;
padding: 10px 0;
}

#side_btn_area ul li{
margin: 10px;
}

/*回り込みレイアウトの場合
#side_btn_area ul li{
float: left;
margin: 3px;
width: 48%;
}

#side_btn_area img{
width: 100%;
}
*/


/*------------------------------------------
■ コンテンツページ
------------------------------------------*/
.page_title{
width:100%;
display:block;
margin:0 auto;
}
/*----▼　お知らせ　▼----*/
.news_area{}
.news_area .title_a{margin-bottom: 5px;}
.news_box{font-size:90%; line-height:140%;}

.news_box dl dt {
background: url("../img/point_01.gif") no-repeat scroll 0 7px;
margin: 0;
text-indent: 10px;
width: 115px;
padding:5px 0 0;
font-weight:bold;
}

.news_box dl dd {
border-bottom: 1px dashed #858585;
padding:0px 10px 5px ;
}


/*----▼　枠　▼----*/	
.box_bg_001{
background-color: #fcfcfc;
border-radius: 10px;
padding-bottom: 5px;
}
.box_bg_001 p.in_txt{}
.top_bnr{margin:8px auto; width:300px; display:block;}


.p_t_15 img{
display: block;
float: left;
margin: 0 4px 1px;
width: 46%;
}
/*----▼　メッセージ　▼----*/	
.message_bg{
padding:10px 10px 0;
}

.name{display:block; width:100%;}

/*----▼　永代供養　▼----*/	
ul.onayami {
}

ul.onayami li{
line-height: 140%;
padding:2px 0 5px 22px;
}

.onayami_bg{
padding: 10px;
}
.step img{
margin: 0 0 5px;
width: 120px;
}
.step p{
padding: 0;
}

/*------------------------------------------
■ アクセス
------------------------------------------*/
.map_area {
	font-size: 12px;
	margin: 15px auto;
}
.map_in {
	display: block;
	height: 300px;
	margin: 0 auto;
	width: 90%;
}
/*------------------------------------------
■ 写真
------------------------------------------*/
/*レイアウトパターン１*/
.img_list_area_1 {

padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_1 .thumbnail {

}
.img_list_area_1 .thumbnail ul li {
float: left;
font-size: 11px;
list-style: none outside none;
padding-bottom: 5px;
padding-right: 10px;
width: 29%;
}

.img_list_area_1 .thumbnail ul li img {
border: 2px solid #efefef;
width: 100%;
}

.mbi_area{}
.myBigImage{border: 3px solid #efefef;width: 90%;}

.img_list_area_1 .thumbnail_notes {
clear: both;
font-size: 12px;
}
.img_list_area_1 .text_block {
background-color:#3263CA;
border-radius: 30px;
color: #ffffff;
line-height: 120%;
margin-bottom: 5px;
padding: 3px 0;
text-align: center;
width: 240px;
}
.img_list_area_1 .text_block img {
}
.img_list_area_1 table {
font-size: 16px;
margin: 0px;
width: 100%;
}
.img_list_area_1 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_1 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}

/*------------------------------------------
■ テーブル
------------------------------------------*/
.table01 {
background-color: #95a16a;
font-size: 90%;
margin: 10px auto;
width: 100%;
}
.table01 th {
background-color: #6e7a43;
color: #ffffff;
font-weight: normal;
padding: 5px 10px;
}
.table01 td{
background-color: #FFFFFF;
padding: 5px 10px;
}
.table01 th.th01{
width: 25%;
}
.table01 td.td_r{
text-align: right;
}


.table02{
background-color: #95a16a;
margin: 10px auto 10px;
width: 100%;
}
.table02 th{
background-color: #6e7a43;
color: #ffffff;
font-weight: normal;
padding: 5px 10px;
}
.table02 td{
background-color: #FFFFFF;
padding: 5px 10px;
}


.table03 {
background-color: #cccccc;
font-size: 12px;
margin: 10px auto 10px;
width: 100%;
}
.table03 th {
background-color: #efefef;
font-weight: normal;
line-height: 140%;
padding: 10px;
}
.table03 td{
background-color: #FFFFFF;
line-height: 150%;
padding: 10px;
}


.table04 {
background-color: #b1ab94;
font-size: 12px;
margin: 15px auto;
width: 100%;
text-align:center;
}
.table04 th {
background-color: #e5dfc8;
color: #4c462f;
font-weight: normal;
line-height: 140%;
padding: 5px;
}
.table04 td{
background-color: #FFFFFF;
line-height: 150%;
padding: 5px;
}
.table04 th.th01{
width: 30%;
}
.table04 th.th02{
width: 15%;
}
.table04 td.td03{
text-align: left;
font-size:11px;
}


.table05{
background-color: #374a17;
font-size: 96%;
margin: 10px auto 20px;
width: 100%;
}
.table05 th{
background-color: #5f7219;
color: #ffffff;
font-weight: normal;
padding:5px 5px;
text-align: left;
width: 25%;
}
.table05 td{
background-color: #FFFFFF;
padding:5px 5px;
}


/*------------------------------------------
■ フォーム部分
------------------------------------------*/
.tel_area {
font-size:120%;
font-weight: bold;
margin: 0px;
text-align:center;
}
.inq_box_title{
border-left:#cccccc 8px solid;
padding-left:8px;
margin:10px 0 5px;
font-weight:bold;
}

/*------------------------------------------
■ ページの先頭へ
------------------------------------------*/	
#return_top{
text-align: right;
padding: 20px 0px 0 0;
clear: both;
width: 20%;
display: block;
margin-bottom: -7px;
float: right;
}

/*------------------------------------------
■ フッター
------------------------------------------*/	
#copyright{
text-align:center;
padding: 15px 0;
color:#666666;
font-size: 11px;
}

input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
}



/*------------------------------------------
■ メニュー
------------------------------------------*/	


nav {
  margin: 0 0 0 auto;
  width: 150px;
  padding: 10px;
}

.btn {
  text-align: right;
}

.btn a {
  display: inline-block;
  text-align: center;
}

#open a {
width: 40px;
line-height: 39px;
transition: 1s;
font-weight: bold;
font-size: 5vw;
position: fixed;
top: 20px;
right: 20px;
border: 2px solid #2aae74;
}

#close a {
width: 50px;
line-height: 60px;
transition: 1s;
font-weight: bold;
font-size: 6vw;
}

#g_menu li {
list-style: none;
text-align: center;
font-size: 4vw;
padding: 4vw;
border-bottom: 1px solid #fff;
}
#g_menu{font-size:2vw;}
#g_menu a {
  color: #fff;
}

#g_menu {
  height: 100%;
  width: 92%;
  padding: 20px;
  background: rgba(0, 0, 0,.8);
  transition: right 1s;
  position: fixed;
  top: 0;
  z-index: 3;
	
}

#g_menu:not(:target) {
right: -109%;
}

#g_menu:target {
            right: 0;
}



/*------------------------------------------
■ top_area
------------------------------------------*/	
.top_txt_area {
  height: 0px;
  position: relative;
  bottom: 70vw;
  left: 12vw;
  width: 80%;
  z-index: auto;
}

.top_title{
color: #ffffff;
font-size: 5vw;
margin-bottom: 2vw;
letter-spacing: 0.5vw;
}

.top_txt{
color: #ffffff;
/*font-size: 2.5vw;*/
font-size: 3vw;
line-height: 6vw;
}


.news_title{
color: #2aae74;
margin: 5px auto;
/*font-size: 3.5vw;*/
display: block;
text-align: center;
letter-spacing: 0.1em;
	font-size: 6vw;
    margin-top: 10px;
    margin-bottom: 10px;
padding-top: 10px;
}

/*------------------------------------------
■ news_area
------------------------------------------*/	
#news{width:80%; font-size: 100%; padding: 1.5% 1.5% 0; display: block; margin:0 auto; clear: both; }
#news span{display: block;}
#news a{text-decoration:none;}

.news_title02{ 
border: 1px solid #2aae74;
padding: 1.5% 2%;
width: 30%;
text-align: center;
font-size: 3vw;
font-weight: bold;
letter-spacing: 0.2em;
margin: 2% auto;
display: block;
    margin-bottom: 15px;
}

/*------------------------------------------
■ section01
------------------------------------------*/	

.section01{
background: url(https://chick-rc.net/wp-content/uploads/2019/11/section0101ssss.jpg) no-repeat scroll bottom / 100%;
padding: 5%;
height: 650px;
text-align: center;
    /*background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='sample.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='sample.jpg', sizingMethod='scale')";*/
}

.section01 a{
text-decoration: none;
}

.section01 hr{
width:60%;
background-color: #2aae74;	
display: block;
margin: 2% auto;
border: 1px solid #2aae74;	
}

.section01_in{
width:95%;
display: block;
margin: 0 auto;
padding:12% 0;
margin-top: 15%;
}

.section01_title{
border:1px solid #2aae74;
padding:2% 2%;
/*width:40%;*/
width:60%;
text-align: center;
font-size: 2vw;
font-weight: bold;
letter-spacing: 0.2em;	
margin:2% auto;
display: block;
color: #2aae74;		
}

.section01_h3{
font-size: 24px;
text-align: center;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
line-height: 170%;
color: #2aae74;
font-weight: normal;
letter-spacing: 0.1em;
margin-bottom: 2%;
}

.section01_h3 span{
font-size:200%;
}

.section01 p{
text-align: center;
color: #2aae74;
font-size: 3.5vw;
line-height: 6vw;
margin-top: 5%;
}

.sec01_txt{
    display: block;
    margin: 0 auto;
    float: none;
    clear: both;
	word-wrap: break-word;
	font-size: 90%;
}
/*------------------------------------------
■ section001
------------------------------------------*/	

.section001{
background: url(https://chick-rc.net/wp-content/uploads/2019/11/section0101.jpg) no-repeat scroll bottom / 100% 100%;
padding: 5%;
height: 290px;
padding-bottom: 9%;
   /*background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 70% 10%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='sample.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='sample.jpg', sizingMethod='scale')";*/
}

.section001 a{
text-decoration: none;
font-size: 95%;
}

.section001 hr{
width:60%;
background-color: #2aae74;	
display: block;
margin: 2% auto;
border: 1px solid #2aae74;	
}

.section001_in{
width:85%;
display: block;
margin: 0 auto;
padding:12% 0;
background-color: #ffffffb3;
}

.section001_title{
border:1px solid #2aae74;
padding:2% 2%;
/*width:40%;*/
width:60%;
text-align: center;
font-size: 2vw;
font-weight: bold;
letter-spacing: 0.2em;	
margin:2% auto;
display: block;
color: #2aae74;		
}

.section001_h3{
font-size: 5vw;
text-align: center;
font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;	
line-height: 200%;
color: #2aae74;
font-weight: normal;
letter-spacing: 0.2em;
}

.section001_h3 span{
font-size:250%;
}

.section01 p{
text-align: left;
    color: #2aae74;
    font-size: 14px;
    line-height: 28px;
    margin-top: 5%;
    padding-bottom: 10px;
}

.sec01_txt{
    display: block;
    margin: 0 auto;
    float: none;
    clear: both;
	word-wrap: break-word;
	font-size: 90%;
}

/*------------------------------------------
■ section02
------------------------------------------*/	

.section02{
background-color: #fff;
padding:0%;
margin:2% 0;
}

.section02_h3{
font-size: 6vw;
text-align: center;
line-height: 90%;
color: #2aae74;
font-weight: normal;
letter-spacing: 0.1em;
margin-top:8%;
}

.section02 hr{
width:40%;
background-color: #2aae74;	
display: block;
margin: 2% auto 4%;
border: 1px solid #2aae74;	
}

.box01{
display:block;
margin: 0% auto -12px;
}

.section02 .block_left{
background: url("../img/box01_02.jpg") no-repeat scroll 0 center / 100% auto;	
background-color: #2aae74;
width:100%;
}

.section02 .block_right02{
background: url("../img/box02_02.jpg") no-repeat scroll 0 center / 100% auto;	
background-color: #2aae74;
width:100%;
}

.section02 .block_left03{
background: url("../img/box03_02.jpg") no-repeat scroll 0 center / 100% auto;	
background-color: #2aae74;
width:100%;
}

.block_in{
	padding:13vw;
}
.section02 .block_right{
width:100%;
}

.section02 .block_left02{
width:100%;
}

.block_right img{
width: 100%;
}

.block_left02 img{
width: 100%;
}

.box_stitle{
font-size: 3.5vw;
color: #fff;
border-bottom: 2px solid #fff;
padding-bottom: 0.5%;
}

.box_title{
/*font-size: 4vw;*/
color: #fff;
/*margin: 3vw 0 0vw;*/
    font-size: 6vw;
    margin: 3vw 0 1vw;
}


.box_txt{
/*font-size: 2.5vw;*/
font-size: 3.3vw;
color: #fff;
margin-bottom: 2%;
line-height: 180%;
}

.section02_title{
padding:2% 2%;
width:60%;
text-align: center;
font-size: 4vw;
font-weight: bold;
letter-spacing: 0.2em;	
margin:2% auto 0;
display: block;
color: #fff;	
text-decoration:none;
}


/*------------------------------------------
■ section03
------------------------------------------*/	

.section03{
text-align: center;
margin-top: 10%;
}
.section03_in{display:block;
}
.section03 .block_left{
background: url("../img/sec03_01.jpg") no-repeat scroll 0 bottom /auto 100%;		
width:100%;
margin: 0% auto 0%;
background-color: #d3d3d3;
padding:10% 0%;	
}

.section03 .block_left02{
background: url("../img/sec03_03.jpg") no-repeat scroll 0 bottom /auto 100%;		
width:100%;
margin: 0% auto 0%;
background-color: #d3d3d3;
padding:10% 0%;	
}

.section03 .block_right{
background: url("../img/sec03_02.jpg") no-repeat scroll 0 bottom /auto 100%;				
width:100%;
margin: 0% auto 0%;
background-color: #d3d3d3;
padding:10% 0%;	
}

.sec03_stitle{
font-size: 3vw;
color: #fff;
padding-bottom: 0.5%;
margin-bottom: 0.5vw;
font-weight: bold;	
}

.sec03_title{
font-size:6vw;
/*font-size:4vw;*/
color:#fff;
margin:0.5vw 0;
}

.section03_title{
border:1px solid #fff;
padding:2% 2%;
width: 30vw;
text-align: center;
/*font-size:2vw;*/
font-size: 3.5vw;
font-weight: bold;
letter-spacing: 0.2em;	
margin:2% auto;
display: block;
color: #fff;	
text-decoration:none;
}

.section03 hr{
width: 30%;
background-color: #fff;
display: block;
margin: 0% auto;
height: 2px;
}


/*------------------------------------------
■ section05
------------------------------------------*/	

.sec05_txt{
/*font-size: 3vw;*/
font-size: 3.5vw;
text-align: center;
margin: 3% auto;
padding: 10px;
line-height: 150%;	
}

.section05 img{
	width:70%;
}
/*------------------------------------------
■ section05
------------------------------------------*/	
.shop_name{
font-size: 150%;
}


#footer{
background:#333333;
display: block;
padding:0% 0%;
text-align: center;
}

.sp_ft{
font-size: 80%;
    line-height: 1.8;
background:#333333;
display: block;
padding:2% 0%;
text-align: center;	
color:#fff;
}

#footer_right02 {
    width: 20%;
    margin: 4% auto 0;
}

#footer_right02 img {
    width: 100%;
}

/*------------------------------------------
■ FLEX BOX
------------------------------------------*/
.flex_container{
    display:block;
    padding:0;
}


.flex_container img{width:45%; margin:0 auto; display: block;}

.flex_in01{
    background: url("../img/box04.jpg") no-repeat scroll center bottom / 100% auto;
    text-align: center;
	padding: 5% 5%;
    margin: 0% auto 5%;
    display: block;
}

.flex_in02{
background: url("../img/box01.jpg") no-repeat scroll center bottom / 100% auto;
    text-align: center;
	padding: 5% 5%;
    margin: 0% auto 5%;
    display: block;
}

.flex_in03{
background: url("../img/box02.jpg") no-repeat scroll center bottom / 100% auto;
    text-align: center;
	padding: 5% 5%;
    margin: 0% auto 5%;
    display: block;
}

.flex_in04{
background: url("../img/box03.jpg") no-repeat scroll center bottom / 100% auto;
    text-align: center;
	padding: 5% 5%;
    margin: 0% auto 5%;
    display: block;
}





.flex_unit01{
    background: #fff;
    margin:20px 0;
    padding:20px 10px;
    border:1px solid #0b3471;
}

.flex_unit02{
    width:100%;
    padding-bottom:30px;
    background: url(../img/arrow02.png) no-repeat;
    background-position:bottom center;
}

.flex_unit02:nth-of-type(4) {
    background:none;
    padding-right:0;
}

.flex_unit03 img{
   padding:10px 0;
}
.flex_unit03:nth-of-type(1) {
   padding-top:10px;
}



.flow{
    background:#fff;
    padding:20px;
    margin:10px;
    border:1px solid #7a5f2c;
}

.flow h2{
    font-weight:bold;
}

.flow p{
    line-height: 150%;
}

.flow img{
    width:100%;
    padding-top:10px;
}

.red{
	color:#f00;
}

.s_border{
	border:1px solid #666;
	width:95%;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #2aae74;
    margin:1em 0;
    padding:0;
}


.submitBtn02{
    background-color: #2aae74;
    padding: 2% 5%;
    border-radius: 20px;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    font-size: 1.3rem;
	
}

.submitBtn{
    background-color: #2aae74;
    padding: 2% 5%;
    border-radius: 20px;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    font-size: 1.3rem;
}

/*------------------------------------------
■ アコーディオン
------------------------------------------*/

.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .article-title {
display: block;
position: relative;
margin: 5% auto;
padding: 0.625em 0.625em 0.625em 2em;
font-size: 0.8rem;
font-weight: normal;
color: #2aae74;
border: 2px solid #2aae74;
cursor: pointer;
border-radius: 20px;
text-align: center;
}

.company_table dt {float:left; width:25%; }
.company_table dd {display: inline-block; width:70%; }

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  background-color: #00aaa7;
  color: white;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #2aae74;
  border-right: solid 2px #2aae74;
  -webkit-transform:}

.txt_box{
    width: 90%;
    display: block;
    margin: 0 auto;
}

.p_title{
color: #2aae74;
font-size: 1.5rem;
margin: 6% auto 1%;
display: block;
text-align: center;
line-height: 144%;
}

.p_l_title{
	text-align:center;
	color:#2aae74;
	margin-bottom:4%;
}
.req{
	vertical-align: super;
	background-color:red;
	color:#fff;
	font-size:70%;
	padding:0 5px;
}
.company-profile__title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
	width: 20%;
    padding: 20px 10px 20px 0;
	border-bottom: solid 2px #2aae74;}

.company-profile__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding: 20px 0 20px 5px;
    border-bottom: solid 2px #cccccc;
}
.company-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.map_in {
    border: 0;
    width: 100%;
    margin-top: 2%;
    height: 200px;
}
.m-b{
	margin-bottom:5%;
}
 .map_btn{
    background-color: #2aae74;
    border-radius: 5px;
    color: #fff;
    padding: 1% 5%;
    margin: 1%;
	font-size:90%;
}
.l_color{border-top: 1px solid #ccc;}

#content02 .margin_t{
    margin-top: 35%;
}
.temple_limk{
	border: 1px solid #2aae74;
    padding: 1%;
    width: 50%;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 0.2em;
    margin: 5% auto;
    display: block;
    color: #2aae74;
}
.sp_txt_b{
	 font-size: 1.15em;
}
.w_max{
	width:100%!important;
}
.repla_sp{
	margin-top:3em;
}

.slick-next::before, .slick-prev::before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #2aae74!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

