@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,.luxbar-item a
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,z
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    line-height: 1;
    font-size: 15px;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
ol, ul {
	list-style: none;
    list-style-position: inside
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
    line-height: 1.7;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    opacity: 0.8;
}
p {
    line-height: 1.7;
}
li {
    line-height: 1.7;
    
}
strong {
    font-weight: bold;
}
@media screen and (min-width:768px) and ( max-width:1024px){
}
@media screen and (max-width: 480px) {
}
/*************************************
*************************************
共通
*************************************
*************************************/
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
/* スマホで文字入力時拡大させない */
#MailMessageIndexForm input[type=text], textarea, select, input[type=password] {
  font-size: 0.8em;
/*   transform: scale(0.8); */
}
.wrapper {
    overflow: hidden;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.container {
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.disp_pc {
    display: block;
}
.disp_tab {
    display: none;
}
.disp_sp {
    display: none;
}
.disp_pc_tab {
    display: block;
}
.disp_tab_sp {
    display: none;
}

#return_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 500;
}
.dispFlex {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.h2Blue {
    font-size: 21px;
    background-color: #334ba8;
    text-align: center;
    color: #fff;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.title_H2 h2 {
    font-size: 1.8em;
    text-align: center;
    font-family: serif;
    font-weight: bold;
    margin-bottom: 20px;
}
/*下層ページ共通*/
#under_top {
}
.under_topImg {
    background-image: url(../images/aomorihiba_h2_back.jpg);
    height: 300px;
    box-sizing: border-box;
}
.under_topImg img{
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
#Crumbs {
    margin: auto;
    position: relative;
    font-size: 15px;
    z-index: 20;
    margin-top: 15px;
    margin-bottom: 15px;
}
#under_top h2 {
    text-align: center;
    position: relative;
    top: 40%;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
    max-width: 70%;
    margin: 0 auto;
}
h3 {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #0F71B6;
    border-bottom: 1px solid #0F71B6;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.underBox {
    width: 80%;
    margin: 0 auto;
}
.under_Text {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.txtPink {
    color: #E4005A;
}
@media screen and (min-width:768px) and ( max-width:1024px){
    .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .disp_pc {
        display: none;
    }
    .disp_tab {
        display: block;
    }
    .disp_tab_sp {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
	
    .disp_tab_sp {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .container {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .disp_tab {
        display: none;
    }
    .disp_pc {
        display: none;
    }
   .disp_sp {
        display: block;
    }
    .disp_pc_tab {
    display: none;
    }
     .disp_tab_sp {
        display: block;
    }
    #return_top {
        bottom: 80px;
        display: none;
    }
    .under_topImg {
        height: auto;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .under_Text {
        width: 100%;
    }
    h3 {
        font-size: 1.5em;
    }
}
/*************************************
ヘッダー
*************************************/
header {
}
header h1 {
    font-size: 13px;
    text-align: center;
    color: #7D6439;
    border-bottom: 1px solid #7D6439;
    padding-top: 5px;
    padding-bottom: 5px;
}
.header_box {
    margin-top: 20px;
    margin-bottom: 20px;
}
.header_left {
    float: left;
    width: 48%;
}
.header_right {
    float: right;
/*    width: 50%;*/
}
.header_tel {
    float: right;
    padding-top: 20px;
}
.header_contact {
    float: left;
    margin-left: 10px;
}
.header_contact img {
    display: block;
}
@media screen and (min-width:768px) and ( max-width:1024px){
    .header_left img {
        width: 70%;
    }
    .header_right {
        width: 48%;
    }
    .header_tel {
/*        width: 55%;*/
    }
    .header_contact  {
        margin-left: 3%;
        width: 40%;
    }
    .header_tel img{
        width: 100%;
    }
    .header_contact img {
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .header_left img{
        max-width: 100%;
    }
    .header_right {
        width: 48%;
    }
    .header_tel {
        max-width: 60%;
        padding-top: 5px;
    }
    .header_tel img{
        max-width: 100%;
    }
    .header_contact  {
        max-width: 30%;
    }
    .header_contact img {
        max-width: 100%;
    }
    .disp_pc_tab {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .header_left {
        width: 50%;
        margin-bottom: 10px;
    }
    .header_left img{
        width: 100%;
    }
    .header_right {
    }
    .header_tel {
        max-width: 100%;
        text-align: center;
    }
    .header_tel img{
        width: 100%;
    }
}

/*************************************
ナビゲーション
*************************************/
#globalNavi_pc .container {
    position: relative;
}
#globalNavi_pc .container img {
    position: absolute;
    top: 15px;
}
nav {
    background-color: #159143;
}
nav ul {
    display: flex;

    justify-content: space-between;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
nav ul li {
    width: 25%;
    text-align: center;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}
nav ul li a {
    color: #fff;
    font-size: 18px;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
}
.navBorder {
    padding-top: 2px;
    border-bottom: 1px solid #75be3a;
    margin-bottom: 10px;
}
/*スクロール固定*/
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
@media screen and (min-width:768px) and ( max-width:1024px){
    #globalNavi_pc {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    #globalNavi .uk-navbar-toggle {
        padding: 15px;
        color: #fff;
    }
    #globalNavi {
        background-color: #159143;
        margin-bottom: 10px;
    }
    #globalNavi svg {
        fill:#fff;
    }
    nav {
        background-color: transparent;
    }
    nav ul {
        display: block;
    }
    nav ul li {
        width: 100%;
        text-align: left;
        background-color: transparent;
        border-right: none;
        border-bottom: 1px solid #000;
    }
    nav ul li a {
        color: #000;
    }
    .uk-offcanvas-bar {
            background-color: #fff;
    }
    .nav_Btn_Sp1 {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    top: -4px;
    position: relative;
    }
    .nav_Btn_Sp2 {
    display: inline-block
    }
}

/*************************************
フェースブック
*************************************/
#bottom_Facebook {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #F2F2F2;
    margin-top: 50px;
}
#bottom_Facebook img {
    max-width: 100%;
    margin-bottom: 20px;
}
/*************************************
フッター
*************************************/

