@charset "utf-8";



/* body
======================================================*/

html {
	font-size: 62.5%;
}
body {
	color: #333333;
	font-size: 1.6rem;
	font-family: "Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ",sans-serif;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;/* iOSでテキストサイズ拡大無効化 */
}

@media all and (-ms-high-contrast:none) {/* IE　line-height対策 */
	body {
		font-family: "メイリオ","Meiryo","Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3",sans-serif;
	}
}



/* common
======================================================*/

p {
	line-height: 2;
	margin-bottom: 1.5em;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sp {
	display: none !important;
}

.ofhd {
	overflow: hidden;
}

.txt_red {
	color: #ff0000;
	font-weight: bold;
}
.txt_bold {
	font-weight: bold;
}
.txt_maker {
	font-weight: bold;
	padding: 2px 0;
	background: #ffffa3;
}
.txt_center {
	text-align: center;
}

input[type="submit"] {/* iOSのボタンCSSリセット */
-webkit-appearance: none;
}



/* link
======================================================*/

a:link,
a:visited {
	color: #0075c2;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a.link-erase {
	color: #333333;
	text-decoration: none;
	pointer-events: none;
	cursor: default;
}



/* header
======================================================*/

.header {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #dddddd;
	background: rgba(255,255,255,0.95);
	position: sticky;
	top: 0;
	left: 0;
	z-index: 100;
	transition: 0.3s;
}
.header-small {
	height: 40px;
}
.header_inner {
	width: 1100px;
	height: 70px;
	margin: 0 auto;
	position: relative;
}

.header-catch {
	font-size: 1.1rem;
	line-height: 1;
	margin-bottom: 0;
	position: absolute;
	top: 10px;
	left: 0;
}

.header-logo {
	position: absolute;
	top: 30px;
	left: 0;
}
.header-logo img {
	width: auto;
	height: 30px;
	transition: 0.3s;
}


	@media screen and (min-width:768px) and (max-width:1300px) {

/* タブレット用CSS */

	}



/* global nav
======================================================*/

.g-nav {
	margin-top: 27px;
	float: right;
}

.g-nav_ul {
	display: flex;
}
.g-nav_ul li {
	font-size: 1.5rem;
	font-weight: bold;
	padding-left: 15px;
	margin-left: 40px;
	background: url(../images/arrow-blue_right.svg) no-repeat left center;
	background-size: 8px auto;
}
.g-nav_ul a {
	color: #333333;
	text-decoration: none;
	transition: 0.3s;
}
.g-nav_ul a:hover {
	color: #0075c2;
	transition: 0.3s;
}


	@media screen and (min-width:768px) and (max-width:1300px) {

/* タブレット用CSS */

	}



/* sp-nav button
======================================================*/

/* スマホナビ開閉ボタン Close */
.menu-open {
	display: none;
}
.nav_toggle {
	width: 22px;
	height: 18px;
	position: fixed;
	top: 16px;
	right: 15px;
	z-index: 200;
	display: none;/* ←スマホ版では削除 */
}
.nav_toggle div {
	position: relative;
}
.nav_toggle span {
	display: block;
	height: 2px;
	background: #333333;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.nav_toggle span:nth-child(1) {
	top: 0px;
}
.nav_toggle span:nth-child(2) {
	top: 8px;
}
.nav_toggle span:nth-child(3) {
	top: 16px;
}

/* スマホナビ開閉ボタン Open */
.nav_toggle.menu-open {
	height: 24px;
	top: 14px;
}
.open .nav_toggle span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open .nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open .nav_toggle span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.nav_toggle.menu-open span {
	background: #333333;
}


/* page header
======================================================*/

.page-ttl {
	width: 100%;
	color: #ffffff;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding: 20px;
	margin-bottom: 40px;
	background: #0075c2;
}



/* breadcrumbs
======================================================*/

.breadcrumbs {
	width: 100%;
	color: #888888;
	font-size: 1.1rem;
	line-height: 1.4;
	padding-top: 5px;
}
.breadcrumbs_inner {
	width: 1100px;
	margin: 0 auto;
}
.breadcrumbs a {
	color: #888888;
	text-decoration: none;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}



/* main contents
======================================================*/

.wrapper {
	width: 100%;
}
.wrapper_inner {
	width: 1100px;
	min-height: 300px;
	padding: 30px 0 60px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.contents {
	width: 750px;
}



/* sidebar
======================================================*/

.sidebar {
	width: 300px;
}

.sidebar_ad-notation {
	width: 100%;
	color: #888888;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
	padding: 3px 0;
	margin-bottom: 15px;
	background: #eeeeee;
}



/* footer
======================================================*/

.footer {
	width: 100%;
	color: #ffffff;
}
.footer a {
	color: #ffffff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}

.footer-top {
	width: 100%;
	background: #0075C2;
}
.footer-top_inner {
	width: 1100px;
	padding: 50px 0;
	margin: 0 auto;
}

.footer-top_ttl {
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}

.footer-search_area-txt {
	text-align: center;
}
.footer-search_area-txt li {
	margin-right: 30px;
	display: inline-block;
	position: relative;
}
.footer-search_area-txt li:after {
	content: "";
	width: 1px;
	height: 14px;
	background: #fff;
	display: inline-block;
	position: absolute;
	right: -14px;
}
.footer-search_area-txt li:last-of-type:after {
	content: none;
}
.footer-search_area-txt a {
	text-decoration: none;
}
.footer-search_area-txt a:hover {
	text-decoration: underline;
}

.footer-bottom {
	width: 100%;
	background: #005B99;
}
.footer-bottom_inner {
	width: 1100px;
	padding: 50px 0 15px;
	margin: 0 auto;
}
.footer-logo {
	text-align: center;
	margin-bottom: 50px;
}

.f-nav {
	margin-bottom: 50px;
}
.f-nav_ul {
	font-size: 1.3rem;
	text-align: center;
}
.f-nav_ul li {
	margin-right: 30px;
	display: inline;
}
.f-nav_ul li:last-of-type {
	margin-right: 0;
}

p.copyright {
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 0;
}



/* page top
======================================================*/

.page-top {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
}
.page-top p {
	margin: 0;
	padding: 0;
}
.page-top p:hover {
	opacity: 0.7;
}

@charset "utf-8";



/* トップページ MV
===================================================================*/

.mv {
	width: 100%;
	height: 500px;
	background: url(../images/mv_bg.jpg) no-repeat center center;
}
.mv_inner {
	width: 1100px;
	height: 500px;
	padding-top: 60px;
	margin: 0 auto;
	background: url(../images/mv_pc.png) no-repeat right center;
}

.mv_catch {
	color: #ffffff;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 40px;
}
.mv_catch .under-line {
	font-size: 4.5rem;
	font-weight: bold;
	padding: 0 3px;
	background: linear-gradient(transparent 80%, #d1de4c 80%);
}
.mv_catch .big {
	font-size: 4.5rem;
	font-weight: bold;
}



/* トップページ メインコンテンツ
======================================================*/

.sec-top {
	width: 100%;
	margin-bottom: 100px;
}
.sec-top:last-of-type {
	margin-bottom: 0;
}
.sec-top_ttl {
	color: #0074C1;
	font-size: 3.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	padding-top: 130px;
	margin-bottom: 40px;
}

.sec-top_worries .sec-top_ttl {
	background: url(../images/top_icn_worries.png) no-repeat center top;
}
.sec-top_solution .sec-top_ttl {
	background: url(../images/top_icn_solution.png) no-repeat center top;
}
.sec-top_search .sec-top_ttl {
	background: url(../images/top_icn_search.png) no-repeat center top;
}

.top-worries_ul {
	display: flex;
	justify-content: space-between;
}
.top-worries_ul li {
	width: 350px;
}
.top-worries_img {
	margin-bottom: 25px;
}
.top-worries_ttl {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 15px;
}
.top-worries_ul p {
	margin-bottom: 0;
}

.top_search_ttl {
	height: 50px;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 10px 0 0 70px;
	margin-bottom: 30px;
	background: url(../images/ttl_icn_search.png) no-repeat left top;
}
.top_search_ttl span {
	font-size: 3.2rem;
	font-weight: bold;
}

.top-search_area-img {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}
.top-search_area-img li {
	width: 220px;
}
.top-search_area-img figure {
	margin-bottom: 15px;
}
.top-search_area-img p {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	margin: 0;
}
.top-search_area-img p a {
	color: #0075C2;
	text-decoration: none;
}
.top-search_area-img p a:hover {
	text-decoration: underline;
}

.top-search_area-txt {
	display: flex;
	flex-wrap: wrap;
}
.top-search_area-txt li {
	margin-right: 30px;
	position: relative;
}
.top-search_area-txt li:after {
	content: "";
	width: 1px;
	height: 14px;
	background: #888888;
	display: inline-block;
	position: absolute;
	right: -14px;
}
.top-search_area-txt li:last-of-type:after {
	content: none;
}
.top-search_area-txt a {
	text-decoration: none;
}
.top-search_area-txt a:hover {
	text-decoration: underline;
}



/* 制作会社情報（一覧ページ）
======================================================*/

.atc_post-list {
	width: 100%;
	padding: 29px;
	margin-bottom: 20px;
	border: 2px solid #dddddd;
}
.atc_post-list:last-of-type {
	margin-bottom: 0;
}

.post-list_head {
	width: 100%;
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}
.post-list_eye {
	width: 40%;
	border: 1px solid #eeeeee;
}
.post-list_head-ctt {
	width: 57%;
	padding-top: 20px;
}
.post-list_ttl {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
}
.post-list_ttl a {
	text-decoration: none;
}
.post-list_ttl a:hover {
	text-decoration: underline;
}
.post-list_address {
	font-size: 1.3rem;
}

.post-list_introduction {
	font-size: 1.4rem;
}
.post-list_introduction p:last-of-type {
	margin-bottom: 0;
}
.post-list_feature {
	width: 100%;
	padding: 20px;
	margin: 20px 0 0;
	background: #F2FBFF;
}
.post-list_feature li {
	font-weight: bold;
	line-height: 1.5;
	padding-left: 25px;
	margin-bottom: 12px;
	background: url(../images/icn_check.svg) no-repeat left top 3px;
	background-size: auto 16px;
}
.post-list_feature li:last-of-type {
	margin-bottom: 0;
}

.post-list_more {
	text-align: center;
	margin-top: 30px;
}
.post-list_more a {
	width: 300px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	background: #0075c2 url(../images/arrow-white_right.svg) no-repeat right 10px center;
	background-size: auto 14px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #dddddd;
	display: inline-block;
	transition: 0.3s;
}
.post-list_more a:hover {
	opacity: 0.7;
	transition: 0.3s;
}



/* 制作会社情報（詳細ページ）
======================================================*/

.sec_post-detail_head {
	width: 100%;
	padding: 30px;
	margin-bottom: 60px;
	background: #F2FBFF;
}

.post-detail_ttl {
	color: #0075c2;
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #0075c2;
}
.post-detail_ttl span {
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: 3px;
	position: relative;
	top: 3px;
}
.post-detail_head_info {
	margin: 30px 0 0;
}

.tbl_atc-detail_plan {
	width: 100% !important;
	height: auto !important;
	font-size: 1.4rem;
	margin-bottom: 25px;
}
.tbl_atc-detail_plan th {
	width: 20% !important;
	height: auto !important;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	background: #F2FBFF;
	border: 1px solid #cccccc;
}
.tbl_atc-detail_plan td {
	width: 80% !important;
	height: auto !important;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #cccccc;
}
.tbl_atc-detail_plan li {
	line-height: 1.8;
	padding-left: 12px;
	margin-bottom: 10px;
	position: relative;
}
.tbl_atc-detail_plan li:last-of-type {
	margin-bottom: 0;
}
.tbl_atc-detail_plan li:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #0075c2;
	border-radius: 2px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}

.tbl_company {
	width: 100% !important;
	height: auto !important;
	font-size: 1.4rem;
}
.tbl_company th {
	width: 30% !important;
	height: auto !important;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	background: #F2FBFF;
	border: 1px solid #cccccc;
}
.tbl_company td {
	width: 70% !important;
	height: auto !important;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #cccccc;
}
.tbl_company td p {
	margin-bottom: 10px;
}
.tbl_company td p:last-of-type {
	margin-bottom: 0;
}

.post-detail_map {
	margin-top: 40px;
}
.post-detail_map iframe {
	width: 100% !important;
	height: 400px !important;
}



/* 目次
======================================================*/

#toc_container {
	width: 100% !important;
	font-size: 1.6rem;
	text-align: center;
	padding: 25px 40px !important;
	margin: 60px auto 0;
	border: 1px solid #0075c2 !important;
}
.toc_title {
	font-size: 2.3rem !important;
	line-height: 1 !important;
	padding-left: 32px !important;
	margin-bottom: 20px !important;
	background: url(../images/icn_toc.png) no-repeat left top 1px;
	display: inline-block;
}
#toc_container.no_bullets ul {
	border: none;
	text-align: left;
}
#toc_container li:before {
	content: none;
}
.toc_list > li {
	font-weight: bold;
	line-height: 1 !important;
	margin-bottom: 20px !important;
}
.toc_list > li:last-of-type {
	margin-bottom: 0 !important;
}
.toc_list > li:before {
	content: none !important;
}
.toc_list > li .toc_depth_1 {
	width: auto;
	font-weight: bold;
	margin-right: 10px;
}

