@charset "UTF-8";

.p-headline,.p-pager__item span,.p-portfolio__headline,.p-page-links > span,.c-pw__btn,.p-widget__title,.p-search__submit,.p-staff-blog__headline,.p-readmore__btn{background: #17458f}
.p-pager__item span,.p-page-links > span{border-color: #17458f}
.p-pagetop a:hover,.p-nav02__item a:hover,.p-index-content__btn:hover,.p-menu-btn.is-active,.c-pw__btn:hover,.p-search__submit:hover,.p-readmore__btn:hover{background: #f2a31b;color:#fff;}
.p-article01__title a:hover,.p-article01__cat a:hover,.p-article02__title a:hover,.p-article03__title a:hover,.p-breadcrumb a:hover,.p-entry__cat a:hover,.p-article04 a:hover .p-article04__title,.p-article06 a:hover .p-article06__name,.p-profile__social-item a:hover,.p-style-author__body:hover .p-style-author__portrait-name,.p-style-author__body:hover .p-style-author__comment::after,.p-news-ticker__item-date,.p-news-ticker__list-item-title:hover,.p-article05 a:hover .p-article05__title,.p-news-ticker__list-item-date,.p-author__name a:hover,.p-profile__table a:hover,.p-style__table a:hover{color: #664735}
.p-entry__body a{color: #422414}

body,li a{font-family: "Sawarabi Gothic","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.l-header__tel,.c-logo,.p-global-nav > ul > li > a,.p-page-header__title,.p-banner-list__item-catch,.p-profile__table caption,.p-search__title,.p-style__data-item-headline,.p-index-content__header-title,.p-header-slider__item-title,.p-header-video__title,.p-header-youtube__title{
font-family: "Sawarabi Gothic","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.p-hover-effect--type2:hover img{opacity:0.7}
.p-hover-effect--type2 img{margin-left: 15px;-webkit-transform: scale(1.3) translate3d(-15px, 0, 0);transform: scale(1.3) translate3d(-15px, 0, 0)}
.p-author__img.p-hover-effect--type2 img{margin-left: 5px;-webkit-transform: scale(1.3) translate3d(-5px, 0, 0);transform: scale(1.3) translate3d(-5px, 0, 0)}
.l-header{background: #17458f}

.p-global-nav .sub-menu a{background: #17458f;color: #ffffff}
.p-global-nav .sub-menu a:hover{background: #ffffff;color: #17458f}
.p-contact__appointment{background: #333333;color: #ffffff}
.p-contact__appointment:hover{background: #664735;color: #ffffff}
.p-contact__appointment:hover{background: #664735;color: #ffffff}
.l-footer__info,.p-copyright{background: #17458f}
.p-copyright{border-color: none}
.p-header-slider__item1 .p-header-slider__item-title{color: #ffffff;font-size: 52px}
.p-header-slider__item2 .p-header-slider__item-title{color: #ffffff;font-size: 52px}
.p-header-slider__item2 .p-header-slider__item-btn{color: #ffffff}
.p-header-slider__item2 .p-header-slider__item-btn:hover{background: #9ea3a3;color: #ffffff}
.p-header-slider__item3 .p-header-slider__item-title{color: #ffffff;font-size: 52px}
.p-news-ticker__btn{background: #111111;color: #ffffff}
.p-news-ticker__btn:hover{background: #664735;color: #ffffff}


.foot_text span{
	width			: 200px;
}

.shikaku {
	line-height: 1.5;
}


.h1text{
	color			: #fff;
	font-weight		: normal;
	font-size		: 20px;
	padding			: 30px 0 0 30px;
}


@media screen and (max-width: 991px) { 
.h1text{
	color			: #fff;
	font-weight		: normal;
	font-size		: 16px;
	padding			: 5px 0 0 15px;
}


}

.shikaku{
	background		: #111111;
	color			: #ffffff; 
	font-size		: 24px;
	font-weight		: normal;
}

.p-banner-list__item-catch{
	font-weight		: normal;
}



/* テーマ */
.theme{
	width			: 100%;
	border			: solid 1px #000;
	margin			: 0 auto;
	margin			: 0 0 30px;
}

.theme p{
	text-align		: center;
	margin			: 20px auto;
	line-height		: 150%;
}

.theme_img{

	margin			: 0 auto 30px;
	text-align		: center;

}

.theme_img img{
	width			: 200px;

}





.foot_text2{
	line-height		: 1;
}

.foot_text3{
	font-size		: 12px;
}


/* ボタン */
.p-entry__body .p-btn { color: #fff; }

.p-btn {
	font-size		: 18px; 
	-webkit-box-sizing	: border-box;
	box-sizing		: border-box; 
	display			: inline-block; 
	min-width		: 180px; 
	height			: 50px; 
	padding			: 0 15px; 
	border-radius		: 0; 
	color			: #f2a31b; 
	line-height		: 50px; 
	text-align		: center; 
}


.p-btn a:hover { 
	font-size		: 20px; 
	background-color	: #f2a31b !important; 
	color			: #fff; 
	line-height		: 50px; 
	text-align		: center; 
}

.p-btn2{
	position		: relative;
}
.p-btn2 a{
	-webkit-box-sizing	: border-box;
	box-sizing		: border-box; 
	display			: inline-block; 
	width			: 100%;
	padding			: 20px;
	font-size		: 20px;
	border-radius		: 0; 
	color			: #f2a31b; 
}


.p-btn3 {
	font-size		: 18px; 
	-webkit-box-sizing	: border-box;
	box-sizing		: border-box; 
	display			: inline-block; 
	min-width		: 180px; 
	height			: 50px; 
	padding			: 0 15px; 
	border-radius		: 0; 
	color			: #fff; 
	line-height		: 50px; 
	text-align		: center; 
}


.p-btn3 a:hover { 
	font-size		: 20px; 
	background-color	: #fff !important; 
	color			: #3B5998; 
	line-height		: 50px; 
	text-align		: center; 
}



.icon1{
	float			: left;
}


.icon2{
	font-size		: 30px;
	line-height		: 30px;
	position		: absolute;
	right			: 30px;
	bottom			: 15px;


}



.p-btn2 a:hover { 
	background-color	: #f2a31b !important; 
	color			: #fff; 
}

@media screen and (max-width: 767px) { 
.p-btn { 
	height			: 45px; 
	font-size		: 16px; 
	line-height		: 45px; 
} 

.foot_text{
	margin			: 10px 0 0 10px;
}



}

/* バナー */
.p-banner-list__item-catch {
	display			: -webkit-box; 
	display			: -ms-flexbox; 
	display			: flex; 
	position		: absolute; 
	top			: 0; 
	bottom			: 0; 
	left			: 28px; 
	-webkit-box-orient	: vertical; 
	-webkit-box-direction	: normal; 
	-ms-flex-direction	: column; 
	flex-direction: column	; -webkit-box-pack: center; 
	-ms-flex-pack: center; justify-content: center; 
	margin			: auto; 
	font-size		: 28px; 
	-webkit-transition-duration: 0.5s; 
	transition-duration	: 0.5s; 
	-webkit-transition-property: left; 
	transition-property: left; z-index: 1; 
}


.p-banner-list { 
	margin-bottom		: 0; 
	line-height		: 1; 
}

.p-banner-list__item { 
	position		: relative; 
	width			: 100%;
	 height			: 100px; 
	margin			: 0 auto 20px; 
	overflow		: hidden; 
}

.p-banner-list__item a { 
	display			: block; 
	position		: relative; 
	height			: 100%; 
	color			: #fff;
}

.p-banner-list__item a:hover .p-banner-list__item-catch { 
	left			: 48px; 
}

.p-banner-list__item img { 
	width			: 100%; 
	height			: auto; 
}


.p-banner-list__item-sub { 
	display			: block;
	margin-top		: 5px; 
	font-size		: 14px; 
}

.mb30{
	margin			: 0 0 30px;
}

@media screen and (max-width: 991px) { 
.p-banner-list { 
	display			: -webkit-box; 
	display			: -ms-flexbox; 
	display			: flex; 
	-ms-flex-wrap		: wrap; 
	flex-wrap		: wrap; 
	-webkit-box-pack	: justify; 
	-ms-flex-pack		: justify; 
	justify-content		: space-between; 
}
.p-banner-list__item { 
	width			: calc(50% - 10px); 
	margin			: 0 0 20px; 
} 

.subtit span{
	display			: none;
}


}

@media screen and (max-width: 700px) { 
.p-banner-list { 
	display			: block; 
}
.p-banner-list__item { 
	width			: 300px; 
	margin			: 0 auto 20px; 
}
}

@media screen and (max-width: 320px) { 
.p-banner-list__item { 
	margin-right		: -10px; 
	margin-left		: -10px; 
} 
}



@media screen and (min-width: 992px) { 
.subtit span{
	font-size		: 18px;
	width			: 1040px;
	margin			: 0 auto;
	display			: block;
	padding			: 0 0 0 280px;

}

}



@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */
.none-pc{display:none;}

.foot_text{
	margin			: 30px 0 0 10px;
}

/* ■■■トップ■■■ */
/* 4つのテスト */
.side_bnr01 {
	width			: 260px;
	height			: 240px;
	padding			: 20px 0;
	text-align		: center; 
	background-image	: url("../img/side02.jpg"); 
	background-size		: 260px 280px;
	margin			: 0 0 20px; 
}

.side_tit{
	width			: 80%;
	padding			: 5px 0;
	background-color	: #17458f;
	text-align		: center;
	color			: #fff;
	font-size		: 18px;
	font-weight		: bold;
	margin			: 10px auto;

}

.side_txt{
	width			: 80%;
	margin			: 10px auto;
	color			: #fff;
	font-size		: 16px;
	font-weight		: bold;
	line-height		: 30px;
}

.side_txt1{
	width			: 80%;
	margin			: 0 auto;
	color			: #fff;
	font-size		: 15px;
	line-height		: 30px;
	text-align		: left;
}

.side_txt1 span{
	font-weight		: bold;
}


/* ■■■下層ページ■■■ */
.subtit{
	width			: 100%;
	padding-top		: 30px;
	height			: 50px;
	background-color	: #189edb;
	text-align		: left;
	color			: #fff;
	font-size		: 24px;
}


.subtit_sp{
	display			: none;
}

.midashi{
	margin-top		:-60px;
}

.pankuzu_pc{
	width			: 100%;
	height			: 20px;
	padding			: 10px 0 30px 20px;
	margin-bottom		: 10px;
	font-size		: 14px;
	line-height		: 22px;
	text-align		: left;
}
.pankuzu_sp{
	display			: none;
}


.midashi_tit{
	width			: 100%;
	margin-bottom		: 20px;
	background-color	: #17458f;
}


.midashi_tit p{
	padding			: 20px 0 20px 20px;
	font-size		: 24px;
	color			: #fff;

}


.subpage{
	margin			: 130px 0 0;
}




}


@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/
.none-sp{display:none;}

/* ■■■トップ■■■ */
/* 4つのテスト */
.side_bnr01 {
	width			: 100%;
	height			: 295px;
	padding			: 20px 0;
	text-align		: center; 
	background-image	: url("../img/side02.jpg"); 
	background-size:cover;
	margin			: 0 0 20px; 
}

.side_tit{
	width			: 80%;
	padding			: 5px 0;
	background-color	: #17458f;
	text-align		: center;
	color			: #fff;
	font-size		: 22px;
	font-weight		: bold;
	margin			: 15px auto;

}

.side_txt{
	width			: 80%;
	margin			: 10px auto;
	color			: #fff;
	font-size		: 20px;
	font-weight		: bold;
	line-height		: 30px;
}

.side_txt1{
	width			: 80%;
	margin			: 0 auto;
	color			: #fff;
	font-size		: 18px;
	line-height		: 40px;
	text-align		: left;
}

.side_txt1 span{
	font-weight		: bold;
}


/* ■■■下層ページ■■■ */


.subtit{
	display			: none;
}


.pankuzu_sp{
	width			: 100%;
	height			: 20px;
	padding			: 10px 0 10px 20px;
	margin-bottom		: 10px;
	font-size		: 14px;
	line-height		: 22px;
	text-align		: left;
	border-bottom		: solid 1px #333;
}

.pankuzu_pc{
	display			: none;
}

.midashi{
	margin-top		:30px;

}

.subtit_sp{
	font-size		: 20px;
	line-height		: 30px;
	margin			: 0 0 30px;
}





.midashi_tit{
	width			:100%;
	margin-bottom		: 20px;
	background-color	: #17458f;
}

.midashi_tit p{
	padding			: 20px;
	font-size		: 20px;
	color			: #fff;
}



}








@media screen and (max-width: 991px) {
.p-global-nav__inner{
	background		: rgba(24,158,219, 1);
	color			: #ffffff;
	font-size		: 20px;
}
.p-global-nav ul li a{
	font-family		: "Sawarabi Gothic","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;color: #ffffff !important;
	font-size		: 20px;
	line-height		: 3.0;
}



}

@media screen and (max-width: 767px) {
.p-style + .p-nav02{
	display			: none
}
}

#site_loader_animation.c-load--type3 i { 
	background		: #111111; 
}


@media only screen and (max-width: 991px) {
.l-header__logo img, .l-footer__logo img { 
	width			:96px; 
	height			:auto; 
}
}

@media only screen and (min-width: 500px) {
.p-address br { 
	display			:none; 
}
 .p-address br:nth-child(2) { 
	display			:inline; 
}
}


@media screen and (min-width: 768px) {
.none-pc{
	display			: none
}
}