footer {
    padding-top: 20px;
    padding-bottom: 35px;
    font-size: 0.8em;
}
.footer_Menu {
    width: 70%;
    max-width: 1000px;
    box-sizing: border-box;
    border: 1px solid #159143;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.footer_Menu li {
    background: url(../images/footer_arrow.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 1.5em;
    font-size: 15px;
    box-sizing: border-box;
}
.footer_Menu .container {
    width: 90%;
    margin: 0 auto;
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.footer_Menu_Left {
/*    float: left;*/
/*    padding-left: 30px;*/
    width: 45%;
}
.footer_Menu_Right {
/*    float: left;*/
/*    padding-left: 30px;*/
    width: 55%;
}
.footerLeft {
    float: left;
    width: 40%;
}
.footerLeft img{
    max-width: 100%;
}

.footerRight {
    float: right;
    width: 60%;
    margin-top: 20px;
}
.footerLogo {
    margin-bottom: 20px;
}
.fotoerAddress {
    margin-bottom: 20px;
}
.fotoerAddress span.ml10px {
    margin-left: 10px;
}
.copyright {
    background-color: #159143;
    padding-top: 5px;
    padding-bottom: 5px;
}
.copyright span {
    color: #fff;
    font-size: 13px;
}
.copy_seisaku p {
    font-size: 0.8em;
}
.footerBar_Sp {
    padding: 10px;
/*    background: rgba(21,145,67,0.8);*/
    background: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.contactNav_Sp {
    display: none;
}
@media screen and (min-width:768px) and ( max-width:1024px){
    .footer_Menu {
        width: 70%;
    }



    .footerLogo {
        width: 100%;
    }
    .footerLogo img {
        width: 100%;
    }
    .footerTel {
        width: 100%;
        margin-left: 0;
    }
    .footerTel img {
        width: 80%;
    }
    .fotoerAddress {
        margin-left: 0;
    }
    .fotoerAddress span.ml10px {
        margin-left: 0;
    }
    .contactNav_Sp {
        display: none;
    }
    .footer_Menu_Left {
        padding-left: 0;
/*        position: absolute;*/
        left: 10%;
    }
    .footer_Menu_Right {
        padding-left: 0;
/*        position: absolute;*/
        right: 10%;
    }
    .footer_Menu .container {
        width: 80%;
        margin: 0 auto;
/*        position: relative;*/
/*        height: 100px;*/
    }

}

@media screen and (max-width: 767px) {
    .mr40px {
        margin-right: 0;
    }
    .fotterRightContact img {
    width: 48%;
}
    .contactNav_Sp {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .footer_Menu {
        width: 95%;
    }
    .footer_Menu .container {
        width: 100%;
        margin: 0 auto;
    }
	

	
    .footer_Menu_Left {
        float: left;
        padding-left: 10px;
    }
    .footer_Menu_Right {
        float: left;
        padding-left: 10px;
    }
    
    .footerLeft {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .footerRight {
        float: none;
        width: 100%;
    }
    .footerLogo {
        width: 100%;
    }
    .footerLogo img {
        width: 100%;
    }
    .footerTel {
        width: 100%;
        margin-left: 0;
    }
    .footerTel img {
        width: 80%;
    }
    .fotoerAddress {
        margin-left: 0;
    }
    .fotterRightContact img {
        width: 48%;
    }
    .fotterRightContact {
        text-align: left;
    }
    .mr40px {
        margin-right: 0;
    }
    .contactNav_Sp {
        display: block;
    }
    .footer_Menu li {
        padding-top: 5px;
        padding-bottom: 4px;
        font-size: 1em;
    }
}

/*************************************
コピーライト
*************************************/
.copyright {
    text-align: center;
    font-size: 14px;
}
@media screen and (min-width:768px) and ( max-width:1024px){
}
@media screen and (max-width: 480px) {
    .copyright {
        margin-bottom: 79px;
    }
    .bottomContact img {
        width: 100%;
    }
    .footerBoxLeft {
        float: none;
        margin-top: 20px;
        width: 100%;
    }
    .footerBoxLeft img{
        max-width: 100%;
        width: auto;
    }
    .footerBoxRight {
        float: none;
        width: 100%;
    }
    .footerBoxRight ul {
        display: flex;

        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
    }
    .footerBoxRight li {
        width: 48%;
    }
}

/*************************************
トップ
*************************************/
.top {
    margin-top: 10px;
    margin-bottom: 10px;
}
    .top_slide img {
        max-width: 100%;
    }

.main_pc{
	display:block;
}

.main_sp{
		display:none;
}

.top_MainBottom {
    margin-top: 50px;
    margin-bottom: 50px;
}

.top_kikaku{
    margin-top: 0px;
    margin-bottom: 50px;
}

.top_MainBottom ul {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.top_MainBottom li {
    width: 49%;
    text-align: center;
}
.top_MainBottom li img {
    max-width: 100%;
}
.top_Present,.top_kangen_bnr {
    text-align: center;
    margin-bottom: 40px;
}
.top_Present img,.top_kangen_bnr img {
    max-width: 100%;
}
.top_Tokucho {
    margin: 50px 0;
}
.top_Tokucho ul {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.top_Tokucho li {
    width: 33.3333%;
    border: 1px dotted #C9CACA;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.top_Tokucho li div{
  display: flex;

  align-items: center;
  height: 30%;
}


.top_Tokucho_Main {
    font-size: 1.5em;
    font-weight: bold;
    color: #0066CC;
    text-align: center;
    line-height: 1.3;
    padding-top: 25px;
    padding-bottom: 20px;
    box-sizing: border-box;
  width: 100%;
  flex: 1;
}

.top_Tokucho_Text{
	  width: 90%;
    margin: 0 auto 15px;
}

.top_Tokucho li img{
    max-width: 100%;
	display:block;
}

.top_Tokucho_Bottom {
    margin-bottom: 50px;
}
.top_Tokucho_Bottom ul {
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
}
.top_Tokucho_Bottom li {
    width: 49%;
}
.top_Tokucho_Bottom img {
    max-width: 100%;
}




/*ココだけリフォームリスト------------------------------*/

/*ページ内ジャンプ時のずれ防止*/
#kokodake_menu{
   margin-top:-110px;
  padding-top:110px;
}

#order_menu{
   margin-top:-90px;
  padding-top:90px;
}


.top_kokodake,.top_order{
    margin-bottom: 50px;
}

.top_kokodake .title_H2 h2,.top_order .title_H2 h2{
    margin-bottom: 10px;
}

.top_kokodake p,.top_order p{
	text-align: center;
    margin-bottom: 10px;
    width: 100%;
}

.kokodake_list{
width:100%;
}

.kokodake_list ul{
	display:flex;
	justify-content: space-between;
　flex-direction: row;
    margin-bottom: 25px;
flex-wrap:wrap;
}

.kokodake_list li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
width: calc(96% / 3);
height: auto;
padding:10px;
position:relative;
  transition-property: all;
  transition: 0.2s linear;
}

.kokodake_list li:hover{
	background-color:#FFFDEC;
}

.kokodake_list li a{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.kokodake_list h4{
font-weight:bold;
	font-size:21px;

    margin-bottom: 5px;
    margin-right: 20px;
width: auto;
}

.kokodake_list h4::after{
content:url("../images/top_kokodake_arrow.png");
position:absolute;
right:15px;
}

.kokodake_list p{
	text-align: left;
}

.kokodake_list img{
	width:100%;
	max-width:100%;
}

.br_desk,.br_stmkitchen{
	display:none;
}

/*/ココだけリフォーム*/

.top_News {
    margin-bottom: 50px;
}
.top_News_Box {
    width: 60%;
    margin: 0 auto;
    border-top: 1px solid #0F71B6;
    border-bottom: 1px solid #0F71B6;
    padding-top: 10px;
    padding-bottom: 10px;
}
.bottom_Banner {
    margin-top: 100px;
}
.bottom_Banner_Box {
    width: 80%;
    margin: 0 auto;
}
.bottom_Banner_Tel {
    float: left;
    margin-right: 10px;
}
.bottom_Banner_Mail {
    float: left;
}
.top_slide img {
    max-width: 100%;
}
.top_Blog_Bnr {
    text-align: center;
    margin-top: 30px;
}
.top_Blog_Bnr img {
    max-width: 100%;
}

.top_contact_bnr{
    margin: 50px auto 75px;
}




@media screen and (min-width:768px) and ( max-width:1024px){
    .top {
        width: 100%;
    }
    .top_slide img {
        width: 100%;
    }
    .bottom_Banner_Tel {
        width: 80%;
        margin-right: 10px;
    }
    .bottom_Banner_Mail {
        width: 15%;
    }
    .bottom_Banner_Tel img {
        max-width: 100%;
    }
    .bottom_Banner_Mail img {
        max-width: 100%;
    }
}

@media screen and (max-width:768px){

	
.kokodake_list li{
  width: calc(98%/2);
}
	
.kokodake_list h4{
	font-size:1.2rem;
}

}

@media screen and (max-width:600px){
.br_desk{
	display:block;
}
}

@media screen  and (min-width: 481px) and (max-width: 767px) {
    .bottom_Banner_Tel {
        width: 80%;
        margin-right: 10px;
    }
    .bottom_Banner_Mail {
        width: 15%;
    }
        .bottom_Banner_Tel img {
        max-width: 100%;
    }
    .bottom_Banner_Mail img {
        max-width: 100%;
    }
	
}
@media screen and (max-width: 480px) {
    .top {
        width: 100%;
    }
    .top_slide img {
        width: 100%;
    }
	
.main_pc{
		display:none;
}

.main_sp{
	display:block;
        width: 100vw;
margin:-10px auto 0;
}
	
	
    .top_MainBottom li {
        width: 100%;
        margin-bottom: 10px;
    }
    .top_Tokucho li {
        width: 100%;
    }

.top_Tokucho li img{
    margin: 0 auto 25px;
}
	
    .top_Tokucho_Bottom li {
        width: 100%;
    }

    .top_News_Box {
        width: 100%;
    }
    .bottom_Banner_Box {
        width: 100%;
    }
    .bottom_Banner_Tel {
        width: 78%;
        margin-right: 10px;
    }
    .bottom_Banner_Mail {
        width: 15%;
    }
    .bottom_Banner_Tel img {
        max-width: 100%;
    }
    .bottom_Banner_Mail img {
        max-width: 100%;
    }
}

@media screen and (max-width: 490px) {
.br_desk{
	display:none;
}
}

@media screen and (max-width: 440px) {
.br_stmkitchen{
	display:block;
}
}

/*************************************
青森ひばとは
*************************************/
#aomorihiba {
    
}
.aomorihiba_Box {
    margin-bottom: 40px;
}
.aomorihiba_Contents_01 {
    
}
.aomorihiba_Contents_01 .aomorihiba_Contents_Left {
    float: left;
    width: 48%;
}
.aomorihiba_Contents_01 .aomorihiba_Contents_Left img {
    max-width: 100%;
}
.aomorihiba_Contents_01 .aomorihiba_Contents_Right {
    float: right;
    width: 48%;
}
.aomorihiba_Contents_02 .aomorihiba_Contents_Left {
    float: left;
    width: 48%;
}
.aomorihiba_Contents_02 .aomorihiba_Contents_Left img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.aomorihiba_Contents_02 .aomorihiba_Contents_Right {
    float: right;
    width: 48%;
}
.aomorihiba_Contents_02 .aomorihiba_Contents_Right img {
    max-width: 100%;
}
.aomorihiba_Contents_03 .aomorihiba_Contents_Right {
    float: right;
    width: 48%;
}
.aomorihiba_Contents_03 .aomorihiba_Contents_Right img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}
.aomorihiba_Contents_03 .aomorihiba_Contents_Left {
    float: left;
    width: 48%;
}
.aomorihiba_Contents_03 .aomorihiba_Contents_Left img {
    max-width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    .under_topImg .aomorihiba_h2 img {
        width: 50%;
    }
    .aomorihiba_Contents_01 .aomorihiba_Contents_Left {
        float: none;
        width: 100%;
    }
    .aomorihiba_Contents_01 .aomorihiba_Contents_Right {
        float: none;
        width: 100%;
    }
    .aomorihiba_Contents_02 .aomorihiba_Contents_Left {
        float: none;
        width: 100%;
    }
    .aomorihiba_Contents_02 .aomorihiba_Contents_Right {
        float: none;
        width: 100%;
    }
    .aomorihiba_Contents_03 .aomorihiba_Contents_Right {
        float: none;
        width: 100%;
    }
    .aomorihiba_Contents_03 .aomorihiba_Contents_Left {
        float: none;
        width: 100%;
    }
}

/*************************************
私達のいえづくり
*************************************/
#iedukuri {
    
}
#iedukuri .under_topImg {
    background-image: url(../images/iedukuri_h2_back.jpg);
}
#iedukuri h4{
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.iedukuri_Box {
    margin-bottom: 40px;
}
.iedukuri_Qa {
    margin-bottom: 40px;
}
.iedukuri_Contents_01 .iedukuri_Contents_Left {
    float: left;
    width: 48%;
}
.iedukuri_Contents_01 .iedukuri_Contents_Left img {
    max-width: 100%;
}
.iedukuri_Contents_01 .iedukuri_Contents_Right {
    float: right;
    width: 48%;
}
.iedukuri_Contents_02 .iedukuri_Contents_Left {
    float: left;
    width: 48%;
}
.iedukuri_Contents_02 .iedukuri_Contents_Right img {
    max-width: 100%;
}
.iedukuri_Contents_02 .iedukuri_Contents_Right {
    float: right;
    width: 48%;
}
.iedukuri_Qa table {
    width: 80%;
    margin: 0 auto;
}
.iedukuri_Qa tr{
    margin-bottom: 20px;
}
.iedukuri_Qa tr.qText {
    color: #451F00;
    background: #EEE4CB;
}
.iedukuri_Qa th {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    width: 15%;
    text-align: right;
}
.iedukuri_Qa td {
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    width: 85%;
    text-align: left;
}
.iedukuri_Contents_03 {
    width: 70%;
    margin: 0 auto;
}
.iedukuri_Contents_03 .iedukuri_Contents_Left {
    float: left;
    width: 40%;
    padding-right: 2%;
}
.iedukuri_Contents_03 .iedukuri_Contents_Left img {
    max-width: 100%;
}
.iedukuri_Contents_03 .iedukuri_Contents_Right {
    float: left;
    width: 48%;
}
.iedukuri_Box p {
    margin-bottom: 20px;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    #iedukuri .under_topImg img {
        width: 70%;
    }
    #iedukuri h4{
        font-size: 1.5em;
    }
    .iedukuri_Contents_01 .iedukuri_Contents_Left {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .iedukuri_Contents_01 .iedukuri_Contents_Right {
        float: none;
        width: 100%;
    }
    .iedukuri_Contents_02 .iedukuri_Contents_Left {
        float: none;
        width: 100%;
    }
    .iedukuri_Contents_02 .iedukuri_Contents_Right {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }
    .iedukuri_Qa table {
        width: 100%;
    }
    .iedukuri_Contents_03 {
        width: 100%;
    }
    .iedukuri_Contents_03 .iedukuri_Contents_Left {
        float: none;
        width: 100%;
        padding-right: 0;
        text-align: center;
        margin-bottom: 15px;
    }
    .iedukuri_Contents_03 .iedukuri_Contents_Right {
        float: none;
        width: 100%;
    }
}
/*************************************
プラン
*************************************/
#plan .under_topImg {
    background-image: url(../images/plan_h2_back.jpg);
}
#plan .under_Text {
    max-width: 100%;
}
#plan .under_Text img {
    max-width: 100%;
}
.plan_Box {
    margin-bottom: 40px;
}
.plan_Box_Inner_Img {
    text-align: center;
    margin-bottom: 30px;
}
.plan_Box_Inner_Img img{
    max-width: 100%;
}
.plan_Box_Inner_Text {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.plan_Btn {
    text-align: center;
}
.plan_Btn img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.plan_Btn img:hover {
    opacity: 0.6;
}
.plan_List {
    margin-bottom: 50px;
}
.plan_List ul {
    justify-content: end;
}
.plan_List li {
    width: 12.5%;
}
.plan_List li img{
    max-width: 100%;
}
.plan_Btn {
    max-width: 100%;
}
.plan_Btn img{
    max-width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    #plan .under_topImg img {
        width: 30%;
    }
    .plan_List li {
        width: 33%;
    }
    .plan_Box_Inner_Text {
        width: 100%;
    }
}
/*************************************
展示場見学
*************************************/
#tenji .under_topImg {
    background-image: url(../images/tenji_h2_back.jpg);
}
.tenji_Top {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.tenji_Top_Img {
    margin-bottom: 30px;
}
.tenji_Top_Img img{
    max-width: 100%;
}
.tenji_Top_Text {
    margin-bottom: 30px;
}
.tenji_Top_Tel {
    max-width: 100%;
}
.tenji_Top_Tel img{
    max-width: 100%;
}
.tenji_Access {
    text-align: center;
}
.tenji_Access_Text {
    margin-bottom: 30px;
}
.tenji_Access iframe {
    max-width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
#tenji .under_topImg img {
    width: 50%;
}
}
/*************************************
会社案内
*************************************/
#company .under_topImg {
    background-image: url(../images/company_h2_back.jpg);
}
#company .under_Text img {
    max-width: 100%;
}
#company_Greet {
    margin-bottom: 40px;
}
.company_Greet_Box01 .company_Greet_Box_Left {
    float: left;
    width: 48%;
}
.company_Greet_Box01 .company_Greet_Box_Left img{
    max-width: 100%;
}
.company_Greet_Box01 .company_Greet_Box_Right {
    float: right;
    width: 48%;
}
.company_Greet_Box01 .company_Greet_Box_Right p {
    margin-bottom: 20px;
}
.company_Greet_Box02 .company_Greet_Box_Right {
    width: 48%;
    float: right;
}
.company_Greet_Box02 .company_Greet_Box_Right img{
    max-width: 100%;
}
.company_Greet_Box02 .company_Greet_Box_Left {
    float: left;
    width: 48%;
}
.company_Greet_Box02 .company_Greet_Box_Left p {
    margin-bottom: 20px;
}
#company_Rinen {
    text-align: center;
    margin-bottom: 40px;
}
.company_Rinen_Box img {
    max-width: 100%;
}
#company_Gaiyo {
    margin-bottom: 40px;
}
#company_Gaiyo table {
    width: 70%;
    margin: 0 auto;
}
#company_Gaiyo th {
    width: 20%;
    background: #F2FFE7;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 30px;
    border: 1px solid #B2B2B2;
}
#company_Gaiyo td {
    width: 80%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    border: 1px solid #B2B2B2;
}
#company_Gaiyo td ul {
    list-style: disc;
    list-style-position: inside;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    #company .under_topImg img {
        width: 40%;
    }
    .company_Greet_Box01 .company_Greet_Box_Left {
        float: none;
        width: 100%;
    }
    .company_Greet_Box01 .company_Greet_Box_Left img {
        margin-bottom: 20px;
    }
    .company_Greet_Box01 .company_Greet_Box_Right {
        float: none;
        width: 100%;
    }
    .company_Greet_Box02 .company_Greet_Box_Right {
        float: none;
        width: 100%;
    }
    .company_Greet_Box02 .company_Greet_Box_Right img{
        margin-bottom: 20px;
    }
    .company_Greet_Box02 .company_Greet_Box_Left {
        float: none;
        width: 100%;
    }
    #company_Gaiyo table {
        width: 100%;
    }
    #company_Gaiyo table tr{
        border: 1px solid #B2B2B2;
    }
    #company_Gaiyo th {
        width: 100%;
        display: block;
        border: none;
    }
    #company_Gaiyo td {
        width: 100%;
        display: block;
        border: none;
    }
}
/*************************************
2000万円新築企画住宅（33坪）
*************************************/
#kikaku_01 {
  margin-top : -50px;
  padding-top : 50px;
}
#kikaku_02 {
  margin-top : -50px;
  padding-top : 50px;
}
#kikaku_03 {
  margin-top : -50px;
  padding-top : 50px;
}
#kikaku_04 {
  margin-top : -50px;
  padding-top : 50px;
}
#kikaku .under_topImg {
    background-image: url(../images/kikaku_h2_back.jpg);
}
.kikau_Top {
    margin-bottom: 20px;
}
.kikaku_Top_Img {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.kikaku_Top_Img img {
    max-width: 100%;
}
.kikaku_Top_Text {
    width: 60%;
    margin: 0 auto;
}
.kikaku_Box {
    margin-bottom: 40px;
}
.kikaku_Box_Text {
    margin-bottom: 30px;
}
.kikaku_Box_Text h4 {
    font-size: 1.5em;
    color: #159143;
    text-align: center;
    margin-bottom: 20px;
}
.kikaku_Box_Text p {
    width: 65%;
    margin: 0 auto;
}
.kikaku2_Text p{
      margin-bottom: 1rem;  
}

.kikaku_Box_house {
    margin-bottom: 30px;
}
.kikaku_Box_house li {
    width: 48%;
}
.kikaku_Box_house li img {
    max-width: 100%;
}
.kikaku_Box_Img {
    margin-bottom: 30px;
}
.kikaku_Box_Img li {
    width: 25%;
}
.kikaku_Box_Img li img {
    max-width: 100%;
}
.kikaku_Box_Img p {
    text-align: center;
    color: #666;
}
.kikaku_Box_Bottom {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.kikaku_Box_Bottom p {
    text-align: left;
    margin-bottom: 30px;
}
.kikaku_Box_Bottom img {
    max-width: 70%;
}
.kikaku_Box .bottom_Banner {
    margin-top: 30px;
}
.kikaku_04_Box {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 15px;
}
.kikaku_04_Box_Title {
    font-size: 1.2em;
    font-weight: bold;
    color: #1EAE6E;
}
.kikaku_04_Box img {
    max-width: 100%;
}

.h3_green{
    color: #158F43;
    border:none;
    margin:50px auto 10px;
}

@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {

    .kikaku_Top_Text {
        width: 100%;
    }
    .kikaku_Box_Text p {
        width: 100%;
    }
    .kikaku_Box_house li {
        width: 100%;
        margin-bottom: 20px;
    }
    .kikaku_Box_Img li {
        width: 48%;
    }
    .kikaku_Box_Bottom {
        width: 100%;
    }
    .kikaku_04_Box {
        width: 100%;
    }
}
/*************************************
リフォーム
*************************************/
#reform_01 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_02 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_03 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_04 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_05 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_06 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_07 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform_08 {
  margin-top : -50px;
  padding-top : 50px;
}
#reform .under_topImg {
    background-image: url(../images/reform_h2_back.jpg);
}
.reform_Top_Img {
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.reform_Top_Img img {
    max-width: 100%;
}
.reform_Top_Text {
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.reform_Top_Area {
    width: 80%;
    margin:0 auto;
    border: 1px solid #00A63C;
    border-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 50px;
}
.reform_Top_Area_Title {
    text-align: center;
    color: #00A63C;
    font-size: 1.3em;
    margin-bottom: 10px;
    padding-top: 20px;
}
.reform_Top_Area_Text {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    text-align: center;
}
.reform_Top_Bottom  {
    margin-bottom: 40px;
}
.reform_Top_Bottom img {
    max-width: 100%;
}
.reform_Box_house li {
    width: 24%;
}
.reform_Box_house li img{
    width: 100%;
}
.reform_Box {
    margin-bottom: 40px;
}
.reform_Box_Left {
    float: left;
    width: 48%;
}
.reform_Box_Left img {
    max-width: 100%;
}
.reform_Box_Right {
    float: right;
    width: 48%;
}
.reform_Box_Right_Top {
    margin-bottom: 20px;
}

.reform_Box_Right_Top p{
    margin-top: 30px;
}


.reform_Box_Right_Top h4{
    margin-top: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #00A63C;
}

.reform_Box_Right_Img {
    
}
.reform_Box_Right_Img img {
    max-width: 100%;
}
.reform_Box_Center {
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
}
.reform_Box_Bottom {
    text-align: center;
    color: #E3007F;
    margin-top: 30px;
    margin-bottom: 40px;
}
.reform_Box .bottom_Banner{
    margin-top: 30px;
}
.reform_Box_02_Top {
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.reform_Box_02_Title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #00A63C;
    margin-bottom: 20px;
}
.reform_Box_02_house ul.dispFlex {
    justify-content: end;
}
.reform_Box_02_house li {
    text-align: center;
    margin-bottom: 20px;
    width: 25%;
}
.reform_Box_02_house li img {
    max-width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    .reform_Top_Text {
        width: 100%;
    }
    .reform_Top_Area {
        width: 100%;
    }
    .reform_Box_Left {
        float: none;
        width: 100%;
    }
    .reform_Box_Right {
        float: none;
        width: 100%;
    }
	.reform_Box_Right_Top h4{
	font-size: 1.4rem;
}
	.reform_Box_Right_Top p{
    margin-top: 20px;
}
    .reform_Box_Center {
        width: 100%;
    }
    .reform_Box_house li {
        width: 48%;
    }
    .reform_Box_house li img{
        width: 100%;
    }
    .reform_Box_02_house li {
        width: 48%;
    }
    .reform_Box_02_house ul.dispFlex {
        justify-content: space-between;
    }
}

/*************************************
ココだけリフォーム・ココだけオーダー仕上げ
*************************************/

.koko_top_01 {
  background-image: url("../images/kokodake/kokodake01_title.jpg");
}

.koko_top_02 {
  background-image: url("../images/kokodake/kokodake02_title.jpg");
}

.koko_top_03 {
  background-image: url("../images/kokodake/kokodake03_title.jpg");
}

.koko_top_04 {
  background-image: url("../images/kokodake/kokodake04_title.jpg");
}

.koko_top_05 {
  background-image: url("../images/kokodake/kokodake05_title.jpg");
}

.koko_top_06 {
  background-image: url("../images/kokodake/kokodake06_title.jpg");
}

.order_top_01 {
  background-image: url("../images/kokodake/kokodake_order_title_01.jpg");
}

.order_top_02 {
  background-image: url("../images/kokodake/kokodake_order_title_02.jpg");
}

.order_top_03 {
  background-image: url("../images/kokodake/kokodake_order_title_03.jpg");
}

.order_top_04 {
  background-image: url("../images/kokodake/kokodake_order_title_04.jpg");
}

.order_top_05 {
  background-image: url("../images/kokodake/kokodake_order_title_05.jpg");
}

.order_top_06 {
  background-image: url("../images/kokodake/kokodake_order_title_06.jpg");
}

/*ページ内ジャンプ時のずれ防止*/

#tvrack {
  margin-top: -100px;
  padding-top: 100px;
}

.koko_topImg h2 {
  text-align: center;
  position: relative;
  top: 40%;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0;
}

.koko_topImg img {
  margin: 10px auto;
  text-align: center;
}

#kokodake_01 {
  padding-top: 30px;
}