.toc_list ul {
	margin: 15px 0 0 25px !important;
}
.toc_list ul > li {
	font-size: 1.3rem !important;
	line-height: 1.5 !important;
	margin-bottom: 8px !important;
}
.toc_list ul > li:last-of-type {
	margin-bottom: 0 !important;
}
.toc_list a:hover {
	text-decoration: underline !important;
}
.toc_number {
	width: 30px;
	color: #333333;
	display: inline-block;
}



/* 見出し
======================================================*/

.ttl-a,
.atc-detail_ctt h2 {
	width: 100%;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 15px 20px;
	margin: 80px 0 40px;
	background: #f5f5f5;
	border-left: 7px solid #0075c2;
}
.ttl-a.fst {
	margin: 0 0 40px;
}

.ttl-b,
.atc-detail_ctt h3 {
	width: 100%;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 8px 0 8px 15px;
	margin: 60px 0 30px;
	border-left: 6px solid #0075c2;
	border-bottom: 1px solid #0075c2;
}
.ttl-b.fst {
	margin: 0 0 30px;
}

.ttl-c,
.atc-detail_ctt h4 {
	color: #0075c2;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 8px;
	margin: 50px 0 25px;
	border-bottom: 1px solid #0075c2;
}
.ttl-c.fst {
	margin: 0 0 25px;
}

