@charset "utf-8";

/*************************************************/

/*　メインカラーを置換してください      */
/*　color:#FF9900;　  */


/*************************************************/
/*main color #3a8f3e*/
h1 {
 color: #000;
 background: none;
}

h2.h2_title:after {
 border-bottom: solid 4px #3a8f3e;
}

body {
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
 font-weight: 500;
}

.copyright {
 font-size: 11px;
}

.fonticon-color {
 color: #3a8f3e;
}

.fonticon-color_inner i {
 color: #3a8f3e;
}

.back-color {
 background: #faf8f3;
 color: #000;
 padding: 0;
 margin: 0;
 line-height: 30px;
}


.boder-color {
 border-color: #3a8f3e;
}

.boder_top-color {
 border-top-color: #3a8f3e;
}

.boder_left-color {
 border-left-color: #3a8f3e;
}

.headder_boder-color {
 border-top-color: #3a8f3e;
}

.shadow-color {
 box-shadow: #A66400 0px 2px 0px 0px;
 -webkit-box-shadow: #A66400 0px 2px 0px 0px;
 -moz-box-shadow: #A66400 0px 2px 0px 0px;
}

/*sub color*/
.sub_color {
 background: #401000 !important;
}

.sub-border_color {
 border-color: #401000;
}

.sub-border-top_color {
 border-top-color: #401000;
}

.sub-border-bottom_color {
 border-bottom-color: #401000;
}

.tabList li.active {
 background: #401000;
}

.favorite-01 {
 color: #FFBF00;
}

.favorite-02 {
 color: #3a8f3e;
}

.favorite-03 {
 color: #663300;
}

.favorite-04 {
 color: #000;
}

.favorite-05 {
 color: #D93600;
}

.favorite-06 {
 color: #684E02;
}

.favorite-07 {
 color: #465614;
}

.slide_list a i,
.slide_list a i {
 color: #3a8f3e;
}

.li_regist {
 display: none !important;
}

/* ----------------------------------------
　学区検索　表示・非表示
---------------------------------------- */
/*
.gakku_comment , .srch_school , .s-school , .sho_school , .sho_school_text , .list_map_school , .sho_catalog_school, .sho_school_ruiji{
	display:none;
}
*/

/* ----------------------------------------
　来店予約システム
---------------------------------------- */

/* ----------------------------------------
　利用する場合はこちらを読み込む
---------------------------------------- */

.on_raiten {
 display: none !important;
}


/* ----------------------------------------
　利用しない場合はこちらを読み込む
---------------------------------------- */
/*
.off_raiten{
	display:none !important;
}
*/

/* ----------------------------------------
フッター固定
---------------------------------------- */

.fixfoot {
 width: 100%;
 position: fixed;
 bottom: -1px;
 height: 60px;
 background-color: #FFF;
 z-index: 999;
 border-top: 2px solid #3a8f3e;
 margin: 0px;
 padding: 0px;
 background-color: #f5f5f5;
}

.fixfoot ul {
 width: 100%;
 margin: 0px;
 height: 100%;
 padding: 0px;
 list-style: none;
 display: flex;
}

.fixfoot ul li {
 text-align: center;
 vertical-align: middle;
 height: 100%;
 margin: 0px;
 padding: 0px;
 border-right: 1px solid #ddd;
 flex: 1;
 display: block;
}

.fixfoot ul li:last-child {
 border: none;
 background: #faf8f3;
}

.fixfoot ul li:last-child i {
 color: #3a8f3e;
 display: table;
 font-size: 24px;
}

.fixfoot ul li:last-child span {
 color: #3a8f3e;
 display: none;
}

.fixfoot ul li a {
 display: block;
 width: 100%;
 height: 100%;
 font-size: 12px;
 font-weight: 500;
 padding: 15px 0px 0px 0px;
 margin: 0px;
 color: #333;
 background: #fff;
}

.fixfoot ul li:nth-child(3) a {
 font-size: 11px;
}

.fixfoot ul li:nth-child(1) i,
.fixfoot ul li:nth-child(2) i {
 color: #ffa8aa;
}



.fixfoot ul li a img {
 width: 70%;
 max-height: 65px;
}

.fixfoot ul li i {
 width: 100%;
 height: 17px;
 display: block;
 text-align: center;
 font-size: 14px;
}

.fixfoot ul li span {
 font-size: 12px;
}

.dra_tl p {
 background: #3a8f3e;
 color: #fff;
}