#kokodake_02 {
  padding-top: 60px;
}

#kokodake_03, #kokodake_04 {
  padding-top: 75px;
}

.kokodake_contact {
  padding-top: 40px;
}

.kokodake_order {
  padding-top: 50px;
}

.kokodake_Box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.kokodake_image {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.kokodake_Box img {
  max-width: 100%;
}

.kokodake_read {
  display: block;
  margin-left: 5%;
  width: 100%;
}

.kokodake_Box h4 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", "Yu Gothic", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 26px;
  line-height: 40px;
  color: #0F71B2;
  margin: 25px 0;
}

.kokodake_Box p {
  line-height: 30px;
}

.kokodake_kakaku {
  width: 620px;
  margin: 0 auto 40px;
}

.kokodake_kakaku img {
  margin-bottom: 25px;
}

.kokodake_kakaku p {
  padding-left: 1em;
  text-indent: -1em;
}

.kojirei_box {
  width: 100%;
  max-width: 100%;
  margin: 40px auto 50px;
  text-align: center;
}

.kojirei_box p {
  width: 100%;
  text-align: center;
  margin: 10px auto 0px;
}

.kojirei_box img {
  max-width: 100%;
  text-align: center;
  margin: 0px auto;
}

.seko_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
  margin: 0 auto;
  text-align: center;
  justify-content: space-around;
}

