@charset "utf-8";
/* ----------------------------------------
レイアウト
------------------------------------------- */
body {
color: #604d32;
background: #f9f9f6;
font-size: 16px;
line-height: 2.0;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
/*font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;*/
word-wrap: break-word;
height: 100%;
margin: 0;
padding: 0;
}

main {width: 100%;}
section{padding: 4em 0;}
#subPage section{padding: 4em 0;}

.wrap_s {
width: 1000px;
max-width:100%;
margin:0 auto;
}
.wrap {
width: 1200px;
max-width:100%;
margin:0 auto;
}
.wrap_w {
width: 1400px;
max-width:100%;
margin:0 auto;
}

.inner {padding:1.5em;}

/*-------------------------------
BOX
-------------------------------*/
.box_bg {
padding: 3%;
background: #edf5ff;
border-radius: 10px;
}
.box_border {
background: #fff;
border: #93cf34 2px solid;
border-radius: 15px;
padding: 0.8em 1.5em 1em;
}
/*-------------------------------
BOX::after
-------------------------------*/
.box_af{
position: relative;
display: flex;
z-index: 1;
margin-top: 40px;
}
.box_af::after {
content: '';
position: absolute;
background:#f1f1f1;
width: 150%;
height: 100%;
top: 0px;
right: 0;
z-index: -1;
}
.box_border_af{
position: relative;
display: flex;
z-index: 1;
margin-top: 40px;
}
.box_border_af::after {
content: '';
position: absolute;
background: #ffffff;
border: #eef3ec 15px solid;
width: 150%;
height: 100%;
top: 0px;
left: 0;
z-index: -1;
}
.box_af .txt{
padding:2em 2em 2em 2em;
}
.z3 {
position: relative;
width: 60vw;
text-align: right;
top: -10px;
z-index: 3;
}
.flexbox.reverse .box_af::after{
left: 0;
}

@media screen and (max-width:1500px) {
.wrap_w{width:1200px;margin: 0 auto;}
}

@media screen and (max-width:1280px) {
.wrap_w,.wrap,.wrap_s{width: 90%;margin: 0 auto;}
}

@media screen and (max-width:1024px) {
body {font-size: 15px;}
section {padding:4em 0;}
#subPage section{padding: 3em 0;}
.inner {padding:2% 3%;}
.txt_box {padding:2%;}
.box_bg {padding:3%;}
.box_border {}
.box_af {margin-top: 0px;}
}

@media screen and (max-width:599px) {
section {padding: 3em 0;}
}

/*-------------------------------
BTN
-------------------------------*/
.btn_more a {
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
font-size: 16px;
font-weight: normal;
color: #93cf34;
background-color: transparent;
border: #93cf34 2px solid;
margin: 1em auto 0;
padding: 1em 1em;
line-height: 1;
letter-spacing: 0.1em;
width: 250px;
max-width: 90%;
text-align: center;
text-decoration: none;
clear: both;
display: block;
border-radius: 0;
}
.btn_more a i {
padding-right:10px;
}
.btn_more a:hover {
opacity: 0.9;
color: #fff;
border: #93cf34 1px solid;
background: #93cf34;
}
.btn_more a:before {
content: "\f101";
font-family: FontAwesome;
margin-right: 1em;
color: #93cf34;
font-size: 100%;
}
.btn_more a.clr-2 {
color: #93cf34;
border: #93cf34 1px solid;
}
.btn_more .clr-2:hover {
opacity: 0.9;
color: #fff;
border: #93cf34 1px solid;
background: #93cf34;
}
.btn_more a.clr-2:before {
color: #93cf34;
}
.btn_more a:hover.clr-2:before {
color: #fff;
}

/* ----------------------------------------
title
------------------------------------------- */
h1,h2,h3,h4{
font-weight: 600;
line-height: 1.5;
letter-spacing: 1px;
font-feature-settings: "palt";/*文字詰め*/
}
.title_top{/*HOMEタイトル*/
font-size: 32px;
padding: 10px 50px 20px;
margin: 0 auto 1em;
width: 700px;
max-width: 100%;
height: auto;	
background: url(../img/title_top_bg.png) center center no-repeat;
background-size: contain;
line-height: 1.6;			
letter-spacing: 3px;
font-weight: bold;
text-align: center;
clear: both;
display: block;
/* border-bottom: #564124 dashed 2px;*/
}