.ttl-d,
.atc-detail_ctt h5 {
	color: #0075c2;
	font-size: 1.8rem;
	line-height: 1.5;
	padding: 2px 0 2px 10px;
	margin: 40px 0 20px;
	border-left: 3px solid #0075c2;
}
.ttl-d.fst {
	margin: 0 0 20px;
}

.ttl-a span,
.ttl-b span,
.ttl-c span,
.atc-detail_ctt h2 span,
.atc-detail_ctt h3 span,
.atc-detail_ctt h4 span {
	font-weight: bold;
}



/* 表
======================================================*/

/* 7:13の表 thの背景ライトグレー */
.tbl_a,
.atc-detail_ctt table {
	width: 100% !important;
	height: auto !important;
	font-size: 1.4rem;
	margin: 20px 0;
}
.tbl_a th,
.atc-detail_ctt th {
	width: 35% !important;
	height: auto !important;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
}
.tbl_a td,
.atc-detail_ctt td {
	width: 65% !important;
	height: auto !important;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #cccccc;
}
.tbl_a td p,
.atc-detail_ctt td p {
	margin-bottom: 10px;
}
.tbl_a td p:last-of-type,
.atc-detail_ctt td p:last-of-type {
	margin-bottom: 0;
}

/* 7:13の表 thの背景ライトグレー（ヘッダー付き） */
.tbl_a-h {
	width: 100% !important;
	font-size: 1.4rem;
	margin: 20px 0;
}
.tbl_a-h th {
	width: 35% !important;
	font-weight: bold;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	background: #f5f5f5;
	border: 1px solid #cccccc;
}
.tbl_a-h td {
	width: 65% !important;
	line-height: 1.8;
	vertical-align: middle;
	padding: 15px;
	border: 1px solid #cccccc;
}
.tbl_a-h tr:first-of-type th,
.tbl_a-h tr:first-of-type td {
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: center;
	padding: 5px 15px;
	background: #666666;
}
.tbl_a-h td p {
	margin-bottom: 10px;
}
.tbl_a-h td p:last-of-type {
	margin-bottom: 0;
}