.seko_box {
  margin: 5px;
  width: calc(30%-10px)/3;
  padding: 0px;
  position: relative;
}

.seko_read {
  margin: 0 auto 10px;
}

.kokodake03_seko_01 {
  width: 25.5%;
}

.kokodake03_seko_02 {
  width: 45%;
}

.kokodake06_seko_02 {
  width: 66%;
}

.kotei_container {
  display: flex;
  flex-direction: row;
  position: relative;
}

.kotei_box {
  display: flex;
  flex-direction: column;
  margin: 20px 10px;
  width: 33%;
  padding: 0px;
  position: relative;
}

.kotei_box h4 {
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 10px;
  margin-left: 50px;
  font-weight: bold;
}

.kotei_box h4::before {
  display: inline-block;
  width: 47px;
  height: 47px;
  position: absolute;
  top: -5px;
  left: 0px;
}

.kotei_box h4.kotei_01::before {
  content: url("../images/kokodake/kotei_01.png");
}

.kotei_box h4.kotei_02::before {
  content: url("../images/kokodake/kotei_02.png");
}

.kotei_box h4.kotei_03::before {
  content: url("../images/kokodake/kotei_03.png");
}

.kotei_box p {
  margin: 10px auto 0;
}

.kotei_box img, .seko_box img {
  text-align: center;
  margin: 0 auto;
  max-width: 100%;
}