.title_top_harf{/*HOMEタイトル*/
font-size: 30px;
border-bottom: #93cf34 5px dotted;
padding: 0.5em 0;
margin-bottom: 0.6em;
line-height: 1.6;
font-weight: bold;
}

/* ----------------------------------------
sub_title
------------------------------------------- */
.title_a{
font-size: 200%;
border: #cedff3 7px solid;
background: #edf5ff;
padding: 0.5em 0;
margin-bottom: 1em;
line-height: 1.4;
letter-spacing: 2px;
font-weight: bold;
text-align: center;
/*border-radius: 10px;*/
}

.title_b{
font-size: 140%;
border-bottom: #ceed9d 10px solid;
padding: 0.5em 0;
margin-bottom: 0.6em;
line-height: 1.6;
font-weight: bold;
}
.title_c{
font-size: 115%;
background: #93cf34;
color: #fff;
font-weight: normal;
line-height: 1.6;
padding: 0.6em 0.5em 0.5em;
margin-bottom: 1em;
border-radius: 5px;
box-shadow: #999 1px 1px 1px;
}
.title_c:before {
content: "\f267";
content: "\f142";
content: "\f069";
content: "\f299";
content: "\f260";
font-family: FontAwesome;
font-weight: normal;
padding: 0 1em;
}

.title_d {
font-size: 195%;
font-weight: bold;
color: #fff;
padding: 0em 1em 0.6em;
/* margin-bottom: 1em; */
line-height: 1.4;
letter-spacing: 2px;
text-align: center;
border-radius: 0;
/* border-bottom: #d8f1b0 10px solid;*/
}
.title_e{
font-size: 185%;
padding: 10px 50px 25px;
margin: 0 auto 1em;
width: 700px;
max-width: 100%;
height: auto;
background: url(../img/title_bg.png) bottom center no-repeat;
/*background-size: contain;*/
line-height: 1.4;
letter-spacing: 3px;
font-weight: 600;
text-align: center;
clear: both;
display: block;
/* border-bottom: #564124 dashed 2px;*/
}


@media screen and (max-width:1024px) {
.title_top,.title_top_harf{font-size: 24px;}
.title_a,.title_b{font-size:20px;}
.title_c,.title_d,.title_e{font-size: 110%;font-weight:normal;padding: 0.6em 0.5em 0.5em;}
}
@media screen and (max-width:599px) {
.title_top{
background-position: bottom;
font-size: 5.2vw;
padding:0 8vw 4vw;
letter-spacing: 1px;
line-height: 1.3;
}
.title_top_harf{
font-size: 5.2vw;
}
.title_b{font-size:18px;}
}