/* リスト
======================================================*/

/* 1列 */
.ul_a,
.atc-detail_ctt ul,
.atc-detail_ctt ol {
	padding: 25px 30px;
	margin: 25px 0;
	background: #F2FBFF;
	border: 1px solid #BDEBFF;
	counter-reset: rank;
}
.ul_a li,
.atc-detail_ctt li {
	line-height: 1.8;
	padding-left: 20px;
	margin-bottom: 12px;
	position: relative;
}
.atc-detail_ctt ol li {
	padding-left: 25px;
}
.ul_a li:last-of-type,
.atc-detail_ctt li:last-of-type {
	margin-bottom: 0;
}
.ul_a li:before,
.atc-detail_ctt ul li:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #0075c2;
	border-radius: 4px;
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
}
.atc-detail_ctt ol li:before {
	counter-increment: rank;
	content: counter(rank) ".";
	color: #0075c2;
	font-weight: bold;
	margin-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

/* 2列 */
.ul_a-2,
.atc-detail_ctt .ul_a-2 {
	padding: 25px 30px 13px;
	margin: 25px 0;
	background: #F2FBFF;
	border: 1px solid #BDEBFF;
	display: flex;
	flex-wrap: wrap;
}
.ul_a-2 li,
.atc-detail_ctt .ul_a-2 li {
	width: 50%;
	line-height: 1.8;
	padding-left: 18px;
	margin-bottom: 12px;
	position: relative;
}
.ul_a-2 li:before,
.atc-detail_ctt .ul_a-2 li:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #0075c2;
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
}