.kotei_arrow {
  content: url("../images/kokodake/kotei_arrow.png");
  display: inline-block;
  width: 29px;
  height: 28px;
  margin: auto;
}

#point_container {
  display: flex;
  flex-direction: row;
}

.point_box {
  display: flex;
  flex-direction: column;
  margin: 10px;
  background: #FFF9DE;
  width: 33%;
  height: 320px;
  padding: 30px 20px;
  border: solid 2px #F1BC9B;
position: relative;
}

.point_box h4 {
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 15px;
  text-align: center;
  font-weight: bold;
  order: 1;
}

.point_box p {
  width: 90%;
    top: 75%;
  position: absolute;
}

.point_box img {
  text-align: center;
  margin: 0;
  width: 100%;
  max-width: 300px;
  height: auto;
  order: 2;
}

.kokodake_contact p {
  text-align: center;
}

.kokodake_contact .plan_Btn {
  margin: 50px 0;
}

.kokodake_contact .Banner_Tel,.kangen_contact .Banner_Tel{
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin: 20px auto;
}

.kokodake_contact .Banner_Tel img ,.kangen_contact .Banner_Tel img{
  max-width: 100%;
}

.kaori_present {
  width: 100%;
  max-width: 100%;
  margin: 75px auto 50px;
}

.kaori_present img {
  max-width: 100%;
}

