@charset "utf-8";

/**************************************
　::共通
***************************************/

#side_sns {
	display: none;
}
#side_sns.fixed {
	display: block;
	position: fixed;
	right: 15px;
	bottom: 75px;
	z-index: 9999;
	text-align: center;
	width: 40px;
	background: rgba(20,24,34,0.7);
    padding: 20px 5px;
}
#side_sns .sns_icon {
	margin-bottom: 30px;
}
#side_sns .sns_icon a {
	display: block;
}
@media (max-width: 768px) {
    #side_sns {
    	display: block;
    }
    #side_sns .sns_icon {
    	margin-bottom: 0;
        display: inline-block;
        width: 24%;
        padding: 25px 0;
    }
    #side_sns.fixed {
    	display: block;
        position: relative;
        right: 0;
        left: 0;
        bottom: 0;
        top: 0;
        z-index: 1;
        text-align: center;
        width: 100%;
        background: none;
        padding: 0 0;
        font-size: 0;
    }
    #side_sns #pagetop{
        display:none;
    }
}

/**
共通背景画像
****************/
.img_bg1,
.more_btn_img a.img_bg1:after {
    background: url(../images/common/img_bg1.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg2,
.more_btn_img a.img_bg2:after {
    background: url(../images/common/img_bg2.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg3,
.more_btn_img a.img_bg3:after {
    background: url(../images/common/img_bg3.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg4,
.more_btn_img a.img_bg4:after {
    background: url(../images/common/img_bg4.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg5,
.more_btn_img a.img_bg5:after {
    background: url(../images/common/img_bg5.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg6,
.more_btn_img a.img_bg6:after {
    background: url(../images/common/img_bg6.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg7,
.more_btn_img a.img_bg7:after {
    background: url(../images/common/img_bg7.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg8,
.more_btn_img a.img_bg8:after {
    background: url(../images/common/img_bg8.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg9,
.more_btn_img a.img_bg9:after {
    background: url(../images/common/img_bg9.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg10,
.more_btn_img a.img_bg10:after {
    background: url(../images/common/img_bg10.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg11,
.more_btn_img a.img_bg11:after {
    background: url(../images/common/img_bg11.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg12,
.more_btn_img a.img_bg12:after {
    background: url(../images/common/img_bg12.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg13,
.more_btn_img a.img_bg13:after {
    background: url(../images/common/img_bg13.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg14,
.more_btn_img a.img_bg14:after {
    background: url(../images/common/img_bg14.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg15,
.more_btn_img a.img_bg15:after {
    background: url(../images/common/img_bg15.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg16,
.more_btn_img a.img_bg16:after {
    background: url(../images/common/img_bg16.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg17,
.more_btn_img a.img_bg17:after {
    background: url(../images/common/img_bg17.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg18,
.more_btn_img a.img_bg18:after {
    background: url(../images/common/img_bg18.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg19,
.more_btn_img a.img_bg19:after {
    background: url(../images/common/img_bg19.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg20,
.more_btn_img a.img_bg20:after {
    background: url(../images/common/img_bg20.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg21,
.more_btn_img a.img_bg21:after {
    background: url(../images/common/img_bg21.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg22,
.more_btn_img a.img_bg22:after {
    background: url(../images/common/img_bg22.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg23,
.more_btn_img a.img_bg23:after {
    background: url(../images/common/img_bg23.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg24,
.more_btn_img a.img_bg24:after {
    background: url(../images/common/img_bg24.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg25,
.more_btn_img a.img_bg25:after {
    background: url(../images/common/img_bg25.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg26,
.more_btn_img a.img_bg26:after {
    background: url(../images/common/img_bg26.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg27,
.more_btn_img a.img_bg27:after {
    background: url(../images/common/img_bg27.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg28,
.more_btn_img a.img_bg28:after {
    background: url(../images/common/img_bg28.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg29,
.more_btn_img a.img_bg29:after {
    background: url(../images/common/img_bg29.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg30,
.more_btn_img a.img_bg30:after {
    background: url(../images/common/img_bg30.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg31,
.more_btn_img a.img_bg31:after {
    background: url(../images/common/img_bg31.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg32,
.more_btn_img a.img_bg32:after {
    background: url(../images/common/img_bg32.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg33,
.more_btn_img a.img_bg33:after {
    background: url(../images/common/img_bg33.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg34,
.more_btn_img a.img_bg34:after {
    background: url(../images/common/img_bg34.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg35,
.more_btn_img a.img_bg35:after {
    background: url(../images/common/img_bg35.jpg) no-repeat center center;
    background-size: cover;
}

.img_bg36,
.more_btn_img a.img_bg36:after {
    background: url(../images/common/img_bg36.jpg) no-repeat center center;
    background-size: cover;
}







/*
ボタンパターン1　共通設定
**************************/
.more_btn {
	text-align: center;
}
.more_btn a{
	display: inline-block;
	position: relative;
	text-decoration: none;
	border: 2px solid;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 8px 5px;
	box-sizing: border-box;
    line-height: 1;
	text-align: center;
}
.more_btn a:hover{
    opacity: 1;
}
.textArea .more_btn{
    text-align: left;
}
.textArea .more_btn a{
    text-align: center;
}
.top_section .textArea .more_btn {
	text-align: center;
}
.more_btn a {
	min-width: 170px;
}

.LR_box .more_btn{
	text-align: left;
}
.LR_box .left .more_btn{
	margin-left:20px;
}
.LR_box .left .textArea .more_btn{
	margin-left:0px;
}

.LR_box.blog .left .more_btn{
	margin-left: 0px;
	text-align: left;
}

.more_btn.detail_btm {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 0px;
}
.LR_box.blog .left .more_btn.detail_btm {
    text-align: center;
}

@media (max-width: 768px) {
    .more_btn a {
    	width: 100%;
    	font-size:3.5vw;
    }
    .textArea .more_btn{
        text-align: center;
    }
    .LR_box .more_btn{
		text-align: center;
	}
	.LR_box .left .more_btn{
		margin-left:0px;
	}
}

/*
ボタンパターン1　背景画像
**************************/

.more_btn_img{
    text-align: center;
    width:470px;
    margin:0 auto;
    position: relative;
}
.more_btn_img a{
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 35px 5px;
    box-sizing: border-box;
    line-height: 1;
    position: relative;
    font-size: 15px;
    font-weight:bold;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.more_btn_img a:hover{
    background: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s;
    transition: all .3s;
}
.more_btn_img a:after{
    position: absolute;
    content:"";
    width:100%;
    height: 100%;
    left:0;
    right:0;
    top:0;
    z-index:-1;
}
.detail_box_wrap .detail_box2 li .more_btn_img,
.detail_box_wrap .detail_box3 li .more_btn_img,
.detail_box_wrap .detail_box4 li .more_btn_img,
.detail_box_wrap .detail_box5 li .more_btn_img{
    width:100%;
}
.detail_box_wrap .detail_box3 li .more_btn_img,
.detail_box_wrap .detail_box3 li .more_btn_img a{
    height: 100%;
}
.detail_box_wrap .detail_box3 li .more_btn_img a {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .more_btn_img{
        width:100%;

    }
    .more_btn_img a{
        font-size: 3.5vmin;
    }
	.text {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	.text2 {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.text2 .richtext {
		margin-bottom: 15px;
	}
	.img {
		width: 100%;
		text-align: center;
	}
}

/***************************************
　::横並びリンクボタン
****************************************/
.common_btm_links .detail_box_wrap {
    margin-bottom: 0;
    padding-bottom: 60px;
}
.common_btm_links .detail_box_wrap ul li {
  margin-top: 30px;
  margin-bottom:0;
}
.common_btm_links .detail_box_wrap ul li:nth-child(-n+3) {
  margin-top: 0px;
}
@media (max-width: 768px) {
	.common_btm_links .detail_box_wrap ul li:nth-child(-n+3) {
	  margin-top: 30px;
	}
	.common_btm_links .detail_box_wrap ul li:first-child {
	  margin-top: 0px;
	}
}

/***************************************
　::MV
****************************************/

#mv.mv_pattern1{
    width: 100%;
    height: 100vh;
    position: relative;
    background:#ccc;
}
#mv.mv_pattern1 .mv_img{
    /*display: none;*/
}
#mv.mv_pattern1 .mv_img2{
    display: block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    /*position: fixed;*/
}
#mv.mv_pattern1 .mv_img2 li{
    display: block;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

#mv.mv_pattern1 .mv_text{
    position: absolute;
    bottom: 80px;
    height: calc(100% - 201px);
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 10000;
}
/*
#mv.mv_pattern1 .mv_text span{
    display: block;
    width: 80%;
    max-width: 1600px;
    text-align: right;
    padding: 0 2%;
    margin: 0 auto;
    font-size: 6rem;
    line-height: 1.0;
    letter-spacing: -0.5px;
    font-family: 'Playfair Display', Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}*/

#mv.mv_pattern1 .mv_scroll{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 25px);
    z-index: 10000;
}
#mv.mv_pattern1 .mv_scroll a{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -10000px;
    outline: none;
    line-height: 1px;
    font-size: 1px;
}
#mv.mv_pattern1 .mv_scroll a:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    border-right: 2px solid rgba(180,180,180,0.7);
    border-bottom: 2px solid rgba(180,180,180,0.7);
    position: absolute;
    top: 0;
    left: 9.5px;
}
#mv.mv_pattern1 .mv_arrow{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    overflow: visible;
    display: block;
}
#mv.mv_pattern1 .mv_arrow li{
    display: block;
    width: 23px;
    height: 50px;
}
#mv.mv_pattern1 .mv_arrow li.mv_arrow_prev{
    float: left;
}
#mv.mv_pattern1 .mv_arrow li.mv_arrow_next{
    float: right;
}
#mv.mv_pattern1 .mv_arrow li span{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -10000px;
    outline: none;
    line-height: 1px;
    font-size: 1px;
    cursor: pointer;
    position: relative;
}
#mv.mv_pattern1 .mv_arrow li.mv_arrow_prev span{
    position: absolute;
    margin-top: 0px;
    outline: 0;
    text-indent: -9999px;
    width: 23px;
    height: 50px;
    z-index: 100;
    left: 1%;
    background: url(/images/slide_prev_btn.png) no-repeat center -1px;
}
#mv.mv_pattern1 .mv_arrow li.mv_arrow_next span{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0px;
    outline: 0;
    text-indent: -9999px;
    width: 23px;
    height: 50px;
    z-index: 100;
    right: 1%;
    background: url(/images/slide_next_btn.png) no-repeat center -1px;
}

#mv.mv_pattern1 .mv_cap {
	width: 100%;
	margin: 0 auto;

    position: absolute;
    top: 150px;
}
#mv.mv_pattern1 .mv_cap_in {

	position: absolute;
	z-index: 9;
	text-align: left;
    width:1170px;

	/*左寄せ*/
	/*left: 50%;
	margin-left: -199px;*/

	/*左右中央揃え*/
	margin: 0 auto;
	left:0;
	right:0;

	/*天地中央揃え*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);

    color: #000;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    letter-spacing: 0;
}

#mv.mv_pattern1 .mv_cap_in img{
	display: inline-block;
	margin:0 auto;
}

.mv_text_L {
    font-size: 53px;
    margin-bottom: 30px;
    line-height: 1;
    font-weight: bold;
    color: #000;

    text-shadow:7px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), 4px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1);
}
.mv_text_M {
    font-size: 33px;
    margin-bottom: 60px;
    line-height: 1;
    font-weight: bold;
    color: #000;

    text-shadow:7px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), 4px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1);
}
.mv_text_S {
    width: 700px;
    font-size: 22px;
    line-height: 1.5;
    text-shadow: 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff, 2px 2px 14px #ffffff;
}
@media (max-width: 1169px) {
    #mv.mv_pattern1 .mv_cap_in {
        width: 90%;
    }
    .mv_text_L {
        font-size: 62px;
        margin-bottom: 30px;
    }
    .mv_text_M {
        font-size: 29px;

        margin-bottom: 60px;
    }
    .mv_text_S {
        width: 700px;
        font-size: 22px;
    }
}
@media (max-width: 768px) {

    #mv{
		height: 67vh;
	}
	#mv .mv_img2{
		height: 67vh;
	}
    #mv .mv_arrow{
        display: none;
    }
    .mv_cap_in {
        width: 90%;
    }
    .mv_text_L {
        font-size: 6.9vw;
        line-height: 1.3;
        text-shadow:7px 4px 20px rgba(255, 255, 255, 1), -4px -4px 20px rgba(255, 255, 255, 1), 4px -4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), 4px 4px 20px rgba(255, 255, 255, 1), -4px -4px 20px rgba(255, 255, 255, 1), 4px -4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1), -4px 4px 20px rgba(255, 255, 255, 1);
    }
    .mv_text_M {
        font-size: 4.3vw;
        line-height: 1.3;
        text-shadow:7px 4px 16px rgba(255, 255, 255, 1), -4px -4px 16px rgba(255, 255, 255, 1), 4px -4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), 4px 4px 16px rgba(255, 255, 255, 1), -4px -4px 16px rgba(255, 255, 255, 1), 4px -4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1), -4px 4px 16px rgba(255, 255, 255, 1);

        margin-bottom: 0px;
    }
    .mv_text_S {
        display:none;
    }
    #mv .mv_arrow li.mv_arrow_prev span{
        position: absolute;
        margin-top: 0px;
        outline: 0;
        text-indent: -9999px;
        width: 23px;
        height: 50px;
        z-index: 100;
        left: 0;
        background: url(/images/slide_prev_btn.png) no-repeat center -1px;
    }
    #mv .mv_arrow li.mv_arrow_next span{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0px;
        outline: 0;
        text-indent: -9999px;
        width: 23px;
        height: 50px;
        z-index: 100;
        right: 0;
        background: url(/images/slide_next_btn.png) no-repeat center -1px;
    }
}

/*
見出し　h2～h6
**************************************/
h2,
h3,
h4,
h5,
h6{
	line-height: 1.2;
	/*メイリオ*/
    /*font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;*/
    /*小塚明朝 Pr6N H*/
    /*font-family : '小塚明朝 Pr6N H','小塚明朝 Pr6N','Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    /*ヒラギノ明朝 ProN W3*/
    /*font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    /*ヒラギノ角ゴ ProN W3*/
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    /*游ゴシック*/
    /*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
}
h2{
    font-size: 20px;
    margin: 0;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1;
}
h3 {
    margin-bottom:30px;
}
h4 {}
h5 {}
h6 {
}


/****************
見出し 共通
****************/

/* 背景色　h2*/
.h2_wrap{
    font-size: 20px;
    display: table;
    padding: 0;
    margin-bottom: 30px;
    font-weight: bold;
}
.lower_main .h2_wrap{
    padding: 75px 0 0;
}
.lower_main .common_feature .h2_wrap {
    padding-top: 0px;
}
.h2_wrap .wrapper{
    display:table;
}
.h2_wrap .left{
    display: table-cell;
    vertical-align: bottom;
    line-height: 1;
    padding-right: 30px;
}
.h2_wrap .right{
    display: table-cell;
    vertical-align: bottom;
}
.h2_wrap h2{
    font-size: 20px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 1;
    text-align: right;
}
.h2_wrap span{
    font-size: 36px;
    margin-right: 8px;
    font-family: 'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height: 1;
    color: #000;
    font-weight: bold;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .h2_wrap,
    .lower_main .h2_wrap{
        /*padding:75px 2% 0;*/
        display: block;
    }
    .h2_wrap h2,
    section.top_section.pattern1 .h2_wrap h2,
    section.top_section.pattern2 .h2_wrap h2,
    section.top_section.pattern3 .h2_wrap h2{
        text-align: left;
    }
    .h2_wrap .left{
        display: table-cell;
        vertical-align: bottom;
        line-height: 1;
        padding-right: 30px;
    }
    .h2_wrap .left{
        display: block;
        margin-bottom: 20px;
    }
    .h2_wrap .right{
        display: block;
    }
}
@media (max-width: 768px) {
    .h2_wrap span{
        font-size: 30px;
    }
    .lower_main .h2_wrap{
        padding: 60px 0 0;
    }
}
/* 背景色　白 h2*/
section.top_section.pattern1 .h2_wrap{
    color: #626262;
}
.pattern1 .h2_wrap.bdr_btm,
.pattern3 .h2_wrap.bdr_btm{
    border-bottom:1px solid #a0a0a0;
    padding-bottom: 30px;
}
section.top_section.pattern1 .h2_wrap .left{
}
section.top_section.pattern1 .h2_wrap .right{
}
section.top_section.pattern1 .h2_wrap h2,
section.top_section.pattern3 .h2_wrap h2{
    color: #626262;
    text-align: right;
    font-weight: bold;
}
section.top_section.pattern1 .h2_wrap span{
    color: #000;
}

/* 背景色　緑 h2*/
section.top_section.pattern2 .h2_wrap,
.lower_main .pattern2 .h2_wrap{
    color: #ffffff;
}
.pattern2 .h2_wrap.bdr_btm{
    border-bottom:1px solid #ffffff;
    padding-bottom: 30px;
}
section.top_section.pattern2 .h2_wrap .left{
}
section.top_section.pattern2 .h2_wrap .right{
}
section.top_section.pattern2 .h2_wrap h2,
.lower_main .pattern2 .h2_wrap h2{
    color: #ffffff;
    text-align: right;
}
section.top_section.pattern2 .h2_wrap span,
.lower_main .pattern2 .h2_wrap span{
    color: #ffffff;
}

/* 背景色　白 h3*/
section.top_section.pattern1 h3,
.lower_main .pattern3 h3{
    font-size: 16px;
    background: #000000;
    padding:15px 20px;
    color:#ffffff;
    font-weight: bold;
}
section.top_section.pattern3 h3,
.lower_main .pattern3 h3{
    font-size: 16px;
    background: #000000;
    padding:15px 20px;
    color:#ffffff;
    font-weight: bold;
}
.lower_main section.pattern1 h3{
    font-size: 18px;
    background: #000000;
    padding:15px 20px;
    color:#ffffff;
    font-weight: bold;
}
.lower_main section.pattern1 h3 + .textArea {
    padding: 0 20px;
}
/* 背景色　緑 h3*/
section.top_section.pattern2 h3,
.lower_main .pattern2 h3{
    font-size: 16px;
    background: #ffffff;
    padding:15px 20px;
    color:#3d3d3d;
    font-weight: bold;
}
/* 背景色　白 h3 (textArea上)*/
section.top_section.pattern1 .textArea h3{
    color: #000000;
    background: none;
    font-size: 16px;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
        font-weight: bold;
}
section.top_section.pattern3 .textArea h3{
    color: #000000;
    background: none;
    font-size: 16px;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
}
section.top_section.pattern1 .textArea .textArea,
section.top_section.pattern3 .textArea .textArea {
    padding: 0;
}
.lower_main .pattern1 .textArea h3{
    color: #000000;
    background: none;
    font-size: 18px;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
}
.lower_main .pattern1 .textArea.menu h3 {
    background: #000000;
    color: #ffffff;
    padding: 15px;
    margin-bottom: 0;
}

/* 背景色　緑 h3 (textArea上)*/
section.top_section.pattern2 .textArea h3,
.lower_main .pattern2 .textArea h3{
    color: #ffffff;
    background: none;
    font-size: 16px;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
}
.lower_main .pattern2 .textArea.menu h3 {
    background: #ffffff;
    color: #000000;
    padding: 15px;
    margin-bottom: 0;
}

/* h3　重点　カスタムパーツ用 */
.lower_main section.top_section .h2_wrap h3 {
    text-align: right;
    color: #626262;
    background: none;
    padding: 0;
    font-size: 20px;
    margin-bottom: 0;
}

/* 背景色　白 h4*/
section.top_section.pattern1 h4{
    font-size: 15px;
    background: #000000;
    padding:20px;
    margin-bottom: 20px;
    color:#ffffff;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
}
section.top_section.pattern3 h4{
    font-size: 15px;
    background: #000000;
    padding:20px;
    margin-bottom: 20px;
    color:#ffffff;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
}
.lower_main .pattern1 .textArea h4{
    color: #000000;
    background: none;
    font-size: 18px;
    text-align: left;
    padding: 0;
    margin-bottom: 15px;
    font-weight: bold;
}
.lower_main .pattern1 .textArea.menu h4,
.lower_main .pattern3 .textArea.menu h4 {
    background: #000000;
    color: #ffffff;
    padding: 15px;
    margin-bottom: 0;
}
/* 背景色　緑 h4*/
section.top_section.pattern2 h4,
.lower_main .pattern2 .textArea h4{
    font-size: 15px;
    /*background: #ffffff;
    margin-bottom: 20px;
    color:#000000;*/
    color:#ffffff;
    padding:20px;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
}
.lower_main .pattern2 .textArea.menu h4 {
    color: #000000;
    background: #ffffff;
    font-size: 18px;
    text-align: left;
    padding: 15px;
    margin-bottom: 0;
}

@media screen and (min-width: 769px) and (max-width: 1169px) {
    .lower_main .h2_wrap{
        padding:75px 2% 0;
        display: block;
    }
    .h2_wrap h2,
    section.top_section.pattern1 .h2_wrap h2,
    section.top_section.pattern2 .h2_wrap h2,
    section.top_section.pattern3 .h2_wrap h2,
     .lower_main .pattern1 .h2_wrap h2,
     .lower_main .pattern2 .h2_wrap h2,
     .lower_main .pattern3 .h2_wrap h2{
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    .h2_wrap{
        width: 100%;
        display: block;
    }
    .h2_wrap .left{
		padding:0;
		line-height: 1;
		width:100%;
		display: block;
		margin-bottom: 30px;
        vertical-align:initial;
    }
    .h2_wrap .right{
        line-height:1;
        width:100%;
		display: block;
        vertical-align:initial;
    }
    .h2_wrap.bdr_btm {
    	width:100%;
    }
    .pattern1 .h2_wrap.bdr_btm,
    .pattern2 .h2_wrap.bdr_btm,
    .pattern3 .h2_wrap.bdr_btm{
    	/*border:none;
    	padding-bottom:0;*/
    }
    .h2_wrap .left.col_4{
        font-size:4vmin;
    }
    .h2_wrap .left.col_4 span{
        word-break: break-all;
    }
    section.top_section.pattern1 .h2_wrap h2,
    section.top_section.pattern3 .h2_wrap h2{
        text-align: left;
    }
    section.top_section.pattern2 .h2_wrap h2, .lower_main .pattern2 .h2_wrap h2{
        text-align: left;
    }
    .lower_main .h2_wrap .left.col_4 span {
        display: inline-block;
    }
    .lower_main section.pattern1 h3 + .textArea {
        padding: 0;
        margin-bottom:0;
    }

    section.top_section.pattern2 .textArea h3,
	.lower_main .pattern2 .textArea h3{
		color: #313131;
		background: #ffffff;
		font-size: 16px;
		text-align: left;
		padding: 15px 20px;
		margin-bottom: 30px;
		font-weight: bold;
	}
}

/****************
TOP 見出し
****************/


/****************
lower 見出し
****************/

.lower_main .lower_mv_wrap {
	font-size:33px;
	position: relative;
    z-index: 9999;
    text-align: center;
    font-weight:bold;
    color:#626262;
	text-shadow:7px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), 4px 4px 40px rgba(255, 255, 255, 1), -4px -4px 40px rgba(255, 255, 255, 1), 4px -4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1), -4px 4px 40px rgba(255, 255, 255, 1);
    width: 100%;
}
.lower_main .lower_mv_wrap span{
    font-size:75px;
    color:#000000;
    margin-right: 10px;
    font-family: 'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.lower_main .lower_mv_wrap:before{
	content:"";
	width:100%;
    display: block;
}

.lower_main .lower_mv_wrap .wrapper {
	display: table;
	height: 700px;
}
.lower_main .lower_mv_wrap .box {
	display: table-cell;
	vertical-align: middle;
    text-align: left;
}

/*ページCMS時*/
.lower_main .lower_mv_wrap .box.ui-droppable{
    height: 700px;
    min-width: 1200px;
    color: #fff;
    font-size: 45px;
    position: relative;
    z-index: 9999;
    text-align: center;
    font-weight: bold;
}

.lower_main .h3_wrap{
    /*margin-bottom:60px;*/
}

.lower_main .blog_wrap{
    margin-bottom:60px;
}
.lower_main .news_wrap,
.lower_main .blog_wrap{
    margin-bottom:60px;
}
.lower_main .news_wrap h2,
.lower_main .blog_wrap h2{
    font-size: 18px;
    background: #000000;
    padding: 15px 20px;
    color: #ffffff;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .lower_main .lower_mv_wrap .wrapper {
    	height: 100vh;
    }
    .lower_main .lower_mv_wrap {
        font-size:33px;
        font-size: 6vmin;
        height: 100vh;
    }
    .lower_main .lower_mv_wrap .box {
        height: 100vh;
    }
    .lower_main .lower_mv_wrap span{
        display: block;
        font-size:75px;
        font-size: 12vmin;
    }
    .lower_main .lower_mv_wrap.ui-droppable span{
        font-size: initial;
    }
    
    .lower_main .lower_mv_wrap.left_0{
        background-position:left;
    }
    .lower_main .lower_mv_wrap.left_10{
        background-position:10% 0;
    }
    .lower_main .lower_mv_wrap.left_20{
        background-position:20% 0;
    }
    .lower_main .lower_mv_wrap.left_30{
        background-position:30% 0;
    }
    .lower_main .lower_mv_wrap.left_40{
        background-position:40% 0;
    }
    .lower_main .lower_mv_wrap.left_50{
        background-position:50% 0;
    }
    .lower_main .lower_mv_wrap.left_60{
        background-position:60% 0;
    }
    .lower_main .lower_mv_wrap.left_70{
        background-position:70% 0;
    }
    .lower_main .lower_mv_wrap.left_80{
        background-position:80% 0;
    }
    .lower_main .lower_mv_wrap.left_90{
        background-position:90% 0;
    }
    .lower_main .lower_mv_wrap.center{
        background-position: center 0;
    }
    .lower_main .lower_mv_wrap.right{
        background-position: right 0;
    }
}

@media screen and (max-width: 1169px) {
    .gnav ul li a {
        /*font-size: 1vw;*/
    }
}
@media screen and (max-width: 768px) {
    h2{
    }
    h3{
    }
    h4{
    }
    h5{
    }
    h6{
    }
	section.top_section h2 {
		font-size: 16px;
        font-size: 5.5vmin;
        line-height: 1.2;
    }
    section.top_section h2 span {
    	font-size: 45px;
        font-size: 10vmin;
    }
	section.top_section h3 {
		font-size: 20px;
        font-size: 3.8vmin;
	}
	section.top_section h4 {
		font-size: 18px;
        font-size: 3.5vmin;
	}
	section.top_section h5 {
		font-size: 16px;
        font-size: 5vmin;
	}
	section.top_section h6 {
		font-size: 16px;
        font-size: 4vmin;
	}
	.lower_main .lower_mv_wrap p{
        font-size: 10vmin;
	}
	.lower_main h2 {
		font-size: 18px;
        font-size: 4vmin;
        text-align: left;
        line-height: 1;
	}
	.lower_main h2 span {
		/*font-size: 40px;*/
        font-size: 6vmin;
	}
    .lower_main h3 {
        font-size: 20px;
        font-size: 5vmin;
    }
	.lower_main h4 {
		font-size: 18px;
        font-size: 4.5vmin;
	}
    .lower_main .h4_wrap h4 {
        font-size: 20px;
        font-size: 3.5vmin;
    }
    .article_list li .article_ttl h4{
        padding:0;
        font-size: 5vmin;
    }
    .article_list li .article_ttl span{
        font-size: 5vmin;
    }
    /* 背景色　白 h3*/
    section.top_section.pattern1 h3{
        font-size: 16px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;
    }
    section.top_section.pattern3 h3{
        font-size: 16px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;
    }
    .lower_main section.pattern1 h3{
        font-size: 18px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;
    }

    /* 背景色　緑 h3*/
    section.top_section.pattern2 h3{
        font-size: 16px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;
    }
    /* 背景色　白 h3 (textArea上)*/
    section.top_section.pattern1 .textArea h3{
        font-size: 16px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;

        background: #000000;
        color: #ffffff;
        font-weight: bold;
    }
    section.top_section.pattern3 .textArea h3{
        font-size: 16px;
        font-size: 5vmin;
        padding:15px;
        margin-bottom: 30px;
    }
    .lower_main .pattern1 .textArea h3{
        font-size: 18px;
        font-size: 5vmin;
        padding: 15px;
        margin-bottom: 30px;
        background: #000000;
        color: #fff;
    }
    .lower_main .pattern1 .textArea h3#gmap + .textArea {
        padding:0;
    }
    /* 背景色　緑 h3 (textArea上)*/
    section.top_section.pattern2 .textArea h3{
        font-size: 16px;
        font-size: 4vmin;
        margin-bottom: 30px;
    }

    /* 背景色　白 h4*/
    section.top_section.pattern1 h4{
        font-size: 15px;
        font-size: 3.5vmin;
        padding:15px;
        margin-bottom: 20px;
        letter-spacing: 0px;
    }
    section.top_section.pattern3 h4{
        font-size: 15px;
        font-size: 3.5vmin;
        padding:15px;
        margin-bottom: 20px;
        letter-spacing: 0px;
    }
    .lower_main .pattern1 .textArea h4{
        font-size: 18px;
        font-size: 4vmin;
        margin-bottom: 15px;
    }
    /* 背景色　緑 h4*/
    section.top_section.pattern2 h4{
        font-size: 15px;
        font-size: 3.5vmin;
        padding:15px;
        margin-bottom: 20px;
        letter-spacing: 0px;

        background:#ffffff;
        color:#000000;
    }
    section.top_section.pattern1 h4 + .textArea,
    section.top_section.pattern3 h4 + .textArea {
        padding:0;
    }
	.lower_main h5 {
		font-size: 16px;
        font-size: 10vmin;
	}
	.lower_main h6 {
		font-size: 16px;
        font-size: 10vmin;
	}
}

/***************************************
　::トップページ
****************************************/
/****************
TOP 共通コンテンツ
****************/
section.top_section{
    padding: 80px 0 80px;
}
.lower_main section.top_section {
    padding: 40px 0 40px;
    border-top: 1px solid #d2d2d2;
}

section.lower_section,
.div_section {
	padding: 80px 0 80px;
}
.div_section2 {
	padding: 0 0 80px;
}

.div_section.common_feature {
	border-top: 1px solid #d2d2d2;
}
.div_section.common_feature + .div_section.common_feature {
	padding: 80px 0 80px;
}
.div_section.common_feature .h2_wrap + section.lower_section {
	padding-bottom: 50px;
}
.div_section.common_feature.pattern1 {}
.div_section.common_feature.pattern2 {}
.div_section.common_feature.pattern3 {}
/*.div_section.common_feature.pattern3 .h2_wrap.bdr_btm {
    border-bottom: 1px solid #a0a0a0;
    padding-bottom: 30px;
}*/
.lower_main .div_section.common_feature.pattern3 h3 {
    background: none;
    color: #000000;
    font-size: 18px;
    padding: 0;
}

.h2_wrap + .lower_section,
.h2_wrap + .div_section{
    padding:0 0 80px;
}

section.top_section.p0,
section.lower_section.p0{
    padding: 0 !important;
}
@media (max-width: 768px) {
/*
    section.top_section{
        padding: 20px 0 20px;
    }

    section.lower_section,
    .div_section {
        padding: 20px 0 20px;
    }
    .div_section div {
    	margin-bottom: 0;
    }
    .div_section div.faq-cont {
        margin-bottom: 15px;
    }

    section.lower_section + section.lower_section,
    section.lower_section + .div_section,
    .div_section + section.lower_section,
    .div_section + .div_section {
        padding: 0px 0 20px;
    }

    .h2_wrap + section.top_section,
    .h2_wrap + section.lower_section,
    .h2_wrap + .div_section {
        padding: 0px 0 20px;
    }
    .article_list.mb50 {
        margin-bottom: 20px!important;
    }
    section.top_section.pb0,
    section.lower_section.pb0,
    .div_section.pb0 {
    	padding-bottom: 40px;
    }
*/

    section.lower_section:nth-child(n + 2){
        /*padding: 80px 0 0;*/
    }
    section.lower_section:last-child{
        /*padding: 80px 0 80px;*/
    }

    .div_section.common_feature .LR_box .left.col_4 {
    	margin-bottom: 0px;
    }
    .div_section2 .LR_box:last-child .textArea{
		margin-bottom: 15px;
	}
	.lower_main .div_section.common_feature.pattern3 h3 {
	    background: #000000;
	    color: #ffffff;
	    padding: 15px 20px;
        font-size: 16px;
	}
}
section.top_section.pattern1,
section.lower_section.pattern1,
.div_section{
    background: none;
}
section.top_section.pattern1 + section.top_section.pattern1 {
    border-top: 1px solid #d2d2d2;
}
section.top_section.pattern2,
section.lower_section.pattern2,
.div_section.pattern2{
    background: #000000;
    color: #ffffff;
}
section.top_section.pattern2 a,
section.lower_section.pattern2 a,
.div_section.pattern2 a{
    color: #ffffff;
}
section.top_section.pattern2 + section.top_section.pattern2,
.div_section.pattern2 + .div_section.pattern2 {
    border-top: 1px solid #ffffff;
}
.div_section.pattern2 .textArea{
    color: #ffffff;
}
#footer .div_section.pattern2 .textArea a{
    text-decoration: none;
}
section.top_section.pattern3,
section.lower_section.pattern3,
.div_section.pattern3{
    background: url(../images/common/content_bg_1.jpg) repeat 0 0;
    /*background: url(../images/common/wood2.jpg) repeat 0 0;*/
    background-size: cover;
}
section.top_section.pattern1 .article_list.pattern2 li {}
section.top_section.pattern2 .article_list.pattern2 li,
section.top_section.pattern3 .article_list.pattern2 li{
    background: #ffffff;
    color: #313131;
}
section.top_section.pattern1 .article_list.pattern2 li a .date,
section.top_section.pattern3 .article_list.pattern2 li a .date{
    color: #313131;
}
section.top_section.pattern1 .article_list.pattern2 li .image,
section.top_section.pattern2 .article_list.pattern2 li .image,
section.top_section.pattern3 .article_list.pattern2 li .image {
}
section.top_section.pattern1 .article_list.pattern2 li a .title {}
section.top_section.pattern2 .article_list.pattern2 li a .title {}
section.top_section.pattern3 .article_list.pattern2 li a .title {
    background: #ffff;
    color: #3d3d3d;
}


section.top_section .LR_box h4 {
	text-align: left;
	font-size: 16px;
}
section.top_section .LR_box .right .richtext {
	margin-bottom: 20px;
}

.top_h3_wrap{
	padding: 50px 0 30px;
}
.top_h3_wrap .textArea{
	margin: 0 auto 40px;
}


section.top_section.pattern1 .article_list li .date,
.div_section.pattern1 .article_list li .date {
}
section.top_section.pattern2 .article_list li .date,
.div_section.pattern2 .article_list li .date {
    background: none;
    color: #ffffff;
    border: none;
}
section.top_section.pattern3 .article_list li .date,
.div_section.pattern3 .article_list li .date {
    background: none;
    color: #313131;
    border: none;
}
section.top_section.pattern1 .article_list li .title,
.div_section.pattern1 .article_list li .title {
    background: #000000;
    color: #ffffff;
}
section.top_section.pattern2 .article_list li .title,
.div_section.pattern2 .article_list li .title {
    background: #ffffff;
    color: #626262;
}
section.top_section.pattern3 .article_list li .title,
.div_section.pattern3 .article_list li .title {
    background: #000000;
    color: #ffffff;
}
section.top_section.pattern1 .article_list li .text,
.div_section.pattern1 .article_list li .text {
    background: none;
    color: #313131;
}
section.top_section.pattern2 .article_list li .text,
.div_section.pattern2 .article_list li .text {
    background: none;
    color: #ffffff;
}
section.top_section.pattern3 .article_list li .text,
.div_section.pattern3 .article_list li .text {
    background: none;
    color: #313131;
}


@media (max-width: 768px) {
    section.top_section .article_list,
    section.top_section .detail_box_wrap{
        margin-bottom: 0px;
    }
    section.top_section.pattern1 .article_list.pattern2 li a .title,
    section.top_section.pattern3 .article_list.pattern2 li a .title{
        padding: 15px;
        font-size: 4vmin;
        background: #000000;
        color: #fff;
    }
    section.top_section .article_list.detail_box2 li .image,
    section.top_section .article_list.detail_box3 li .image,
    section.top_section .article_list.detail_box4 li .image{
        margin-bottom: 0px;
    }
}
.lower_section .article_list.detail_box3.blog {
	margin-bottom: 30px;
}
.article_list.detail_box2.blog li,
.article_list.detail_box3.blog li,
.article_list.detail_box4.blog li{
    /*margin-bottom: 0px;*/
}
.article_list.detail_box2.blog li:nth-child(n+1):nth-child(-n+2),
.article_list.detail_box3.blog li:nth-child(n+1):nth-child(-n+3),
.article_list.detail_box4.blog li:nth-child(n+1):nth-child(-n+4){
    /*margin-bottom: 30px;*/
}

@media (max-width: 768px) {
    section.top_section,
    section.lower_section,
    .div_section {
        padding: 80px 0;
    }
	.banner {
		padding: 0 3.125%;
		margin-bottom: 25px;
	}

    section.top_section .article_list.detail_box3
    section.top_section .detail_box_wrap .detail_box3{
        margin-bottom: 10%;
    }

	.banner .banner_list {
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}
	.banner .banner_list li {
		float: left;
		margin-left: 0;
		width: 100%;
	}
	.banner .banner_list li:first-child {
		margin-left: 0px;
	}
	.banner .tel_cont {
		background-size: 20%;
		width: auto;
		margin: 0 auto;
		float: none;
	}
	.banner .tel_cont .reservation {
		margin-bottom: 0;
		text-align: left;
		padding: 0;
	}
	.banner .tel_cont .tel {
		font-size: 180%;
	}
	.more_btn.mb45 {
		margin-bottom: 45px;
	}
	.table_cont.mb150 {
		margin-bottom: 15px;
	}
	.lower_section .article_list.detail_box3.blog {
	    margin-bottom: 0;
	}
}

/********************
TOP concept
********************/

.concept_cont{
	position: relative;
	cursor: pointer;
}
.concept_cont .concept_img {
	overflow: hidden;
	position: relative;
	text-align:center;
	height: 100%;
}

.concept_cont .concept_img::before {
    opacity: 0;
    content: "";
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.concept_cont .concept_img:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.3;
    background: #000;
}
.concept_cont:hover img {
	/*transform: scale(1.50);
	-webkit-transform: scale(1.50);
	transition: .3s;*/
}
.concept_cont .concept_img > img {
	width:100%;
}

section#top_concept .concept_img img,
section#top_recommend .concept_img img{
	/*background: #000000;
	opacity: 0.7;*/
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
section#top_concept .concept_img:hover img,
section#top_recommend .concept_img:hover img {
	opacity: 1;
}

.concept_cont .concept_ttl{
	padding:45px 0 0;
}
.concept_cont .concept_text{
	padding:25px 10px;
	margin-bottom: 20px;
}
.concept_cont .concept_text .textArea{
	margin: 0 auto;
}
.concept_cont .more_btn{
	width: 160px;
    margin: 0 auto;
}
.concept_cont .concept_bg{
	background: url(../images/top/concept_border.png) no-repeat center 0;
	height: 6px;
	margin-top: 45px;
}

section.top_section.concept {}
section.top_section.concept .LR_box .textArea {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
	section#top_concept {padding: 30px 0;}
    section.top_section.concept .LR_box .textArea {
        margin-bottom: 30px;
    }
}

/********************
TOP recommend
********************/
section#top_recommend {
	/*背景画像　不要なら消す*/
	/*background: rgba(0, 0, 0, 0) url(../images/top/section_bg_1.png) no-repeat scroll center 0;
	background-size:cover;
	background-attachment: fixed;*/
}
section#top_recommend h5{
	font-size: 20px;
	margin-bottom: 30px;
}
section#top_recommend .concept_wrap{
	/*padding:45px 0 0;*/
}


/********************
TOP service
********************/
section#top_service {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_2.png) no-repeat scroll center 0;
	background-size: cover;
	background-attachment: fixed;
}
section#top_service h2 {
}
section#top_service h3 {}

section.top_section.service {}
section.top_section.service .detail_box_wrap {
    margin-bottom: 30px;
}
section.top_section.service .detail_box_wrap li {
    margin-bottom: 0px;
}
section.top_section.service .detail_box_wrap li .textArea {
    margin-bottom: 0px;
}

@media (max-width: 768px) {
	section.top_section.service .detail_box_wrap {
	    margin-bottom: 0px;
	}
    section.top_section.service .detail_box_wrap li {
        margin-bottom: 30px;
	    margin-top: 0px;
    }
    section.top_section.service .detail_box_wrap li .textArea {
        margin-bottom: 0px;
    }
}

/*****************
h4 デザインパターン2（━あり）
.textArea内に入れる必要あり
*****************/
/*
section#top_service .textArea h4 {
	margin: 0 auto 25px;
	font-size: 18px;
	font-weight: bold;
	padding:0 0 0 40px;
	position:relative;
	background:none;
	text-align:left;
}
section#top_service .textArea h4:before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	min-width: 30px;
	height: 6px;
}
*/

section#top_service ul li {
	padding: 0;
}
section#top_service ul li .img-center {
	margin: 0;
}
section#top_service ul li h4 {margin-bottom: 0;}
section#top_service ul li .textArea {
	padding: 20px 25px 15px;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;
	/*border: 1px solid;
	border-top: none;*/
}
@media (max-width: 768px) {
	section#top_service {padding: 30px 0;}
}

/********************
TOP food
********************/
section#top_menu {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_4.png) repeat scroll center 0;
	/*background-size: cover;
	background-attachment: fixed;*/
	position: relative;
}
section#top_menu:before {
	top:0;
	position: absolute;
	content:"";
	width: 100%;
    height: 30px;
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_4_before.png) repeat-x scroll center top;
	/*background-size: cover;
	background-attachment: fixed;*/
}
section#top_menu:after {
	bottom:0;
	position: absolute;
	content:"";
	width: 100%;
    height: 30px;
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url(/images/top/section_bg_4_after.png) repeat-x scroll center bottom;
	/*background-size: cover;
	background-attachment: fixed;*/
}
section#top_menu.menu_cont h2,
section#top_menu.menu_cont h3,
section#top_menu.menu_cont h4 {
	color:#32363f;
}
section#top_menu.menu_cont h2 {
	background: url(/images/common/title_top_border2.png) no-repeat 50% 0px;
}
section#top_menu.menu_cont h2:before {
    background: url(/images/common/title_before_border2.png);
}
section#top_menu.menu_cont h2:after {
    background: url(/images/common/title_after_border2.png);
}
section#top_menu.menu_cont h3:before {
    border-top: 1px solid #32363f;
}


.priority h3 {
	color:#32363f;
}
.priority h3 {
	/*background: url(/images/common/title_top_border2.png) no-repeat 50% 0px;*/
}
.priority h3:before {
    background: url(/images/common/title_before_border2.png);
}
.priority h3:after {
    background: url(/images/common/title_after_border2.png);
}



.menu_cont h2,
.menu_cont h3,
.menu_cont h4 {
	color:#32363f;
}
.menu_cont h2 {
	background: url(/images/common/title_top_border2.png) no-repeat 50% 0px;
}
.menu_cont h2:before {
    background: url(/images/common/title_before_border2.png);
}
.menu_cont h2:after {
    background: url(/images/common/title_after_border2.png);
}
.menu_cont h3:before {
    border-top: 1px solid #32363f;
}
.menu_cont .detail_box4 li{
    width: 21%;
    margin-left: 4%;
}
.menu_cont .detail_box4 li:first-child,
.menu_cont .detail_box4 li:nth-child(4n+1) {
    margin-left: 1.9%;
}
.menu_cont .detail_box4 li:last-child,
.menu_cont .detail_box4 li:nth-child(4n+4) {
    margin-right: 1.9%;
}
.menu_cont .concept_cont .concept_img{
    border-radius:50%;
    padding:50%;
}
.menu_cont li.img01 .concept_cont .concept_img{
	background: url("/images/top/menu_img01.png") no-repeat center center;
	background-size: cover;
}
.menu_cont li.img02 .concept_cont .concept_img{
	background: url("/images/top/menu_img02.png") no-repeat center center;
	background-size: cover;
}
.menu_cont li.img03 .concept_cont .concept_img{
	background: url("/images/top/menu_img03.png") no-repeat center center;
	background-size: cover;
}
.menu_cont li.img04 .concept_cont .concept_img{
	background: url("/images/top/menu_img04.png") no-repeat center center;
	background-size: cover;
}

.menu_cont .concept_cont .concept_img::before {
    opacity: 0;
    content: "";
    position: absolute;
    background: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.menu_cont .concept_cont .concept_img:hover:before {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.3;
    background: #000;
}
.menu_cont .concept_cont .ttlArea{
	position: relative;
	margin: 0 auto 60px;
}
.menu_cont .concept_cont .ttlArea:after{
    position: absolute;
    content: "";
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 60px;
    text-align: center;
    height: 1px;
    background: #000;
}
.menu_cont .concept_cont .ttlArea span{
	font-size: 36px;
	font-family: 'Playfair Display', serif;
}
.menu_cont .concept_cont .textArea{
	position: relative;
	margin: 0 auto 30px;
}

@media (max-width: 768px) {
    section#top_menu.menu_cont h2 {
    	background: none;
    }
    section#top_menu.menu_cont h2:before {
    	background: none;
    }
    section#top_menu.menu_cont h2:after {
    	background: none;
    }
    section#top_menu.menu_cont h3:before {
        border-top: 1px solid #32363f;
    }
	.menu_cont {padding: 30px 0;}
	.menu_cont .concept_cont .ttlArea span{
    	font-size: 26px;
    }
    .menu_cont .detail_box4 li{
        width: 48%;
        margin: 0% 1% 3%;
        float: left;
    }
    .menu_cont .detail_box4 li:first-child,
    .menu_cont .detail_box4 li:nth-child(4n+1) {
        margin: 0% 1% 3%;
    }
    .menu_cont .detail_box4 li:last-child,
    .menu_cont .detail_box4 li:nth-child(4n+4) {
        margin: 0% 1% 3%;
    }
}

.menu_table {
    position: relative;
}
.menu_table .more_btn{
    position: absolute;
    bottom:0;
}

.free_table.menu_table{
    /*margin-bottom:5px;
    min-height: 205px;*/
}
.LR_box.bg-img .free_table.menu_table {
    margin-bottom:5px;
    min-height: 205px;
}
.free_table.menu_table table.common_table.two_rows {
    margin-bottom: 0px;
}
.free_table.menu_table table.common_table.two_rows tr.table_bdr{
    border-bottom: 1px solid #a0a0a0;
}
.free_table.menu_table table.common_table.two_rows tr th,
.free_table.menu_table table.common_table.two_rows tr td {
    padding: 13px 10px 12px;
    line-height:1.2;

}
.free_table.menu_table table.common_table.two_rows tr th {
    width: 70%;
    border-bottom: none;
}
.free_table.menu_table table.common_table.two_rows tr.table_bdr th {
    border-bottom: 1px solid #a0a0a0;
}
.free_table.menu_table table.common_table.two_rows tr td {
    width: 30%;
    background: #000000;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.free_table.menu_table table.common_table.two_rows tr:last-child td {
    border-bottom: 1px solid #000000;
}
.free_table.menu_table table.common_table.two_rows tr td.text {
    border-bottom: 1px solid #a0a0a0;
    padding-top: 0;
}

.pattern1 .free_table.menu_table table.common_table.two_rows tr th,
.pattern3 .free_table.menu_table table.common_table.two_rows tr th {
}
.pattern1 .free_table.menu_table table.common_table.two_rows tr td,
.pattern3 .free_table.menu_table table.common_table.two_rows tr td {
    /*background: #000000;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;*/
}
.pattern2 .free_table.menu_table table.common_table.two_rows tr th {
    background: #000000;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.pattern2 .free_table.menu_table table.common_table.two_rows tr td {
    background: #ffffff;
    color: #626262;
    border-bottom: 1px solid #a0a0a0;
}
.pattern2 .free_table.menu_table table.common_table.two_rows tr:last-child th {
    border-bottom: 1px solid #ffffff;
}
.pattern2 .free_table.menu_table table.common_table.two_rows tr:last-child td {
    border-bottom: 1px solid #ffffff;
}
.pattern1 .free_table.menu_table table.common_table.two_rows tr td.text,
.pattern3 .free_table.menu_table table.common_table.two_rows tr td.text {
    border-bottom: 1px solid #a0a0a0;
    background: none;
    color: #626262;
}
.pattern2 .free_table.menu_table table.common_table.two_rows tr td.text {
    border-bottom: 1px solid #ffffff;
    background: none;
    color: #ffffff;
}

@media (max-width: 768px) {
    .free_table.menu_table{
        /*margin-bottom:50px;
        min-height: auto;*/
    }
    .LR_box.bg-img .free_table.menu_table {
        margin-bottom:50px;
        min-height: auto;
    }
    .free_table.menu_table table.common_table.two_rows tr.table_bdr{
    }
    .free_table.menu_table table.common_table.two_rows tr th {
        display: table-cell;
        width: 70% !important;
        border: none;
        border-bottom: none;
        padding: 10px 10px;
    }
    .free_table.menu_table table.common_table.two_rows tr.table_bdr th {
        border-bottom: 1px solid #a0a0a0;
    }
    .free_table.menu_table table.common_table.two_rows tr:last-child th {
        border-bottom: 1px solid #a0a0a0;
    }
    .free_table.menu_table table.common_table.two_rows tr td {
        display: table-cell;
        width: 30% !important;
        border: none;
        border-bottom: 1px solid #ffffff;
        padding: 10px 10px;
    }
    .pattern1 .free_table.menu_table table.common_table.two_rows tr td.text,
    .pattern3 .free_table.menu_table table.common_table.two_rows tr td.text {
        border-bottom: 1px solid #a0a0a0;
    }
    .pattern2 .free_table.menu_table table.common_table.two_rows tr.table_bdr th {
        border-bottom: 1px solid #ffffff;
    }
    .pattern2 .free_table.menu_table table.common_table.two_rows tr td.text {
        border-bottom: 1px solid #ffffff;
    }
}

/********************
TOP works
********************/
section#top_works {
	/*背景画像　不要なら消す*/
	/*background: rgba(0, 0, 0, 0) url(../images/top/section_bg_3.png) no-repeat scroll center 0;
	background-size:cover;
	background-attachment: fixed;*/
	background: url(/images/top/section_bg_3.png) repeat;
}
@media (max-width: 768px) {
	section#top_works {padding: 30px 0;}
}

/********************
TOP blog
********************/
section#top_blog {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url("/images/top/section_bg_4.png") no-repeat scroll center 0;
	background-size: cover;
	background-attachment: fixed;
}
section#top_blog h2 {
}
section#top_blog h3 {
}

@media (max-width: 768px) {
	section#top_blog {padding: 30px 0;}
}

/********************
TOP news
********************/
.news_wrap ul.news.article_list li .title{
    text-align: center;
    margin-bottom:30px;
}
.news_wrap ul.news.article_list li .text{
    padding:0;
}
@media (max-width: 768px) {
    .news_wrap ul.news.article_list li .text {
        padding: 30px 0 0;
    }
}

/********************
TOP company
********************/
section#top_company {
	/*背景画像　不要なら消す*/
	background: rgba(0, 0, 0, 0) url("/images/top/section_bg_6.png") no-repeat scroll center 0;
	background-size: cover;
	background-attachment: fixed;
	padding-bottom: 0;
}
section#top_company h2 {
}
section#top_company h3 {}
section#top_company .wrapper{
	margin-bottom:70px;
}
.free_table.table_wrap{

}
.free_table.table_wrap table.common_table{

}
.free_table.table_wrap table.common_table th{
	text-align: center;
	font-size: 48px;
}
.free_table.table_wrap table.common_table th i.material-icons{
	font-size: 48px;
}
.free_table.table_wrap table.common_table td{
	text-align: center;
	padding-bottom: 55px;
}

section#top_company .more_btn{
    padding:20px 15px;
}

section#top_company .more_btn a {
	width: 260px;
}

/*******************
アクセス
********************/

.googlemap {
	margin-bottom: 0px;
	height: 245px;
}
.googlemap iframe {
	width: 100%;
    height: 100%;
}
/*
section.access_table {
	margin: -7px auto 30px;
	width: 100%;
}
section#top_company section.access_table {margin-bottom: 0;}
section.access_table tr th {
	width: 20%;
	font-size: 18px;
	padding: 15px;
	font-weight: bold;
	border-right: 0;
	text-align: center;
	vertical-align: middle;
}
section.access_table tr td {
	width: 80%;
	padding: 15px;
	border-left: 0;
	vertical-align: middle;
}
*/
@media (max-width: 768px) {
/*
	section.access_table {
		margin: 0 auto;
		width: 100%;
	}
	section.access_table.two_rows tr th {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		font-size: 15px;
		padding:10px;
	}
	section.access_table.two_rows tr td {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		padding:10px;
	}
*/
	.googlemap {
		margin-bottom: 0px;
		height: 270px;
	}
}

.access1.LR_box,
.access2.LR_box{
    margin-bottom:50px;
}
.access1.LR_box .textArea,
.access2.LR_box .textArea{
    margin-bottom:0px;
    height: 100%;
}

.access1.LR_box .right,
.access2.LR_box .right{
    overflow:hidden;
}
#map_canvas {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
}
#map_canvas iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/*パターンA*/
.access1.LR_box .access_table{
    margin-bottom: 30px;
}
.access1.LR_box .access_text{
    margin-bottom:0px;
}
.access1.LR_box #map_canvas.googlemap{
    /*padding-top: 100%;googlemapの高さ調整*/
}

/*パターンB*/
.access2.LR_box .access_table{
    margin-bottom: 0px;
}
.access2.LR_box .access_text{
    margin-bottom:15px;
}
.access2.LR_box #map_canvas.googlemap{
    /*padding-top: 100%;googlemapの高さ調整*/
}

.access1.LR_box .access_table th,
.access2.LR_box .access_table th{
    width:140px;
    padding:5px 0 0;
}
.access1.LR_box .access_table td,
.access2.LR_box .access_table td{
    width:400px;
    padding:5px 0;
}

.access1.LR_box .access_table td.pc,
.access2.LR_box .access_table td.pc{
    display:block;
}
.access1.LR_box .access_table td.sp,
.access2.LR_box .access_table td.sp{
    display:none;
}

@media screen and (max-width: 1169px) and (min-width: 769px) {
    .access1.LR_box,
    .access2.LR_box{
    }
    .access1.LR_box .textArea,
    .access2.LR_box .textArea{
    }

    .access1.LR_box .left,
    .access2.LR_box .left{
        float: left;
        width: 49%;
        padding: 0;
        display: block;
    }
    .access1.LR_box .right,
    .access2.LR_box .right{
        float: right;
        width: 49%;
        padding: 0;
        display: block;
    }
    #map_canvas {
    }
    #map_canvas iframe {
      position: static;
    }

    /*パターンA*/
    .access1.LR_box .access_table{
    }
    .access1.LR_box .access_text{
    }
    .access1.LR_box #map_canvas.googlemap{
    }

    /*パターンB*/
    .access2.LR_box .access_table{
    }
    .access2.LR_box .access_text{
    }
    .access2.LR_box #map_canvas.googlemap{
    }

    .access1.LR_box .access_table th,
    .access2.LR_box .access_table th{
        width: 20%;
    }
    .access1.LR_box .access_table td,
    .access2.LR_box .access_table td{
        width: 80%;
    }

    .access1.LR_box .access_table td.pc,
    .access2.LR_box .access_table td.pc{
    }
    .access1.LR_box .access_table td.sp,
    .access2.LR_box .access_table td.sp{
    }
}

@media (max-width: 736px) {
    .access1.LR_box .access_table td.pc,
    .access2.LR_box .access_table td.pc{
        display:none;
    }
    .access1.LR_box .access_table td.sp,
    .access2.LR_box .access_table td.sp{
        display:block;
    }
    .access1.LR_box .access_table td.sp a,
    .access2.LR_box .access_table td.sp a{
        color:#626262;
    }
    .pattern2 .access1.LR_box .access_table td.sp a,
    .pattern2 .access2.LR_box .access_table td.sp a{
        color:#ffffff;
    }
    #map_canvas {
        width: 100%;
        height: 300px;
        margin: 0;
        position: relative;
    }
    #map_canvas iframe {
      position: static;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 300px !important;
    }
}

@media (max-width: 768px) {
    .access1.LR_box .access_table th,
    .access2.LR_box .access_table th{
        width:100%;
        padding-top:15px;
    }
    .access1.LR_box .access_table td,
    .access2.LR_box .access_table td{
        width:100%;
        padding-bottom:15px;
    }
	.LR_box.access1 .left,
	.LR_box.access2 .left{
		margin-bottom:40px;
	}
	.LR_box.access1 .right,
	.LR_box.access2 .right{
		margin-bottom:0px;
	}
	.LR_box.access1 .textArea,
	.LR_box.access2 .textArea{
		margin-bottom:0;
	}
	.LR_box.access1 .access_text{
		margin-bottom:0px;
	}
	.LR_box.access2 .access_text{
		margin-bottom:30px;
	}
}


/********************
TOP FAQ
********************/
section#top_faq {}
section#top_faq h3 {}
section.top_section .faq_wrap{
    margin-bottom:50px;
}
@media (max-width: 768px) {
	section#top_faq {padding: 30px 0;}
    section.top_section .faq_wrap{
        margin-bottom:10%;
    }
}

/********************
TOP RECRUIT
********************/
section#top_recruit {
	/*背景画像　不要なら消す*/
	/*background: rgba(0, 0, 0, 0) url(../images/top/section_bg_1.png) no-repeat scroll center 0;
	background-size:cover;
	background-attachment: fixed;*/
}

.recruit_table.free_table table.common_table{
    margin-bottom: 30px;
}
.recruit_table.free_table table.common_table.two_rows tr th {
    width: 30%;
    background: #000000;
    padding: 13px 10px 12px;
    line-height: 1;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.recruit_table.free_table table.common_table.two_rows tr td {
    width: 70%;
    padding: 13px 10px 12px;
    line-height: 1;
    border: 1px solid #a0a0a0;
}

@media (max-width: 768px) {
	section#top_recruit {padding: 30px 0;}

    .recruit_table.free_table table.common_table.two_rows tr th {
        border: #000000 1px solid;
    }
    .recruit_table.free_table table.common_table.two_rows tr td {
        border-top: none;
        border-bottom: none;
    }
}

/********************
TOP seo
********************/
section#top_seo {
	/*background: rgba(0, 0, 0, 0) url("../images/top/section_bg_6.png") no-repeat scroll center 0;
	background-size:cover;
	background-attachment:fixed;*/
	background: url(/images/top/section_bg_1.png) repeat;
}
section#top_seo h2 {}
section#top_seo h3 {
	margin-bottom: 20px;
}
section#top_seo .LR_box .right {}
@media (max-width: 768px) {
	section#top_seo {padding: 30px 0;}
	section#top_seo > div > section {
		padding: 0 3%;
	}
}

/*******************
共通バナー
********************/
.banner_section {
    min-width: auto;
    margin: 0 auto;
    background: url(/images/common/footer_bg.png) no-repeat center center;
    background-size: cover;
    padding: 50px 0;
    color: #fff;
}
.banner_section table{
    font-size: 24px;
    width: 100%;
}
.banner_section th{
    text-align: center;
    padding-bottom: 25px;
}
.banner_section td{
        text-align: center;
    padding-bottom: 25px;
}
.banner_section td .tel{
    font-family: 'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 48px;
    line-height: 1;
}
.banner_section td .more_btn a {
    width: 370px;
    padding: 30px 0;
    font-size: 18px;
}
@media (max-width: 768px) {
    .banner_section table {
        font-size: 21px;
    }
 .banner_section td .more_btn a {
    width: 100%;
    box-sizing:border-box;
    }
}

@media screen and (max-width: 768px) {
	.lower_main {
		padding: 0;
	}
}

/***************************************
　::会社概要
****************************************/
section.company .right table th {}
section.company .right table td {}
section.company .left .youtube_wrap,
section#top_company .left .youtube_wrap {
	margin-top: 10px;
	width:100%;
}
section.company .left .youtube_wrap iframe,
section#top_company .left .youtube_wrap iframe {
	width:100%;
}
@media (max-width: 768px) {
	section.company .left .youtube_wrap iframe,
	section#top_company .left .youtube_wrap iframe {
		height:250px;
	}
}
/***************************************
　::実績・ギャラリー　詳細画像スライド
****************************************/
.slide_dtl_wrap {
	margin-bottom: 30px;
}
.slide_dtl_wrap .left {
	/*width:50%;
	padding-right: 1%;*/
	float:left;
	box-sizing: border-box;
}
.slide_dtl_wrap .dtl_images {
	margin-bottom: 10px;
	text-align: center;
}
.slide_dtl_wrap .dtl_images .bx-wrapper {
    margin-bottom: 0;
}
.slide_dtl_wrap .dtl_images img {
	width:auto;
	display: inline-block;
}
#img_slide_thumbnail {
    text-align: center;
}
.thumbnail_img {
    display: inline-block;
    vertical-align: top;
	margin:0 0px 0px -5px;
	/*width: 576px;*/
}
#img_slide_thumbnail a {
    float: left;
	display: inline-block;
	margin:0 0px 5px 5px;
	width: 70px;
}
.slide_dtl_wrap .right {
	/*width:50%;*/
	float: right;
}

@media screen and (max-width: 1169px) and (min-width: 769px) {
    .slide_dtl_wrap .left {
        width: 30%;
	}
	.slide_dtl_wrap .dtl_images img {
	}
	.slide_dtl_wrap .dtl_images .bx-controls {
	}
    .thumbnail_img {
        margin: 0;
        display: block;
    }
	#img_slide_thumbnail a {
	    width: 20%;
	    margin: 0 0 5px;
		padding: 0 1px;
		box-sizing: border-box;
	}/*
	#img_slide_thumbnail a:nth-child(2n) {
	    float: right;
	}*/
	.slide_dtl_wrap .right {
        width: 65%;
	}
}

@media (max-width: 768px) {
	.slide_dtl_wrap .left {
		width:100%;
		float:none;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.slide_dtl_wrap .dtl_images img {
		width:auto;
		max-width:100%;
	}
	.slide_dtl_wrap .dtl_images .bx-controls {
		display: block;
	}
	.thumbnail_img {
	    margin: 0;
	    display: block;
	}
	#img_slide_thumbnail a {
	    width: 20%;
		margin:0 0px 5px 0;
		box-sizing: border-box;
		padding: 0 2px;
	}
	.slide_dtl_wrap .right {
		width:100%;
		float:none;
	}
}
/***************************************
　::コンセプト
****************************************/

.concept_box .txt,
.service_list .txt,
.blog_list .txt {
	line-height: 1.8;
}
@media (max-width: 768px) {
	.concept .LR_box .textArea{
	}
}

/*
　::カテゴリアイコン
**************************/
.cat-title {
	background: none repeat scroll 0 0;
	display: block;
	font-size: 12px;
	line-height: 25px;
	margin-left: 7px;
	padding: 0 10px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.cat-2,
.cat-title.cat-564 {
}
.cat-3,
.cat-title.cat-565 {
}
.cat-4,
.cat-title.cat-566 {
}
.cat-5,
.cat-title.cat-567 {
}
.cat-6,
.cat-title.cat-568 {
}
.cat-7,
.cat-title.cat-569 {
}
.cat-8,
.cat-title.cat-570 {
}
.cat-9,
.cat-title.cat-571 {
}
.cat-10,
.cat-title.cat-572 {
}
.cat-11,
.cat-title.cat-573 {
}
.cat-12,
.cat-title.cat-574 {
}
.cat-13,
.cat-title.cat-575 {
}
.cat-14,
.cat-title.cat-576 {
}
.cat-15,
.cat-title.cat-577 {
}
.cat-16,
.cat-title.cat-578 {
}
.cat-title a {
	color: inherit;
	text-decoration: none;
}
.cat-title a:hover {
	text-decoration: underline;
}
.article_list li .cat-title a {
    color: #ffffff;
}
.article_list li .cat-title a:hover {
}
.highlights {
	position: relative;
}
.works_list .cat-title.larger {
	line-height: 30px;
	padding: 0 14px;
}
.works_list .posts-list .cat-title.small {
	padding: 4px 8px 3px;
	margin: 0 0 0px 5px;
}


.faq-cont {
	margin: 0 auto 15px;
	border: 1px solid #eeeeee;
}
.faq-cont .q-cont {
	padding: 24px 6px 22px 110px;
	margin-bottom: 0;
	color: #333;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	position: relative;
	border-bottom: 1px solid #eeeeee;
}
.faq-cont .q-cont:before {
	content: "";
	background: url(/images/common/faq-q.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
	width: 80px;
	height: 100%;
}
.faq-cont .a-cont {
	padding: 24px 6px 22px 110px;
	min-height: 25px;
	position: relative;
	color: #333;
}
.faq-cont .a-cont:before {
	content: "";
	background: #7fb6ee url(/images/common/faq-a.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 0;
	width: 80px;
	height: 100%;
}
@media (max-width: 768px) {
	.faq-cont {
	    margin-bottom: 30px;
	}
	.faq-cont .q-cont{
	    font-size:14px;
	    font-size: 4vmin;
	}
	.faq-cont .q-cont {
    	padding: 24px 6px 22px 86px;
    }
    .faq-cont .q-cont:before {
    	/*width: 45px;*/
    }
    .faq-cont .a-cont {
    	padding: 24px 6px 22px 86px;
    	font-size: 3.5vmin;
    }
    .faq-cont .a-cont:before {
    	/*width: 45px;*/
    }
}



/*
サイトマップ
**************************************/
.sitemap {
	margin: 0 auto 20px;
	padding: 0 15px 15px;
	width: 100%;
	box-sizing: border-box;
}
.sitemap ul {}
.sitemap ul li {
	padding: 0 0 0 21px;
	position: relative;
}
.sitemap ul li:before {
	position: absolute;
	left: 0px;
	content: "▶";
	font-size: 10px;
	top: 2px;
}
.sitemap ul li a {
	display: inline-block;
	margin-bottom: 15px;
}
.sitemap ul li ul {}
.sitemap ul li ul li {}
.sitemap ul li ul li a {}
@media (max-width: 768px) {
	.sitemap {
		padding: 0;
		width: 100%;
	}
}


@media (max-width: 768px) {
	.LR_box.mb60{
		margin-bottom:60px;
	}
}

/*
メニュー
**************************************/
.menu.textArea{
    padding:0;
}

.reccommend_cont01{
	background:url("/images/lower/drink_bg.png") no-repeat center center;
}
.alacarte{
	background:url("/images/lower/alacarte.jpg") no-repeat center center;
}
.reccommend_cont02{
	background:url("/images/common/reccommend_cont02_bg.png") no-repeat center center;
}
.reccommend_cont01,
.reccommend_cont02{
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.reccommend_cont01:before,
.reccommend_cont02:before{
    position: absolute;
    content: "";
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.2;
}
.reccommend_cont01 .h3_wrap,
.reccommend_cont01 .wrapper2,
.reccommend_cont02 .h3_wrap,
.reccommend_cont02 .wrapper2{
	position: relative;
    z-index: 10;
}
.lower_main .reccommend_cont01 .h3_wrap {
    padding: 100px 0 40px;
}
.lower_main .reccommend_cont01 h3{
    padding: 0 0 40px;
}

.reccommend_cont01 .wrapper2::before {
    background: url(/images/common/pankuzu_bg.png) repeat 0 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 30px;
    top: -30px;
    left: 0;
}

@media (max-width: 768px) {
    .menu.textArea{
        padding:0;
        margin-bottom:0;
    }
    .menu_wrap.detail_box_wrap{
        margin-bottom:0;
    }
    .reccommend_cont01{
    	background:url("/images/lower/drink_bg.png") no-repeat center top;
    }
    .reccommend_cont02{
    	background:url("/images/common/reccommend_cont02_bg.png") no-repeat center center;
    }
    .reccommend_cont01,
    .reccommend_cont02{
    	background-size: contain;
        background-attachment: initial;
        position: relative;
    }
    .lower_main .reccommend_cont01 .h3_wrap {
        padding: 50px 0;
    }
    .lower_main .reccommend_cont01 h3 {
        padding: 0 0 0px;
    }
    .reccommend_cont01 .wrapper2::before {
        background: none;
        content: "";
        position: relative;
        width: 100%;
        height: 0px;
        top: 0px;
        left: 0;
    }
}


#image_box{
    position:relative;
}
#image_box li{
    /*width: 390px;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    padding: 4px;
    margin: 5px;*/
}
#image_box li img{

}

.tag_list li{
    text-align:center;
}
.tag_list li .more_btn a{
    width: 200px;
}

.div_section .textArea .more_btn {
    text-align: center;
}
.black {
    color: #000;
}
section.pn {
    padding: 60px 0 0;
}
.pn {
    padding: 50px 0 0;
}

ul.owlet-article-monthly-archive {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.owlet-article-monthly-archive li {
    display: flex;
    margin: 0 0 10px 0;
  padding: 0;
  text-align: center;
}
ul.owlet-article-monthly-archive li a {
  position: relative;
  display: inline-block;
  width: 268px;
  height: 36px;
  line-height: 37px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
ul.owlet-article-monthly-archive li span {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 2;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #000000;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-transition: .2s;
  transition: .2s;
}
ul.owlet-article-monthly-archive li a:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
  text-decoration: none;
}
ul.owlet-article-monthly-archive li a:hover span {
  background-color: #fff;
  color: #000000;
}

ul.article_category_list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
ul.article_category_list li {
  width: 100%;
    display: flex;
    margin: 0 0 10px 0;
  padding: 0;
}
ul.article_category_list li a {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 37px;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul.article_category_list li a:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
  text-decoration: none;
}

.article_archive{
    margin-bottom:60px;
}
.article_category{
    margin-bottom:60px;
}

.article_archive li,
.article_category li{
    margin-bottom: 5px;
}
.article_archive a,
.article_category a{
    color:#626262;
    text-decoration: none;
    letter-spacing: 0;
}
.article_archive a:hover,
.article_category a:hover{
    color:#626262;
    text-decoration: underline;
}
.article_new_list {
    margin-bottom: 30px;
}
.article_new_list li a{
    color: #626262;
    text-decoration: none;
}

ul.article_new_list li {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
}
ul.article_new_list li a {
  display: block;
  width: 100%;
  height: 38px;
  line-height: 37px;
  padding: 0 1em;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
ul.article_new_list li a:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
  text-decoration: none;
}


@media (max-width: 768px) {
    ul.article_new_list li a {
      display: block;
      width: 100%;
      height: 38px;
      line-height: 37px;
      padding: 0 1em;
      background-color: #fff;
      border: 1px solid #aaa;
      border-radius: 3px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      text-decoration: none;
      -webkit-transition: .2s;
      transition: .2s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    ul.article_new_list li a:hover {
      background-color: #000000;
      border: 1px solid #000000;
      color: #fff;
      text-decoration: none;
    }
}

@media (max-width: 768px) {
    .article_archive{
        margin-bottom:40px;
    }
    .article_category{
        margin-bottom:40px;
    }
    ul.owlet-article-monthly-archive li {
      width: 100%;
    }
    ul.owlet-article-monthly-archive li a {
      display: block;
      width: 100%;
    }
    ul.owlet-article-monthly-archive li a {
      width: 100%;
    }
}


/*ブログ詳細*/
.LR_box.blog .left .detail_box_wrap {
    margin-bottom: 30px;
}
.LR_box.blog .left .detail_box_wrap .detail_box3 li{
    width:calc(33.3% - 20px);
}
@media (max-width: 768px) {
    .LR_box.blog .left .detail_box_wrap {
        margin-bottom: 0px;
    }
    .LR_box.blog .left .detail_box_wrap .detail_box3 li{
        width: 100%;
        margin: 0 0 30px;
    }
    .LR_box.blog .left .detail_box_wrap .detail_box3 li a{
        width: 100%;
    }
}

.textArea .text_h{
    min-height:147px;
}
@media (max-width: 768px) {
    .textArea .text_h{
        min-height: auto;
    }
}

.LR_box.bg-img .col_4 div {}
.LR_box.bg-img .col_4 div a {}

@media (max-width: 1169px) {
    .LR_box.bg-img .col_4 div {}
    .LR_box.bg-img .col_4 div a {
        min-height: 196px;
        min-width: 296px;
    }
}
@media (max-width: 768px) {
    .LR_box.bg-img .col_4 div {
        position: relative;
        padding-top: 66%;
    }
    .LR_box.bg-img .col_4 div a {
        position: absolute;
        width: 100%;
        height: 100% !important;
        min-height: 0;
        min-width: 0;
        top: 0;
        left: 0;
    }
}

.lightbox {
    padding-top: 80px;
}

.re_table table th{
	font-size: 18px;
    background: #000000;
    padding: 15px 20px;
    color: #ffffff;
    font-weight: bold;
}
.re_table{
    margin: 0 auto 0;
}
.re_table table {
	margin: 0 auto 30px;
	width: 100%;
}
.re_table table tr th {
	padding: 1% 2%;
	display: block;
	width: 100%;
}
.re_table table tr td {
	padding: 3% 5%;
	display: block;
	width: 100%;
	line-height:2.2;
	text-align:center;
}
.re_table tr th {
    padding: 3% 0 0;
	display: block;
    vertical-align: middle;
    font-weight: bold;
}
.re_table tr:first-child th {
    border-top:none;
}
.re_table tr td {
    padding: 3% 0;
	display: block;
    vertical-align: middle;
}
.re_table tr td.pc {
	display: none;
}
.re_table tr th {
	width: 100%!important;
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 0;
}
.re_table tr td {
	width: 100%!important;
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 0;
}
@media (max-width: 768px) {
	.re_table tr th {
        border: #000000 1px solid;
    }
    .re_table tr td {
        border-top: none;
        border-bottom: none;
    }
     .re_table table tr th{
        font-size: 18px;
        font-size: 5vmin;
        padding: 10px;
        margin-bottom: 5px;
        background: #000000;
        color: #fff;
    }
    .re_table table tr td {
		line-height:1.8;
		text-align:left;
	}
		.re_table tr:last-child td {
		border-bottom: 1px solid;
		border-color: #a0a0a0;
	}
}