/* 記事詳細パーツ
======================================================*/

/* コード表示 */
.wp-block-code {
	font-family: inherit;
	padding: 25px 30px;
	margin: 20px 0;
	background: #F2FBFF;
	border: 1px solid #0075c2;
	white-space: normal;
}
.wp-block-code code {
	font-family: inherit;
}

/* 画像 */
.aligncenter {
	text-align: center;
	margin: 0 auto;
	display: block;
}
.wp-caption {
	width: auto !important;
}
.wp-caption img {
	border: 1px solid #dddddd;
}
.wp-caption-text {
	color: #cccccc;
	font-size: 1.1rem;
	text-align: center;
	line-height: 1;
	margin-top: 5px;
}
.wp-caption-text a {
	color: #cccccc;
	text-decoration: none;
	font-style: normal;
	cursor: default;
}

/* You Tube */
.youtube-wrapper {
	height: 0;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin: 20px 0;
	border: 1px solid #dddddd;
	position: relative;
	overflow: hidden;
}
.youtube-wrapper iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.ytp-impression-link {
	display: none;
}

/* BOX */
.box_a {
	padding: 25px 30px;
	margin: 25px 0;
	background: #F2FBFF;
	border: 1px solid #BDEBFF;
}
.box_a p:last-of-type {
	margin-bottom: 0;
}

/* 引用 */
.wp-block-quote {
	width: 100%;
	padding: 30px 70px;
	margin: 20px 0;
	background-color: #F2FBFF;
	background-image: url(../images/left-quotes.svg),url(../images/right-quotes.svg);
	background-size: 30px auto,30px auto;
	background-repeat: no-repeat,no-repeat;
	background-position: top 25px left 20px,bottom 25px right 20px;
	border-radius: 8px;
}
.wp-block-quote cite {
	color: #999999;
	font-size: 1.3rem;
}
.wp-block-quote cite a {
	text-decoration: none;
}
.wp-block-quote cite a:hover {
	text-decoration: underline;
}