@media screen and (max-width:1000px) {
  .kotei_box h4 {
    font-size: 1.1rem;
  }
  .seko_container {
    justify-content: center;
  }
    
  #point_container {
    flex-direction: column;
  }
    
  .point_box br {
    display: none;
  }
  .point_box {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding:  5%;
    box-sizing: border-box;
  }
    .point_text {
    width: 50%;
float:right;
    margin-left: 5%;
    }
    
   .point_box h4 {
    font-size: 1.2rem;
    margin-left: 0%;
    padding-left: 0px;
    text-align: left;
  }   
  .point_box p {
    display: block;
position:relative;
    margin-top: 1rem;
    margin-left: 0%;
    padding: 0px;
    width: 100%;
  }
  .point_box img {
    width: 45%;
    max-width: 300px;
    max-height: 260px;
float:left;
  }
    
    
}

@media screen and (max-width:768px) {
  .koko_topImg img, .order_topImg img {
    margin: 10px auto;
    text-align: left;
    width: 95%;
    max-width: 100%;
  }
  .order_top_02, .order_top_03, .order_top_04, .order_top_05, .order_top_06 {
    margin-top: 60px;
  }
  #kokodake_01 {
    padding-top: 10px;
  }
  #kokodake_02 {
    padding-top: 30px;
  }
  #kokodake_03, #kokodake_04, .kokodake_contact {
    padding-top: 50px;
  }
  .kokodake_Box {
    display: flex;
    flex-direction: column;
  }
  .kokodake_Box h4 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin: 0px 0 20px;
    order: 1;
  }
  /*.kokodake_Box br{ display: none; }*/
  .kokodake_Box {
    order: 3;
    width: 95%;
    margin: 0 auto;
  }
  .kokodake_read {
    margin-left: 0%;
    margin: 10px auto 25px;
  }
  .kokodake_read br{
    display: none;
  }
  .kokodake_image {
    order: 2;
  }
  .kokodake_order {
    padding-top: 25px;
  }
  .kokodake_kakaku {
    width: 100%;
    margin: 0 auto 25px;
  }
  .kokodake_kakaku img {
    max-width: 100%;
    margin: 0 auto 25px;
  }
  .kokodake03_seko_01 {
    width: 33%;
  }
  .kokodake03_seko_02 {
    width: 100%;
  }
  .kotei_container {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .kotei_box {
    padding: 0;
    width: 100%;
    max-width: 300px;
    margin: 25px auto 0px;
  }
  .kotei_box h4 {
    font-size: 21px;
    margin-left: 50px;
  }
  .kotei_box h4::before {
    display: inline-block;
    width: 47px;
    height: 47px;
    position: absolute;
    top: -5px;
    left: 0;
  }
  .kotei_box p {
    margin: 5px auto 0;
    padding: 0;
  width: 100%;
  }
  .kotei_box img {
    margin: 0px auto;
    width: 100%;
    max-width: 300px;
  }
  .kotei_arrow {
    content: url("../images/kokodake/kotei_arrow.png");
    transform: rotate(90deg);
    display: block;
    width: 29px;
    height: 28px;
    margin: 1rem auto 1.5rem;
  }

  .kokodake_contact p {
    text-align: left;
  }
  .kokodake_contact .plan_Btn {
    margin: 25px 0;
  }
  .kaori_present {
    margin: 50px auto -50px;
  }
}