/* ----------------------------------------
font
------------------------------------------- */
.font-min {font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
.font-go {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
.font-robot{font-family: 'Roboto', sans-serif;}
.font-maru{font-family: 'Kosugi Maru', sans-serif;}

/*------------------------------------------
color
------------------------------------------*/
.red {font-weight: bold;color: #ff5722;}
.blue {font-weight: bold;color: #0099cc;}
.gold {font-weight: bold;color: #b39469;}
.clr-1 {font-weight: bold;color: #93cf34;}
.clr-2 {font-weight: bold;color: #0077b5;}
.clr-3 {font-weight: bold;color: #fff284;}
.bgclr-1 a {background-color: #93cf34;}
.bgclr-2 a {background-color: #f29b76;}
.bgclr-3 a {background-color: #f29c9f;}

/*-------------------------------
背景
-------------------------------*/
.bg-0 {background: rgba(255,255,255,0.4);}
.bg-1 {background: #93cf34 url(../img/bg-c.png) repeat top center scroll;}
.bg-2 {background: #e6f5e1;}
.bg-3 {background: #f9f9f6;}
.bg-4 {background: #efefef url(../img/bg-4.png) repeat top center scroll;}
.bg-5 {background: #fffdf2 url(../img/bg-5.png) repeat top center scroll;;}
.bg-c {background: #f8f0d7 url(../img/bg-c.png) repeat top center scroll;}
.bg-s {background: #e4f3fd url(../img/bg-s.png) repeat top center scroll;}
.bg-w {background: #ffffff;}
.bg-b {background: #000;}
.rgba{background: rgba(0,0,0,0.2);}
@media screen and (max-width:1024px) {
.bg-1 {background: #93cf34;}
}

/*-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
■　スライドショー画像
@media screen and (max-width:1024px) {※以下：タブレットのみ}
@media screen and (max-width:599px) {※以下：スマホのみ}
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++　--*/

#index_top {
/*height: 100%;
min-height: 850px;*/
height: 1000px;
width: 100%;
position: relative;
overflow: hidden;
background: rgba(0, 0, 0, 0.0);
}

/*-- 【画像の場合】　--*/
#index_top #top_catch {
color: #FFF;
/* background-color: rgba(255, 255, 255, 0.6); */
position: absolute;
top: 48%;
left: 50%;
z-index: 10;
height: fit-content;
width: 1000px;
max-width: 100%;
margin-left: -500px;
margin-top: -210px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-flow: column;
flex-flow: column;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#index_top #top_catch h2 {
text-align: center;
font-size: 36px;
font-family: "Noto Serif JP", serif;
font-weight: normal;
line-height: 1.5;
letter-spacing: 0.1em;
padding: 50px;
}
#top_catch img {
height: auto;
width: 36vw;
max-width: 760px;
min-width: 560px;
margin-left: auto;
margin-right: auto;
}
#index_top #top_catch p {
text-align: center;
font-size: 20px;
font-weight: bold;
letter-spacing: 1px;
line-height: 2.4;
}
#index_top #top_catch p span.bg {
color: #fff;
font-size: 20px;
letter-spacing: 0.1em;
background: #32b16c;
margin: 10px;
padding: 0.2em 1.4em;
border-radius: 50px;
text-shadow: #666 0px 0px 0px;
}
/*-- *************　--*/

/*-- 【テキストの場合】
#index_top #top_catch{
background-color: rgba(255, 255, 255, 0.7);
box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 0px;
padding:50px;
height: fit-content;
width: fit-content;
min-width: 800px;
margin-left: -400px;
margin-top: -210px;
position: absolute;
top: 64%;
left: 50%;
z-index: 10;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-flow: column;
flex-flow: column;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#index_top #top_catch h2{
color: #fff;
text-shadow: #333 2px 2px 2px;
font-size: 38px;
line-height: 1.2;
text-align: center;
padding: 0 0 0.5em 0;
font-weight: bold;
letter-spacing: 0.2em;
}
#index_top #top_catch .index_top_logo{
max-width: 80%;
width: 300px;
}
*************　--*/

/*-- scroll --*/
.scroll {
height: 30%;
max-height: 500px;
width: 100%;
position: absolute;
bottom: 65px;
/*bottom: 0px;*/
}
.scroll .sc_btm a {
font-size: 14px;
color: #fff;
background: rgb(0 100 0);
height: 100px;
width: 100px;
display: block;
line-height: 1.2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
text-decoration: none;
letter-spacing: 2px;
position: absolute;
bottom: -50px;
left: 50%;
margin-right: auto;
margin-left: -50px;
z-index: 80;
text-align: center;
padding-top: 20px;
}
.scroll .sc_btm a:hover {
height: 110px;
width: 110px;
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
margin-top: -10px;
margin-left: -55px;
}

/*-- infobar --*/
.infobar {
position: absolute;
bottom: 0px;
width: 100%;
background: #93cf34;
}
.infobar .cont {
width: 800px;
max-width: 100%;
border-radius: 5px;
margin: 0 auto;
padding: 14px;
}
.infobar p {
text-align: center;
line-height: 1.6;
border-radius: 5px;
background: #fff;
padding: 5px;
letter-spacing: 1px;
}
.infobar p span{
color: #93cf34;
font-weight: bold;
}

@media screen and (max-width:1023px) {
#index_top {
/*height: 100%;*/
height: 60vh;
width: 100%;
min-height: 300px;
}
#index_top #top_catch {
max-width: 100%;
width: 60vw;
top: 58%;
margin-left: -30vw;
background: rgba(255,255,255,0.8);
}
#index_top #top_catch h2 {
padding: 25px 0;
}
#top_catch img {
height: auto;
width: 62vw;
max-width: 100%;
min-width: 200px;
margin-left: auto;
margin-right: auto;
}
.infobar .cont {
width: 500px;
}
}

@media screen and (max-width:599px) {
#index_top {
/*height: 100%;*/
height: 80vh;
width: 100%;
min-height: 300px;
}
#index_top #top_catch {
top: 30%;
left: 15%;
width: 90%;
height: auto;
margin-top: 0px;
margin-left: -10%;
background: rgba(255,255,255,0.8);
}
#index_top #top_catch h2 {
padding:25px 15px;
}
#top_catch img {
height: auto;
width: auto;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.scroll {
bottom: 85px;
}
}




/*------------------------------------------
【HOME・下層】BLOG
------------------------------------------*/
/*--【HOMEのみ】--*/
.homeBlog {    
max-height: 300px;
overflow: auto;
margin: 0 auto;
/* background: #ffffff; */
/* border: #fff 20px solid; */
/* border: #999 1px solid; */
}
.homeBlog .blogBox {
margin: 0 auto;
/* padding: 1em 2em;*/
}

/*--【HOME・下層 共通】--*/
dl.article {
display: flex;
justify-content: flex-start;
align-items: flex-start;
line-height: 2.0;
border-bottom: #666666 1px dotted;
flex-direction: row;
flex-wrap: nowrap;
align-content: flex-start;
padding: 1em;
padding-bottom: 0;
}
dl.article dt {
width: 18%;
height: auto;
aspect-ratio: 14/9;
object-fit: cover;
margin-right: 2%;
margin-bottom: 1em;
padding: 0;
position: relative;
}
dl.article dt img{
width: 100%;
}

dl.article dt img:nth-of-type(1) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
dl.article dt img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
dl.article dt img:nth-of-type(3) {
	display: none;
}
dl.article dd .blog_detial_text {
	margin-bottom: min(3.5vw, 30px);
}

dl.article dd {
width: 80%;
margin: 0;
text-align: left;
}
dl.article .date:before {
content: "\f138";
content: "\f298";
content: "\f274";
font-family: FontAwesome;
padding-right:0.5em;
}

/*--記事--*/
dl.article dd .blog_text {
	overflow-y: hidden;
	height: 4em;
}

/*--タイトル--*/
dl.article dd h1,
dl.article dd h2,
dl.article dd h3,
dl.article dd h4,
dl.article dd h5,
dl.article dd h6{
font-weight: bold;
line-height: 2.0;
margin: 0;
padding: 0;
}
dl.article dd h1{font-size: 140%;}
dl.article dd h2{font-size: 130%;}
dl.article dd h3{font-size: 120%;}
dl.article dd h4{font-size: 110%;}
dl.article dd h5{font-size: 100%;}
dl.article dd h6{font-size: 100%;}

dl.article dd h4.news_title,
dl.article dd h4.news_title a, 
dl.article dd h4.news_title a:hover, 
dl.article dd h4.news_title a:visited {
color: #666;
font-size: 100%;
font-weight: bold;
letter-spacing: 3px;
text-decoration: none;
/*padding-bottom: 0.5em;*/
margin-bottom: 0em;
}
dl.article dd h4.news_title a:hover {
opacity: 0.9;
text-decoration: underline;
}
dl.article dd .tag{
color: #FFF;
font-size: 80%;
background-color: #7ecef3;
padding: 3px 10px;
margin-right: 2em;
font-weight: normal;
}
dl.article dd .お知らせ{background-color: #f29b76;}
dl.article dd .エアコンクリーニング{background-color: #abdb5e;}
dl.article dd .水回りクリーニング{background-color: #7ecef3;}
dl.article dd .洗濯機クリーニング{background-color: #88abda;}
dl.article dd .空室クリーニング{background-color: #c0aacc;}
dl.article dd .その他{background-color: #84ccc9;}
/*--画像--*/
dl.article dd .flexbox {
-webkit-justify-content: space-between;
align-content: flex-start;
align-items: stretch;
flex-direction: row;
justify-content: flex-start;
}
dl.article dd .flexbox li {
	height: auto;
}
dl.article dd img {
width: 100%;
margin: 10px auto;
aspect-ratio: 4/3;
object-fit: cover;
}

/*--記事詳細（detailのみ）--*/
.blog_detail dl.article {
padding: 1em 1em 1em;
border-bottom: #666666 1px dotted;
display: flex;
flex-flow: row wrap;
width: 96%;
margin: 0 auto;
}
.blog_detail dl.article dt {width: 100%;padding: 0;}
.blog_detail dl.article dd {width: 100%;}
.blog_detail dl.article dt:before {display: none;}
.blog_detail dl.article dd h4.blog_title {
font-size: 120%;
color: #604d32;
font-weight: bold;
text-decoration: none;
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: #efefef 10px solid;
}

@media screen and (max-width: 1024px) {
dl.article {
display: flex;
flex-flow: row wrap;
width: 100%;
margin: 0 auto;
padding: 1em;
}
dl.article dt {width: 100%;padding: 0;margin-bottom: 0;}
dl.article dd {width: 100%;}
dl.article dd h4.news_title {}
/*dl.article dt:before {display: none;}*/
}

@media screen and (max-width:768px) {
dl.article {
display: flex;
flex-flow: row wrap;
width: 100%;
margin: 0 auto;
padding: 1em;
}
dl.article dt {width: 100%;padding: 0;margin-bottom: 0;}
dl.article dd {width: 100%;}
dl.article dd h4.news_title {}
/*dl.article dt:before {display: none;}*/
dl.article dt{
max-height: 180px;
overflow: hidden;
text-align: center;
}
dl.article dt img{
width: 40vw;
margin-bottom: 5px;
}
}

@media screen and (max-width: 599px) {
dl.article dd .tag {
padding: 0px 10px;
margin-right: 1em;
display: table;
}
}

/*------------------------------------------
【下層】　お問い合わせ
------------------------------------------*/
.contact .flexbox{
width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: space-between;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
.contact .box_bg{
padding: 1.5em;
background: #ffffff;
border: #93cf34 1px solid;
border-radius: 10px;
}
.contact .box_bg .midashi{
font-size: 125%;
font-weight:bold;
text-align: center;
}
.contact .box_bg .time{
font-weight:bold;
text-align: center;
}
.contact .box_bg .tel a{
font-size: 40px;
font-weight: bold;
text-align: center;
color: #0077b5;
text-decoration: none;
line-height: 1;
margin: 5px auto;
display: block;
}
.contact .box_bg .btn_more a{
font-weight: normal;
color: #fff;
background-color: #0077b5;
border: #0077b5 2px solid;
margin: 1em auto 0;
padding: 1em 0em;
line-height: 1;
letter-spacing: 0.1em;
width: 100%;
max-width: 100%;
text-align: center;
text-decoration: none;
clear: both;
display: block;
border-radius: 0;
}

.contact .box_bg .btn_more a:hover{
color: #93cf34;
background-color: transparent;
border: #93cf34 2px solid;
}
.contact .box_bg .btn_more a:before{
display: none;
}
@media screen and (max-width: 599px) {
.contact .box_bg .tel a {
font-size: 7vw;
}
}
/*------------------------------------------
【下層】　個人情報保護方針
------------------------------------------*/
.privacy dl dt{
border-bottom: #93cf34 1px dotted;
color: #93cf34;
font-size: 110%;
font-weight: bold;
margin: 1em auto;
}
.privacy dl dt:before{
content: "■ "
}
/*------------------------------------------
【下層】　サイトマップ
------------------------------------------*/
.sitemap_links a{
color: #333;
line-height: 1.6;
text-decoration: none;
padding: 1em;
display: block;
border-bottom: #333 1px dotted;
}
.sitemap_links a:before{
content: "\f138";
font-family: FontAwesome;
margin-right: 1.2em;
color: #93cf34;
font-size: 100%;
}
.sitemap_links a:hover{
opacity: 0.8;
}

/*------------------------------------------
【共通】INFO -- センター１カラム  ---
------------------------------------------*/
section#info {
background: #b2e3f9 url(../img/footer_info_bg.jpg) repeat-x center bottom scroll;
background-size: cover;
padding: 2em 0;
}
#info .overlay {
background: rgba(0,0,0,0.4);
background: rgb(0 0 0 / 40%);
color: #fff;
}
#info .wrap{
display: block;
width: 100%;
}
#info .info_title{
display: block;
margin: 0 auto;
width: auto;
max-width: 80%;
}
#info .logo_footerinfo{
height: auto;
width: auto;
max-width: 68vw;
margin-bottom: 5px;
}

/* INFO SET */
#info .info_set_bg{
text-align: center;
width: 650px;
max-width: 100%;
margin: 0px auto 0;
padding: 30px 30px;
border-radius: 15px;
/* background: url(../img/info_set_bg.png) no-repeat top center scroll; */
/* background-size: contain; */
background-color: rgb(255 255 255 / 80%);
}
#info .info_txt{
color: #333;
padding:0;
margin: 0;
line-height: 1.4;
}
#info .info_txt .small{
color: #666;
padding-bottom: 5px;
display: block;
}

/* TEL */
#info .info_tel01 a,
#info .info_tel02 a{
font-family: impact;
font-weight: bold;
padding: 0px 20px 0px 0;
margin: 10px auto 0px;
line-height: 1.2;
letter-spacing: 2px;
}
#info .info_tel01 a {
color: #0077b5;
font-size: 54px;
}
#info .info_tel02 a {
color: #666666;
font-size: 36px;
}
#info .info_tel01 a i{
transform: skew(30deg, -30deg);
display: inline-block;
font-size: 100%;
vertical-align: baseline;
padding: 0 0px 0px 10px;
}

#info .info_area {
border: #0077b5 2px solid;
background: #fff;
padding: 0.8em 1.2em 1.2em;
margin:0.8em 1.5em 1em;
border-radius: 10px;
}

/* BTN */
#info .btn_more a {
max-width: 95%;
width: 550px;
color: #FFF;
margin: 0em auto 1em;
padding: 1.2em;
line-height: 1.4;
line-height: 1.0;
font-weight: normal;
font-size: 130%;
text-align: center;
text-decoration: none;
display: block;
border-radius: 70px;
border: #fff 2px solid;
box-shadow: #c2d3a8 5px 7px 0px;
background: #93cf34;
background: linear-gradient( #93cf34 0%, #92d527 100%);
}
#info .btn_more a:hover {
opacity: 0.85;
}
#info .btn_more a:before {
content: "";
font-family: FontAwesome;
margin-right: 1.2em;
color: #fff;
font-size: 100%;
}

@media screen and (max-width:768px) {
section#info {
font-size: 14px;
padding:6vw 0 6vw;
}
#info .info_title {
width: 450px;
max-width: 80%;
}
#info .info_set_bg {
text-align: center;
width: auto;
max-width: 80%;
margin: 1em auto 0;
padding: 4vw;
border-radius: 10px;
background: unset;
background-size: contain;
background-color: rgb(255 255 255 / 80%);
}
#info .info_tel01 a,
#info .info_tel02 a{
letter-spacing: 1px;
}
#info .btn_more a {
max-width: 100%;
font-size:110%;
margin: 0.5em auto 0em;
padding: 1.5em 1em 1.5em 0.5em;
border-radius: 60px;
}
}

