@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents{max-width: 750px;}
#second-visualcontents::after {width:100%;height: 150px;left: initial; right: -25px;}
#second-visualcontents span {margin-bottom: 5px;}
#second-visualcontents h1 {padding: 0.5em 0.5em 0.3em; line-height: 1.5}
#second-visualcontents h1 span {margin-top: 13px; padding-top: 5px;}
#second-visualcontents h1 span::before {width: 52%;}
#second-visualcontents h1 b {color: #fffd64;font-size: 13px;font-weight: normal;line-height: 2;display: block;text-shadow: none;}
@media only screen and (max-width: 568px) {
#second-visualcontents {width: 90%;}
#second-visualcontents h1 span::before {width: 54%;}
#second-visualcontents::after {width: 300px;height: 85px;bottom: -15px;right:-13px;}
#second-visualcontents h1 b {font-size: 12px;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 32px;text-align: center;padding: .6em 1em;}
/* #second-visualcontents::after {width: 265px;height: 75px;left: 45%;} */
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
}
/*===============================================
 *	Column
===============================================*/
/*-----------------------------------------------
 *	一覧
-----------------------------------------------*/
.column-box{display: flex;justify-content:space-between;flex-wrap: wrap;}
.column-box figure {line-height: 0;border: #fff 8px solid;box-shadow: 0 0 10px #ccc;margin: 5%;}
.column-box figure img{height: 197px;}
.column-box .article {background: url(../img/m-bg_note.gif) bottom left repeat #fff;border: #49b1d9 2px solid;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,.3);margin-bottom: 2vw;display: flex;flex-direction: column;position: relative;width: calc(96%/3);}
.column-box:after {content: "";display: block;width: calc(96%/3);}
@media all and (-ms-high-contrast: none) {
.column-box .article {display: block;}
}
.column-box .article-info{padding: .5em 1em 0;}
.column-box .article-ttl{font-size: 16px;font-weight: bold;margin-bottom: 1em;}
.article-date{color: #49b1d9;display: block;text-align: right;margin-bottom: 10px;position: relative;}
.article-date::before {content: "";background: url("../img/icon-clock.png") left no-repeat;background-size: contain;display: inline-block;width: 15px;height: 15px;padding-right: 5px;vertical-align: middle;}
.column-box p{margin-bottom: 1em;}
.articleBtn{display: block;background: #fff;border-radius: 60px;color: #49b1d9;margin: auto 1em 1em auto;border: #49b1d9 2px solid;padding: 10px 0;text-align: center;width: 150px;}
.articleBtn:hover{background: #49b1d9;color: #fff;}

@media only screen and (max-width: 1024px) {

}
@media only screen and (max-width: 768px) {
.column-box .article {width: calc(96%/2);}
}
@media only screen and (max-width: 568px) {
.column-box .article {margin-bottom: 6vw;width: 100%;}
.column-box figure img{height: auto;}
}
/*-----------------------------------------------
 *	詳細
-----------------------------------------------*/
.column-wrapper h2 {background: #17a5d3;border-radius: 10px;color: #fff;font-size: 26px;font-weight: 800;letter-spacing: 2px;margin:1.5em 0 1em;padding: .25em 1em;}
.column-wrapper h3 {font-size: 16px;;font-weight: bold;color: #202020;background: #e9f3f4;border-left: #17a5d3 7px solid;padding: .5em 1em;margin-top: .5em;margin-bottom: 1em;}
.column-wrapper h4 {font-size: 16px;font-weight: bold;border-bottom: solid 5px #e9f3f4;position: relative;margin-top: .5em;margin-bottom: 1em;}
.column-wrapper h4:after {position: absolute;content: "";display: block;border-bottom: #17a5d3 5px solid;bottom: -5px;left:0;width: 20%;}
.column-wrapper .bnr-img,.blog-warapper .bnr-img{max-width: 930px;margin: 0 auto;}
.column-wrapper img.aligncenter,.blog-warapper img.aligncenter{box-shadow: 0px 0px 15px 1px rgba(157, 157, 157, 0.8);transform: rotate(-1deg);border: 10px solid #fff;max-width: 640px;}
.column-wrapper img,.blog-warapper img{box-shadow: 0px 0px 15px 1px rgba(157, 157, 157, 0.8);border: 10px solid #fff;max-width: 640px;margin: 1.5em auto;}
.column-wrapper img.size-medium{max-width: 300px;}
.column-wrapper img.size-thumbnail{max-width: 150px;}
.column-wrapper p{margin-bottom: 1em;}
.column-wrapper strong {font-weight: bold;}
.column-wrapper a{color:blue;text-decoration: underline;}
.column-detailbox {border-radius: 10px;margin-bottom: 1.5em;position: relative;}
.column-contents{padding: 2em 2em 2em;}
.column-contents .article-date {text-align: left;}
@media only screen and (max-width: 768px) {
.column-wrapper h2 {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
.column-contents {padding: 1.5em 1em 1em;}
.column-contents .article-date {margin-bottom: 0.5em;}
.column-wrapper h2 {font-size: 18px;line-height: 1.4; padding: .5em 0.75em;}
.column-wrapper h3 {font-size: 15px;padding: .5em;}
.column-wrapper img {border: 6px solid #fff;margin: 1.0em auto;width: 94%;max-width: initial;}
.column-wrapper img.aligncenter {border: 6px solid #fff;max-width: inherit;width: 90%;}

}
/*===============================================
 *	目次
===============================================*/
.toc-wrapper {position: relative;background: #ec7589;padding: 10px;margin: 2em 0;}
.toc-title {font-size: 26px;padding: 0 0 10px 0;text-align: center;color: #fff;font-weight: bold;letter-spacing: 0.05em;}
.toc-title span{background: url("../img/column/icon-note.png") left no-repeat;background-size: contain;padding-left: 2em;}
.toc-wrapper ol {background: #fff;padding: 1em;color: #202020;border: none;counter-reset: number;display: flex;flex-wrap: wrap;justify-content: space-around;}
.toc-wrapper ol li {position: relative;border-bottom: dashed 1px #ec7589;margin-bottom: 10px;width: 48%;}
.toc-wrapper ol li a{color: #202020;display: block;padding: 2px 0 0.5em 2.5em;font-size: 18px;}
.toc-wrapper ol li a:hover{text-decoration: underline;}
.toc-wrapper ol li:before {display: inline-block;position: absolute;content: counter(number);counter-increment: number;left: 0;width: 35px;height: 35px;border-radius: 20%;background: #ec7589;color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 35px;}
@media only screen and (max-width: 768px) {
.toc-wrapper ol li a {padding: 2px 0 0.5em 2.25em;font-size: 16px;}
.toc-wrapper ol li:before {width: 30px;height: 30px;line-height: 30px;}
}
@media only screen and (max-width: 568px) {
.toc-title {font-size: 18px;}
.toc-title span {background-size: 30px;padding: 5px 0 5px 2em;}
.toc-wrapper {padding: 5px;}
.toc-wrapper ol li {width: 100%;}
.toc-wrapper ol li:before {width: 30px;height: 30px;font-size: 15px;line-height: 30px;}
.toc-wrapper ol li a {padding: 0 0 1em 2.5em;font-size: 14px;text-decoration: underline;}
.toc-wrapper ol li:last-child {border-bottom: none;}
.toc-wrapper ol li:last-child a {padding-bottom: 0;}
}

/*===============================================
 *	関連記事
===============================================*/
.related-box {box-shadow: 0 0 10px rgba(0,0,0,.3);border-radius: 10px;margin-top: 40px;margin-bottom: 4em;}
.related-box ul {background: url(../img/m-bg_note.gif) bottom left repeat #fff;display: flex;flex-wrap:wrap;justify-content: space-between;padding: 1em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.related-box li {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(96%/4);}
.related-box li img {background: #fff;height: 145px;object-fit: contain;box-shadow: 0px 0px 10px 1px rgba(157, 157, 157, 0.8);border: 8px solid #fff;width: 90%;}
.related-box li a {color: #202020;font-size: 14px;display: block;}
.related-box li a:hover {background-color: #c0d4f0;}
@media only screen and (max-width: 768px) {
.related-box li img {margin-bottom: 5px;height: 100px;}
.related-box li .text {padding: 2px;}
}
@media only screen and (max-width: 568px) {
.related-box li{border-bottom: 1px dotted #333;width: calc(94%/2);}
.related-box li{border-bottom: none;}
.related-box li a {display: flex;flex-wrap: wrap;}
.related-box li img {height: auto;}
}
/*-----------------------------------------------
 *	Detail pager
-----------------------------------------------*/
.post_under_nav {color: #fff;background: #17a5d3;margin: 0 0 15px;}
.post_under_nav ul {display: table;width: 100%;table-layout: fixed;}
.post_under_nav li {display: table-cell;text-align: center;}
.post_under_nav li span, .post_under_nav li a {display: block;padding: 15px;color: #fff;}
.post_under_nav li a:hover {background: rgba(255, 255, 255, 0.3);}
.post_under_nav .nav-left {text-align: left;}
.post_under_nav .nav-center {text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.3);border-left: 1px solid rgba(255, 255, 255, 0.3);}

@media only screen and (max-width: 568px) {
.post_under_nav li span, .post_under_nav li a {padding: 1.25em 5px;}
}
.column-table,
.column-table td,
.column-table th {border-collapse: collapse;border:1px solid #333;background: #fff;text-align: center;}
.column-table {margin: 20px 0;width: 100%;table-layout: fixed;word-break: break-all;word-wrap: break-all;}
.column-table tr:first-child td {background: #e6855e;color: #fff;font-weight: bold;}
.column-table td,
.column-table th {padding: 15px 10px;}
@media (max-width: 568px) {
.column-table td,
.column-table th {padding: 5px;font-size: 14px;}
.column-table td {letter-spacing: 0;}
}
/*-----------------------------------------------
 *	Table
-----------------------------------------------*/
.column-detailbox table {background: #fff;width: 100%;border-collapse: collapse;border-spacing: 0;margin-top: 45px;font-size: 20px;}
.column-detailbox table th:nth-child(2), .column-detailbox table th:last-child {width: 40%;}
.column-detailbox table th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align: center;padding: 10px;font-weight: bold;}
.column-detailbox table td {border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 10px;}
.column-detailbox table th:last-child, .column-detailbox table td:last-child {border-right: 1px solid #ccc;}
.column-detailbox table th {font-size: 18px;}
.column-detailbox table td {letter-spacing: 0;font-size: 18px;}
@media only screen and (max-width: 568px) {
.column-detailbox table {font-size: 14px;width: 90%;margin: 15px auto 0;margin-top: 30px;}
.column-detailbox table th {font-size: 14px;letter-spacing: 0.1em;}
.column-detailbox table td {font-size: 14px;}
}
/*-----------------------------------------------
 *	監修者
-----------------------------------------------*/
.bnr-column img,.supervisor-wrap img,.author-wrap img{box-shadow: none;border: none;max-width: initial;margin: 1.5em auto;width: 100%;}
.supervisor-wrap{margin-bottom: 30px;}
.supervisor-ttl{border-left:#f49b2e 6px solid;border-bottom: #f49b2e 2px solid;font-size: 18px;font-weight: bold;padding: 2px 0 2px 10px;}
.supervisor-wrap img{float: left;max-width: 134px;margin: 0 30px 10px 0;}
.supervisor-contents dl{margin-bottom: 2px;display: flex; align-items: center;}
.supervisor-contents dt{font-size: 18px;font-weight: bold;}
.supervisor-contents dd,.supervisor-txtbox{font-size: 15px;}
@media only screen and (max-width: 568px) {
.supervisor-wrap img{max-width: 80px;margin: 0 20px 10px 0;}
.supervisor-contents dl {flex-direction: column;align-items: flex-start;margin-bottom: 5px;}
.supervisor-contents dt{font-size: 16px;}
.supervisor-contents dd,.supervisor-txtbox{font-size: 14px;}
}
/*-----------------------------------------------
 *	執筆者
-----------------------------------------------*/
.author-wrap{border: #bcbcbc 8px solid;outline: #efefef 6px solid;outline-offset: -14px;padding: 30px 30px 20px;}
.author-ttl{border-left:#bcbcbc 6px solid;border-bottom: #bcbcbc 2px solid;font-size: 18px;font-weight: bold;padding: 2px 0 2px 10px;}

.author-wrap img{max-width: 134px;margin: 0;}
.author-contents {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.author-contents dl{width: 80%;}
.author-contents dt{font-size: 18px;font-weight: bold;}
.author-contents dd,.author-txtbox{font-size: 15px;}
@media only screen and (max-width: 768px) {
.author-contents dl {width: 74%;}
}
@media only screen and (max-width: 568px) {
.author-wrap {border: #bcbcbc 6px solid;outline: #efefef 4px solid;outline-offset: -10px;padding: 20px 20px 10px;}
.author-wrap img {max-width: 96px;margin: 0 10px 8px 0;float: left;}
.author-contents {display: block;}
.author-contents dl {width: 100%;}
.author-contents dt{font-size: 16px;line-height: 1.4;margin: 0 0 10px 0;}
.author-contents dd,.author-txtbox{font-size: 14px;}
}
@media only screen and (max-width: 375px) {

}
/*-----------------------------------------------
 *	対応エリア
-----------------------------------------------*/
.column-map{background: #fff;border: #0e96c2 6px solid;margin: 2em 0 0 0;}
.column-detailbox p.map-caution{margin: 0.5em 0 2em 0;}
p.column-map_ttl{background: #0e96c2;color: #fff;font-size:35px;font-weight: bold;padding: 10px 0 15px;display: flex;align-items: center;justify-content: center;margin: 0;}
p.column-map_ttl::before {content: "";display: inline-block;width: 65px;height: 64px;background: url("../img/column/icon-map.png") center no-repeat;background-size: contain;margin-right: 15px;}
.column-detailbox p.map-subhead{color: #0e96c2;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.map-contents{padding: 20px;position: relative;}
.map-contents::after{content: "";display: block;background: url("../img/column/bg-map.png")right bottom no-repeat;background-size: contain;width: 295px;height: 223px;position: absolute;right: 10px;bottom: 0;z-index: 0;}
.map-contents dl{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 10px;position: relative;z-index: 10;}
.map-contents dt {color: #fff;font-weight: bold;padding: 4px 25px 2px;border-radius: 60px;display: flex;justify-content: center;margin-right: 15px;}
.map-contents dd {width: 80%;}
.map-contents ul {display: flex;flex-wrap: wrap;}
.map-contents ul li {margin-right: 10px;}
.map-contents ul li a{color: #222;}
.map-contents ul li:last-child {margin-right: 0;}
.map-hokkaido dt{background: #6481c0;}
.map-kanto dt{background: #49b997;}
.map-chubu dt{background: #8cc66d;}
.map-kansai dt{background: #f8b757;}
.map-chugoku dt{background: #ef92bb;}
.map-kyushu dt{background: #ef8575;}
@media only screen and (max-width: 768px) {
p.column-map_ttl {font-size: 28px;}
p.column-map_ttl::before {width: 55px;height: 54px;}
.column-detailbox p.map-subhead {font-size: 18px;}
.map-contents dt {font-size: 16px;margin: 0 0 10px 0;width: 100%;}
.map-contents dd {font-size: 16px;width: 100%;}
.map-contents ul li {margin: 0 10px 5px 0;}
.map-contents {padding: 15px 15px 250px;}
.map-contents::after {top: auto;left: 50%;transform: translateX(-50%);}
}
@media only screen and (max-width: 568px) {
p.column-map_ttl {font-size: 20px;line-height: 1.5;padding: 4px 0 10px;}
p.column-map_ttl::before {width: 45px;height: 44px;}
.column-detailbox p.map-subhead {font-size: 16px;}
.map-contents {padding: 20px 20px 210px;}
.map-contents::after {width: 275px;height: 205px;}
}
@media only screen and (max-width: 375px) {
.map-contents {padding: 15px 15px 210px;}
}
/*===============================================
 *	CVエリア
===============================================*/
.col-cv_wrap{border: #49b1d9 6px solid;margin: 30px auto 40px;position: relative;}
.col-cv_wrap::after{content: "";display: block;background: url("../img/column/cv-man.png")no-repeat;background-size: contain;width: 244px;height: 257px;position: absolute;right: 20px;bottom: 0;z-index: 0;}
.col-cv_wrap img {box-shadow: none;max-width: initial;border: none;margin: 0;width: 100%;}
.column-wrapper p.col-cv_ttl{background: #49b1d9;color: #fff;font-size: 30px;font-weight: bold;margin: 0;padding: 10px 10px 15px;display: flex;align-items: center;flex-wrap: wrap;letter-spacing: 1px;}
.column-wrapper p.col-cv_ttl em{background: #db6172;display: inline-block;border-radius: 6px;font-size: 18px;padding: 10px 10px 5px;margin: 0 15px 0 0;}
.col-cv_contents{background: #fff;padding: 25px;}
.connecting-box{max-width: 620px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 10;}
.phonebox{margin-bottom: 20px;}
.contactbox,.linebox{width: 48%;}
@media only screen and (max-width: 768px) {
.column-wrapper p.col-cv_ttl em{margin: 0 0 10px 0;}
.column-wrapper p.col-cv_ttl {font-size: 23px;}
.col-cv_wrap::after {width: 124px;height: 130px;right: 0;bottom: 0;top: -15px;}
}
@media only screen and (max-width: 568px) {
.column-wrapper p.col-cv_ttl em {font-size: 16px;letter-spacing: 1px;}
.column-wrapper p.col-cv_ttl {font-size: 20px;line-height: 1.4;letter-spacing: 0;}
.col-cv_wrap::after {width: 104px;height: 110px;top: 17px;}
.col-cv_contents {padding: 20px;}
.contactbox, .linebox {width: 100%;}
.phonebox{margin-bottom: 10px;}
.contactbox {margin-bottom: 10px;}
}
@media only screen and (max-width: 390px) {
.column-wrapper p.col-cv_ttl {font-size: 18px;}
.column-wrapper p.col-cv_ttl em {font-size: 15px;}
.col-cv_wrap::after {width: 94px;height: 100px;top: 21px;}
}
@media only screen and (max-width: 375px) {
.col-cv_wrap::after {width: 94px;height: 99px;top: 22px;}
}
/*===============================================
 *	SNS
===============================================*/
#sns-wrap{margin: 60px auto;}
.column-wrapper p.sns-ttl {font-size: 26px;font-weight: bold;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin: 2em 0;}
.column-wrapper p.sns-ttl span{position: relative;top: 5px;}
.sns-ttl img{max-width: 466px;margin: 0 5px 0 0;}
.sns-box{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.sns-box li{background: #fff;font-size: 26px;font-weight: bold;max-width: 288px;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);outline-offset: -11px;width: 100%;}
.sns-box li a{display: block;text-decoration: none;padding: 26px;text-align: center;}
.sns-box li a::after{content: "";display: inline-block;width: 60px;height: 60px;margin: 0 0 0 20px;vertical-align: middle;}
.sns-box li a:hover{text-decoration: underline;}
.sns-box li.insta{border: #9f1d72 6px solid;outline: #fadaee 5px solid;}
.sns-box li.insta a::after{background: url("../img/column/icon-instagram.png");background-size: contain;}
.sns-box li.insta a{color: #9f1d72;}
.sns-box li.face{border: #2073ba 6px solid;outline: #cfe6fa 5px solid;}
.sns-box li.face a::after{background: url("../img/column/icon-facebook.png");background-size: contain;}
.sns-box li.face a{color: #2073ba;}
.sns-box li.tw{border: #1d9bf0 6px solid;outline: #d3eafa 5px solid;}
.sns-box li.tw a::after{background: url("../img/column/icon-twitter.png");background-size: contain;}
.sns-box li.tw a{color: #1d9bf0;}
@media only screen and (max-width: 768px) {
.sns-box li {max-width: 210px;}
.sns-box li a {padding: 15px;}
.sns-box li a::after {display: block;width: 60px;height: 60px;margin: 0 auto;}
}
@media only screen and (max-width: 568px) {
#sns-wrap {margin: 30px auto 20px;}
.column-wrapper p.sns-ttl {font-size: 18px;text-align: center;margin: 1.25em 0;}
.sns-ttl img {max-width: initial;margin: 0;border: none;}
.sns-box li {font-size: 20px;max-width: initial;margin-bottom: 20px;}
.sns-box li a::after {display: inline-block;width: 40px;height: 40px;margin: 0 0 0 20px;}
.column-wrapper p.sns-ttl span {text-align: center;}
}