@media screen and (max-width:650px) {
  .seko_box {
    margin: 5px auto;
    width: 100%;
  }
  .kokodake03_seko_01, .kokodake03_seko_02, .kokodake06_seko_01, .kokodake06_seko_02 {
    width: 100%;
  }
  .seko_h421 img {
    max-height: 421px;
  }
}



/*************************************
青森ひば割引制度
*************************************/
#kangen .under_topImg {
    background-image: url(../images/kangen_h2_back.jpg);
}
.kangen_Top {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.kangen_Top {
    margin: 50px auto 2rem;
    text-align: center;
}
.kangen_Top img{
    max-width: 100%;
}

.kangen_Top_Text {
    margin-bottom: 30px;
}

.kangen_Text {
    margin:0 auto 30px;
    text-align: center;
}

.kangen_Text p{
	width:85%;
    text-align: left;
    margin:0 auto;
}
.kangen_Box{
	width:100%;
	height:auto;
	background:#FFFBE6;
padding:2% 10%;
box-sizing: border-box;
}

.kangen_Box p{

text-align: left;
margin:1.5rem auto;
}

.kangen_uchiwake{
padding-left:1rem;
}

.kg_bk_bold{
font-weight: bold;
font-size: 1.2rem;
padding-left:1rem;
text-indent:-1rem;
}

.kg_pi{
color: #E2005A;
}

.kg_h2{
font-size: 2rem;
}

.kg_h3{
font-weight: bold;
font-size: 1.4rem;
}

.sp_kangen_br{
    display:none;
}


#kangen_naiyo{
    margin: 50px auto;
}

#kangen_naiyo table {
    width: 70%;
    margin: 0 auto;
}
#kangen_naiyo th {
    width: 20%;
	color:#fff;
    background: #158F43;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 30px;
    border: 1px solid #B2B2B2;
}
#kangen_naiyo td {
    width: 80%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #B2B2B2;
}

.kangen_contact{
    margin-top: 25px;
    text-align: center;
}

.kangen_contact h3{
    font-weight: normal;
    border:none;
}


@media screen and (max-width: 480px) {
    
.sp_kangen_br{
    display:block;
}
#kangen .under_topImg img {
    width: 50%;
}
    
    #kangen_naiyo table {
        width: 100%;
    }
    #kangen_naiyo table tr{
        border: 1px solid #B2B2B2;
    }
    #kangen_naiyo th {
        width: 100%;
        display: block;
        border: none;
    }
    #kangen_naiyo td {
        width: 100%;
        display: block;
        border: none;
    }
    
}