@media screen and (max-width:599px) {
section#info {
font-size: 14px;
padding: 2em 0 3em;
}
#info .info_set_bg {
max-width: 90%;
padding:30px 20px;
}
#info .info_tel01 a{font-size:8.5vw;}
#info .info_tel02 a{font-size:5.5vw;}
}

/*-------------------------------------------
【共通】footer
-------------------------------------------*/
footer {
background-color: #fff;
clear: both;
width: 100%;
display: block;
padding: 0;
margin: 0;
}
footer .wrap{
margin: auto;
padding: 3em 0 3em;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: flex-start;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}

/* footer box */
footer .f_box {
/*width: 18%;*/
padding:0;
}
footer .lg {
width: 40%;
}
footer .f_box p {
font-size: 14px;
line-height: 1.4;
padding: 5px 0;
}
footer .f_box p.logo_footer {
font-size: 140%;
font-weight: bold;
margin-bottom: 10px;
}
footer .f_box p.logo_footer img {
width: auto;
}

/* footer link */
footer ul.f_link li a {
display: block;
text-decoration: none;
font-size: 14px;
color: #333;
text-align: left;
padding:0.5em 1em 0.5em 0;
border-bottom: #ccc dotted 1px;
}
footer ul.f_link li a::before {
color:#93cf34;
content: "\f138";
font-family: FontAwesome;
padding-right: 0.5em;
}
footer ul.f_link li a:hover {
opacity: 0.8;
}