/* リンクカード */
.link-card_a {
	width: 650px;
	line-height: 1.5;
	margin: 60px auto 0;
	position: relative;
}
.link-card_a:before {
	content: "こちらのページもCheck !";
	color: #ffffff;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	line-height: 26px;
	padding: 0 10px;
	background: #0075c2;
	display: inline-block;
	position: absolute;
	top: -13px;
	left: 25px;
}
.link-card_a a {
	width: 100%;
	color: #333333;
	font-size: 2.0rem;
	font-weight: bold;
	text-decoration: none;
	padding: 30px 60px 25px 25px;
	background: #f5f5f5 url(../images/link-arrow_blue.svg) no-repeat right 20px center;
	background-size: auto 20px;
	border: 2px solid #aaaaaa;
	display: block;
	transition: 0.3s;
}
.link-card_a a:hover {
	color: #0075c2;
	background: #F2FBFF url(../images/link-arrow_blue.svg) no-repeat right 20px center;
	background-size: auto 20px;
	border: 2px solid #0075c2;
	transition: 0.3s;
}

.link-card_b {
	width: 650px;
	margin: 60px auto 0;
	position: relative;
}
.link-card_b:before {
	content: "こちらのページもCheck !";
	color: #ffffff;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
	line-height: 26px;
	padding: 0 10px;
	background: #0075c2;
	display: inline-block;
	position: absolute;
	top: -13px;
	left: 25px;
}
.link-card_b a {
	width: 100%;
	text-decoration: none;
	padding: 30px 60px 25px 25px;
	background: #f5f5f5 url(../images/link-arrow_blue.svg) no-repeat right 20px center;
	background-size: auto 20px;
	border: 2px solid #aaaaaa;
	display: flex;
	align-items: center;
	transition: 0.3s;
}
.link-card_b a:hover {
	color: #0075c2;
	background: #F2FBFF url(../images/link-arrow_blue.svg) no-repeat right 20px center;
	background-size: auto 20px;
	border: 2px solid #0075c2;
	transition: 0.3s;
}
.link-card_b a span {
	color: #333333;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.5;
}
.link-card_b img {
	width: 120px;
	margin-right: 20px;
}



/* ページャー
--------------------------------------- */
#pagination {
	margin: 60px 0 0;
	display: flex;
	justify-content: center;
}
#pagination .prev,
#pagination .next {
	width: 110px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
#pagination .prev a,
#pagination .next a {
	color: #ffffff;
	text-decoration: none;
	background: #666666;
	display: block;
	transition: 0.3s;
}
#pagination .prev a:hover,
#pagination .next a:hover {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.3s opacity;
}
#pageselect-btn {
	width: 240px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	position: relative;
	transition: 0.3s opacity;
}
#pageselect-btn:hover {
	opacity: 0.7;
	transition: 0.3s opacity;
}
#pagination-label {
	width: 100%;
	color: #ffffff;
	background: #666666 url(../image/icn_pulldown.svg) no-repeat right 10px center;
	background-size: auto 8px;
	line-height: 50px;
	position: absolute;
	top: 0;
	z-index: 1;
}
#pagination select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 50px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	opacity: 0;
}
#pagination select::-ms-expand {
	display: none; /* デフォルトのスタイルを無効(IE用) */
}
#pagination select:focus {
	z-index: -1;
	opacity: 1;
}



/* SNS シェアボタン
======================================================*/

.sns-share_box {
	width: 80%;
	padding: 30px;
	margin: 80px auto 0;
	background: #eeeeee;
	border-radius: 10px;
}