/*************************************
お問い合わせ
*************************************/
#contact {
    margin-bottom: 40px;
}
#contact .under_topImg {
    background-image: url(../images/contact_h2_back.jpg);
}
.contact_Top {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.contact_Form table {
    width: 90%;
    margin: 0 auto;
}
.contact_Form table th {
    background: rgba(92, 176, 49, 0.1);
    border: 1px solid rgba(92, 176, 49, 1);
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box;
}
.contact_Form table td {
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid rgba(92, 176, 49, 1);
}
.form-kyousei{
    display: inline-block;
    /*コレ*/width: 97%;
    padding: 0.5em;
    border: 1px solid #999;
    box-sizing: border-box;
    background: #f2f2f2;
    font-size: 1em;
}

.contact_btn {
    text-align: center;
    margin-top: 30px;
}
.contact_btn button {
    border: none;
}
.contact_btn button img {
    max-width: 100%;
}

.contact_cover{
    text-align: center;
    margin: 50px auto;
}

.contact_cover h3{
    color: #0F71B4;
    border: none;
    font-size: 1.8rem;
    margin-bottom: 15px;
}
.contact_cover img{
    max-width: 100%;
}

.privacy_Wrapper {
    width: 70%;
    margin: 0 auto;
}
.privacy_Top p {
    margin-bottom: 20px;
}
.privary_Kojin h4 {
    color: #159143;
    font-size: 1.4em;
    margin-bottom: 10px;
}
.privary_Kojin_Box {
    margin-bottom: 20px;
}
.privary_Kojin_Box p {
    padding-left:1em;
    text-indent:-1em;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {
    .contact_Form{
        width: 100%;
    }
    #contact .under_topImg img {
        width: 50%;
    }
    .contact_Form table {
        width: 100%;
    }
    .contact_Form table th {
        display: block;
        width: 100%;
    }
    .contact_Form table td {
        display: block;
        width: 100%;
    }
    .contact_Form label{
        display: inline;
        width: 100%;
    }
    
    .privacy_Wrapper {
        width: 100%;
    }

}
/*************************************
サンクス
*************************************/
#thanks .under_topImg {
    background-image: url(../images/thanks_h2_back.jpg);
}
#thanks .container {
    margin-top: 20px;
}
.thanks_Box {
    text-align: center;
}
.thanks_Box p {
    margin-bottom: 20px;
}
.thanks_Box img {
    max-width: 100%;
}
@media screen and (min-width:768px) and ( max-width:1024px){

}
@media screen and (max-width: 480px) {

}


/*************************************
bxslider
*************************************/
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
    padding-top: 10px;
}
.bxslider img{
  width: 100% !important;
  height: auto !important;
}

/*************************************
20240530　追加
*************************************/
#kokodake-title-box{
}
#kokodake-title-box h4{
    font-size: 1.8em;
    font-weight: bold;
    color: #00917f;
    text-align: center;
    line-height: 1.5em;
    margin-top: 30px;
}
.h4-color-ao{
    color: #0089bc!important;
}
.h4-color-or{
    color: #ff6000!important;
}
@media screen and (max-width: 480px) {
#kokodake-title-box h4{
    font-size: 1.3em;
    line-height: 1.2em;
}
}

/*40周年記念企画*/
.kikaku40th-chuui-box p {
    padding-left:1em;
    text-indent:-1em;
}
.kikaku40th-title-box{
    width: 100%;
    margin-bottom: 30px;
}
.kikaku40th-title-box-img{
    background-color: #ffffe0;
    text-align: center;
    width: 100%;
    padding: 15px 0;
}
.kikaku40th-title-box-img img{
    max-width: 100%;
    height: auto;
}
.kikaku40th-title-box-kikan{
    background-color: #158d43;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    width: 100%;
    padding: 15px 0;
}
.kikaku40th-area-box{
    background-color: green;
    padding: 3px;
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width: 480px) {
.kikaku40th-title-box-img img{
    max-width: 96%;
    height: auto;
}
.kikaku40th-title-box-kikan{
    font-size: 1em;
}
}
.kikaku40th-title-box-text{
    margin-bottom: 30px;
    padding: 0 0px;
}
.kikaku40th-link-box{
}
.kikaku40th-link-box a{
    text-decoration: underline;
    color: green;
}
.kikaku40th-link{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}
.kikaku40th-pr-box-txt{
    margin: 30px 0;
}
.kikaku40th-img-box img{
    max-width: 100%;
    height: auto;
}

/*マスクプレゼント*/
.mask-box{
    width: 100%;
}
.mask-title-box{
	margin: auto;
    padding: 15px 0;
	width: 100%;
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
    background-color: #158d43;
}
.mask-title-box img{
	vertical-align: middle;
    margin-right: 20px;
}
.mask-hiba-box{
    width: 100%;
    text-align: center;
    margin: 50px 0 30px;
    font-size: 1.8em;
    line-height: 1.2em;
    color: #158d43;
    font-weight: bold;
}
.mask-hiba-box-text{
    width: 100%;
    padding: 30px;
    background-color: #f0ffe0;
    box-sizing: border-box;
}
.mask-br-pc-sp{
    display: none;
}
@media screen and (max-width: 480px) {
.mask-title-box{
    font-size: 1.5em;
    line-height: 1.5em;
}
.mask-title-box img{
    margin-right: 0px;
    margin-bottom: 20px;
}
    .mask-br-pc-sp{
        display: block;
    }
    .mask-hiba-box{
    font-size: 1.5em;
    }
}

.web_pnf_image{
	text-align: center;
}
.web_pnf_image img{
	max-width: 480px;
	width: 100%;
	height: auto;
}
.web_pnf_btn{
	margin-top: 10px;
	color: #e3007f;
	text-decoration:underline;
}
.web_pnf_btn a{
	color: #e3007f;
	text-decoration:underline;
}





/*************************************
ブログ
*************************************/
/*
.blog-container h3 {
    text-align: left;
    font-weight: bold;
}
#Crumbs {
    padding-top: 10px;
    padding-bottom: 10px;
}
#Crumbs a {
    text-decoration: underline;
    color: blue;
}
.post a {
    text-decoration: underline;
    color: blue;
}
.post-cat a {
    text-decoration: underline;
    color: blue;
}
.post-navi a {
    text-decoration: underline;
    color: blue;
}
.post .sns-btns a {
    margin-bottom: 10px;
}*/