address {
background: #93cf34;
color: #fff;
font-size: 12px;
font-style: normal;
padding:1em 0;
text-align: center;
letter-spacing: 1px;
}

@media screen and (max-width:768px) {
footer .wrap {
width: 100%;
padding: 0;
margin: 0 auto;
}
footer .wrap {
display: block;
}
footer .f_box {
width: 100%;
padding: 0;
}
footer .lg {
width: 100%;
padding: 2em;
}
footer ul.f_link{
background: #93cf34;
}
footer ul.f_link li a {
font-size: 14px;
color: #333;
border-top: #93cf34 1px solid;
border-bottom: unset;
padding: 0.8em 2em;
display: block;
text-decoration: none;
text-align: left;
background: rgba(255,255,255,0.95);
}
footer ul.f_link li a:hover{
background: rgba(255,255,255,0.9);
/*color: #fff;*/
}
}

/*------------------------------------------
【共通】Google map
------------------------------------------*/
/*googlemap彩度*/
.googlemap iframe,
.googlemap object,
.googlemap embed {
width: 100%;
height: 400px;
-webkit-filter: saturate(60%);
filter: saturate(60%);
-webkit-transition: all 0.7s ease;
transition: all  0.7s ease;
}
.googlemap iframe:hover,
.googlemap object:hover,
.googlemap embed:hover {
-webkit-filter: saturate(90%);
filter: saturate(90%);
}