.sns-share_ttl {
	color: #aaaaaa;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.03em;
	line-height: 1;
	margin-bottom: 25px;
}
.sns-share_ttl span {
	font-weight: bold;
	padding: 0 40px;
	position: relative;
}
.sns-share_ttl span:before,
.sns-share_ttl span:after {
	content: '';
	width: 25px;
	height: 1px;
	position: absolute;
	top: 50%;
	display: inline-block;
	background-color: #aaaaaa;
}
.sns-share_ttl span:before {
	left:0;
	transform: rotate(60deg);
}
.sns-share_ttl span:after {
	right: 0;
	transform: rotate(-60deg);
}

.sns-share {
	width: 290px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.sns-share img {
	width: auto;
	height: 50px;
}



/* お問い合わせ
======================================================*/

.cf-stc {
	margin: 0 0 30px;
}

.tbl_cf {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 auto;
}
.tbl_cf th {
	width: 30%;
	vertical-align: middle;
	padding: 20px;
	border: 1px solid #cccccc;
	background: #f5f5f5;
}
.tbl_cf td {
	width: 70%;
	padding: 20px;
	vertical-align: middle;
	border: 1px solid #cccccc;
}

.cf_ttl {
	line-height: 20px;
	justify-content: space-between;
	display: flex;
}
.cf_required {
	color: #ffffff;
	font-size: 1.1rem;
	letter-spacing: 0.1em;
	line-height: 20px;
	padding: 0 5px;
	background: #ff0000;
	display: inline-block;
}

.tbl_cf input,
.tbl_cf textarea {
	line-height: 1.8;
	background: #f9f9f9;
	border: 1px solid #cccccc;
}
.cf_text input {
	width: 100%;
	height: 40px;
	padding-left: 5px;
}
.cf_textarea textarea {
	width: 100%;
	height: 300px;
	padding: 0 5px;
}
.cf_post input {
	width: 150px;
	height: 40px;
	padding-left: 5px;
}
.cf_address select {
	width: 150px;
	height: 40px;
}
.cf_address input {
	width: 100%;
	height: 40px;
	padding-left: 5px;
}
.cf_check input {
	width: 18px;
	height: 18px;
	margin: 0 3px 0 0;
	position: relative;
	top: -1px;
}
.cf_check .horizontal-item input {
	margin-left: 15px;
}
.cf_check .horizontal-item:first-of-type input {
	margin-left: 0;
}

input:focus,
textarea:focus,
select:focus {
	border: 1px solid #0594B4;
	outline: 0;
}

.mwform-checkbox-field {
	margin-bottom: 15px;
}
.mwform-checkbox-field:last-of-type {
	margin-bottom: 0;
}

.cf_btn-area {
	width: 220px;
	height: 50px;
	margin: 50px auto 0;
	overflow: hidden;
}
.page-id-41 .cf_btn-area {
	width: 480px;
	margin: 50px auto 0;
}

.btn_cf-confirmation {
	width: 220px;
	height: 50px;
	color: #ffffff;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 48px;
	background: #0075c2 url(../images/arrow-white_right.svg) no-repeat right 10px center;
	background-size: auto 14px;
	border: none;
	border-radius: 8px;
	display: block;
	float: right;
	transition: 0.4s;
}
.btn_cf-confirmation:hover {
	cursor: pointer;
	opacity: 0.7;
	transition: 0.4s;
}

.btn_cf-return {
	width: 220px;
	height: 50px;
	color: #ffffff;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 48px;
	background: #0075c2 url(../images/arrow-white_left.svg) no-repeat left 10px center;
	background-size: auto 14px;
	border: none;
	border-radius: 8px;
	display: block;
	float: left;
	transition: 0.4s opacity;
}
.btn_cf-return:hover {
	cursor: pointer;
	opacity: 0.7;
	transition: 0.4s opacity;
}

.grecaptcha-badge {
	bottom: 100px !important;
}



/* 404
======================================================*/

.notfound_box {
	width: 100%;
	font-size: 1.8rem;
	text-align: center;
	padding: 60px 0;
	border: 1px solid #dddddd;
}

.notfound_toplink {
	text-align: center;
	margin: 30px 0 0;
}
.notfound_toplink a {
	text-decoration: none;
}
.notfound_toplink a:hover {
	text-decoration: underline;
}
.notfound_toplink .fa-angle-right {
	margin-left: 6px;
}