@import url("default.css");

* {-webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
a:active{text-decoration:none; color:#000;}

html { font-size: 10px;}
@media only screen and (max-width: 768px) {
	html { font-size: 8px;}
}
body { font-size: 1.4rem; margin-left: auto; margin-right: auto; background-color: #fff; font-family: "Noto Sans Japanese"!important; letter-spacing: .01em;}


/* inner element */
.row-fluid .row-fluid { margin-bottom: 0; }

@media only screen and (max-width: 980px) {
	.tb0 { display: none; }
}

@media only screen and (max-width: 420px) {
	.sp0 { display: none !important; }
}

/* common */

@media only screen and (min-width: 768px) {
	.col-sm-2 { width: 16.6%;}
    .col-sm-3 { width: 24.8%;}
    .col-sm-4 { width: 33%;}
}
h2.title { color: #089ce6; font-size: 2rem; text-align: center; font-weight: bold; letter-spacing: 0.15rem; position: relative;}
h2.title.botborder:after { content: ""; position: absolute; display: block; margin: auto; width: 44px; border-top: 3px solid #7bdfff; left: 0; right: 0; top: 35px;}
h2.title small { font-size: 1.2rem; display: block; color: #089ce6; padding-top: 6px; font-family: 'Catamaran', sans-serif;}
a.link { color: #fff; display: block; max-width: 270px; width: 100%; line-height: 50px; border: 1px solid #fff; background: rgba(255,255,255,0.2); margin-left: auto; margin-right: auto; text-align: center;}
a.link_or { display: block; color: #fff; max-width: 270px; line-height: 50px; width: 100%; position: relative; background: rgba(255,182,0,1); overflow: hidden; text-align: center; margin-left: auto; margin-right: auto;}
a.link_or:after { content: ""; position: absolute; display: block; right: -9px; bottom: -9px; width: 18px; height: 18px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffdb80;}
a.link_or:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #ffffff20; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
a.link_or:hover:before { width: 101%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
.tagcloud a { padding: 5px 15px 5px 0; display: inline-block;}
.tagcloud a:before { content: "#";}
.side .tagcloud { overflow-y: scroll; max-height: 300px;}
.teams { background: #f8f7f3; padding: 30px;}
.teams h4 { font-size: 1.4rem; padding-bottom: 15px; border-bottom: 1px solid #dad8d2; margin-bottom: 20px; font-weight: bold;}
.teams ul { margin-bottom: 20px;}
.teams ul li { font-size: 1.2rem; line-height: 1.5rem; padding-bottom: 10px;}
.obf{ object-fit: cover; object-position: center top; font-family: 'object-fit: cover; object-position: center top;'}
.top_btn { position: fixed; bottom: 15px; right: 15px;}
.container-fluid { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin: auto;}
.main-post a { color: #089ce6; border-bottom: 1px solid #089ce6; line-height: 15px; display: inline-block; font-weight: bold;}
.main-post video { width: 100%; height: 100%;}
.title-row { color: #000; font-size: 1.8rem; border: 1px solid #e0e0e0; border-left: 5px solid #089ce6; padding: 20px; font-weight: bold; letter-spacing: 0.1rem; margin-bottom: 20px; line-height: 26px;}
.new-icon { display: inline-block; background-color: #da5959; line-height: 16px; padding-top: 2px; width: 38px; text-align: center; margin: 0 10px; color: #fff; font-size: 12px;}
.post-image { position: relative;}
.post-image .new-icon { position: absolute; left: 10px; top: 10px; color: #fff!important; margin: 0;}
@media only screen and (max-width: 767px) {
	.title-row { padding-top: 14px; padding-bottom: 10px; line-height: 24px;}
}

@media only screen and (max-width: 767px) {
	a.link_or { width: 100%; max-width: 100%; margin-top: 15px;}
}


header { background: #089ce6; height: 80px;}
header .logo { display: inline-block; height: 80px; padding-top: 15px;}
header .gnav { float: right; height: 80px;}
header .gnav > li { display: inline-block;}
header .gnav > li > a { display: block; line-height: 80px; font-size: 1.3rem; color: #fff; padding: 0 12px;}
header .gnav li.icon_fb ,
header .gnav li.icon_insta { background: #fff; height: 25px; width: 25px; border-radius: 3px; margin-left: 15px;}
header .gnav li.icon_fb { position: relative; top: 2px;}
header .gnav li.icon_insta { position: relative; top: 1px;}
header .gnav li.icon_fb a,
header .gnav li.icon_insta a { width: 25px; height: 25px; line-height: 25px; color: #089ce6; font-size: 18px; padding: 1px 5px 0;}
header .gnav li.icon_fb a { padding: 2px 7px 0;}
header .sp_sns { display: none;}
.menu-trg-area { width: 50px; height: 50px; position: absolute; top: 15px; right: 15px; display: none!important;}
.menu-trigger,
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger { position: absolute; right: 12px; top: 0; width: 40px; height: 37px; z-index: 2;}
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff;}
.menu-trigger span:nth-of-type(1) { top: 15px;}
.menu-trigger span:nth-of-type(2) { top: 25px;}
.menu-trigger span:nth-of-type(3) { bottom: 0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: 5px;}
.menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;}
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -11px;}
header .sp_menu { display: none;}

footer { background: #089ce6; color: #fff; padding: 60px 0 0;}
footer h2.title { color: #fff; padding-bottom: 40px;}
footer h2.title small { color: #fff;}
footer > .container-fluid { max-width: 830px; padding-bottom: 60px;}
footer .col-left { text-align: center;}
footer .col-left p { font-size: 1.6rem; padding-top: 10px; line-height: 3.2rem;}
footer .col-left .tel img { padding-top: 40px;}
footer .col-left .tel p { font-size: 1.3rem; line-height: 2rem;}
footer .col-left .link_contact { display: block; background: #fff; color: #089ce6; padding: 15px; margin-top: 50px; border-radius: 5px; font-size: 1.6rem;}
footer .company-list { background: #fff; padding: 45px 0;}
footer .company-list .col-sm-2 { height: 50px;}
footer .company-list .col-sm-2 img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
@media only screen and ( max-width: 767px) {
	header { position: relative; height: 65px;}
	header .logo { height: 65px; padding-top: 7px;}
	header .gnav { display: none;}
	.menu-trg-area { display: inline-block!important; top: 5px;}
	header .sp_menu { display: block; visibility: hidden; opacity: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; position: absolute; left: 0; width: 100%; top: 65px; background: #fff; padding: 30px; z-index: 999;}
	header .sp_menu.active { visibility: visible; opacity: 1; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s;}
	header .sp_menu > ul > li { line-height: 30px; font-size: 1.4rem; margin-bottom: 10px; border-bottom: 1px solid #eee;}
	header .sp_menu ul li strong { }
	header .sp_menu ul li a { display: block;}
	header .sp_sns { display: block; position: absolute; top: 16px; right: 90px;}

	footer { padding-top: 40px;}
	footer h2.title { padding-bottom: 15px;}
	footer .col-left p { line-height: 2.2rem;}
	footer .col-left .tel img { padding-top: 15px;}
	footer .col-left .link_contact { margin-top: 25px;}
	footer .company-list { padding: 15px 0;}
	footer > .container-fluid { padding-bottom: 0; border-bottom: 1px solid #eeeeee;}
	footer .col-left { margin-bottom: 30px;}
	footer .col-right { text-align: center; background: #fff;}
}

body.home section.blog .tagcloud_area .tagcloud { max-height: 450px; overflow: scroll;}

section.movie { position: relative; height: calc(100vh - 80px)!important; overflow: hidden;}
section.movie.movie_bg { background: url(../images/main.jpg); background-size: cover; background-position: center;}
section.movie:after { content: ""; background-image: url(../images/pat.png); /* background-color: rgba(0,0,0,0.1); */ background-repeat: repeat; left: 0; top: 0; width: 100%; height: 100%; display: block; position: absolute;}
section.movie .wrapper:after { content: ""; background-image: url(../images/pat.png); background-repeat: repeat; left: 0; top: 0; width: 100%; height: 100%; display: block; position: absolute;}
section.movie #video_content { position: absolute; top: 50%; left: 50%; min-width: 100vw; min-height: calc(100vh - 80px); width: auto; height: auto; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

section.about { background-image: url(../images/bg_about.png); background-color: #000; background-size: cover; background-position; center; text-align: center; color: #fff; padding: 90px 0;}
section.about .tac { padding-bottom: 30px;}
section.about .tac img { width: 69px;}
section.about h2 { font-size: 1.8rem; line-height: 3.6rem; letter-spacing: 0.3rem; padding-bottom: 10px;}
section.about p { line-height: 3.4rem; font-size: 1.4rem; letter-spacing: 0.1rem; padding-bottom: 20px;}

section.news { padding: 60px 0;}
section.news a.link_or { margin-top: 50px;}
section.news dl { border-bottom: 1px dotted #b7b7b7; position: relative; padding: 17px 0; font-size: 1.3rem;}
section.news dl dt { position: absolute; left: 0; top: 0; bottom: 0; width: 80px; font-weight: normal; margin: auto; height: 15px; font-size: 1.1rem;}
section.news dl dd { padding-left: 100px;}
section.news .col-sm-9 dl:first-child { padding-top: 0;}
section.news .col-sm-9 dl:first-child dt { height: auto; top: 2px;}

section.blog { background: #f5f3ed; padding: 90px 0;}
section.blog h2 { padding-bottom: 25px;}
section.blog .tagcloud_area { background: #fff; padding: 30px; position: relative; border-radius: 10px; min-height: 570px; border: 4px solid #cdcac2;}
section.blog .tagcloud_area:before { content: ""; position: absolute; top: 47px; bottom: 0; height: 1px; width: 90%; border-top: 1px solid #dcdcdc; display: block;}
section.blog .tagcloud_area h2 { position: relative; background: #fff; width: 80px; margin: auto;}
section.blog .mainpost { position: relative; overflow: hidden; margin-bottom: 30px;}
section.blog .mainpost img { width: 100%; height: 200px;}
section.blog .mainpost p { position: absolute; height: 100%; width: 100%; top: 100%; background: rgba(0,0,0,0.8); color: #fff; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
section.blog .mainpost p time { display: block; font-size: 1.1rem; padding-bottom: 10px;}
section.blog .mainpost p strong { font-size: 1.3rem; line-height: 2.3rem; letter-spacing: 0.1rem;}
section.blog .mainpost p a { display: block; height: 100%; color: #fff; padding: 50px 30px;}
section.blog .mainpost:hover p { top: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
/* 角田追記 */
section.blog .post-area strong { font-weight: bold !important;}

section.works { background: #f5f3ed; padding: 30px 0 90px;}
section.works h2 { padding-bottom: 25px;}
section.works .post-wrap { background: #fff; margin-bottom: 30px;}
section.works .post-wrap .post-image img { object-fit: cover; width: 100%; height: 250px;}
section.works .post-wrap .cat-area { padding: 15px 10px 15px 10px;}
/* section.works .post-wrap .cat-area span { background: #ffba00; padding: 5px 10px; border-radius: 3px;}
section.works .post-wrap .cat-area span a { color: #fff; font-size: 1.2rem;} */
section.works .post-wrap .cat-area p { display: inline-block; margin-right: 3px; margin-bottom: 2px; background: #ffba00; padding: 5px 10px; border-radius: 3px; color: #fff; font-size: 1.2rem;}
section.works .post-wrap .post-title { padding: 0 10px 20px 10px; font-weight: bold;}

section.cat_list { padding: 60px 0 30px; border-top: 3px solid #feefcb;}
section.cat_list .post-wrap { margin-bottom: 30px;}
section.cat_list .post-image { margin-bottom: 15px;}
section.cat_list .post-title { font-size: 1.5rem; padding-left: 25px; position: relative; line-height: 1.9rem; font-weight: bold; margin-bottom: 8px;}
section.cat_list .post-title:before { content: ""; position: absolute; background: url(../images/arrow-or.png); width: 18px; height: 18px; left: 0; top: 0; background-size: cover;}

section.voice {padding: 30px 0 90px;}
section.voice h2 { padding-bottom: 25px;}
section.voice .post-wrap { background: #fff; margin-bottom: 30px;}
section.voice .post-wrap .post-image img { object-fit: cover; width: 100%; height: 250px;}
section.voice .post-wrap .cat-area { padding: 15px 0 15px 0;}
section.voice .post-wrap .cat-area .place { font-weight: bold; font-size: 1.4rem; position: relative; top: 2px; padding-left: 5px;}
/* section.voice .post-wrap .cat-area span { background: #ffba00; padding: 5px 10px; border-radius: 3px;}
section.voice .post-wrap .cat-area span a { color: #fff; font-size: 1.2rem;} */
section.voice .post-wrap .cat-area p { display: inline-block; margin-right: 3px; margin-bottom: 2px; background: #ffba00; padding: 5px 10px; border-radius: 0; color: #fff; font-size: 1.1rem; letter-spacing: 0.1rem;}
section.voice .post-wrap .cat-area p span { font-size: 1.4rem; font-weight: bold;}
section.voice .post-wrap .post-title { padding: 0 0 20px 0;}

@media only screen and (max-width: 767px) {
	article.home > section { padding: 50px 0;}
	section.movie { height: 400px!important; background: url(../images/sp_top.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
	section.movie #wrapper { display: none;}
	section.movie:after { display: none;}
	section.about .tac { display: none;}
	section.about p { display: none;}
	section.news dl dt { width: 100%; position: static; padding-bottom: 8px; height: auto;}
	section.news dl dd { width: 100%; position: static; padding-left: 0;}
	section.news .col-sm-9 dl:first-child { margin-top: 30px;}
	section.blog .tagcloud_area { margin-top: 30px;}
	section.blog.tag { padding: 0 15px 30px; background: #fff;}
	section.blog .mainpost { height: 110px;}
	section.blog .mainpost img { width: 150px; height: 110px!important; position: absolute; left: 0; top: 0;}
	section.blog .mainpost p { position: static; padding-left: 170px; width: 100%; background: none;}
	section.blog .mainpost p a { color: #000000; padding: 5px 0 0;}
	body.home .tagcloud_area { border-radius: 0; min-height: auto;}
	body.home section.blog .tagcloud_area .tagcloud { max-height: 300px; overflow-y: scroll;}
	section.works .post-wrap { margin-bottom: 10px;}
	section.works .post-wrap .post-image img { height: 130px;}
	section.works .row { margin-left: -5px; margin-right: -5px;}
	section.works .row .col-xs-6 { padding-left: 5px; padding-right: 5px;}
	section.cat_list .row { margin-left: -5px; margin-right: -5px;}
	section.cat_list .row .col-xs-6 { padding-left: 5px; padding-right: 5px;}
	section.cat_list .post-image { margin-bottom: 8px;}
	section.cat_list .post-wrap { margin-bottom: 20px;}
	section.cat_list .post-wrap p { display: none;}


	section.voice .post-wrap { margin-bottom: 10px;}
	section.works .post-wrap .cat-area { padding: 8px 10px 5px 10px;}
	section.works .post-wrap .post-title { font-size: 12px; line-height: 18px;}
	section.voice .post-wrap .cat-area { padding: 8px 0 5px;}
	section.voice .post-wrap .post-title { font-size: 12px; line-height: 18px;}
	section.voice .post-wrap .post-image img { height: 130px;}
	section.voice .row { margin-left: -5px; margin-right: -5px;}
	section.voice .row .col-xs-6 { padding-left: 5px; padding-right: 5px;}
	.col-xs-6 { width: 49.8%;}
}
@media only screen and (max-width: 350px) {
	section.blog .mainpost p { padding-left: 130px;}
	section.blog .mainpost img { width: 120px;}
	section.cat_list .post-title { font-size: 1.3rem;}
}

/* category-voice */


/* single-voice */

body.single section.voice { padding: 90px 0;}
body.single section.voice > .container-fluid { max-width: 1140px;}
body.single section.voice .main-post .post-title { position: relative; padding-left: 90px;}
body.single section.voice .main-post .post-title .place { font-size: 1.4rem; display: inline-block; border-bottom: 4px solid #feefcb; position: absolute; padding-bottom: 3px; top: -41px;}
body.single section.voice .main-post .post-title .vol { position: absolute; left: 0; top: -44px; display: block; width: 70px; height: 70px; text-align: center; background-color: #089ce6; color: #fff; font-size: 1.5rem; font-weight: bold; padding: 15px;}
body.single section.voice .main-post .post-title .vol span { font-size: 1.8rem;}
body.single section.voice .main-post .post-area p { font-size: 1.4rem; line-height: 3rem; letter-spacing: 0.1rem;}
body.single section.voice .main-post .post-area p img { height: auto;}
body.single section.voice .main-post .post-area p img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
body.single section.voice .main-post .post-area p img.alignleft { display: block; margin-right: auto;}
body.single section.voice .main-post .post-area p img.alignright { display: block; margin-left: auto;}
.voice-faq { margin-top: 60px;}
.voice-faq h4 { margin-bottom: 30px; background-image: url(../images/icon-voice-q.png); background-repeat: no-repeat; background-position: left 26px center; background-color: #feefcb; padding: 15px 15px 15px 100px; font-size: 1.5rem; line-height: 2.5rem; font-weight: bold; letter-spacing: 0.1rem; position: relative;}
.voice-faq h4:after { content: ""; position: absolute; top: 0; bottom: 0; left: 70px; width: 1px; height: 70%; margin: auto; background: #089ce6;}
.voice-faq .faq-text { padding-bottom: 15px;}
.voice-faq .faq-image { text-align: right;}
body.single section.voice .about_wrap .border-wrap { margin-top: 80px;}
body.single section.voice .about_wrap .border-wrap .abs-title { top: -22px;}
body.single section.voice .about_wrap .border-wrap dl { border: none; padding-bottom: 40px;}
body.single section.voice .about_wrap .border-wrap dl:last-child { padding-bottom: 10px;}
body.single section.voice .about_wrap .border-wrap dl dt { font-size: 1.5rem; position: static; border-bottom: 1px solid #e8e8e8; padding-bottom: 8px; margin-bottom: 15px;}
body.single section.voice .about_wrap .border-wrap dl dd { font-size: 1.4rem; padding-left: 0;}
.side ul.cat-voice li dl { position: relative; padding-left: 68px; padding-top: 10px; display: inline-block; border-bottom: 1px solid #676767;}
.side ul.cat-voice li dl:after { content: ""; position: absolute; top: 8px; bottom: 0; margin: auto; left: 60px; height: 14px; border-right: 1px solid #d4d4d4;}
.side ul.cat-voice li dl dt { position: absolute; left: 0; top: 10px; bottom: 0; margin: auto; font-weight: normal;}
@media only screen and (max-width: 767px) {
	body.single section.voice .row { margin-left: -15px; margin-right: -15px;}
	body.single section.voice .main-post .post-title .vol { width: 85px; height: 30px; padding: 5px; top: -40px;}
	body.single section.voice .main-post .post-title { margin-top: 50px; padding-left: 0; padding-bottom: 10px;}
	body.single section.voice .main-post .post-title .place { top: -39px; left: 96px;}
	body.single section.voice .main-post .post-area p { line-height: 2rem;}
	.voice-faq h4 { line-height: 2rem; margin-bottom: 10px; padding-left: 65px; background-position: left 14px center;}
	.voice-faq h4:after { left: 50px;}
	.voice-faq .faq-image { text-align: center;}
	body.single section.voice .about_wrap .border-wrap dl { padding-top: 30px; padding-bottom: 15px;}
	body.single section.voice .about_wrap .border-wrap dl dt { width: auto; height: auto;}
	body.single section.voice .about_wrap .border-wrap { margin-top: 60px;}
	body.single section.voice .about_wrap { padding-bottom: 30px;}
}



/* category-blog */

article.blog section.blog { background: #fff;}
article.blog section.blog img.obf { height: 230px;}
article.blog h2.title.botborder { margin-bottom: 50px;}
article.blog section.blog .mainpost p a { padding: 80px 30px;}
@media only screen and ( max-width: 767px) {
	article.blog section.blog .mainpost p a { padding: 0;}
}

/* single-blog */

article.blog .main-post time { display: block; font-size: 1.2rem; color: #000; padding-bottom: 15px;}
article.blog .main-post .post-title { font-size: 2rem; letter-spacing: 0.1rem; line-height: 2.2rem; font-weight: bold; border-bottom: 1px solid #cdcdcd; padding-bottom: 20px; margin-bottom: 25px;}



/* category-works */

article.works section.works { background: #fff; padding-top: 90px;}
article.works h2.title.botborder { margin-bottom: 50px;}
article.works section.works .mainpost p a { padding: 80px 30px;}
.category-btn { max-width: 730px; margin: 65px auto 40px; text-align: center;}
.category-btn li { display: inline-block; padding: 5px;}
.category-btn li a { line-height: 36px; height: 39px; font-size: 1.4rem; padding: 0 20px; display: block; border: 2px solid #eee; border-radius: 3px;}
.category-btn li a:hover, .category-btn li a.active { color: #fff;}
.category-btn a.cat-all { border: 2px solid #ffba00;}
.category-btn a.cat-all:hover, body.category-exterior .category-btn a.cat-all { color: #fff; background: #ffba00;}
.category-btn a.cat-open_style { border: 2px solid #ff6b3f;}
.category-btn a.cat-open_style:hover, body.category-open_style .category-btn a.cat-open_style { color: #fff; background: #ff6b3f;}
.category-btn a.cat-semi_closed_style { border: 2px solid #e1bdd3;}
.category-btn a.cat-semi_closed_style:hover, body.category-semi_closed_style .category-btn a.cat-semi_closed_style { color: #fff; background: #e1bdd3;}
.category-btn a.cat-closed_style { border: 2px solid #00b2dc;}
.category-btn a.cat-closed_style:hover, body.category-closed_style .category-btn a.cat-closed_style { color: #fff; background: #00b2dc;}
.category-btn a.cat-others { border: 2px solid #75c65b;}
.category-btn a.cat-others:hover, body.category-other .category-btn a.cat-others { color: #fff; background: #75c65b;}

.cat-area .cat-exterior { background: #ffba00!important;}
.cat-area .cat-open_style { background: #ff6b3f!important;}
.cat-area .cat-semi_closed_style { background: #e1bdd3!important;}
.cat-area .cat-closed_style { background: #00b2dc!important;}
.cat-area .cat-other { background: #75c65b!important;}
.cat-area p { display: inline-block; margin-right: 3px; background: #ffba00; padding: 5px 10px; border-radius: 3px; color: #fff; font-size: 1.2rem;}
@media only screen and (max-width: 767px) {
}



/* single-works */

article.works .main-post .post-title { font-size: 2rem; letter-spacing: 0.1rem; line-height: 2.2rem; font-weight: bold; padding-bottom: 25px; margin-bottom: 50px; margin-top: 20px; position: relative;}
article.works .main-post .post-title:after { content: ""; display: block; position: absolute; width: 50px; border-bottom: 4px solid #ffe0d6; left: 0; bottom: 0;}



/* pagenavi */

.wp-pagenavi { color: #242424!important;}
.wp-pagenavi a { color: #242424!important;}
.wp-pagenavi span.pages { display: none;}
.wp-pagenavi span,
.wp-pagenavi a { background: #fff; border: 2px solid #089ce6!important; padding: 8px 0 6px!important; margin: 3px!important; width: 38px; text-align: center; display: inline-block;}
.wp-pagenavi a:hover { opacity: 0.7;}
.wp-pagenavi .current { background: #089ce6; color: #fff; border: 2px solid #089ce6!important; padding: 8px 0 6px!important;}
.wp-pagenavi .extend,
.wp-pagenavi .last { display: none;}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { position: relative;}
.wp-pagenavi .previouspostslink:after { content: ""; background: url(../images/triangle.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.wp-pagenavi .nextpostslink:after { content: ""; background: url(../images/triangle.png); background-position: center; background-repeat: no-repeat; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}



/* widget */

.widget-title { font-size: 15px; margin-top: 50px; padding-top: 0px; margin-bottom: 10px; position: relative; padding-left: 20px; line-height: 50px; background: #089ce6; color: #fff;}
.widget .widget-title:first-child { margin-top: 0;}
.widget-title:after { position: absolute; top: 0; left: 0; content: ''; margin-left: 0px; width: 6px; height: 100%; background: #7bdfff;}
.widget-title + ul { display: inline-block; width: 100%;}
.widget-title + ul li { padding: 15px 0px; border-bottom: 1px dotted #cdcdcd; min-height: 90px; position: relative; height: auto!important;}
.widget-title + ul li:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden;}
.widget-title + ul li a { display: inline-block; font-weight: inherit; color: inherit; font-size: inherit;}
.widget-title + .no-bullets img { width: 100px; height: 60px; margin-right: 10px; object-fit: cover; position: absolute;}
.widget-title + .no-bullets a { font-size: 1.2rem!important; margin-bottom: 5px;}
.widget-title + .no-bullets .time { display: none;}
.widget-title + .no-bullets a:nth-child(2) { width: 100%; padding-left: 110px;}
@media only screen and (max-width: 1199px) {
    .widget-title + .no-bullets a:nth-child(2) { float: none; width: margin-top: 10px;}
}
@media only screen and (max-width: 767px) {
	.side { margin-top: 50px;}
}



/* bxslider */

.slide { text-align: center; max-width: 800px; margin: 0 auto 70px;}
.bx-wrapper { margin-bottom: 20px; border: none; box-shadow: none!important;}
.bx-wrapper img { margin: auto;}
.bx-wrapper .bx-controls-direction a { width: 50px; height: 50px;}
.bx-wrapper .bx-prev { background: url(../images/slide-left.png) no-repeat 0 -32px; background-position: 0 0; left: -25px}
.bx-wrapper .bx-next { background: url(../images/slide-right.png) no-repeat -43px -32px; background-position: 0 0; right: -25px;}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 0 0;}
.bx-wrapper .bx-viewport { height: 500px;}
ul#bxslider li { height: 500px; position: relative;}
ul#bxslider li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto;}
.custom-thumb a { display: inline-block; margin-bottom: 4px;}
@media only screen and ( max-width: 767px) {
	.bx-wrapper .bx-controls-direction a { display: none;}
}



/* biz calendar */

.widget_bizcalendar { background: #fff; padding: 20px 0; font-size: 1.1rem;}
.widget_bizcalendar h1 { display: none;}
.widget_bizcalendar #biz_calendar { max-width: 330px;}
.widget_bizcalendar #biz_calendar table.bizcal { border: none;}
.widget_bizcalendar #biz_calendar table.bizcal th { background: #f8f7f3; border: 1px solid #efefef; padding: 5px 2px;}
.widget_bizcalendar #biz_calendar table.bizcal td { border: 1px solid #efefef; padding: 5px 2px;}
.widget_bizcalendar #biz_calendar table.bizcal th:nth-last-of-type(1),
.widget_bizcalendar #biz_calendar table.bizcal th:first-child { color: #000;}
.widget_bizcalendar #biz_calendar table.bizcal tbody tr:first-child td { border: none;}
.widget_bizcalendar #biz_calendar p span.boxholiday,
.widget_bizcalendar #biz_calendar table.bizcal .holiday { background-color: #fb8787;}
.widget_bizcalendar #biz_calendar p span.boxeventday,
.widget_bizcalendar #biz_calendar table.bizcal .eventday { background-color: #a3d593;}
.widget_bizcalendar #biz_calendar p { color: #000; display: inline-block; margin-right: 30px;}
.widget_bizcalendar #biz_calendar p span.boxeventday,
.widget_bizcalendar #biz_calendar p span.boxholiday { padding: 3px 13px; margin-right: 6px;}
.widget_bizcalendar #biz_calendar table.bizcal .up-img { text-align: right;}
.widget_bizcalendar #biz_calendar table.bizcal .down-img { text-align: left;}



/* contact */

.contact header + .container-fluid .wpcf7-form input { border: 0; border-bottom: 1px solid #ccc; box-shadow: none; border-radius: 0; padding: 6px 6px;}
.contact header + .container-fluid .wpcf7-form input:focus { border-color: #404040; }
.contact header + .container-fluid .wpcf7-form textarea { border: 0; border: 1px solid #ccc; box-shadow: none; border-radius: 0; height: 150px; padding: 6px 6px;}
.contact header + .container-fluid .wpcf7-form textarea:focus { border-color: #404040;}
.contact header + .container-fluid .wpcf7-form select { border: 0; outline: 1px solid #ccc; outline-offset: -1px; box-shadow: none; border-radius: 0; padding: 6px 6px;}
.contact header + .container-fluid .wpcf7-form select:focus { border-color: #404040; }
.contact header + .container-fluid .form-group { margin-bottom: 50px;}
.contact header + .container-fluid input.wpcf7-submit { max-width: 300px; width: 100%; margin: auto; display: block; background: #fff; transition: 0.3s; color: #232222; border: 1px solid #ccc; letter-spacing: 0.2rem; margin-bottom: 80px;}
.contact header + .container-fluid input.wpcf7-submit:hover { border-color: #404040;}
.contact header + .container-fluid .cfm p { margin-top: 10px;}
.contact header + .container-fluid .cfm span { color: #A10; font-size: 12px; font-weight: bold; margin-left: 10px;}
.contact header + .container-fluid .cfm div { margin-bottom: 40px;}
.contact header + .container-fluid .head_line { margin-bottom: 40px;}
.contact header + .container-fluid .kojin { height: 300px; overflow-y: auto; border: 1px solid #ccc; padding: 20px; margin-top: 10px;}
.contact header + .container-fluid .checkbox { text-align: center;}
.wpcf7-not-valid { background: #089ce636!important;}



/* company */

.about header + .container-fluid,
.contact header + .container-fluid,
.access header + .container-fluid,
.company header + .container-fluid { max-width: 700px; padding-top: 100px; padding-bottom: 50px;}
.company header + .container-fluid { font-size: 12px; }
.company header + .container-fluid p.visual { margin: 25px 0 0; }
.company header + .container-fluid p.read { text-align: center; margin: 0 0 55px; }
.company header + .container-fluid h3 { border-bottom: 1px solid #d4d2d2; margin: 0 0 15px; padding: 60px 5px 12px 3px; font-size: 114%; font-weight: bold; background: url(../images/ico_square.gif) no-repeat 13px center;}
.company header + .container-fluid h3 span.tt { float: left; display: block; }
.company header + .container-fluid h3 span.notes { font-size: 77%; font-weight: normal; text-align: right; display: block; margin: 5px 0 0; }
.company header + .container-fluid h4 { font-size: 114%; margin: 0 0 15px 8px; }
.company header + .container-fluid table { width: 100%; }
.company header + .container-fluid table a { color: #089ce6;}
.company header + .container-fluid table th,
.company header + .container-fluid table td { vertical-align: top; padding: 0 0 20px; font-size: 114%; }
.company header + .container-fluid table th { width: 8em; }
.company header + .container-fluid .service {}
.company header + .container-fluid .service dl { display: inline-block; vertical-align: top; /* width: 339px; */ margin: 0 0 20px 13px; }
.company header + .container-fluid .service dl { display: inline; zoom: 1; }
.company header + .container-fluid .service dl { display : inline; zoom : 1; }
.company header + .container-fluid .service dl dt { background: #232222; color: #ffffff; text-align: center; margin: 0 0 10px; padding: 5px; font-size: 114%; }
.company header + .container-fluid .service dl dd { font-size: 92%; }
.company header + .container-fluid .area {}
.company header + .container-fluid .area dl { font-size: 92%; }
.company header + .container-fluid .area dl dt { margin: 0 0 0 5px; }
.company header + .container-fluid .area dl dd { margin: 0 0 18px 10px; }



/* About */

.about header + .container-fluid { font-size: 12px; }
.about header + .container-fluid p.visual { margin: 25px 0 55px;}
.about header + .container-fluid p.read { text-align: center; margin: 0 0 55px;}
.about header + .container-fluid h3 { border-bottom: 1px solid #d4d2d2; margin: 0 0 15px; padding: 12px 5px 12px 47px; font-size: 114%; font-weight: bold; background: url("../images/ico_square.gif") no-repeat 13px center;}
.about header + .container-fluid h3 span.tt { float: left; display: block;}
.about header + .container-fluid h3 span.notes { font-size: 77%; font-weight: normal; text-align: right; display: block; margin: 5px 0 0;}
.about header + .container-fluid h4 { font-size: 114%; margin: 0 0 15px 8px;}
.about header + .container-fluid .button a img { margin-bottom: 5px;}
.about header + .container-fluid table { width: 100%; margin: 0 0 15px 15px;}
.about header + .container-fluid table th,
.about header + .container-fluid table td { vertical-align: top; padding: 0 0 20px; font-size: 114%;}
.about header + .container-fluid table th { width: 8em;}
.about header + .container-fluid .service {}
.about header + .container-fluid .service dl { display: inline-block; vertical-align: top; width: 300px; margin: 0 0 20px 13px;}
* html .about header + .container-fluid .service dl { display			: inline; zoom			: 1;}
*+html .about header + .container-fluid .service dl { display			: inline; zoom			: 1;}
.about header + .container-fluid .service dl dt { background: #c5ce46; color: #ffffff; text-align: center; margin: 0 0 10px; padding: 5px; font-size: 114%;}
.about header + .container-fluid .service dl dd { font-size: 92%;}
.about header + .container-fluid .area {}
.about header + .container-fluid .area dl { font-size: 92%}
.about header + .container-fluid .area dl dt { margin: 0 0 0 5px;}
.about header + .container-fluid .area dl dd { margin: 0 0 18px 10px;}
.about header + .container-fluid .catch { background-image: url("../images/about/catch_back.jpg"); background-position: right bottom; background-repeat: no-repeat; line-height: 1.5; padding-bottom: 20px;}
.about header + .container-fluid .catch img { margin-top: 50px; margin-bottom: 50px; display: block;}
.about header + .container-fluid .green { color: #B0B34F;}
.about header + .container-fluid .textstyle { margin-top: 10px; margin-bottom: 15px;}
.about header + .container-fluid h3 { border-bottom: 1px solid #d4d2d2; margin: 40px 0 15px; padding: 12px 5px 12px 47px; font-size: 114%; font-weight: bold; background: url("../images/about/ico_square.gif") no-repeat 13px center !important;}
.about header + .container-fluid h4 { color: #B0B34F; margin-top: 20px; margin-bottom: 15px; font-size: 14px;}
.about header + .container-fluid .subtext { padding-left: 15px;}
.about header + .container-fluid .square { padding: 20px; border: 5px solid #E7E7E7; position: relative; margin-top: 35px;}
.about header + .container-fluid .square .title { position: absolute; top: -20px; left: 15px; font-size: 26px; background: #fff; padding: 0 10px;}
.about header + .container-fluid .oth { margin-top: 20px; }
.about header + .container-fluid .oth strong { font-size: 20px; color: #504634; font-weight: normal; display: block; margin-bottom: 5px; }
.about header + .container-fluid .oth1g { background-image: url("../images/about/oth1g.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .oth2g { background-image: url("../images/about/oth2g.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .oth3g { background-image: url("../images/about/oth3g.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .oth4g { background-image: url("../images/about/oth4g.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .oth1gr { background-image: url("../images/about/oth1gr.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .oth2gr { background-image: url("../images/about/oth2gr.jpg"); max-width: 515px; background-repeat: no-repeat;}
.about header + .container-fluid .square table tr .center { padding-left: 15px; padding-right: 15px;}
.about header + .container-fluid .square table tr td img { display: block;}
.about header + .container-fluid .square table tr td .title { margin-bottom: 20px; position: relative; top: 0px; left: 0px;}
.about header + .container-fluid .last { margin-bottom: 30px;}

.about_wrap { padding-bottom: 70px;}
.about_wrap .container-fluid { max-width: 930px;}
.about_wrap .about { margin-bottom: 90px;}
.about_wrap .about h2 { color: #fff; font-size: 2.2rem; margin-bottom: 50px;}
.about_wrap .about h2:after { border-top: 3px solid #fff; top: 50px;}
.about_wrap .border-wrap { position: relative; border: 5px solid #e4e4e4; border-radius: 10px; margin-top: 50px; padding: 30px 40px;}
.about_wrap .border-wrap .abs-title { position: absolute; top: -29px; left: 0; right: 0; margin: auto;}
.about_wrap .border-wrap dl { position: relative; min-height: 115px; border-bottom: 1px solid #e4e4e4; padding: 15px 0;}
.about_wrap .border-wrap dl:last-child { border: none;}
.about_wrap .border-wrap dl dt { position: absolute; top: 15px; left: 0;}
.about_wrap .border-wrap dl dd { padding-left: 105px;}
.about_wrap .border-wrap dl dd div { color: #089ce6; font-size: 1.8rem; font-weight: bold; padding: 7px 0;}
.about_wrap .border-wrap.dm dl dd div { color: #424242;}
@media only screen and (max-width: 767px) {
	.about_wrap .about { padding: 30px 0 20px; margin-bottom: 40px;}
	.about_wrap .about h2 { margin-bottom: 30px;}
	.about_wrap .about p { display: block; line-height: 2.4rem; }
	.about_wrap .border-wrap { position: relative; border: 5px solid #e4e4e4; border-radius: 10px; margin-top: 50px; padding: 15px 15px;}
	.about_wrap .border-wrap dl dt { width: 40px; height: 40px; top: 0; bottom: 0; margin: auto; left: 5px;}
	.about_wrap .border-wrap dl dd { padding-left: 55px;}
}



/* access */

.access_wrap { padding: 90px 0;}
.access_wrap .container-fluid { max-width: 930px;}
.access_wrap h2 { margin-bottom: 100px;}
.access_wrap strong { font-size: 1.7rem; color: #089ce6; line-height: 2.8rem; font-weight: bold; display: block; padding-top: 5px; padding-bottom: 20px;}
.access_wrap p { font-size: 1.4rem; line-height: 2.4rem; letter-spacing: 0.1rem;}
.access_wrap .address { padding-bottom: 60px;}
.access_wrap .address dl { border: 5px solid #089ce6; margin-top: 10px;}
.access_wrap .address dl dt { width: 33%; background: #089ce6; float: left; padding: 20px 0; text-align: center;}
.access_wrap .address dl dd { width: 66%; float: left; padding: 20px; font-weight: bold;}
.access_wrap #map_canvas { margin-bottom: 100px; width: 100%; height: 400px; background-color: grey;}
.access_wrap .work_area p { padding-bottom: 15px;}
.access_wrap .work_area dl dt { background: #feefcb; padding: 20px;}
.access_wrap .work_area dl dd { padding: 20px 0 40px; line-height: 28px;}
@media only screen and (max-width: 767px) {
	.access_wrap { padding: 90px 0 30px;}
	.access_wrap h2 { margin-bottom: 50px;}
	.access_wrap strong { line-height: 2.4rem; padding-bottom: 8px;}
	.access_wrap p { line-height: 2rem;}
	.access_wrap .address dl { margin-bottom: 20px;}
	.access_wrap .address dl dt { width: 100%; padding: 4px 0 10px;}
	.access_wrap .address dl dd { width: 100%; padding: 10px 20px; line-height: 2.2rem;}
	.access_wrap .address .col-sm-4 { text-align: center;}
	.access_wrap .address { padding-bottom: 40px;}
	.access_wrap #map_canvas { margin-bottom: 50px;}
	.access_wrap .work_area dl dt { padding: 10px 15px;}
	.access_wrap .work_area dl dd { line-height: 22px;}
}



/* exterior */

.exterior_wrap { padding: 90px 0;}
.exterior_wrap .title-row { margin-bottom: 30px;}
.exterior_wrap .container-fluid { max-width: 930px;}
.exterior_wrap .col-sm-8 { width: 60%;}
.exterior_wrap .col-sm-4 { width: 39.8%; text-align: right;}
.exterior_wrap h2 { margin-bottom: 100px;}
.exterior_wrap strong { font-size: 1.7rem; color: #089ce6; line-height: 2.8rem; font-weight: bold; display: block; padding-top: 5px; padding-bottom: 20px;}
.exterior_wrap p { font-size: 1.4rem; line-height: 2.6rem; letter-spacing: 0.1rem;}
.exterior_wrap .req { padding-bottom: 60px;}
.exterior_wrap .req dl { margin-top: 10px; background: #f8f7f3; padding: 15px;}
.exterior_wrap .req dl dt { color: #089ce6; padding-bottom: 10px;}
.exterior_wrap .req dl dd { line-height: 2.2rem;}
.exterior_wrap .req .col-xs-12 p { padding-top: 35px;}
.exterior_wrap .homes { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; margin-top: 40px; text-align: center; padding: 30px 0;}
.exterior_wrap .homes h4 { color: #089ce6; font-size: 1.8rem; line-height: 3rem; font-weight: bold; margin-bottom: -18px;}
.exterior_wrap .points { margin-bottom: 50px;}
.exterior_wrap .point-dl dt { background: #f8f7f3; font-weight: bold; padding-left: 140px; position: relative; font-size: 1.6rem; padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.exterior_wrap .point-dl dt span { position: absolute; left: 0; top: 0; height: 100%; background: #bfb89b; color: #fff; text-align: center; width: 120px; padding: 15px 0;}
.exterior_wrap .point-dl dd { font-size: 1.4rem; line-height: 2.6rem; letter-spacing: 0.1rem;}
.exterior_wrap .point-dl dd p { letter-spacing: 0; padding-bottom: 20px;}
.exterior_wrap .exterior-area { padding-bottom: 60px;}
.exterior_wrap .exterior-area p { padding-bottom: 40px;}
.exterior_wrap .exterior-area .pc { display: block;}
.exterior_wrap .exterior-area .sp { display: none;}
.exterior_wrap #map_canvas { margin-bottom: 100px; width: 100%; height: 400px; background-color: grey;}
.exterior_wrap .exterior-style .title-row + p { padding-bottom: 30px;}
.exterior_wrap .exterior-style .point-dl { padding-bottom: 60px;}
.exterior_wrap .work_area p { padding-bottom: 15px;}
.exterior_wrap .work_area dl dt { background: #feefcb; padding: 20px;}
.exterior_wrap .work_area dl dd { padding: 20px 0 40px; line-height: 28px;}
@media only screen and (max-width: 767px) {
	.exterior_wrap { padding: 90px 0 30px;}
	.exterior_wrap .title-row { margin-bottom: 20px;}
	.exterior_wrap .homes { padding: 15px 0; margin-top: 25px;}
	.exterior_wrap .homes h4 { line-height: 2.2rem;}
	.exterior_wrap .col-sm-8 { width: 100%;}
	.exterior_wrap .col-sm-4 { width: 100%; text-align: center; padding: 15px 15px;}
	.exterior_wrap .col-sm-6 { padding: 10px 15px;}
	.exterior_wrap .points { margin-bottom: 30px;}
	.exterior_wrap .exterior-area { padding-bottom: 20px;}
	.exterior_wrap h2 { margin-bottom: 50px;}
	.exterior_wrap strong { line-height: 2.4rem; padding-bottom: 8px;}
	.exterior_wrap p { line-height: 2rem;}
	.exterior_wrap .req dl { margin-bottom: 20px;}
	.exterior_wrap .req dl dt { }
	.exterior_wrap .req dl dd { line-height: 2.2rem;}
	.exterior_wrap .req .col-sm-4 { text-align: center;}
	.exterior_wrap .req { padding-bottom: 40px;}
	.exterior_wrap .req .col-xs-12 p { padding-top: 20px;}
	.exterior_wrap #map_canvas { margin-bottom: 50px;}
	.exterior_wrap .work_area dl dt { padding: 10px 15px;}
	.exterior_wrap .work_area dl dd { line-height: 22px;}
	.exterior_wrap .point-dl dd p { padding-bottom: 0;}
	.exterior_wrap .exterior-style .point-dl { padding-bottom: 30px;}
	.exterior_wrap .exterior-area .pc { display: none;}
	.exterior_wrap .exterior-area .sp { display: block;}
}




/* company */

.company_wrap table { margin-bottom: 70px; width: 100%;}
.company_wrap table tr { border-bottom: 1px solid #e4e4e4;}
.company_wrap table tr th { width: 150px; padding: 20px 0; font-weight: bold;}
.company_wrap table tr td { width: auto; padding: 20px 0;}
.company_wrap table a { border-bottom: 1px solid #000; line-height: 15px; display: inline-block; font-weight: bold;}
.company_wrap { padding: 90px 0;}
.company_wrap .container-fluid { max-width: 930px;}
.company_wrap h2 { margin-bottom: 100px;}
.company_wrap .service_wrap { margin-bottom: 70px;}
.company_wrap .service_wrap dl dt { background: #feefcb; padding: 20px;}
.company_wrap .service_wrap dl dd { padding: 20px 0 40px; line-height: 28px;}
.company_wrap .service_wrap dl dd .col-sm-8 { padding-bottom: 20px;}
.company_wrap .work_area p { padding-bottom: 15px;}
.company_wrap .work_area dl dt { background: #feefcb; padding: 20px;}
.company_wrap .work_area dl dd { padding: 20px 0 40px; line-height: 28px;}
@media only screen and (max-width: 767px) {
	.company_wrap { padding: 90px 0 30px;}
	.company_wrap h2 { margin-bottom: 50px;}
	.company_wrap table th { padding: 15px 0 5px!important;}
	.company_wrap table td { padding: 5px 0!important;}
	.company_wrap table,
	.company_wrap table th,
	.company_wrap table td,
	.company_wrap table tbody { display: block; width: 100%!important;}
	.company_wrap .service_wrap { margin-bottom: 20px;}
	.company_wrap .service_wrap dl dt { padding: 10px 15px;}
	.company_wrap .service_wrap dl dd .col-sm-8 { line-height: 2.2rem;}
	.company_wrap table tr th { width: 90px;}
	.company_wrap .work_area dl dt { padding: 10px 15px;}
	.company_wrap .work_area dl dd { line-height: 22px;}
}



/* flow */

.flow_wrap { padding: 90px 0;}
.flow_wrap .container-fluid { max-width: 930px;}
.flow_wrap h2 { margin-bottom: 100px;}
.flow_wrap h2 + p { line-height: 24px;}
.flow_wrap ul { margin-top: 30px;}
.flow_wrap ul li { border: 3px solid #e0e0e0; margin-bottom: 80px; font-size: 1.3rem; line-height: 24px!important; position: relative;}
.flow_wrap ul li:after { position: absolute; content: ""; background: url(../images/flow/flow3.png); width: 56px; height: 32px; bottom: -60px; left: 0; right: 0; margin: auto;}
.flow_wrap ul li:last-child { margin-bottom: 0;}
.flow_wrap ul li:last-child:after { display: none;}
.flow_wrap ul li h3 { position: relative; min-height: 57px; padding: 20px 20px 20px 70px; font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid #e0e0e0;}
.flow_wrap ul li h3 span { display: block; width: 65px; height: calc(100% + 4px); position: absolute; left: -3px; top: -3px; background: #089ce6; text-align: center; padding: 22px 0; font-size: 18px; font-weight: bold; color: #fff;}
.flow_wrap ul li p { padding: 25px; line-height: 24px!important}
.flow_wrap ul li dl { padding: 0 25px 25px 25px; position: relative;}
.flow_wrap ul li dl dt { width: 161px; height: auto; position: absolute; background: #f8f7f3; padding: 20px;}
.flow_wrap ul li dl dt img { background: #fff; line-height: 24px!important}
.flow_wrap ul li dl dd { width: 100%; padding: 20px 20px 10px 163px; background: #f8f7f3; min-height: 150px; line-height: 24px!important}
@media only screen and (max-width: 767px) {
	.flow_wrap h2 { margin-bottom: 50px;}
	.flow_wrap ul li { margin-bottom: 55px;}
	.flow_wrap ul li h3 { min-height: 45px; padding: 15px 20px 15px 70px;}
	.flow_wrap ul li h3 span { padding: 16px;}
	.flow_wrap ul li dl dt { position: static; width: 100%; padding-bottom: 0; text-align: center;}
	.flow_wrap ul li dl dd { width: 100%; padding: 20px;}
	.flow_wrap ul li p { padding: 15px;}
	.flow_wrap ul li:after { background-size: cover; width: 35px; height: 20px; bottom: -40px;}
}



/* contact */

.contact_wrap { padding: 90px 0;}
.contact_wrap .container-fluid { max-width: 930px;}
.contact_wrap h2 { margin-bottom: 50px;}
.contact_wrap h2 + p { line-height: 24px; text-align: center; font-weight: bold; font-size: 1.8rem; line-height: 3.2rem; letter-spacing: 0.2rem; padding-bottom: 60px;}
.contact_wrap .tel_wrap { text-align: center; padding-bottom: 70px;}
.contact_wrap .tel_wrap h3 { text-align: left;}
.contact_wrap .tel_wrap img { padding: 15px 0 20px;}
.contact_wrap .tel_wrap p { font-weight: bold; font-size: 1.4rem;}
table.contact_form { width: 100%; margin-top: 40px; border: 1px solid #e1e1e1; margin-bottom: 30px;}
table.contact_form tr { border-bottom: 1px solid #e7e7e7;}
table.contact_form th { background-color: #f8f7f3; padding: 29px 15px; text-align: left; width: 33%; vertical-align: baseline; font-weight: bold; position: relative;}
table.contact_form th span { position: absolute; right: 20px; top: 30px; margin: auto; height: 20px; width: 40px; padding: 2px 5px; text-align: center; border-radius: 3px; font-size: 12px; background: #da5959; color: #fff; font-weight: normal;}
table.contact_form td { padding: 15px; text-align: left; width: 67%; position: relative;}
table.contact_form .your-zipcode { padding-left: 30px; position: relative; max-width: 200px;}
table.contact_form .your-zipcode:after { position: absolute; content: "縲�"; height: 20px; margin: auto; font-size: 1.6rem; top: 0; bottom: 0; left: 0; display: block;}
table.contact_form .form-group { margin-bottom: 0;}
table.contact_form .form-control { border: none; box-shadow: none; border-radius: 0; border: 1px solid #d8d8d8;}
table.contact_form tr.name .form-group,
table.contact_form tr.kana .form-group { max-width: 300px;}
table.contact_form tr.add .form-group,
table.contact_form tr.add2 .form-group { max-width: 450px;}
table.contact_form tr.tel .form-group { max-width: 300px;}
table.contact_form tr.mail .form-group { max-width: 450px;}
table.contact_form tr.subj .form-group,
table.contact_form tr.trig .form-group { max-width: 250px;}
table.contact_form .form-group select { border: 0; outline: 1px solid #d8d8d8; outline-offset: -1px;}
.contact_wrap .cfm .rel { text-align: center;}
.contact_wrap .cfm .rel .form-group { display: inline-block;}
.contact_wrap .cfm .rel .center { display: inline-block; position: relative; top: -5px;}
.contact_wrap .contact_form p,
.contact_wrap .kojin div { font-size: 1.4rem; line-height: 2.6rem;}
.contact_wrap p.comment { font-weight: bold; padding-bottom: 5px; font-size: 1.4rem;}
.contact_wrap .kojin { margin-bottom: 30px;}
.contact_wrap .kojin div { border: 1px solid #d6d6d6; padding: 25px; overflow: scroll; height: 155px;}
a.link_btn { height: 50px; display: block; color: #fff; max-width: 270px; line-height: 50px; width: 100%; position: relative; overflow: hidden; text-align: center; margin-left: auto; margin-right: auto;}
a.link_btn:after { content: ""; position: absolute; display: block; right: -9px; bottom: -9px; width: 18px; height: 18px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #ffdb80;}
a.link_btn:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background: #ffffff20; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s;}
a.link_btn input[disabled] { background: rgba(255,182,0,0.5);}
a.link_btn input { border-radius: 0; background: rgba(255,182,0,1); width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0;}
@media only screen and (max-width: 767px) {
	.contact_wrap h2 + p { line-height: 2.4rem; padding-bottom: 40px;}
	.contact_wrap .tel_wrap img { max-width: 90%;}
	.contact_wrap .tel_wrap { padding-bottom: 40px;}
	table.contact_form,
	table.contact_form tr,
	table.contact_form th,
	table.contact_form td,
	table.contact_form tbody { display: block; width: 100%;}
	table.contact_form th { padding: 10px 15px;}
	table.contact_form th span { top: 0; bottom: 0;}
	.contact_wrap .cfm .rel .form-group { height: 33px; margin-bottom: 0;}
	.contact_wrap .contact_form p, .contact_wrap .kojin div { line-height: 2.2rem;}
}



/* faq */

.faq_wrap { padding: 90px 0;}
.faq_wrap h2 { margin-bottom: 80px;}
.faq_wrap h2 + p { font-size: 1.4rem; line-height: 2.6rem;}
.faq_wrap .container-fluid { max-width: 930px;}
section.faq .tab_parent { color: #000; font-size: 1.8rem; border: 1px solid #e0e0e0; border-left: 5px solid #089ce6; padding: 20px; font-weight: bold; letter-spacing: 0.1rem; margin-bottom: 20px; line-height: 26px; margin-top: 50px;}
section.faq .tab_parent + .tab_child { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; font-family: YuGothic, 'Yu Gothic', sans-serif;}
section.faq .tab_parent + .tab_child { height: auto; opacity: 1; transition: 0.3s;}
section.faq .question + .answer { height: 0; overflow: hidden; opacity: 0; transition: 0.3s; padding: 0; background-color: #f8f7f3;}
section.faq .question.open + .answer { height: auto; opacity: 1; transition: 0.3s; padding: 20px 15px 20px 85px; margin-bottom: 15px; min-height: 82px;}
section.faq .tab_child dl { border-bottom: 1px solid #e7e3db;}
section.faq .question { background: url(../images/faq/icon_q.png); background-position: 5px center; background-repeat: no-repeat; padding: 28px 85px 27px 70px; font-size: 1.5rem; font-weight: bold; position: relative; cursor: pointer;}
section.faq .question:after { content: ""; position: absolute; height:100%; width: 80px; right: 0; top: 0; display: block; background-image: url(../images/faq/faq_arrow.png); background-repeat: no-repeat; background-position: center;}
section.faq .question.open:after { transform: rotate(-180deg);}
section.faq .answer { background: url(../images/faq/icon-a.png); background-color: #fff; background-position: 15px 20px; background-repeat: no-repeat; font-size: 1.5rem; position: relative;}
@media only screen and (max-width: 767px) {
	section.faq .question { padding-left: 60px; padding-right: 60px;}
	section.faq .question.open + .answer { padding-left: 70px;}
	.faq_wrap h2 + p { line-height: 2.2rem;}
	section.faq .tab_parent { padding-top: 14px; padding-bottom: 10px; line-height: 24px; margin-bottom: 0;}
}


.process_wrap { padding: 90px 0; font-size: 1.3rem; line-height: 23px; letter-spacing: .06em;}
.process_wrap .tb { margin-bottom: 20px;}
.process_wrap h2 { margin-bottom: 80px;}
.process_wrap .borderFree { text-align: center; position: relative; margin: 55px 0;}
.process_wrap .borderFree:after { content: ""; width: 100%; height: 1px; background-color: #089ce6; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.process_wrap .borderFree img { max-width: 390px; position: relative; z-index: 1;}
.process_wrap .container-fluid { max-width: 930px;}
.process_wrap dl.process_bt { position: relative; margin-top: 80px;}
.process_wrap dl.process_bt dt { width: 161px; height: auto; position: absolute; background: #f8f7f3; padding: 20px;}
.process_wrap dl.process_bt dt img { background: #fff; line-height: 24px!important}
.process_wrap dl.process_bt dd { width: 100%; padding: 20px 20px 10px 163px; background: #f8f7f3; min-height: 150px; line-height: 24px!important}
.process_wrap .t_area img { display: block;}
.process_wrap .t_area > div { max-width: 301px;}
.process_wrap .t_area > div > div { margin-top: 5px;}
.process_wrap .timeline.lg-left li { min-height: 129px; margin-bottom: 29px;}
.process_wrap .timeline.lg-left li .colmn2 { position: absolute; left: 15px; top: 0; width: 170px; height: 100%;}
.process_wrap .timeline.lg-left li span { position: relative; background-color: rgba(255,182,0,1); width: 100%; float: left; min-height: 100px; margin: 30px 0; height: 100%;}
.process_wrap .timeline.lg-left li span:before { content: ""; position: absolute; background-image: url(../images/process/process_arrow2.svg); background-size: cover; width: 170px; height: 30px; left: 0; top: -30px;}
.process_wrap .timeline.lg-left li span:after { content: ""; position: absolute; background-image: url(../images/process/process_arrow.svg); background-size: cover; width: 170px; height: 30px; left: 0; bottom: -29px;}
.process_wrap .timeline.lg-left li span .icon { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.process_wrap .timeline.lg-left li p, .process_wrap .timeline.lg-left li .t_area { width: 100%;  padding-left: 210px; min-height: 129px; padding-top: 45px;}
.process_wrap .timeline.lg-left li:nth-child(1) span { background-color: #ffe2a7;}
.process_wrap .timeline.lg-left li:nth-child(1) span:before { background-image: url(../images/process/process_arrow4-2.svg);}
.process_wrap .timeline.lg-left li:nth-child(1) span:after { background-image: url(../images/process/process_arrow4-1.svg);}
.process_wrap .timeline.lg-left li:nth-child(2) span { background-color: #ffd478;}
.process_wrap .timeline.lg-left li:nth-child(2) span:before { background-image: url(../images/process/process_arrow3-2.svg);}
.process_wrap .timeline.lg-left li:nth-child(2) span:after { background-image: url(../images/process/process_arrow3-1.svg);}
.process_wrap .timeline.lg-left li:nth-child(3) span { background-color: #fec549;}
.process_wrap .timeline.lg-left li:nth-child(3) span:before { background-image: url(../images/process/process_arrow2-2.svg);}
.process_wrap .timeline.lg-left li:nth-child(3) span:after { background-image: url(../images/process/process_arrow2-1.svg);}
.process_wrap .timeline.lg-left li:nth-child(4) span { background-color: rgba(255,182,0,1);}
.process_wrap .timeline.lg-left li:nth-child(4) span:before, .process_wrap .timeline.lg-left li:nth-child(4) span:after { opacity: 1;}
.process_wrap .timeline.lg-left li:nth-child(5) span { background: none;}
.process_wrap .timeline.lg-left li:nth-child(5) span:before, .process_wrap .timeline.lg-left li:nth-child(5) span:after { opacity: 0;}
.process_wrap .timeline.lg-left li.last { min-height: 280px; padding-top: 30px;}
.process_wrap .timeline.lg-left li.last span { min-height: 185px;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) dl { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; position: relative; padding: 12px 0; letter-spacing: .05em; margin-top: 15px;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dt { text-align: center; color: #089ce6; padding-top: 5px;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dt small { font-size: 1.4rem;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dt strong { font-size: 2rem;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dd a { display: inline-block; color: #fff; background-color: #089ce6; line-height: 36px; text-align: center; max-width: 220px; width: 100%; border-radius: 5px;}
.process_wrap .timeline.line1.lg-left li:nth-child(1) span:before { display: none;}
.process_wrap .timeline.line1.lg-left li .t_area { padding-top: 30px;}
.process_wrap .timeline.line2.lg-left li p { padding-top: 30px;}
.process_wrap .timeline.line2.lg-left li:nth-child(4) span:after { display: none;}
@media only screen and (max-width: 767px) {
	.process_wrap { line-height: 22px;}
  .process_wrap .tb { margin-bottom: 0;}
  .process_wrap .timeline.lg-left li { min-height: auto;}
  .process_wrap dl.process_bt dt { position: static; width: 100%; padding-bottom: 0; text-align: center;}
	.process_wrap dl.process_bt dd { width: 100%; padding: 20px;}
  .process_wrap .timeline.lg-left li .colmn2 { width: 110px;}
  .process_wrap .timeline.lg-left li span:before { width: 110px; height: 20px; top: -20px;}
  .process_wrap .timeline.lg-left li span:after { width: 110px; height: 20px; bottom: -20px;}
  .process_wrap .timeline.lg-left li span .icon { max-width: 90px;}
  .process_wrap .timeline.lg-left li p, .process_wrap .timeline.lg-left li .t_area { padding-left: 120px; line-height: 20px;}
	.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dt { margin-bottom: 10px;}
	.process_wrap .timeline.line1.lg-left li:nth-child(1) dl dd { text-align: center;}
  .process_wrap dl.process_bt { margin-top: 50px;}
  .process_wrap .borderFree img { max-width: 100%;}
}



/* 404 */

.not404.container-fluid { padding: 50px 15px; max-width: 700px; text-align: center;}
.not404 h2 { font-size: 8rem; font-weight: bold; letter-spacing: 0.5rem; background: #089ce6; padding: 10px 20px 0; display: inline-block; border-radius: 30px; margin-bottom: 20px;}
.not404 p { padding: 5px 0;}
.not404 a { display: inline-block; margin-top: 20px; border: 1px solid #089ce6; padding: 10px 60px 9px; color: #089ce6;}




/* 20180214 */

.col { margin: 0 auto;}
.btn_link { display: block; padding: 20px 0; font-weight: bold; letter-spacing: 0.1em; line-height: 1; text-align: center; margin: 40px auto 0; background-color: rgba(255,255,255,0.7); border-radius: 3px;}

.t_contact{background: url(../images/bg_contact.jpg) center center; background-size: cover; width: 100%; height: 100%; padding: 50px 0;}
.t_contact .col{width: 580px;}
.t_contact h1{text-align: center;}
.t_contact h1:after{content: ""; display: block; width: 36px; height: 1px; background-color: rgba(255,255,255,0.5); margin: 15px auto 0;}
.t_contact ul{margin-top: 30px;}
.t_contact li{float: left; width: 46%;}
.t_contact li:first-child{margin-right: 4%;}
.t_contact .add{text-align: center; border-top: 1px solid rgba(255,255,255,0.5); border-bottom: 1px solid rgba(255,255,255,0.5); padding: 5px 0; margin-top: 15px; font-size: 12px;}
.t_contact .btn_link{width: 100%; margin-top: 20px;}
.t_contact p {color: #fff!important;}

footer{background-color: #fff; padding: 20px; position: relative;}
footer li{float: left; height: 12px; position: relative; margin-right: 15px; padding-right: 15px; line-height: 1;}
footer li a{font-size: 12px; line-height: 1; display: block;}
footer li:after { position: absolute; top: 0; right: 0; display: inline-block; content: ''; width: 1px; height: 12px; background-color: #000;}
footer li:last-child:after { width: 0px; height: 0px;}
footer .copyright{position: absolute; top: 20px; right: 20px; width:300px; height:12px;}
@media only screen and (max-width: 1199px) {
	.col{width: 930px;}
	.t_contact .col{width: 580px;}
}
@media only screen and (max-width: 991px) {
	.btn_link{padding: 15px 0; margin: 30px auto 0;}
	.col{width: 720px;}
	.t_contact{padding: 40px 0;}
	.t_contact .col{width: 580px;}
	.t_contact h1 img{height: 14px; width: auto;}
}
@media only screen and (max-width: 767px) {
	.col { padding: 0 15px;}
	.t_contact{padding: 20px 0;}
	.t_contact .col{width: 100%;}
	.t_contact h1:after{margin-top: 10px;}
	.t_contact ul{margin-top: 20px;}
	.t_contact li{float: none; width: 100%;}
	.t_contact li:first-child{margin-right: 0%; margin-bottom: 20px;}
	.t_contact li img{height: 20px; width: auto; display: block; margin: 0 auto;}
	.t_contact .add{text-align: center; margin-top: 20px; line-height: 19px;}
	.t_contact .btn_link{font-size: 12px;}

	footer{padding: 15px 15px 10px;}
	footer ul{margin-bottom: 15px;}
	footer li{height: 11px; margin-right: 10px; padding-right: 10px;}
	footer li:last-child{margin-right: 0; padding-right: 0;}
	footer li a{font-size: 11px; letter-spacing: 0;}
	footer li:after {height: 11px;}
	footer .copyright{position: static; top: auto; right: auto; line-height: 1;}
	footer .lan_en li{float: none; margin-right: 0; padding-right: 0; line-height: 1.6!important; height: auto; padding-bottom: 5px;}
	footer .lan_en li a{line-height: 1.6!important; text-decoration: underline;}

	footer .lan_en li:after {width: 0px;}
}
.widget_archive {
	margin-bottom: 40px;
}
.widget_archive label {
	display: none;
}
.widget_archive .widget-title + ul li {
	min-height: auto;
}
/*
#calendar_wrap:before {
	content: '<div translate="no">';
}
#calendar_wrap:after {
	content: '</div>';
} */

/* sumida20180523 */
.post-area img {
	margin-top: 10px;
}
.post-area .aligncenter {
	display: block;
	margin: 1em auto;
}
.post-area .alignleft {
	display: block;
	margin: 1em auto 1em 1em;
}
.post-area .alignright {
	display: block;
	margin: 1em 1em 1em auto;
}

.navigation-box {
	position: relative;
	padding-top: 2rem;
}
.navigation-box .prev {
	position: absolute;
	width: 40%;
	left: 0;
	top: 2.8rem;
	text-align: center;
}
.navigation-box .next {
	position: absolute;
	width: 40%;
	right: 0;
	top: 2.8rem;
	text-align: center;
}
.navigation-box .category {
	text-align: center;
	display: block;
	width: 20%;
	background: #32599c;
	color: #fff;
	padding: 0.7rem 0;
	margin: auto;
}
@media (max-width: 767px) {
	.navigation-box {
		font-size: 0;
		letter-spacing: 0;
	}
	.navigation-box .prev {
		margin-right: 2%;
	}
	.navigation-box .prev,
	.navigation-box .next {
		font-size: 1.3rem;
		letter-spacing: 0.07em;
		position: static;
		display: inline-block;
		width: 49%;
		border: 2px solid #32599c;
		padding: 0.4rem;
	}
	.navigation-box .category {
		font-size: 1.3rem;
		letter-spacing: 0.07em;
		margin-top: 1.5%;
		width: 100%;
	}

}

.single-blog .comment_tag {
	margin-bottom: 40px!important;
}


/* override */
section.blog{ padding: 50px 0;}
section.blog .col-sm-3 select{ height: 30px;}
h1 a{ display: inline-block;}
h1.logo a img{ width: 280px; height: auto; margin-top: 5px;}
h1.logo a span img{ width: 170px; height: auto; margin-top: 25px; margin-left: 10px;}
.float-r{ float: right;}
.float-r:hover{ opacity: 0.6; -webkit-transition: .3s; transition: .3s;}
.float-l{ float: left;}
header { background: #32599c; height: 100px;}
.widget-title { background: #32599c;}
.widget-title:after { background: #5b7fb2;}
a { margin: 0; padding: 0; text-decoration: none; color: #000; -webkit-transition: .3s; transition: .3s;}
a:hover { text-decoration: none; color: none;}
p { margin-bottom: 0;}
p:hover { text-decoration: none;}
.post-categories li a{ font-weight: normal;}
.buttonStyle { margin-left: auto; margin-right: auto; display: block; padding: 6px 15px !important;}
.buttonStyle { background-color: #fff; width: 250px; font-size: 14px; margin-top: 30px; position: relative; overflow: hidden; -webkit-transition: .3s; transition: .3s; z-index: 0; font-family: 'Roboto', sans-serif; line-height: 30px !important; display: block; margin-left: auto; margin-right: auto; text-align: center;}
.buttonStyle:after { position: absolute; -webkit-transition: .3s; transition: .3s; content: ''; width: 0; bottom: -1px; height: 120%; left: -10%; -webkit-transform: skewX(15deg); transform: skewX(15deg); z-index: -1;}
.buttonStyle:hover { cursor: pointer; color: #fff!important; background: #32589c;}
.buttonStyle:hover:after { left: -10%; width: 120%;}
.button_black { color: #494949!important; border: 1px solid #fff;}
.button_black:after { background: none;}
header .gnav li.icon_insta{ margin-right: 10px; top: -2px; right: 10px;}
header .gnav li.icon_fb, header .gnav li.icon_insta{ background: none;}
header .gnav li.icon_fb a, header .gnav li.icon_insta a{ color: #fff;}
header .fa{ font-size: 30px;}
.list-inline li{ text-align: center; width: 24.5%; padding-top: 22px; padding-bottom: 22px;}
.border-gr{ border-bottom: 1px solid #d3d3d3;}
.container-fluid.max-none{ max-width: none; padding-right: 0; padding-left: 0;}
.max-1230{ max-width: 1230px; padding-right: 15px; padding-left: 15px; margin: auto;}
.max-1230 li a{ color: #6f777f;}
.list-inline li a:hover{ opacity: 0.6;}
article.blog .main-post .post-title{ margin-bottom: 0;}
.post-area{ padding-bottom: 90px; border-bottom: 1px solid #494949;}
.post-area img { height: auto;}
.comment_tag span:hover{ opacity: 0.6; -webkit-transition: .3s; transition: .3s;}
.comment_tag{ padding-top: 10px; margin-bottom: 130px; position: relative;}
.comment_tag .float-r{ position: absolute; right: 0; top: 10px;}
.comment_tag a{ text-decoration: none; color: #494949; border-bottom: 0; font-size: 1.2rem; font-weight: normal;}
.main.col-sm-9{ padding-top: 10px;}
.main.col-sm-9 img{ margin-bottom: 10px;}
.col-sm-9 time{ font-size: 1.2rem;}
.col-sm-9 .post-categories{ display: inline-block;}
.time_category{ position: relative; padding-top: 10px;}
.time_category span{position: absolute; top: 10px; left: 85px; font-weight: normal; font-size: 12px;}
.time_category span:hover{ opacity: 0.6; -webkit-transition: .3s; transition: .3s;}
.time_category span a{ text-decoration: none; border-bottom: 0; color: #494949;}
.main-post a{ border-bottom: 0;}
#calendar_wrap{ margin-bottom: 40px;}
#pippin_recent_posts-2{ margin-bottom: 40px;}
#gtranslate-3{ margin-bottom: 20px;}
#gtranslate_selector{ margin-top: 5px;}
.custom-html-widget{ margin-top: 20px;}
.custom-html-widget div{ margin: auto; margin-bottom: 20px;}
.custom-html-widget div p{ padding-top: 5px;}
#categories-3{ margin-bottom: 40px;}
#categories-3 ul{ margin-top: 10px;}
#categories-3 ul li{ padding: 0; border-bottom: 0; min-height: auto; position: static; height: auto; display: inline-block; padding-right: 10px; padding-bottom: 5px;}
#categories-3 ul li:hover{ opacity: 0.6; transition: .3s;}
#categories-3 ul li:after{ display: none;}


/* calendar widget */
#wp-calendar {width: 100%;}
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center;}
#wp-calendar tbody { color: #5c5c63;}
#wp-calendar tbody td { position: relative; background: none; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody td a{ color: #3352ff;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tfoot #next a,#wp-calendar tfoot #prev a{ color: #3352ff;}
#wp-calendar td a:root #wp-calendar td {background-color: #ddd;}
#wp-calendar tbody td a{ color: #A1A3A9; background-color: #eee; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 37px;}
.wp-pagenavi span, .wp-pagenavi a{ border: 2px solid #32599c!important;}
.wp-pagenavi .current{ background: #32599c!important; border-color: #32599c!important;}
#gtranslate-3{ margin-bottom: 40px;}
.custom-html-widget div p { padding-top: 15px;}
.custom-html-widget div p span{ display: block;}
.custom-html-widget div p a{ display: block; color: #089ce6; word-break: break-all; padding-bottom: 10px;}
.custom-html-widget div p a:hover{ opacity: 0.6;}

@media (max-width:799px) {
	header .gnav > li > a{ font-size: 1.2rem;}
	.buttonStyle{ width: 200px;}
}
@media (max-width:767px) {
	.sp-none{ display: none;}
	header{ height: 80px;}
	header .gnav li.icon_insta{ top: 0;}
	header .logo{ height: auto;}
	h1.logo a img{ width: 140px; height: auto; margin-top: 0;}
	h1.logo a span{ display: block; margin-top: 10px; margin-left: 5px;}
	h1.logo a span img{ width: 150px; height: auto; margin-top: 0; margin-left: 0;}
	header .sp_menu{ top: 80px;}
	.menu-trg-area{ top: 15px;}
	header .sp_sns{ top: 25px; right: 75px;}
iframe{ width: 100%;}
}

/* blog search */
.blog-search-form { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 30px; padding: 20px; background: #f5f3ed; }
.blog-search-form__field { flex: 1 1 0; }
.blog-search-form__field label { display: block; margin-bottom: 6px; font-weight: bold; }
.blog-search-form__field input,
.blog-search-form__field select { display: block; width: 100%; height: 40px; padding: 8px 10px; border: 1px solid #cdcdcd; border-radius: 0; background: #fff; }
.blog-search-form__field--keyword { flex-grow: 2; }
.blog-search-form__submit button { min-width: 90px; height: 40px; padding: 0 20px; border: 0; background: #089ce6; color: #fff; font-weight: bold; }
.blog-search-form__submit button:hover,
.blog-search-form__submit button:focus { background: #057eb9; }
.blog-search-result { margin: 0 0 30px; padding: 20px; border-left: 5px solid #089ce6; background: #f5f3ed; }
.blog-search-result__title { margin: 0 0 14px; font-size: 1.8rem; font-weight: bold; }
.blog-search-result__conditions > div { display: flex; margin-bottom: 6px; }
.blog-search-result__conditions dt { width: 120px; font-weight: bold; }
.blog-search-result__conditions dd { margin: 0; }
.blog-search-result__count { margin: 14px 0 0; font-weight: bold; }
.blog-search-empty { margin: 0 0 30px; padding: 20px; background: #f5f3ed; }

@media only screen and (max-width: 767px) {
	.blog-search-form { display: block; padding: 15px; }
	.blog-search-form__field,
	.blog-search-form__submit { margin-bottom: 12px; }
	.blog-search-form__submit { margin-bottom: 0; }
	.blog-search-form__submit button { width: 100%; }
	.blog-search-result__conditions > div { display: block; }
	.blog-search-result__conditions dt { width: auto; margin-bottom: 2px; }
}