/*------------------------------------------
【共通】bnr-01
------------------------------------------*/
section.bnr-01 {
}
.bnr-01 .flexbox {
width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: space-around;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
.bnr-01 .w50 {
width: 50%;
}

@media screen and (max-width:768px) {
.bnr-01 .flexbox {display: block;}
.bnr-01 .w50 {width: 100%;}
.bnr-01 img{
width: 450px;
max-width: 90%;
}
}

/*------------------------------------------
【共通】bnr-02
------------------------------------------*/
section.bnr-02 {
padding: 3em 0;
}
.bnr-02 ul.flexbox {
width: 100%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
align-content: space-around;
align-items: stretch;
flex-direction: row;
justify-content: space-between;
}
.bnr-02 ul.flexbox li {
width: 46%;
margin: 2%;
}

@media screen and (max-width:768px) {
section.bnr-02 {padding: 0em 0;}
.bnr-02 ul.flexbox {display: block;}
.bnr-02 ul.flexbox li {
width: 450px;
max-width: 90%;
margin:10% auto;
}
}

/*-------------------------------------------
TOPへ戻る
-------------------------------------------*/
.to_top {
position: fixed;
bottom: 0px;
right: 0px;
z-index: 800;
}
.to_top a {
background-color: #93cf34;
color: #fff;
text-decoration: none;
text-align: center;
display: block;
width: 60px;
height: 60px;
font-size: 30px;
line-height: 60px;
}
.to_top a:hover {
opacity: 0.9;
}

/*-------------------------------------------
PAGINATION
-------------------------------------------*/
#pagination {
  width: 100%;
  margin: min(3.5vw, 30px) auto;
}
#pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
#pagination li {
  margin-right: 7px;
  margin-left: 7px;
  line-height: 1.5;
}
#pagination li a {
  display: flex;
  font-size: 80%;
  color: #93cf34;
  border: 1px solid #93cf34;
  width: min(10vw, 48px);
  height: 42px;
  /* padding-top: 3px; */
  align-items: center;
  justify-content: center;
}
#pagination li.active a {
  background: #93cf34;
  color: #fff;
}