/* ----------------------------------------
レンタルコンテンツのお問合せボタン
---------------------------------------- */
.rental_inq {
 width: 90%;
 margin: 0 auto;
}

.rental_inq a {
 box-sizing: border-box;
 border: 3px solid #ff7f00;
 background: #ff7f00;
 color: #fff;
 position: relative;
 display: block;
 font-size: 5.5vw;
 line-height: 5vh;
 padding: 5% 0;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 letter-spacing: 1px;
}

.rental_inq a:after {
 position: absolute;
 bottom: -5px;
 content: "";
 vertical-align: middle;
 right: -5px;
 box-sizing: border-box;
 width: 10px;
 height: 10px;
 border: 10px solid transparent;
 border-left: 10px solid #FFF;
 transform: rotate(45deg);
}

/* ----------------------------------------
header
---------------------------------------- */
header {
 border-bottom: none;
 margin: 10px 0;
}

.logo {
 width: 70%;
}

.header_inner {
 width: 96%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin: 0 auto;
}

.hr_con {
 width: 28%;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.hr_con ul {
 width: 100%;
}

.hr_con ul li a {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: 30px;
 border-radius: 20px;
 text-align: center;
 line-height: 28px;
 color: #fff;
 font-size: 3vw;
 font-weight: bold;
 background: #ffa8aa;
 border: 1px solid #ffa8aa;
 box-sizing: border-box;
}

.hr_con ul li:last-child a {
 margin-top: 5px;
 background: #06c755;
 border: 1px solid #06c755;

}

.hr_con ul li a:hover {
 color: #ffa8aa;
 background: #fff;
}

.hr_con ul li:last-child a:hover {
 color: #06c755;
 background: #fff;
}


/* ----------------------------------------
footer
---------------------------------------- */
footer {
 background: url(../img/sp/footer_bg_sp.png);
 background-size: contain;
 background-position: top;
 padding-top: 60px;
 margin-top: 120px;
 background-repeat-y: no-repeat;
 position: relative;
}

footer::before {
 content: "";
 background: url(../img/sp/f_icon_l.png);
 background-size: contain;
 background-repeat: no-repeat;
 width: 16%;
 height: 50px;
 position: absolute;
 left: 2%;
 top: -15px;
}

footer::after {
 content: "";
 background: url(../img/sp/f_icon_r.png);
 background-size: contain;
 background-repeat: no-repeat;
 width: 50%;
 height: 70px;
 position: absolute;
 right: -12%;
 top: -5vw;
}

.f_txt_menu {
 background: #e5f5f6;
 padding: 10px 5% 30px;
 margin: 0;
}

.footer_inner_c {
 background: #e5f5f6;
}


.f_b_wrap {
 background: #fff;
 padding: 20px 0;
 text-align: center;
}

.f_b_inner {
 width: 90%;
 margin: 0 auto;
 text-align: center;
}

.f_b_con_l span {
 font-size: 10px;
}

.f_b_con_l p {
 font-size: 16px;
 line-height: 26px;
 font-weight: 500;
 margin: 10px 0 30px;
}

.f_b_con_l ul {
 display: flex;
 justify-content: space-between;
 margin: 20px 0;
}

.f_b_con_l ul li {
 width: 32%;
}

.f_b_con_l ul li a {
 display: block;
 line-height: 35px;
 height: 35px;
 color: #fff;
 background: #3a8f3e;
 position: relative;
 border-radius: 30px;
 font-size: 3.5vw;
 letter-spacing: 0.05em;
}

.f_b_con_l ul li a:hover {
 opacity: 0.8;
}

.f_b_con_r ul {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 margin: 20px 0;
}

.f_b_con_r ul li a {
 display: block;
 text-decoration: underline;
 color: #3a8f3e;
 font-size: 3.5vw;
 padding: 0 15px;
 border-right: 1px solid #000;
 line-height: 25px;
 margin-bottom: 10px;
}

.f_b_con_r ul li:last-child a {
 border-right: none;
}

.f_b_con_r span {
 font-size: 11px;
}

.f_logo span {
 font-size: 11px;
}

.f_tel {
 text-align: center;
 margin-top: 10px;
}

.f_tel img {
 width: 70%;
}

.inq_form .required p {
 display: none;
}

.inq_form th span {
 float: inherit;
 display: inline-block;
}


span.bukken_icon_down {
 display: none;
}

.shosai_bnr {
 width: 96%;
 margin: 30px auto;
}