@charset "UTF-8";
main.main{background: #fff;}
.staff-blog img,
.related_posts img,
.column-blog img { max-width: 230px;height: auto; }
.blog-content  img{max-width: 770px;height: auto;display: block;margin:10px auto;}
.blog-detail_cv_img img{max-width: inherit;height: auto;margin:0;width: 100%; }
.page_title { background: url(../images/blog/bg_title_column.jpg) no-repeat center center / cover; margin-bottom: 30px; padding-top: 65px; height: 220px;}
.page_title .title_txt01 { font-size: 42px; color: #fff; line-height: 1.3; font-weight: bold; text-align: center;}
.page_title .title_txt02 { font-size: 24px; color: #f7ffa1; font-weight: bold; text-align: center;}
.entry_title  { margin-bottom: 40px; padding: 30px 0; background: #f46924; border-bottom: 16px solid #f6cbb6; text-align: center;}
.entry_title .inner {max-width: 1400px; margin: 0 auto; position: relative;}
.entry_title .entry_title_txt {max-width: 80%;margin: 0 120px; display: inline-block; font-size: 42px; color: #fff; font-weight: bold; }
.entry_title .deco { position: absolute;}
.entry_title .deco-01 {  left: 0; top: -38px;}
.entry_title .deco-02 { right: 0; top: -20px;}
.entry_title .deco-03 { right: -50px; top: -74px;}
.staff-blog .page_title { background: url(../images/blog/bg_title_blog.jpg) no-repeat center center / cover;}
.staff-blog .entry_title { background: #199192; border-bottom-color: #afe8bb;}
.staff-blog .entry_title .date { background: url(../images/blog/bg_balloon_02.png) no-repeat 0 0 / cover; top: -35px; left: -10px; padding-top: 25px; height: 91px; width: 139px; position: absolute;}
.staff-blog .entry_title .date span { display: block; font-size: 20px; color: #05bd8c; text-align: center; font-weight: bold; white-space: nowrap;
-webkit-transform: rotate(-17deg);
-ms-transform: rotate(-17deg);
transform: rotate(-17deg);}
.staff-blog .entry_title .inner { max-width: 1000px;position: relative;}
.post_tags .tag{ 
	position:relative;z-index:4;display: inline-block; 
	margin: 0 10px 24px 0; padding:0;} 
.post_tags .tag a{ width:100%;height:100%;padding:10px;background-color: #f3f3f3; color: #555555;padding: 10px;}
.posts li { padding: 30px 0; border-bottom: 1px solid #fbfa8c;position: relative;}
.staff-blog .posts li { border-color: #a4d9d7;}
.posts li > a{position: absolute;z-index:3;width: 100%;height: 100%;top:0;
left:0;}
.posts li:last-child { border-bottom: none;}
.posts li:after { display: table; clear: both; content: '';}
.posts figure { float: left; margin: 0; display: block;}
.posts .body { margin-left: 255px;}
.posts .entry-title { margin-bottom: 10px; font-size: 24px; font-weight: bold;}
.posts .meta { margin-top: 25px;}
.posts .meta .date { float: right; font-size: 18px; color: #ff5b23; font-weight: bold;}
.staff-blog .posts .meta .date { color: #328f8c;}
.post_pagination { margin: 40px 0 10px; text-align: center;}
.post_pagination span { display: inline-block; background: #eeeeee; border: 1px solid #afafaf; font-size: 20px; line-height: 1;}
.post_pagination a, .post_pagination .current { color: #8f8f8f; display: inline-block; padding: 10px 14px;}
.post_pagination a { background: #fff;}

@media screen and (max-width: 900px) {
.entry_title .entry_title_txt { font-size: 35px;}
.entry_title .deco-02 { top: -0px; width: 140px;}
.entry_title .deco-03 { right: 0; top: -35px; width: 140px;}
.entry_title .deco-01,.entry_title .deco-02{display: none;}
}
@media screen and (max-width: 767px) {
.page_title { height: 120px; padding-top: 35px;}
.page_title .title_txt01 { font-size: 1.4rem;}
.page_title .title_txt02 { font-size: 1rem;}
.entry_title { padding: 15px 0; border-bottom-width: 8px;}
.entry_title .entry_title_txt { font-size: 20px; margin: 0 20px;}
.entry_title .deco-01 { top: -50px; width: 71px;}
.entry_title .deco-02 { top: -70px; width: 90px;}
.entry_title .deco-03 { top: -75px; width: 90px;}
.staff-blog .entry_title .date { top: -40px; left: 0; padding-top: 12px; height: 45px; width: 70px;}
.staff-blog .entry_title .date span { font-size: 10px; }
.post_tags .tag { font-size: 11px; padding: 6px; margin: 0 4px 8px 0;}
.posts figure { width: 30%;}
.posts figure img { width: 100%;}
.posts .body { margin-left: 30%; padding-left: 10px;}
.posts .meta .date { float: none; margin-bottom: 10px;}
.blog-content img{max-width: 80vw;}
}
@media screen and (max-width: 414px) {
.posts figure { float: none; width: 100%; margin-bottom: 8px;}
.staff-blog img,
.related_posts img,
.column-blog img { max-width: 100%;height: auto;}
.posts .body { margin-left: 0;}
.post_tags .tag a{ font-size: 12px; margin: 0 0 5px; padding: 6px;}
.post_pagination span { font-size: 18px;}
.post_pagination a, .post_pagination .current { padding: 9px 12px;}
}

.blog-content { max-width: 770px; margin: 0 auto;}
.blog-content .post_tags{ margin-bottom: 60px; text-align: center;}
.blog-content .post_tags .tag a{ color: #f4441b; background: #fdf3ee;}
.blog-content .img-right { float: right; margin-left: 15px;}
@media screen and (max-width: 767px) {
.blog-content {
	max-width: 85vw;height: auto;
}
.blog-content .img-right {
	float: none;
	margin-left: 0;
}
.blog-content .img-right img{
	display: block;
}
}
.blog-content p { line-height: 2;}
.blog-detail_cv { margin: 135px auto 30px; max-width: 767px; position: relative;}
.blog-detail_cv_img { border:5px solid #ffffd6;}
.blog-detail_cv .btns { 
	bottom: 18px; left: 36px; position: absolute;display: flex;justify-content: center;align-items: center;}
.blog-detail_cv .btns .line img { 
	border: 2px solid #71bdd0; border-radius: 2px;max-width: auto;
height: auto;display: inline;margin: 0 10px 0 0;height: 60px;}
.blog-detail_cv .btns .tel { padding: 2px 25px; background-color: rgba(255,255,255,0.7); display: inline-block;}
.blog-detail_cv .btns .tel img{height: 36px;}
.blog-detail_cv .balloon { background: url(../images/blog/bg_balloon_01.png); height: 88px; width: 350px; top: -74px; left: -8px; position: absolute;}
.blog-detail_cv .balloon p {     padding: 9px 0 0 20px;font-size: 20px; color: #075e6e; font-weight: bold;}
.blog-detail_movie { max-width: 700px; margin: 0 auto 30px;}
.staff-blog .blog-content .post_tags { margin-bottom: 20px;}
.staff-blog .blog-content .post_tags .tag a{ background-color: #d7f2ee; color: #199192;}
.staff-blog .blog-content p { margin: 15px 0; line-height: 3.3;}
.staff-blog .blog-detail_cv { margin-top: 30px;}
.staff-blog .cta-search { max-width: 770px;}
@media screen and (max-width: 767px) {
.blog-detail_cv .btns { bottom: 1%;/* left: 8.6%; width: 56.5%;*/margin-top:10px;margin-bottom:10px;display: block;}
.blog-detail_cv .btns .line { border: none;padding:10px 0; }
.blog-detail_cv .btns .tel { display: block;margin:10px 0;}
/*.blog-detail_cv .btns .btn_line { width: 41.7%; margin-bottom: 5px;}
.blog-detail_cv .btns .btn_mail { width: 54.7%; float: right;}
.blog-detail_cv .btns .btn_tel { width: 75.8%;}*/
}

.responsive-movie { position:relative; width:100%; padding-top:56.25%}
.responsive-movie iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important}
.head-2  { margin: 40px 0; padding: 10px 15px; background: #f8f8f8; font-size: 24px; color: #fd3000; font-weight: bold;}
.head-2  img{ max-width: 20px;height: auto;margin-right: 5px;display: inline;}
.head-3 { margin: 50px 0;}
.head-3 span { border-bottom: 2px dotted #e63e48; font-size: 20px; font-weight: bold; vertical-align: middle;}
.head-3 .icon { margin-right: 10px; vertical-align: middle;display: inline;max-width: 40px;height: auto;}
.head_related { margin-bottom: 20px; color: #323232; font-size: 20px; font-weight: bold;}
.bg-green { background-color: #ebf9d0;}

.related_posts { max-width: 700px; margin: 0 auto 60px;}
.related_post_title { color: #fa4f2d;font-size: 14px; font-weight: bold; text-align: center;}
.related_posts_list { max-width: 640px; margin: 0 auto; display: flex; align-items: flex-end; flex-wrap: wrap;}
.related_posts_list li { width: 300px;}
.related_posts_list li:nth-of-type(2n){margin-left: 20px;}
.related_posts_list .thumb { border: 2px solid #ffb594; border-radius: 2px;
 margin: 0;height: 120px;}
 .related_posts_list .thumb a{width: 100%;height: 100%;display: flex;justify-content: center;}

@media screen and (max-width: 767px) {
.related_posts_list li { width: 48%;}
.related_posts_list li:nth-of-type(2n) {margin-left: 4%;}
}
@media screen and (max-width: 414px) {
.related_posts_list { width: 94%; display: block;}
.related_posts_list li { margin-bottom: 15px; width: 100%;}
.related_posts_list li:nth-of-type(2n) { margin-left: 0;}/*
.related_posts_list figure img { width: 100%;}*/
.blog-detail_cv .btns {margin-bottom:0;bottom:.5%; }
.blog-detail_cv .btns .btn_line { margin-bottom: 5px;}
.blog-detail_cv .btns .btn_mail { float: right;}
.blog-detail_cv .btns .line img{height: 40px;}
.blog-detail_cv .btns img.btn_tel {height: 26px;  }

}
@media screen and (max-width: 360px) {
.blog-detail_cv .btns {bottom:1%; }
.blog-detail_cv .btns .line img{height: 30px;}
.blog-detail_cv .btns img.btn_tel {height: 16px;  }
.blog-detail_cv .balloon{width: 300px;
	}
}