@charset "utf-8";
/*style_common*/
@import url( "reset.css");

body{font-family:
		"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",
		"游ゴシック Medium", "Yu Gothic Medium",YuGothic,"Yu Gothic M","游ゴシック体",
		"メイリオ", Meiryo, Osaka,
		"ＭＳ Ｐゴシック", "MS PGothic",
		"sans-serif";
}
p{text-align: justify;font-size: 1.8rem;}

/*COMMON********************/
.family_serif{font-family: YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";}
.maxw1280{width: 90%; max-width:1280px; margin: 0 auto;}
.maxw1000{width: 90%; max-width:1000px; margin: 0 auto;}
.maxw960{width: 90%; max-width:960px; margin: 0 auto;}
.sp{display: none;}
.tac{text-align: center;}
.tal{text-align: left;}
.flx{display: -webkit-flex; display: -moz-flex; display: -ms-flex;display: -o-flex; display: flex; justify-content: space-between; width: 90%; max-width: 1280px;margin: auto; }
.page_inner{padding-top: 90px;padding-bottom: 125px;}
.page_inner.cream{background-color: #FFFCF2;}
.page_inner2{padding-top: 0;padding-bottom: 125px;}
.page_inner3{padding-top: 0;padding-bottom: 0;}

/*見出し*/
h1,h2,h3{font-weight: nomal; font-family: 'Kosugi Maru', sans-serif;}
h1{text-align: left;font-size: 36px;}
h2{color:#00BFD5; margin-bottom: 1.6em; font-size: 3.6rem;text-align: center;}
h2.top{/*color: #707070;*/}
h3{color:#DF6EA3; margin-bottom: 2.0em; font-size: 3.2rem;text-align: center;position: relative;}
h3:after{content:"";position: absolute; bottom:-20px; left:calc(50% - 40px);background-color: #707070;height: 1px;width: 80px;}
.hdbg{ background-image: url(../images/hdbg.jpg);background-repeat: no-repeat;background-size: cover;position: relative;width: 100%;height: 250px;}
.hdbg h2{ width: 645px; position: absolute;bottom:0;left:calc(50% - 322px);background-color: #FFF; border-radius: 50px 50px 0 0;line-height: 3.0;margin-bottom: 0;}
.hdbg h2.cream{ background-color: #FFFCF2;}

/*共通ボタン*/
a.button{width:100%;max-width: 300px; display: block; color: #DF6EA3; font-size: 2rem; background-image: url("../images/button_arrow.png"); background-repeat: no-repeat; background-position: right 20px center; padding: 1em 30px; box-sizing: border-box; transition: all .3s ease-out; margin: auto; border: solid 2px #DF6EA3; text-decoration: none; text-align: center; position: relative;background-color: #FFF;font-weight: 600;}
a.button:hover{background-position: right 10px center; transition: all .3s ease-out;cursor: pointer;}

@media screen and (max-width: 1280px) {
	h1{font-size: 28px; }
    h2{font-size: 2.8rem;}
    h3{font-size: 2.6rem;}
    .hdbg{height: 170px;}
}
@media screen and (max-width: 959px) {
	h1{font-size: 22px; }
    h2{font-size: 2.2rem;}
    h3{font-size: 2.0rem;}
    .hdbg{height: 140px;}
}
@media screen and (max-width: 767px) {
    .page_inner{padding-top: 50px;padding-bottom: 75px;}
    .page_inner2{padding-bottom: 75px;}
    h1{font-size: 18px; }
    h2{font-size: 2.0rem;}
    h3{font-size: 1.8rem;margin-bottom: 2.0em;}
    p{font-size: 1.4rem;}
    .pc{display: none; }
	.sp{display: block; }
    .hdbg{height: 95px;}
    .hdbg h2{ width: 70%; left:15%;border-radius: 25px 25px 0 0;}
    a.button{font-size: 1.4rem;padding: 0.85em 20px;}
    
}
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
/*HEADER***************/
#header{width:100%;position: relative;}

/*PCメニュー*/
.fixmenu{ background-color: #2F4A5E;position: fixed;top: 0;width: 100%;z-index: 9999;display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; justify-content: center; padding: 16px;text-align: center;}
.fixmenu .contactbtn,.fixmenu .telbtn{ width: 480px; border-radius: 10px;color: #FFF;display: block;font-size: 2.4rem;line-height: 2.5; font-family: 'Kosugi Maru', sans-serif;text-decoration: none;}
.fixmenu .telbtn{ background-color: #DF6EA3;margin-right: 54px;}
.fixmenu .contactbtn{ background-color: #00BFD5;}
.fixmenu .contactbtn:hover,.fixmenu .telbtn:hover{opacity: 0.9;}
.hd_menu{z-index: 999;margin: auto;}

.hd_flx{display: -webkit-flex; display: -ms-flex; display: flex;width: 100%;max-width: 1280px;margin: 110px auto 20px;justify-content: space-between; align-items: center;}
.hd_flx .logo{margin: 10px 0;display: -webkit-flex;display: -ms-flex;display: flex;justify-content: flex-start;align-items: center;}
.hd_flx .logo img{display: block;margin: 0 10px;}
.hd_flx .logo .subtitle{font-size: 18px;color: #828282;font-family: 'Kosugi Maru', sans-serif;line-height: 1.8;}
.hd_flx h1 a{color: #00BFD5;text-decoration: none;}
.hd_flx h1 a:hover{color: #63e3e8;}

.hd_flx .right .navbar{display: -webkit-flex;display: -ms-flex;display: flex;text-align: center;width: 728px;}
.hd_flx .right .navbar li{width: 20%;border-left: dotted 2px #00BFD5;box-sizing: border-box;}
.hd_flx .right .navbar li:last-child{border-right: dotted 2px #00BFD5;}
.hd_flx .right .navbar li a{color: #00BFD5;text-decoration: none;font-family: 'Kosugi Maru', sans-serif;font-size: 1.8rem;}
.hd_flx .right .navbar li a:hover{color: #63e3e8;}
.hd_flx .right .navbar li img{display: block;width:80px;height: auto;margin: 10px auto;}
.hd_flx .right .navbar li .lh{line-height: 2.0;}

.gnavi{background-color: #00BFD5;display: none;}
.navbarCollapse{display: -webkit-box; display: -ms-flex; display: flex;justify-content: space-between;margin: auto;max-width: 1280px;width: 100%;}
.navbarCollapse li{text-align: center; }
.navbarCollapse li a{font-size: 2.1rem; color: #FFF; text-decoration: none; font-weight: 600; display: block; padding: 1em; cursor: pointer;}
.navbarCollapse li a:hover{transition: all 0.3s;background-color: #3a507d;}

/*スマホメニュー*/
#navArea{display: none;}

@media screen and (max-width: 1280px) {
    .hd_flx .logo img{width: 55px;height: auto;margin: 0 5px;}
    .hd_flx .logo .subtitle{font-size: 1.5rem;}
    .hd_flx .right .navbar{width: 580px;}
    .hd_flx .right .navbar li a{font-size: 1.3rem;}
    .hd_flx .right .navbar li img{width:60px;}
}
@media screen and (max-width: 960px) {
    .hd_flx .logo .subtitle{font-size: 1.2rem;}
    .hd_flx .right .navbar{width: 470px;}
    .hd_flx .right .navbar li a{font-size: 1.2rem;}
}
@media screen and (max-width: 767px) {
    .fixmenu{ bottom: 0;top:auto; padding: 10px 0;justify-content: space-around;}
    .fixmenu .contactbtn,.fixmenu .telbtn{ width: 46%; border-radius: 5px;font-size: 1.3rem;line-height: 2.5; }
    .fixmenu .telbtn{ margin-right: 0;}
    /*右上ボタン PCメニュー非表示*/
    .hd_flx{margin: 0 auto 10px;}
    .hd_flx .right{display: none;}
    /*ロゴマークを小さく*/
    .hd_flx .logo img{width: 50px;height: auto;margin: 0 5px;}
    .hd_flx .logo .subtitle{font-size: 1rem;}
    .hd_flx .logo{margin: 5px 0;}
    /*スマホメニュー*/
    #navArea{display: block;}
    #navArea nav {display: block; position: fixed; top: 60px; left: -768px; bottom: 0; width: 100%; background: #00bfd5; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transition: all .5s; z-index:999; opacity: 1;}
    #navArea.open nav {left: 0; opacity: 1;}
    #navArea nav .inner {padding: 0;}
    #navArea nav .inner ul {list-style: none; margin: 0; padding: 0;}
    #navArea nav .inner ul li {position: relative; margin: 0; border-bottom: 1px solid #FFF; padding-left: 1em; background-image: url("../images/button_arrow_w.png"); background-repeat: no-repeat; background-position:right 1em center; transition: all .3s ease-out;}
    #navArea nav .inner ul li a {display: block; color: #FFF; font-size: 1.6rem; padding: 1em; text-decoration: none;  transition-duration: 0.2s;}
    #navArea nav .inner ul li a:hover {}
    /*.toggle_btn*/
    .toggle_btn {display: block; position: fixed; top: 0; right: 0; width: 60px; height: 60px; transition: all .5s; cursor: pointer; z-index: 12;background-color:#00bfd5; }
    .toggle_btn p{text-align: center; color: #FFF;position: absolute;bottom:5px;font-size: 0.75rem;width: 100%;}
    .toggle_btn span {display: block; position: absolute; left: 15px; width: 30px; height: 2px; background-color: #FFF; border-radius: 4px; transition: all .5s;}
    .toggle_btn span:nth-child(1) {top: 14px;}
    .toggle_btn span:nth-child(2) {top: 22px;}
    .toggle_btn span:nth-child(3) {top: 30px;}
    .open .toggle_btn span { background-color: #fff;}
    .open .toggle_btn span:nth-child(1) {-webkit-transform: translateY(8px) rotate(-315deg); transform: translateY(8px) rotate(-315deg);}
    .open .toggle_btn span:nth-child(2) {opacity: 0;}
    .open .toggle_btn span:nth-child(3) {-webkit-transform: translateY(-8px) rotate(315deg); transform: translateY(-8px) rotate(315deg);}
    
    /*#mask*/
    #mask { display: none;  transition: all .5s;}
    .open #mask {display: block; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%; background: #000;  opacity: .8;  z-index: 11;  cursor: pointer;}
}


/*ここからコンテンツ********************/

/*メインビジュアル*/
#mainvisual{width:1280px;max-width: 90%; margin: 0 auto;}
#mainvisual .item img{width: 100%; height: auto; display: block;border-radius: 100px;}
@media screen and (max-width: 767px) {
    #mainvisual .item img{border-radius: 20px;}
}

/*ご挨拶*/
#aisatsu{padding: 75px 0;}
#aisatsu .topmessage{width: 90%; max-width: 960px;margin: auto;}
#aisatsu .topmessage p{font-size: 1.8rem;line-height: 1.8;}
@media screen and (max-width: 767px) {
    #aisatsu{padding: 30px 0;}
    #aisatsu .topmessage p{font-size: 1.4rem;}
}

/*お知らせ*/
#osirase{text-align: center;background-color: #F4FAFB;padding: 75px 0;}
#osirase .twitter-timeline{margin: 0 auto;}
@media screen and (max-width: 767px) {
    #osirase{padding: 50px 0;}
}

/*運営会社*/
#unei{text-align: center;padding: 75px 0;}
#unei p{text-align: center;margin:0 auto 1.5em;font-size: 2.0rem;max-width: 90%;}
#unei p.syamei{color: #707070;font-weight: 600;}
#unei .button.gaiyou{margin-bottom: 80px;}
@media screen and (max-width: 767px) {
    #unei{padding: 50px 0;}
    #unei p{font-size: 1.4rem;}
    #unei .button.gaiyou{margin-bottom: 30px;}
}

/*書式ダウンロード*/
#syosiki{text-align: center;background-color: #DF6EA31A;padding: 75px 0;}
#syosiki p{text-align: center;margin-bottom: 1em;font-size: 1.8rem;font-weight: 600;}
#syosiki ul li a{font-size: 1.8rem;line-height: 2.0;color: #00bfd5;font-weight: 600;text-decoration: underline;}
@media screen and (max-width: 767px) {
    #syosiki{padding: 50px 0;}
    #syosiki p{font-size: 1.4rem;}
    #syosiki ul li a{font-size: 1.4rem;line-height: 2.2;}
}

/*Youtube*/
#youtube{ padding: 75px 0;text-align: center;}
#youtube .movie{ display: -webkit-flex;display: -ms-flex;display: flex;justify-content: center;}
#youtube .movie .left{margin-right: 35px;}
#youtube .movie p{text-align: center;font-size: 1.8rem;}
#youtube .movie iframe{width: 480px;height: 270px;}
@media screen and (max-width: 767px) {
    #youtube{padding: 50px 0;}
    #youtube .movie{display: block;}
    #youtube .movie .left{margin-right: 0;margin-bottom: 30px;}
    #youtube .movie p{font-size: 1.4rem;}
    #youtube .movie iframe{width: 300px;height: 169px;}
}

/*保育園の紹介*/
#hoikuhousin{position: relative;}
#hoikuhousin .housinbg{width: 100%; height: auto;position: absolute;top: 0;left: 0;z-index: -1;}
#hoikuhousin .housin_inner{padding-top: 250px;padding-bottom: 250px;}
#hoikuhousin *{text-align: center;}
#hoikuhousin .family_serif{font-size: 3.6rem;margin-bottom: 3.0em;font-weight: 600;}
#hoikuhousin h4{font-size: 2.0rem;margin-bottom: 0.5em;font-weight: 600;}
#hoikuhousin ul li{margin-bottom: 2.0em;}
#hoikuhousin ul li p{margin-bottom: 0.5em;font-size: 2.0rem;}
#hoikuhousin ul li .housinmds{font-size: 2.6rem;font-weight: 600;}
#torikumi *{text-align: center;}
#torikumi p{font-size: 2.4rem;font-weight: 600;}
#torikumi img{display: block;margin: auto;}
#torikumi img.torikumititle{max-width: 773px;width: 75%; height: auto;}
#torikumi .torikumiillust{width: 100%; max-width: 1440px; margin: auto;position: relative;}
#torikumi .torikumiillust img{width: 100%; height: auto;display: block;}
#torikumi .torikumilink{display: flex;position: absolute;bottom: 0;justify-content: center;margin: auto;width: 84%;left: 10%;}
#torikumi .torikumilink img{width: 100%;height: auto;opacity: 0;}
#torikumi .torikumilink a:hover img{opacity: 1.0;transition: all 0.3s;}
#enka{padding-top: 113px;padding-bottom: 125px; background-color: #FFFCF2;background-image: url(../images/enkabg.png);background-repeat: no-repeat;background-position: center center;}
#enka img{display: block;margin: 0 auto 50px;width: 90%;max-width:495px;height: auto; }
#enka audio{max-width: 500px;width: 90%;}
@media screen and (max-width: 767px) {
    #hoikuhousin .housin_inner{padding-top: 50px;padding-bottom: 30px;}
    #hoikuhousin .family_serif{font-size: 1.8rem;margin-bottom: 3.0em;}
    #hoikuhousin h4{font-size: 1.4rem;margin-bottom: 0.5em;}
    #hoikuhousin ul li p{font-size: 1.4rem;}
    #hoikuhousin ul li .housinmds{font-size: 1.6rem;}
    #torikumi p{font-size: 1.6rem;}
    #enka{padding-top: 50px;padding-bottom: 50px;background-image: url(../images/enkabgsp.png);background-position: top center;background-repeat: no-repeat;background-size: 100%;}
}


/*保育園の概要*/
#gaiyou{margin-bottom: 75px;}
#gaiyou table{width: 100%;margin-bottom: 50px;}
#gaiyou table th{background-color: #DF6EA350;width: 18%;}
#gaiyou table td{background-color: #FFF;width: 32%;}
#gaiyou table th,#gaiyou table td{border: solid 1px #707070;padding: 0.5em;box-sizing: border-box;font-size: 2.0rem;}
#gaiyou h4,#gaiyou p,#gaiyou ul li{font-size: 2.0rem;text-align: justify;}
#gaiyou h4{color: #df6ea3;border:solid 1px #df6ea3;background-color: #FFF;padding: 0.25em 0.5em;margin-bottom: 1em;font-weight: 600;}
#gaiyou p{margin-bottom: 0.5em;}
#gaiyou ul{ margin-bottom: 0.5em;}
#gaiyou ul li{ text-indent: -1em;padding-left: 1em;}
#gaiyou strong{ font-weight: 600;}
#gaiyou ul+h4,#gaiyou p+h4{margin-top: 1em;}
@media screen and (max-width: 767px) {
    #gaiyou{ margin-bottom: 50px;}
    #gaiyou table{ border-bottom: solid 1px #6D4A1D;margin-bottom: 30px;}
    #gaiyou table th,#gaiyou table td{display: inline-block;border-bottom: none;font-size: 1.4rem;}
    #gaiyou table th{width: 36%;border-right: 0;}
    #gaiyou table td{width: 64%;}
    #gaiyou table th.spnone,#gaiyou table td.spnone{display: none;}
    #gaiyou h4,#gaiyou p,#gaiyou ul li{font-size: 1.4rem;}
}

/*平面図*/
#map .heimenzu{margin-bottom: 75px;}
#map .heimenzu img{display: block;margin: auto;max-width:708px;width: 90%;height: auto;}
@media screen and (max-width: 767px) {
    #map .heimenzu{margin-bottom: 50px;}
}


/*バーチャル内覧会*/
#vr .vr{margin-bottom: 75px; }
@media screen and (max-width: 767px) {
    #vr .vr{margin-bottom: 50px;}
}

/*アクセス地図*/
#access{}
#access .access_flx{display: -webkit-flex;display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
#access .access_flx .left{width: 50%;}
#access .access_flx .right{width: 48%;}
#access .access_flx .right p{margin-bottom: 1em;font-size: 2.0rem;}
#access .access_flx .right strong{color: #df6ea3;font-weight: 600;}
#access .access_flx .right ul{margin-left: 1em;margin-bottom: 1em;}
#access .access_flx .right ul li{position: relative;padding-left: 1.8rem;font-size: 1.8rem;}
#access .access_flx .right ul li:before{position: absolute;content: "●";color:#df6ea3;top:0;left: 0;}
@media screen and (max-width: 767px) {
    #access .access_flx{display: block;}
    #access .access_flx .left{width: 100%;}
    #access .access_flx .right{width: 100%;}
    #access .access_flx .right p{font-size: 1.6rem;}
    #access .access_flx .right ul li{padding-left: 1.4rem;font-size: 1.4rem;}
}

/*園の一日*/
#itiniti{margin-bottom: 125px;}
#itiniti .itinitiflx{display: -webkit-flex;display: -ms-flex;display: flex;}
#itiniti .left{width:65%;}
#itiniti .left table{width: 100%;}
#itiniti .left table th p{font-size: 2.0rem;text-align: center;padding: 1rem;font-weight: 600;color: #00bfd5;}
#itiniti .left table th p.ttitle{color: #FFF;background-color: #00bfd5;border-radius: 10px;}
#itiniti .left table td{padding: 0.25rem 1rem;}
#itiniti .left table td:nth-child(1){text-align: right;font-size: 2.0rem;width: 45%;}
#itiniti .left table td:nth-child(2){text-align: center;font-size: 2.4rem;font-weight: 600;color: #00bfd5;}
#itiniti .left table td:nth-child(3){text-align: left;font-size: 2.0rem;width: 45%;}
#itiniti .right{width:35%;}
#itiniti .right table{width: 100%;}
#itiniti .right table th p{font-size: 2.0rem;text-align: center;padding: 1rem;font-weight: 600;color: #00bfd5;background-color: #FFF;border-radius: 10px;border:solid 1px #00bfd5;margin: 0 5px 10px;}
#itiniti .right table td{padding: 0 1rem;font-size: 2.0rem; background-image: url(../images/line.png);background-repeat: repeat-y;background-position: center center;}
#itiniti .right table td p{text-align: center; font-weight: 600;}
#itiniti .right table td p.blue{font-size: 2.0rem;border:solid 1px #00bfd5;background-color: #FFF;padding: 1rem;color: #00bfd5;}
#itiniti .right table td p.pink{font-size: 2.0rem;padding: 1rem;color: #df6ea3;}
#itiniti .right table td.height_a{height: 610px;}
#itiniti .right table td.height_b{height: 470px;}
@media screen and (max-width: 767px) {
    #itiniti .itinitiflx{display: block;}
    #itiniti .left{width:100%;margin-bottom: 50px;}
    #itiniti .right{width:100%;}
    #itiniti .left table td{padding: 0.25rem 0.5rem;}
    #itiniti .left table th p{font-size: 1.4rem;}
    #itiniti .left table td:nth-child(1){font-size: 1.3rem;padding-left: 0;}
    #itiniti .left table td:nth-child(2){font-size: 1.3rem;}
    #itiniti .left table td:nth-child(3){font-size: 1.3rem;padding-right: 0;}
    
    #itiniti .right table th p{font-size: 1.3rem;}
    #itiniti .right table td p.blue{font-size: 1.3rem;}
    #itiniti .right table td p.pink{font-size: 1.3rem;}
    #itiniti .right table td.height_a{height: 180px;}
    #itiniti .right table td.height_b{height: 130px;}
}

/*楽しいイベント*/
#event{}
#event .eventflx{display: -webkit-flex;display: -ms-flex;display: flex;margin-bottom: 75px;}
#event .eventflx.reverse{flex-direction: row-reverse;}
#event .eventflx.haru{background-image: url(../images/harubg.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100%;}
#event .eventflx.natsu{background-image: url(../images/natsubg.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100%;}
#event .eventflx.aki{background-image: url(../images/akibg.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100%;}
#event .eventflx.huyu{background-image: url(../images/huyubg.png);background-repeat: no-repeat;background-position: bottom center;background-size: 100%;}
#event .eventflx .kisetsu{width: 22%;}
#event .eventflx .kisetsu img{display: block;margin:0 auto 30px;}
#event .eventflx .kisetsu .eventp{text-align: center;font-size: 2.0rem;font-weight: 600;}
#event .eventflx .photo{width: 78%;}
#event .eventflx .photo ul{display: -webkit-flex;display: -ms-flex;display: flex;flex-wrap: wrap;}
#event .eventflx .photo ul li{width: 40%;margin-bottom: 20px;}
#event .eventflx .photo ul li:nth-child(1){margin-right: 20px;}
#event .eventflx .photo ul li:nth-child(3){margin-right: 20px;margin-left: auto;}
#event .eventflx .photo ul li img{width: 100%;height: auto;display: block;}
@media screen and (max-width: 960px) {
    #event .eventflx .kisetsu img{width: 130px;height: auto;}
    #event .eventflx .kisetsu .eventp{font-size: 1.6rem;}
    #event .eventflx .photo ul li{margin-bottom: 10px;}
    #event .eventflx .photo ul li:nth-child(1){margin-right: 10px;}
    #event .eventflx .photo ul li:nth-child(3){margin-right: 10px;}
}
@media screen and (max-width: 767px) {
    #event .eventflx{margin-bottom: 50px;}
    #event .eventflx .kisetsu{width: 37%;}
    #event .eventflx .kisetsu img{width: 70px;height: auto;}
    #event .eventflx .kisetsu .eventp{font-size: 1.4rem;}
    #event .eventflx .photo{width: 63%;}
    #event .eventflx .photo ul li{width: 70%;margin-bottom: 5px;}
    #event .eventflx .photo ul li:nth-child(1){margin-right: auto;}
    #event .eventflx .photo ul li:nth-child(2){margin-right: 0;margin-left: auto;}
    #event .eventflx .photo ul li:nth-child(3){margin-right: auto;margin-left: 0;}
    #event .eventflx .photo ul li:nth-child(4){margin-right: 0;margin-left: auto;}

}

/*園服紹介*/
#enpuku{margin-bottom: 75px;}
#enpuku h4,#enpuku p,#enpuku ul li{font-size: 2.0rem;text-align: justify;}
#enpuku h4{color: #df6ea3;border:solid 1px #df6ea3;background-color: #FFF;padding: 0.25em 0.5em;margin-bottom: 1em;font-weight: 600;}
#enpuku ul{ list-style-type: disc;margin-left: 2em;}
#enpuku ul li{ }
#enpuku .enpuku_txt{background-color: rgba(223,110,163,0.1);padding: 20px;border-radius: 10px;margin-bottom: 30px;}
#enpuku .flx{margin-bottom: 50px;width: 100%;}
#enpuku .photo{width: 50%;}
#enpuku .photo img{width: 100%;display: block;}
#enpuku .kinou_txt{width: 48%; }
#enpuku .line{width: 100%;height: auto;margin-bottom: 50px; }
@media screen and (max-width: 767px) {
    #enpuku{ margin-bottom: 50px;}
    #enpuku h4,#enpuku p,#enpuku ul li{font-size: 1.4rem;}
    #enpuku .enpuku_txt,#enpuku .flx,#enpuku .photo,#enpuku .line{margin-bottom: 20px;}
    #enpuku .enpuku_txt{padding: 15px;}
    #enpuku .flx{display: block;}
    #enpuku .photo,#enpuku .kinou_txt{width: 100%; }
}

/*お問い合わせ*/
#contact .kome{ font-size: 1.6rem; margin-bottom: 0.5em;text-align: justify; text-indent: -1em;padding-left: 1em; }
#contact .setumei{ font-size: 2.0rem; margin-bottom: 2rem;list-style-type: disc;margin-left: 1.5em;}
#contact .contact_info{ width:100%; margin-bottom: 0 auto 50px;}
#contact .contact_info p{ text-align: center;margin-bottom: 2rem;font-size: 2.0rem;}
#contact .contact_info .tel{ font-size: 3.4rem; color: #00bfd5;border:solid 1px #00bfd5;border-radius: 10px;padding: 0.5em;margin: 0 auto 2em;font-family: 'Kosugi Maru', sans-serif;width: 80%;box-sizing: border-box;}
#contact .contact_info .info{ font-size: 2.0rem; text-align: justify;}
#contact .formbg{ background-color: #DF6EA31A; padding: 50px;box-sizing: border-box;}
#contact .form p{ margin-bottom: 1em;}
#contact table{ width: 100%;margin: 0 auto 50px; }
#contact table.tyumon{ width: 100%;margin: 0 auto; }
#contact table.kakaku{ width: 100%;margin: 0 auto 50px; }
#contact table th{ width: 25%;color: #000000; padding:0.75em 1em; box-sizing: border-box;vertical-align: top;font-size: 2.0rem;font-weight: 600;}
#contact table td{ padding: 0.75em 1em; box-sizing: border-box;font-size: 2.0rem;}
#contact table.tyumon td{ padding: 0.5em 0; box-sizing: border-box;font-size: 2.0rem;}
#contact table.kakaku th{ padding: 0.5em 0.5em; box-sizing: border-box;font-size: 2.0rem;border: solid 1px #CCC;background-color: #dee9f0;}
#contact table.kakaku td{ padding: 0.5em 0.5em; box-sizing: border-box;font-size: 2.0rem;border: solid 1px #CCC;}
#contact table td p{font-size: 2.0rem;line-height: 2.0;}
#contact table td label{ margin-right: 20px;}
#contact table td select,
#contact table td select option,
#contact table td input[type="text"],
#contact table td input[type="tel"],
#contact table td input[type="date"],
#contact table td input[type="email"]{ padding: 0.5em; font-size: 2.0rem; border: solid 1px #CCCCCC; border-radius: 5px; box-sizing: border-box;}
#contact table td select{ width: 99%;}
#contact table td input[type="text"]{ width: 99%;}
#contact table td input[type="email"]{ width: 99%;}
#contact table td input[type="tel"]{ width: 100px;}
#contact table td input[type="checkbox"]{transform:scale(2.0);margin: 0 0.5em;}
#contact table td input.zip,#contact table td input.tel{ width: 150px;}
#contact table td input.sonota{ width: 200px;}
#contact table td textarea{ padding: 0.5em; font-size: 2.0rem; border: solid 1px #CCCCCC; border-radius: 5px; width: 100%; box-sizing: border-box;}
#contact .hissu{ color:#c51e1e;}
#contact .mw_wp_form_confirm table th .hissu{display:none;}
#contact .confirmmes{ padding:2.0em 5%; color:#FF0000; font-weight:bold; text-align:center;}
#contact .compmes{ padding:2.0em 5%; color:#FF0000; font-weight:bold; width:90%;max-width:720px;margin:30px auto;border: solid 2px #DEE9F0;text-align:center;}
#contact input[type="submit"],#contact input[type="button"]{width:100%;max-width: 300px; display: block; color: #DF6EA3; font-size: 2rem; background-image: url("../images/button_arrow.png"); background-repeat: no-repeat; background-position: right 20px center; padding: 1em 30px; box-sizing: border-box; transition: all .3s ease-out; margin: 0 auto 15px; border: solid 2px #DF6EA3; text-decoration: none; text-align: center; position: relative;background-color: #FFF;font-weight: 600;}
#contact input[type="submit"]:hover,#contact input[type="button"]:hover{background-position: right 10px center; transition: all .3s ease-out;cursor: pointer;}
@media screen and (max-width: 767px) {
	#contact .kome{ font-size: 13px;}
	#contact .setumei{ font-size: 13px;}
    #contact .contact_info{ width:90%; margin-bottom: 0 auto 30px;}
	#contact .contact_info .tel{ font-size: 2.0rem;width: 100%; }
	#contact .contact_info p{ font-size: 1.4rem;}
    #contact .contact_info .info{font-size: 1.4rem;}
    #contact .formbg{padding: 20px 5%;}
	#contact table{ margin: 0 auto 20px;}
	#contact table.kakaku{ margin: 0 auto 20px;border-top: solid 1px #CCC;}
	#contact table.tyumon{ margin: 0 auto;}
	#contact table th{ width: 32%;font-size: 1.4rem;}
	#contact table td{ font-size: 1.4rem;}
	#contact table.tyumon td{ font-size: 1.4rem;}
	#contact table.kakaku th{ font-size: 1.4rem;border-top: none;}
	#contact table.kakaku td{ font-size: 1.4rem;border-top: none;}
	#contact table td p{ font-size: 1.4rem;}
	#contact table td .horizontal-item{ display: block;margin:0;}
	#contact table td label{ margin-right: 0; display: block;}
	#contact table td br{ display: none;}
	#contact table td select,
	#contact table td select option,
	#contact table td input[type="text"],
	#contact table td input[type="tel"],
	#contact table td input[type="date"],
	#contact table td input[type="email"]{ font-size: 1.4rem;}
    #contact table td input[type="text"]{ width: 100%;}
    #contact table td input[type="email"]{ width: 100%;}
    #contact table.tyumon td select{width: 100%;}
    #contact table td input[type="checkbox"]{transform:scale(1.5);margin: 0 0.5em;}
	#contact table td textarea{ padding: 6px; font-size: 1.6rem;}
	#contact input[type="submit"],#contact input[type="button"]{  font-size: 1.4rem; }
}
@media screen and (max-width: 479px) {
	#contact .kome{ font-size: 12px;}
	#contact .contact_info .tel{ font-size: 1.6rem; }
	#contact table th,#contact table td{ display: block; width: 100%;}
	#contact table th{ padding: 0.5em 0 0 0;}
	#contact table td{ line-height: 2.0;padding: 0.5em 0;border-bottom: solid 1px rgb(230,230,230);}
	#contact table.kakaku th{ line-height: 2.0;padding: 0.25em 0.5em;border-bottom: none;}
	#contact table.kakaku td{ line-height: 2.0;padding: 0.25em 0.5em;border-bottom: solid 1px rgb(230,230,230);}
	#contact table.tyumon td{ line-height: 1.8;padding: 0.25em 0;border-bottom: none;}
    #contact table.tyumon td select{width: 60%;}
	#contact table td input[type="text"]{ width: 100%;}
	#contact table td input.zip,#contact table td input.tel{ width: 120px;}
	#contact input[type="submit"],#contact input[type="button"]{ width: 100%; box-sizing: border-box;}
}



/*FOOTER***************/
#footer{background-image: url(../images/footerbg.png);background-repeat: repeat-x;background-position: top;background-size: 100%;width: 100%; margin: auto;padding: 170px 0 50px;}
#footer.cream{background-image: url(../images/footerbgcream.png);}
#footer p{color:#707070;text-align: center;}
#footer h2{font-size: 3.2rem;color: #df6ea3;background:none;border:none; margin: 0 auto 1em;padding: 0;text-align: center;}
#footer .address a{color:#707070; }
#page_top{position: fixed; right: 5px; opacity: 0.8; z-index:9998; display: block; }
#page_top img{display: block;}
#page_top:hover{opacity: 1.0; cursor: pointer;}
@media screen and (max-width: 767px) {
    #footer{background-image: url(../images/footerbg_sp.png);padding: 90px 0 80px;}
    #footer.cream{background-image: url(../images/footerbgcream_sp.png);}
    #footer {margin: 0 auto;}
    #footer h2{font-size: 1.8rem;}
    #footer p{font-size: 1.4rem; }
    #page_top img{width: 30px;height: auto;}
}

/*animate.css*/
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInLeft {
from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInLeft {
from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInRight {
from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInUp {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes fadeInUp {
from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
to {opacity: 1;-webkit-transform: none;transform: none;}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}