@charset "utf-8";
/*===============================================
 *	column_list
===============================================*/
.band-ttl {font-size: 30px;}
.pager .pagination li.pre,.pager .pagination li.next {background: #5184cc;}
.pager .pagination li a:hover,.pager .pagination li a.active {color: #5184cc;background: #fff;border: #5184cc 2px solid;}
@media only screen and (max-width: 568px) {
#second-visualcontents {height: 130px;}
.band-ttl {font-size: 20px;}
}
/*-----------------------------------------------
 *	一覧
-----------------------------------------------*/
.ttl-main_column{max-width: 840px;margin: 0 auto;}
.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: #fff;max-width: 310px;box-shadow: 0 0 10px rgba(0,0,0,.3);margin-bottom: 2vw;display: flex;flex-direction: column;}
.column-box .article {background: #fff;border: #5184cc 2px solid;max-width: 310px;box-shadow: 0 0 10px rgba(0,0,0,.3);margin-bottom: 2vw;display: flex;flex-direction: column;position: relative;}
.column-box .article::before, .column-box .article::after {content: '';width: 30px;height: 30px;position: absolute;}
.column-box .article::before {border-left: solid 6px #5184cc;border-top: solid 6px #5184cc;top: 0;left: 0;}
.column-box .article::after {border-right: solid 6px #5184cc;border-bottom: solid 6px #5184cc;bottom: 0;right: 0;}
@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: #5184cc;display: block;margin-bottom: 10px;position: relative;}
.article-date::before {content: "";background: url("../img/icon-clock_blu.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;color: #5184cc;margin: auto 1em 1em auto;border: #5184cc 2px solid;padding: 10px 0;text-align: center;width: 150px;}
.articleBtn:hover{background: #5184cc;color: #fff;}
@media only screen and (max-width: 768px) {
.ttl-main_column {margin: 0 3%;}
}
@media only screen and (max-width: 568px) {
.column-box .article {max-width: inherit;margin-bottom: 6vw;}
.column-box figure img{height: auto;}
}
/*-----------------------------------------------
 *	詳細
-----------------------------------------------*/
.column-wrapper h2 {background: #fff;font-size: 24px;position: relative;padding: .5em 1em;margin-top: .5em;margin-bottom: 1em;}
.column-wrapper h2::before,.column-wrapper h2::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
.column-wrapper h2::before {top: 0;border-top: 2px solid #84a4d1;border-bottom: 1px solid #84a4d1;}
.column-wrapper h2::after {bottom: 0;border-top: 1px solid #84a4d1;border-bottom: 2px solid #84a4d1;}
.column-detailbox h3 {font-size: 16px;font-weight: bold;color: #202020;background: #c7dbf7;border-left: solid 7px #5a87c5;padding: .5em 1em;margin-top: .5em;margin-bottom: 1em;}
.column-detailbox h4 {font-size: 16px;font-weight: bold;border-bottom: solid 5px #c7dbf7;position: relative;margin-top: .5em;margin-bottom: 1em;padding-left: 1em;}
.column-detailbox h4:after {position: absolute;content: " ";display: block;border-bottom: solid 5px #84a4d1;bottom: -5px;left:0;width: 20%;}
.column-detailbox .bnr-img,.blog-warapper .bnr-img{max-width: 930px;margin: 0 auto;}
.column-detailbox .bnr-column img {box-shadow: none;border: none;max-width: initial;margin: 2em auto;}
.column-detailbox 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-detailbox 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-detailbox img.size-medium{max-width: 300px;}
.column-detailbox img.size-thumbnail{max-width: 150px;}
.column-detailbox p{margin-bottom: 1em;}
.column-detailbox strong {font-weight: bold;}
.column-detailbox a{color:blue;text-decoration: underline;}
.column-detailbox {background: url("../img/departure/bg-note.png") left repeat #fff;border: #3674ca 4px solid;outline: #c0d4f0 12px solid;outline-offset: -16px;margin-bottom: 2vw;position: relative;padding: 35px;}
@media only screen and (max-width: 768px) {
  .column-detailbox h2 {font-size: 22px;}
}
@media only screen and (max-width: 568px) {
.column-detailbox h2 {font-size: 18px;padding: 0.7em 0.5em 0.5em;}
.column-detailbox h3 {font-size: 15px;padding: .5em;}
.column-detailbox img {border: 6px solid #fff;margin: 1.0em auto;width: 94%;max-width: initial;}
.column-detailbox img.aligncenter {border: 6px solid #fff;max-width: inherit;width: 90%;}
.column-detailbox {outline: #c0d4f0 8px solid;outline-offset: -12px;padding: 20px;margin-bottom: 6vw;}
}
/*===============================================
 *	目次
===============================================*/
.toc-wrapper {position: relative;background: #84a4d1;padding: 10px;margin: 1em 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;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 #84a4d1;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: #84a4d1;color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 35px;}
@media only screen and (max-width: 568px) {
.toc-title {font-size: 18px;padding: 3px 0 5px;}
.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;}
}

/*===============================================
 *	関連記事
===============================================*/
.related-box {margin-top: 40px;margin-bottom: 20px;}
.related-box ul {display: flex;flex-wrap:wrap;justify-content: space-between;}
.related-box li {padding: 0 5px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: calc(100%/4);}
.related-box li img {background: #fff;height: 145px;object-fit: contain;}
.related-box li a {color: #202020;padding: 10px;font-size: 14px;display: block;}
.related-box li a:hover {background-color: #c0d4f0;}
 @media (min-width: 768px) {
.related-box li img {margin-bottom: 5px;width: 100%}
.related-box li .text {padding: 2px;}
}
 @media (max-width: 568px) {
.related-box {padding: 10px 0;}
.related-box li{border-bottom: 1px dotted #333;width: calc(100%/2);}
.related-box li a {display: flex;flex-wrap: wrap;}
.related-box li img {width: 100%;height: 110px;}
}
/*-----------------------------------------------
 *	Detail pager
-----------------------------------------------*/
.post_under_nav {color: #fff;background: #3674ca;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);}
.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;}
}
@media (max-width: 375px) {
.post_under_nav li span, .post_under_nav li a {padding: 15px 10px;}
}
/*-----------------------------------------------
 *	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;}
.supervisor-wrap{margin-bottom: 30px;}
.supervisor-ttl{border-left:#84a4d1 6px solid;border-bottom: #84a4d1 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: 15px;}
.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 dt{font-size: 16px;}
.supervisor-contents dd,.supervisor-txtbox{font-size: 14px;}
}
/*-----------------------------------------------
 *	執筆者
-----------------------------------------------*/
.author-wrap{padding: 30px 0 0;}
.author-ttl{background:#3674ca;color: #fff;font-size: 20px;font-weight: bold;text-align: center;padding: 10px 0;}
.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 {padding: 20px 0;}
.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;}
.author-contents dd,.author-txtbox{font-size: 14px;}
}
/*-----------------------------------------------
 *	対応エリア
-----------------------------------------------*/
.column-map{background: #fff;border: #356ec2 6px solid;margin: 2em 0 0 0;}
.column-detailbox p.map-caution{margin: 0 0 2em 0;}
.column-detailbox p.column-map_ttl{background: #356ec2;color: #fff;font-size:42px;font-weight: bold;padding: 5px 0 10px;display: flex;align-items: center;justify-content: center;margin: 0;}
.column-detailbox 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: #356ec2;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
.map-contents{padding: 15px;position: relative;}
.map-contents::after{content: "";display: block;background: url("../img/column/bg-map.png")right bottom no-repeat;background-size: contain;width: 325px;height: 245px;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) {
.column-detailbox p.column-map_ttl {font-size: 28px;}
.column-detailbox 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) {
.column-detailbox p.column-map_ttl {font-size: 20px;}
.column-detailbox p.column-map_ttl::before {width: 45px;height: 44px;}
.column-detailbox p.map-subhead {font-size: 16px;}
.map-contents {padding: 15px 15px 210px;}
.map-contents::after {width: 275px;height: 205px;}

}

/*===============================================
 *	CVエリア
===============================================*/
.col-cv_wrap{border: #356ec2 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: 184px;height: 194px;position: absolute;right: 0;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: #356ec2;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: 720px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;position: relative;z-index: 10;}
.phonebox{width: 60%;}
.contactbox {width: 34%;max-width: 300px;}
@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;width: 100%;}
.contactbox {margin-bottom: 10px;max-width: initial;}
}
@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: 114px;height: 120px;top: 2px;}
}
@media only screen and (max-width: 375px) {
.col-cv_wrap::after {width: 104px;height: 109px;top: 11px;}
}
/*===============================================
 *	SNS
===============================================*/
@media only screen and (max-width: 568px) {
.column-wrapper #sns-wrap h2{text-align: center;}
}

/*===============================================
 *	ページ見出し
===============================================*/
#second-visualcontents {display: flex; align-items: center; justify-content: center;}
#second-visualcontents h1 {font-size: 32px; width: 67%; padding-top: 10px;display: block;}
@media only screen and (max-width: 768px) {
  #second-visualcontents h1 {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
  #second-visualcontents {height: initial;padding: 10px 0;}
  #second-visualcontents h1 {font-size: 22px;width: 92%;}
}