@charset "UTF-8";
/*================
oukas01.html
================*/

.kv{margin-top: 100px;}
.kv .copy{margin-bottom: 100px;}
@media screen and (max-width: 767px){
	.kv{margin-top: 50px;}
	.kv .copy{margin-bottom: 50px;}
}

/* ページ内共通 */
.SectionTitle{font-size:37px;font-weight: bold;text-align: center;}
.SectionMiddleTitle{font-size:22px;font-weight: bold;text-align: center;line-height: 2;}
.underline{border-bottom: 1px dashed #b52721;}
.caption{font-size: 11px;padding-top: 10px;}
.ar{text-align: right;}
@media screen and (max-width: 767px){
	.al-SP{text-align: left;}
	.SectionTitle{font-size:25px;}
	.SectionMiddleTitle{font-size:18px;}
}

/* message =================*/
.message{padding: 60px 0;}
.message .SectionTitle{margin-bottom: 30px;}
.message .SectionMiddleTitle{font-size: 18px;}
@media screen and (max-width: 767px){
	.message .SectionMiddleTitle{font-size: 14px;}
}

/* navi =================*/
.navi .btnList{max-width: 744px;margin: 0 auto;padding: 0 15px;display: flex;justify-content: space-between;}
.navi .btnList .btnList_item{width: 28%;}
.navi .btnList .btnList_item dd{position: relative;border-left: 1px solid #bfc0c0;border-right: 1px solid #bfc0c0;width: 80%;margin: 15px auto 0;}
.navi .btnList .btnList_item dd a{display: block;padding: 10px 0 5px;text-align: center;border-bottom: 3px solid transparent;color: #b52721;transition: .2s;}
.navi .btnList .btnList_item dd a:hover{border-bottom: 3px solid #b52721; background: #f6f6f6;}
.navi .btnList .btnList_item dd a span{position: relative;display: block;padding-top: 30px;}
.navi .btnList .btnList_item dd a span:before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 30px;height: 30px;background: #b52721;clip-path: circle(40%);transition: .2s;}
.navi .btnList .btnList_item dd a:hover span:before{background: #b52721;}
.navi .btnList .btnList_item dd a span:after{content: '';position: absolute;top: 48%;left: 50%;margin: auto;vertical-align: middle;width: 7px;height: 7px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform:  translate(-50%,-50%) rotate(135deg);transform: translate(-50%,-50%) rotate(135deg);transition: .2s;}
/* ページ内リンク */
#anc_01,#anc_02,#anc_03{
	margin-top: -80px;
	padding-top: 190px;
}

/* service =================*/
#service{padding: 110px 0 0;}
#service .SectionMiddleTitle{margin-bottom: 60px;}
@media screen and (max-width: 640px){
    #service{padding: 60px 0 0;}
}


.scroll_textBox{display: flex; flex-wrap: wrap; justify-content: space-between; height: auto; margin-top: 50px;}
.scroll_textBox_inner{width: 68%;}
.program_image{width: 30%;}
.scroll_textBox .scroll_textTitle{padding-top: 0;}

.scroll_textBox .scroll_textTitle em{font-style: normal;color: #b52721;}
.scroll_textBox .scroll_textTitle small{font-size: 60%;}
.scroll_textBox p{padding-top: 30px;line-height: 32px;}

@media screen and (max-width: 640px){
	.scroll_textBox .scroll_textTitle{padding-top: 20px;}
	.scroll_textBox{padding-left: 0;}
	.scroll_textBox_inner{width: 100%; position: static; padding-bottom: 20px;}
	.program_image{width: 100%;}
}


/* location =================*/
.location .copy{margin-bottom: 60px;text-align: center;}
.location .copy .SectionMiddleTitle{margin-bottom: 30px;}
.location .copy p{line-height: 2;}
.location .gallery{display: flex;align-items: center;}
.conBack_gray{background: #ebebe9;}
.location_slider{max-width: 1058px;width: 85%;margin: 0 auto!important;padding: 80px 0;}
.location_slider .SectionMiddleTitle{padding-bottom: 30px; background: #ebebe9;}
.location_slider .frame{display: flex;background: #fff;}
.location_slider .frame .photoArea{width: 50%;}
.location_slider .frame .textArea{width: 50%;display: flex;align-items: center;padding: 0 50px;}
.location_slider .frame .textArea p{font-size: 14px;line-height: 2;}
.location_slider .slick-list{background: #fff;}

@media screen and (max-width: 768px){
	.location_slider{width: 100%;}
}
@media screen and (max-width: 767px){
	.location_slider{max-width: 320px;}
	.location_slider .SectionMiddleTitle{font-size: 14px;}
	.location_slider .frame{flex-wrap: wrap;}
	.location_slider .frame .photoArea{width: 100%;}
	.location_slider .frame .textArea{width: 100%;}
	.location_slider .frame .textArea{padding: 50px 15px;}
}

/* building =================*/
.building .copy{margin-bottom: 60px;text-align: center;}
.building .copy .SectionMiddleTitle{margin-bottom: 30px;}
.building .copy p{line-height: 2;}
#building_slider{padding: 80px 0;}
.btn_area{display: flex;justify-content: center;margin-bottom: 43px;}
.btn_area .tab_btn{position: relative;border-left: 1px solid #bfc0c0;padding: 0 20px;font-size: 20px;transition: 0.2s;}
.btn_area .tab_btn:hover{cursor: pointer;}
.btn_area .tab_btn:last-child{border-right: 1px solid #bfc0c0;}
.btn_area .tab_btn:before{content: '';position: absolute;bottom: -10px;left: 0;width: 100%;height: 3px;background: transparent;}
.btn_area .tab_btn.active{color: #b52721;}
.btn_area .tab_btn.active:before{background: #b52721;}
#building_slider .slick-list{ background: #fff;}

@media screen and (max-width: 767px){
	.btn_area .tab_btn{font-size: 14px;}
}
/* タブコンテンツ */
.building__tab_slide{max-width: 928px;width: 100%;margin: 0 auto;}
.building__tab_slide .slider_box{display: flex;background: #fff;}
.building__tab_slide .photoArea{width: 65%;}
.building__tab_slide .textArea{width: 35%;margin: auto 0;padding: 0 50px;}
.building__tab_slide .textArea p{font-size: 14px;line-height: 2;}
.building__tab_slide .textArea h3{margin-bottom: 15px;}
@media screen and (max-width: 767px){
	.building__tab_slide{max-width: 320px;}
	.building__tab_slide .slider_box{flex-wrap: wrap; display:block;}
	.building__tab_slide .photoArea{width: 100%;}
	.building__tab_slide .textArea{width: 100%;}
	.building__tab_slide .textArea{padding: 50px 15px;}
}

/* slickslider - 矢印のカスタマイズ =================*/
.slick-arrow {display: block;position: absolute;top: 0;bottom: 0;margin: auto;padding: 0;width: 25px;height: 60px;color: transparent;z-index: 1;}
.slick-next::before,.slick-next::after,.slick-prev::before,.slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.slick-next::after,.slick-prev::after {width: 30px;height: 30px;border-top: 1px solid #4c4948;border-right: 1px solid #4c4948;}
.slick-next {right: -50px;}
.slick-next::after {right: 4px;transform: rotate(45deg);}
.slick-prev {left: -50px;}
.slick-prev::after {left: 4px;transform: rotate(-135deg);}
.location_slider .slick-arrow{margin: inherit;top: 55%;}