@charset "utf-8";
/*
Theme Name: mrp04-child (brain-base)
Template:mrp04
Version: 1.0.4
 */

@import url("https://fonts.googleapis.com/css?family=Quicksand");
/*-------------------------
H.M. Adjust Css 2018/10/22
--------------------------*/
body {
	background-position: right top;
	background-image: url(../mrp04-child/images/bg_top01_r.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-color: #fff;
	font-family: "Lato", "Noto Sans Japanese", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "Times New Roman", "メイリオ", Meiryo,
		"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* 基本css
------------------------------------------------------------*/
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bottom {
	vertical-align: bottom !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.post img {
	border: 0;
}
.post img.aligncenter,
.post img.alignright,
.post img.alignleft {
	background: transparent;
	border: none;
	margin: 0 auto;
}
.post .time,
.postlist .time,
.post2b .time,
.post4b .time {
	background-color: transparent;
	color: #305394;
}
.post {
	background-color: transparent;
	padding: 20px;
}
.home .post {
	margin-bottom: 0;
	padding: 0;
	position: relative;
	background-color: transparent;
}
.search.search-no-results section {
	background: rgba(255, 255, 255, 0.77);
	box-shadow: 0 0 10px #99b5ff;
	padding: 20px;
}
.archive.category .post {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 0 10px #99b5ff;
}
.home #content {
	padding: 0;
}
.post p {
	padding: 20px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
}
.post ul {
	margin: 0 0 30px 10px;
}
.post li {
	border-bottom: none;
	line-height: 1.3em;
	padding: 0 0 0.3em 0;
	color: #1b3d7d;
}
.dateLabel {
	background-color: transparent;
	padding: 10px;
}
.postlist .time {
	border-radius: 0;
}
p.caution {
	margin: 1em 0;
	color: #ff0000;
}
a.MTplus {
	margin: 1.5em auto 1em;
	display: block;
}
span.prev a,
span.next a {
	display: block;
	background: #4e6fab;
	padding: 5px 10px;
	border: 2px solid #4e6fab;
	border-radius: 6px;
	color: #fff;
}
span.prev a:hover,
span.next a:hover {
	opacity: 0.6;
}
.post .time a,
.post2b .time a,
.post4b .time a,
.postlist .time a {
	color: #315495;
	border: 1px solid;
	display: inline-block;
	padding: 4px 1em;
}
.post2b h2 a,
.post4b h2 a {
	font-size: 20px;
}
.morelink a:hover {
	background: #4a6ba8;
}
.morelink a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-top: 8px solid #ffffff;
	border-left: 8px solid transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.post_link a {
	display: block;
	padding: 2px 20px;
	line-height: 1.8;
	background: #738bb7;
	color: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 0 #4768a5;
}
.post_link a:hover {
	opacity: 0.6;
}
#breadcrumb {
	background-color: transparent;
}
@media only screen and (max-width: 640px) {
	.post {
		padding: 10px;
	}
	.post p {
		padding: 10px;
	}
}

p.time .cat:before {
	content: "";
}
.post_text p.time a:first-letter {
	text-transform: uppercase;
}
/*------------------------------------------------
カラム４０右
------------------------------------------------*/
.post .column2_40R {
	width: 40%;
	float: right;
}
.post .column2_60 {
	width: 56%;
}
/*------------- レスポンシブ-----------*/
@media only screen and (max-width: 640px) {
	.post .column2_40R,
	.post .column2_60 {
		width: 100%;
		float: none;
	}
}
/*------------------------------------------------
見出し基本
------------------------------------------------*/
h1.title,
.post h1 {
	line-height: 1.2;
	font-size: 36px;
}
.post h1 span {
	padding-left: 0;
}
.post h2 {
	margin: 1em auto;
	background: transparent;
	text-align: left;
	padding-left: 10px;
	position: relative;
	display: block;
	z-index: 0;
	text-shadow: 0 2px 0 #fff;
}
.post h2::before {
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/h2_bg.png) no-repeat;
	z-index: -1;
	top: -26px;
	left: -80px;
	width: 190px;
	height: 94px;
}
h2.cat-loop {
	border-bottom: 4px solid #86a0ce;
}
h2.cat-loop::before {
	display: none;
}
/*------------- レスポンシブ-----------*/
@media only screen and (max-width: 640px) {
	.post h2 {
		font-size: 24px;
	}
	.post h2 a {
		font-size: 24px;
	}
}
/*-----------------------------------------------
 * テーブル
 ------------------------------------------------*/
.post table,
.post table th,
.post table td {
	border: 0;
}
.post table th {
	border-bottom: 2px solid #ffffff;
	padding: 20px;
	vertical-align: middle;
	background: #4869a6;
	color: #fff;
	font-weight: bold;
	border-right: 2px solid #ffffff;
}
.post table td {
	border-bottom: 2px solid #ffffff;
	vertical-align: middle;
	border-left: 2px solid #ffffff;
	background: #eaeaea;
	padding: 20px;
}
/*------------- レスポンシブ-----------*/
@media only screen and (max-width: 640px) {
	.post table td {
		border-left: 0;
	}
}
/*------------------------------------------------
子有ブロックの調整
------------------------------------------------*/
.childpost {
	background: #fff;
	padding: 20px;
	box-shadow: 0 0 20px #acd9ff;
	margin: 2em auto;
}
.ctitle3 {
	border-top: 0;
	border-bottom: 0;
	padding: 10px 20px;
	font-size: 22px;
	border-left: 2px solid #305394;
	font-weight: bold;
}
.ctitle3 a {
	color: #305394;
}
.ctitle3:before {
	background: none;
}
.morelink a {
	margin-top: 15px;
	color: #ffffff;
	display: block;
	position: relative;
	text-decoration: none;
	text-align: center;
	padding: 15px;
	font-size: 16px;
	background: #305394;
	box-shadow: 0 2px 10px #5d6471;
	border: 0;
}
/*------------------------------------------------
ヘッダー調整
------------------------------------------------*/
#header {
	position: relative;
	z-index: 100;
}
#header-layout {
	padding: 0;
	box-shadow: 0 0 10px #949aa7;
}
@media print, screen and (min-width: 1100px) {
	#header-layout {
		width: 100%;
		box-shadow: 0 0 10px #949aa7;
	}
}
@media print, screen and (max-width: 1600px) {
	nav div.panel {
		float: none;
	}
}
.logo img {
	padding: 10px 20px 0 10px;
}
.s_menu {
	display: table-cell;
}
ul#option {
	display: table-cell;
	font-size: 14px;
	letter-spacing: 0.1em;
	width: 340px;
}
li.contact_b {
	display: inline-block;
}
li.search_area {
	padding: 0 10px;
}
li.word_c {
	display: inline-block;
	margin-right: 0;
	position: relative;
	padding: 58px 8px 7px 8px;
	background: -webkit-linear-gradient(left, #e8e8e8, #fafafa);
	background: -ms-linear-gradient(left, #e8e8e8, #fafafa);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fafafa', GradientType=0)";
	font-weight: bold;
	width: 80px;
}
li.word_c:before {
	content: "";
	display: block;
	background: url(../mrp04-child/images/grobal.png) no-repeat;
	width: 24px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -12px;
}
#header li.word_c p {
	text-align: center;
	color: #305394;
	float: none;
}
li.word_c a:hover {
	opacity: 0.6;
	color: #305394;
}
li.word_c ul.word_c_sub {
	display: none;
	width: 90px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
}
li.word_c:hover ul.word_c_sub {
	display: block;
}
li.word_c ul.word_c_sub li {
	display: block !important;
}
li.word_c ul.word_c_sub a {
	padding: 11px 15px;
	display: inline-block;
	color: #fff;
	background: #305394;
	width: 100%;
	box-sizing: border-box;
}
li.contact_b {
	width: 80px;
	background: -webkit-linear-gradient(left, #305394, #4e6fab);
	background: -ms-linear-gradient(left, #305394, #4e6fab);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#305394', endColorstr='#4e6fab', GradientType=0)";
	position: relative;
}
li.contact_b a {
	display: inline-block;
	padding: 58px 5px 7px 6px;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
	text-align: center;
}
li.contact_b:before {
	content: "";
	display: block;
	background: url(../mrp04-child/images/mail.png) no-repeat;
	width: 26px;
	height: 36px;
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left: -12px;
}
li.contact_b a:hover {
	opacity: 0.6;
}
li.item_navs a {
	display: inline-block;
	padding: 58px 8px 7px 8px;
	background: -webkit-linear-gradient(left, #e8e8e8, #fafafa);
	background: -ms-linear-gradient(left, #e8e8e8, #fafafa);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#fafafa', GradientType=0)";
	font-weight: bold;
	position: relative;
}

li.item_navs > a::before {
	content: "";
	display: block;
	background: url(../mrp04-child/images/carticon.png) no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 18px;
	margin-left: -38px;
	background-size: contain;
}
.mobile li.item_navs > a::before {
	content: none;
}
@media print, screen and (min-width: 1025px) {
	nav#mainNav ul li.item_navs a {
		padding: 20px 10px 0px 40px;
	}
	nav#mainNav ul li.item_navs a b {
		color: #335596;
	}
}
/*------------ ワードプレス使用時の指定 ------------*/
#header ul#option {
	top: 32px;
	box-sizing: border-box;
}

@media print, screen and (min-width: 1100px) {
	body.sticky-header #header .inner ul#option {
		top: 0;
	}
}
#header ul#option {
	display: table;
}
#header ul#option li {
	display: table-cell;
	vertical-align: middle;
}

/*------------------------------------------------
グローバルメニュー調整
------------------------------------------------*/
@media only screen and (min-width: 1024px) {
	nav#mainNav ul li a {
		height: 42px;
		padding: 20px 15px 0px 15px;
		font-size: 16px;
		border-bottom: 1px solid transparent;
	}
	nav#mainNav ul li a b {
		letter-spacing: 0.1em;
		font-weight: bold;
	}
	nav#mainNav ul li.current-menu-item a,
	nav#mainNav ul li a:hover,
	nav#mainNav ul li a:active,
	nav#mainNav ul li.current-menu-parent a,
	nav#mainNav ul li.current-menu-ancestor a {
		border-bottom: 1px solid #335596;
	}
	nav#mainNav {
		width: 100%;
	}
	.mobile .s_menu {
		display: block;
	}
	.mobile #header ul#option {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}
	.mobile li.word_c,
	.mobile nav#mainNav ul#option .contact_b {
		padding: 60px 8px 12px 8px;
	}
	.mobile nav#mainNav ul#option a {
		background: none;
		color: #305394;
		padding: 0;
		height: auto;
	}
	.mobile nav#mainNav ul#option .contact_b a {
		color: #fff;
	}
}
@media only screen and (max-width: 1667px) {
	nav#mainNav ul li a {
		font-size: 12px;
		padding: 22px 10px 0px 10px;
	}
}
@media only screen and (max-width: 1099px) {
	#header .inner {
		width: 100%;
	}
}
@media only screen and (max-width: 1023px) {
	ul#option {
		width: 100%;
	}
	body.mobile nav#mainNav.menuOpen {
		height: calc(100% - 90px);
	}
	.mobile #header .logo img {
		max-width: 40%;
		padding: 2px 20px 2px 10px;
	}
	nav#mainNav ul li a {
		font-size: 14px;
		padding: 14px;
	}
	.s_menu {
		display: block;
	}
	.admin-bar #header nav div.panel ul#option {
		display: block;
		width: 100%;
	}
	li.search_area {
		padding: 6px 0;
	}
	#header nav div.panel ul#option li {
		display: block;
	}
	.mobile li.word_c {
		padding: 0;
		background: #e8e8e8;
		color: #305394;
	}
	.mobile #header ul#option li.word_c a {
		background: url(../mrp04-child/images/grobal.png) no-repeat 10px center
			#e8e8e8;
		padding-left: 44px;
		color: #305394;
	}
	.mobile li.word_c:before {
		display: none;
	}
	.mobile #header ul#option li.contact_b a {
		background: url(../mrp04-child/images/mail.png) no-repeat 10px center
			#4e6fab;
		padding-left: 44px;
		color: #fff;
	}
	.mobile li.contact_b:before {
		display: none;
	}
}
/*------------------------------------------------
h1にアイキャッチ
------------------------------------------------*/
header.h1Header {
	position: relative;
	height: 0;
	padding-bottom: 12%;
	overflow: hidden;
	background: #486aa7;
	box-sizing: border-box;
	margin-bottom: 10px;
}
@media print, screen and (max-width: 1023px) {
	header.h1Header {
		padding-bottom: 35%;
	}
}
@media print, screen and (max-width: 799px) {
	header.h1Header {
		padding-bottom: 40%;
	}
}
@media print, screen and (max-width: 640px) {
	header.h1Header {
		padding-bottom: 52%;
	}
}
header.h1Header h1,
header.h1Header .h1Header_title {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1100px;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	font-size: 210%;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-shadow: 0 2px 5px #315495;
	font-family: "Quicksand", "Lato", "Noto Sans Japanese", YuMincho,
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Times New Roman",
		"メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
}
.page-contact h1.title.first {
	color: transparent;
}
.page-contact header.h1Header h1,
.page-contact header.h1Header .h1Header_title {
	text-shadow: none;
}
@media print, screen and (max-width: 1023px) {
	header.h1Header h1,
	header.h1Header .h1Header_title {
		padding: 0 20px;
		box-sizing: border-box;
	}
}
@media print, screen and (max-width: 640px) {
	header.h1Header h1,
	header.h1Header .h1Header_title {
		font-size: 145%;
		top: 60%;
	}
}
header.h1Header h1 b,
header.h1Header h1 strong,
header.h1Header .h1Header_title b,
header.h1Header .h1Header_title strong {
	display: block;
	font-weight: bold;
	font-size: 65%;
	margin-top: 0.6em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
header.h1Header #thumbImg img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media print, screen and (max-width: 1023px) {
	header.h1Header #thumbImg img {
		width: auto;
		height: 300px;
	}
}
@media print, screen and (max-width: 799px) {
	header.h1Header #thumbImg img {
		height: 250px;
	}
}
@media print, screen and (max-width: 640px) {
	header.h1Header #thumbImg img {
		height: 200px;
	}
	.page-contact h1.title.first {
		color: #fff;
	}
	.page-contact header.h1Header h1,
	.page-contact header.h1Header .h1Header_title {
		text-shadow: 0 2px 5px #315495;
	}
}
/*------------------------------------------------
メインイメージ投稿エリアの調整
------------------------------------------------*/
.top-newsTopics {
	position: relative;
}
.newsTopic {
	align-items: center;
	position: absolute;
	display: flex;
	bottom: 0;
	width: 50%;
	flex-wrap: wrap;
	background: rgba(120, 152, 187, 0.7);
}
.top-newsTopics .listTitle {
	display: inline-block;
	width: 16%;
	padding: 20px 0;
	background: rgba(48, 83, 148, 0.8);
}
.top-newsTopics h1.top-loop {
	font-size: 20px;
	padding: 20px 10px;
	box-sizing: border-box;
	height: auto;
	color: #fff;
	letter-spacing: 0.2em;
	font-family: "Quicksand", sans-serif;
	font-weight: normal;
	margin: 0;
}
.top-newsTopics h1.top-loop:before {
	display: none;
}
.newsTopic ul.postlist {
	display: inline-block;
	width: 64%;
	margin: 10px auto;
	padding: 0;
	vertical-align: middle;
}
.newsTopic .postlist li {
	border-bottom: 0;
	padding: 0;
	margin: 0;
}
.newsTopic p.ttls a,
.newsTopic p.date {
	color: #fff;
}
.newsTopic .linkBtn {
	background: transparent;
	padding: 0;
}
.newsTopic .postlist .post_text {
	width: 96%;
	margin: 0 auto;
}
.newsTopic .linkBtn {
	background: transparent;
	padding: 0 0 0 18px;
	margin-bottom: 0;
	line-height: 1.5;
	width: 15%;
	font-size: 80%;
	box-sizing: border-box;
}
.newsTopic .linkBtn::after {
	right: 0.8em;
}
/*------------- レスポンシブ-----------*/
@media only screen and (max-width: 1023px) {
	.mobile #mainImg {
		margin-top: 70px;
	}
	.newsTopic {
		width: 100%;
		position: inherit;
		margin-top: 70px;
	}
}
@media only screen and (max-width: 640px) {
	.top-newsTopics .listTitle,
	.newsTopic ul.postlist,
	.newsTopic .linkBtn {
		width: 100%;
	}
	.top-newsTopics h1.top-loop {
		padding: 4px;
	}
	.newsTopic .linkBtn {
		padding: 10px;
	}
	.newsTopic .linkBtn::after {
		margin-top: -2px;
	}
}
/*------------------------------------------------
トップページ調整
------------------------------------------------*/
.home div#content {
	background-position: right top;
	background-image: url(../mrp04-child/images/bg_top01_r.png);
	background-repeat: no-repeat;
	background-size: auto;
}
/*------　
トップAREA1　
--------*/
.Top_area1_BgBox {
	width: 100%;
	margin: 6em 0 10em;
	background-image: url(../mrp04-child/images/bg_top01_l.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.Top_area1_BgInBox {
	width: 94%;
	position: relative;
	margin: 0 auto;
	z-index: 0;
}
/*------　写真ボックス　--------*/
.l_photo {
	max-width: 100%;
	position: absolute;
	width: 52%;
	left: 0;
	z-index: 1;
}
/*------　テキストエリア　--------*/
.f_textArea {
	width: 100%;
}
.f_tA_inbox {
	background: rgba(48, 83, 148, 0.8);
	padding: 5% 5% 8%;
	z-index: 0;
	box-sizing: border-box;
	top: 70px;
	left: 50%;
	position: relative;
	width: 50%;
	box-shadow: 0 0 16px #345697;
}
/*------　h1　--------*/
.f_tA_inbox h1 {
	margin: 0 0 1em;
	text-align: left;
	padding: 0 0 10px 0;
	color: #fff;
	font-weight: normal;
	letter-spacing: 0.05em;
	font-size: 34px;
	font-family: "Quicksand", "Lato", "Noto Sans Japanese", YuMincho,
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Times New Roman",
		"メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
}
.f_tA_inbox p {
	padding: 0;
	color: #fff;
}
a.Btn_front {
	text-align: center;
	float: right;
	display: block;
	margin: 1em auto;
	background: #fff;
	padding: 14px 4em;
	font-size: 140%;
	border-radius: 4px;
	letter-spacing: 0.1em;
	box-shadow: 0 0 14px #325596;
	position: relative;
}
a.Btn_front::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #305394;
	border-bottom: 1px solid #305394;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -3px;
}
a.Btn_front:hover {
	opacity: 0.5;
}
/*------　レスポンシブ調整　--------*/
@media only screen and (max-width: 960px) {
	.Top_area1_BgBox {
		margin: 0;
	}
	.Top_area1_BgInBox {
		width: 100%;
	}
	.l_photo {
		width: 100%;
		position: relative;
	}
	.f_tA_inbox {
		width: 100%;
		left: 0;
		top: 0;
		padding: 10% 20px 12%;
		box-sizing: border-box;
		margin-top: -10px;
	}
	.f_tA_inbox h1 {
		text-align: center;
		font-size: 30px;
		letter-spacing: 0;
	}
	.f_tA_inbox h1:before {
		left: 50%;
	}
	a.Btn_front {
		float: none;
	}
}
@media only screen and (max-width: 640px) {
	.f_tA_inbox {
		padding: 13% 20px;
	}
}
/*------　
トップAREA2　
--------*/
.Top_Area2 {
	margin: 6em auto 0;
}
.Top_Area2In {
	display: flex;
	flex-wrap: wrap;
}
.TA_flex01 {
	width: 50%;
	/*--background-image:url(../mrp04-child/images/bg_dent.jpg);--*/
	background-repeat: no-repeat;
}
.TA_flex02 {
	width: 50%;
	/*--background-image:url(../mrp04-child/images/bg_doctor.jpg);--*/
	background-repeat: no-repeat;
}
.TAFinBox {
	background: rgba(255, 255, 255, 0.8);
	width: 90%;
	margin: 3em auto;
	box-shadow: 0 0 20px #001441;
	padding: 0 0 10px;
	box-sizing: border-box;
}
.TAFinBox h1 {
	background: #305394;
	padding: 22px;
	text-align: left;
	color: #fff;
	font-size: 30px;
	letter-spacing: 0.08em;
	font-weight: normal;
}
p.frontlist.frontbottom a {
	background: #213a69;
	display: block;
	padding: 26px 40px;
	float: right;
	margin-right: -35px;
}
.post .linkBtn {
	background: -webkit-linear-gradient(left, #305394, #4e6fab);
	background: -o-linear-gradient(left, #305394, #4e6fab);
	background: linear-gradient(to right, #305394, #4e6fab);
	position: relative;
	color: #fff;
	border-radius: 3px;
	line-height: 1.8;
	transition: all 0.3s;
	display: block;
	margin: 0 auto 2em;
	padding: 20px;
	box-sizing: border-box;
}
.Top_Area2 h2 {
	font-size: 50px;
	font-family: "Quicksand", sans-serif;
	letter-spacing: 0.05em;
	position: relative;
	display: table;
	margin: 1em auto;
	color: #252525;
	font-weight: normal;
	padding-left: 0;
}
.Top_Area2 h2:before {
	content: "";
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 100px;
	height: 3px;
	left: 50%;
	top: 80px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-image: none;
	background-color: #305394;
	border-radius: 0;
}
.Top_Area2In .postlist li {
	margin: 0.8em 0 0.3em;
}
.list-ttl {
	padding: 10px 0 4px;
}
/*------　レスポンシブ調整　--------*/
@media only screen and (max-width: 960px) {
	.TA_flex01,
	.TA_flex02 {
		width: 100%;
	}
	.Top_Area2 {
		margin: 2em auto 0;
	}
	.Top_Area2 h2 {
		font-size: 30px;
		margin: 0.5em auto 1em;
	}
	.TAFinBox h1 {
		font-size: 26px;
	}
	p.frontlist.frontbottom a {
		padding: 24px 8px;
		margin-right: -25px;
	}
	.Top_Area2 h2:before {
		top: 68px;
	}
}
/*------　
トップAREA3　
--------*/
.btm_list {
	padding: 8em;
	background-repeat: no-repeat;
	background-image: url(../mrp04-child/images/bg_products.png);
	background-size: cover;
}
.btm_list h1 {
	font-size: 50px;
	letter-spacing: 0.05em;
	font-weight: normal;
	position: relative;
	display: table;
	margin: 0 auto 2em;
	font-family: "Quicksand", sans-serif;
}
.btm_list h1:before {
	content: "";
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 100px;
	height: 3px;
	left: 50%;
	top: 80px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #305394;
	border-radius: 0;
}
.btm_list ul.post4b {
	background: rgba(255, 255, 255, 0.8);
	padding: 50px;
	box-shadow: 0 0 20px #dfdfdf;
}
h2.bottom-loop a {
	font-size: 22px;
	font-family: "Quicksand", "Lato", "Yu Gothic", "游ゴシック体", "YuGothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.post4b li {
	border-bottom: 0 !important;
}
/*------　レスポンシブ調整　--------*/
@media only screen and (max-width: 640px) {
	.btm_list {
		padding: 2em;
	}
	.btm_list h1 {
		font-size: 30px;
		margin: 0 auto 1.2em;
	}
	.btm_list h1:before {
		top: 68px;
	}
	.btm_list ul.post4b {
		padding: 20px;
	}
}
/*------------------------------------------------
フッター調整
------------------------------------------------*/
.clm2_40 {
	width: 39%;
	display: inline-block;
}
.footnav {
	display: inline-block;
	vertical-align: top;
	width: 60%;
}
footer#footer {
	position: relative;
}
footer#footer::before {
	width: 791px;
	background-image: url(../mrp04-child/images/bg_top01_l.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
	content: " ";
	position: absolute;
	bottom: 310px;
	height: 755px;
	left: 0;
	z-index: -1;
}
.home footer#footer::before {
	display: none;
}
#footer .inner {
	padding: 30px;
	max-width: 1240px;
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
#footerLogo {
	text-align: left;
}
#footer ul {
	padding-top: 0;
	text-align: left;
}
#footer ul li {
	margin-left: 0px;
	margin-right: 0;
}
p.F_adress {
	color: #fff;
	line-height: 1.3;
	padding: 10px 0;
}
#footerLogo img {
	max-width: 400px;
	width: 100%;
	height: auto;
}
.F_list ul {
	display: inline-block;
	width: 32.5%;
	margin: 0;
	vertical-align: top;
}
.F_list ul li {
	display: block;
	width: 100%;
}
.ConSNSArea {
    display: flex;
    align-items: center;
}
.snsArea {
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.snsArea ul {
    display: flex;
}
.fa-instagram:before {
    color: #8351d3;
}
.ConBtn {
	display: inline-block;
	width: 50%;
	margin: 0;
}
.ConBtn a {
	font-family: "Quicksand", sans-serif;
	display: block;
	text-align: center;
	padding: 1em;
	letter-spacing: 0.2em;
	color: #fff;
	background: -webkit-linear-gradient(left, #305394, #4e6fab);
	background: -ms-linear-gradient(left, #305394, #4e6fab);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#305394', endColorstr='#4e6fab', GradientType=0)";
}
.ConBtn a:hover {
	opacity: 0.6;
	border-right: none;
}
.fa-facebook-square:before {
	font-size: 50px;
}
#copyright {
	padding: 20px;
}
/*------　レスポンシブ調整　--------*/
@media only screen and (max-width: 800px) {
	footer#footer::before {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.clm2_40 {
		width: 100%;
	}
	.footnav {
		width: 100%;
	}
	#footer ul {
		width: 100%;
		line-height: 1.2;
		padding: 0;
	}
}

/*----------------------------------------------------------------------
下層ページ調整
----------------------------------------------------------------------*/
/*------------------------------------------------
 * 汎用背景調整
 ------------------------------------------------*/
/*------------------
 * 白
 ---------------------*/
.bg_w {
	background-color: rgba(255, 255, 255, 0.6);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 3em calc((100vw - 100%) / 2);
	position: relative;
}
/*------------------
 * ブルーグレイ
 ---------------------*/
.bg_rb {
	background-color: rgba(210, 238, 245, 0.68);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 3em calc((100vw - 100%) / 2);
	position: relative;
}
/*------------------
 * プラスマージン
 ---------------------*/
.bg_rb.MB_plus {
	margin-bottom: 4em;
}
/*------------------
 * マイナスマージン
 ---------------------*/
.bg_rb.MB_minus {
	margin-bottom: -4em;
}
/*------------------------------------------------
Arrow Bornページ調整
------------------------------------------------*/
a.Btn_catalog {
	display: block;
	width: 80%;
	margin: 2em auto 1em;
	text-align: center;
	background: #345797;
	padding: 1.5em;
	box-sizing: border-box;
	color: #fff;
	box-shadow: 0 3px 4px #192c4e;
	border-radius: 4px;
	position: relative;
}
a.Btn_catalog.post .linkBtn::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -3px;
}
a:hover.Btn_catalog {
	opacity: 0.6;
}
/*------------------------------------------------
 * よくあるご質問
 * ----------------------------------------------*/

/* アコーディオン */

.acBox {
	margin: 2em 0;
	padding: 0;
	max-width: 100%;
}

.acBox label {
	display: block;
	margin: 1.5px 0;
	padding: 10px 12px 10px 62px;
	color: #5d4f4d;
	font-weight: bold;
	background: #fff;
	cursor: pointer;
	transition: all 0.5s;
	position: relative;
	border: 2px solid #4a6ba8;
}
.acBox label::before {
	left: 0;
	top: 0;
	content: "Q";
	text-align: center;
	line-height: 2;
	font-size: 22px;
	color: #fff;
	height: 0;
	width: 0;
	position: absolute;
	background: #4a6ba8;
	width: 50px;
	height: 100%;
}
.acBox label:hover {
	background: #f1f1f1;
}

.acBox span.headline {
	margin: 18px 0;
	border: none;
	border-radius: 0px;
	color: #4a6ba8;
	text-shadow: none;
	text-align: left;
	position: relative;
	line-height: 1.4;
	font-size: 16px;
}

.acBox span.headline span {
	font-size: 26px;
	display: block;
	font-weight: normal;
}

.acBox input {
	display: none;
}

.acBox .acOpen {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
}

.acInner {
	padding: 0 0 0 17px;
	box-sizing: border-box;
	position: relative;
	color: #61c0cc;
	font-weight: bold;
}

.cssac:checked + .acOpen {
	height: auto;
	background: #ffffff;
	opacity: 1;
	margin-bottom: 15px;
	border: 2px solid #61c0cc;
}
.acInner p {
	padding-left: 3em;
}
.acInner p::before {
	left: 0;
	top: 0;
	content: "A";
	text-align: center;
	line-height: 2;
	font-size: 22px;
	color: #fff;
	height: 0;
	width: 0;
	position: absolute;
	background: #61c0cc;
	width: 50px;
	height: 100%;
}
p.CautionText {
	background: rgba(166, 217, 226, 0.71);
	padding: 30px;
	font-weight: bold;
	text-align: center;
	font-size: 115%;
	color: #335696;
	line-height: 1.8;
	box-shadow: 0 0 20px #335696;
}
/*------------------------------------------------
 * 当社インプラントの案内
 * ----------------------------------------------*/
.about_abs {
	background: #fff;
	border: 2px solid #94d3ee;
}
p.abs_title {
	font-weight: bold;
	color: #335696;
	font-size: 130%;
	margin-bottom: 16px;
	background: #9ed8ee;
	padding: 6px 20px;
}
span.fpink {
	color: #fb4f95;
}
.Bg_photo01 {
	margin-right: calc(((100vw - 100%) / 2) * -1);
	margin-left: calc(((100vw - 100%) / 2) * -1);
	padding: 5em calc((100vw - 100%) / 2);
	background: url(/wp-content/uploads/bg_inplant_unique.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	position: relative;
	margin-bottom: -4em;
}
p.ab_inplantp {
	background: #ffffffb5;
	text-align: center;
	padding: 50px;
	font-size: 120%;
	font-weight: bold;
	color: #335696;
	box-shadow: 0 0 20px #989898;
}
/*------　レスポンシブ　--------*/
@media only screen and (max-width: 640px) {
	p.ab_inplantp {
		padding: 20px;
	}
}
/*------------------------------------------------
 * for doctor
 * ----------------------------------------------*/
p.Cacthtext {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #305394;
}
ul.catchlist {
	margin: 0;
	background: rgba(255, 255, 255, 0.7);
	width: 60%;
	padding: 20px 20px 10px;
	box-sizing: border-box;
}
ul.catchlist li {
	padding: 0 0 5px 0;
	line-height: 1.4;
	border-bottom: 1px dashed;
	margin: 0 0 10px;
}
ul.fd_list {
	margin: 0;
	text-align: center;
}
ul.fd_list li {
	display: inline-block;
	padding: 10px;
	width: 31%;
	box-sizing: border-box;
}
ul.fd_list li img {
	box-shadow: 0 0 10px #b7b7b7;
}
/*------　レスポンシブ　--------*/
@media only screen and (max-width: 640px) {
	ul.fd_list li {
		display: block;
		width: 100%;
		margin: 10px auto;
	}
}
/*------------------------------------------------
 * 会社概要ページ
 * ----------------------------------------------*/
.ceo_photo {
	max-width: 100%;
	position: absolute;
	width: 40%;
	height: 500px;
	left: 8%;
	z-index: 1;
	margin-top: 0;
}
.ceo_textA {
	background: rgba(48, 83, 148, 0.8);
	padding: 3%;
	z-index: 1;
	box-sizing: border-box;
	top: 44px;
	left: 26%;
	position: relative;
	width: 88%;
	margin-bottom: 6em;
	box-shadow: 0 0 16px #345697;
	color: #fff;
}
.ceo_textA h3 {
	color: #fff;
}
.ceo_textA h3 {
	color: #fff;
	line-height: 1.3;
	border-bottom: 0;
}
span.ceo_name {
	display: block;
	text-align: right;
	margin-top: 20px;
	font-size: 140%;
}
.ceo_rireki {
	background: rgba(255, 255, 255, 0.76);
	padding: 40px;
	box-shadow: 0 0 10px #8ba6d2;
	margin: 1em auto;
}
/*------　レスポンシブ　--------*/
@media only screen and (max-width: 1372px) {
	.ceo_textA {
		width: 80%;
	}
}
@media only screen and (max-width: 960px) {
	.ceo_photo {
		width: 100%;
		position: relative;
		left: 0;
		height: 50%;
	}
	.ceo_textA {
		width: 100%;
		left: 0;
		top: 0;
		padding: 10% 20px 12%;
		box-sizing: border-box;
		margin-top: 0;
	}
}
/*------------------------------------------------
 * インプラント保障制度
 * ----------------------------------------------*/
.Merit_flex {
	display: flex;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: space-around;
}
.doctor_intro {
	background: #fff;
	padding: 20px;
	border: 2px solid #b1d8e2;
	flex-basis: 30%;
	align-self: stretch;
	flex-grow: 0;
	box-sizing: border-box;
}
.doctor_intro h3 {
	font-size: 18px;
	text-align: center;
	border-bottom: 0;
	background: #e0f3f8;
	padding: 8px;
	margin: 10px auto;
}
.doctor_intro p {
	padding: 0;
	line-height: 1.5;
}
p.abs_title span {
	color: #ff0076;
}
/*------------------------------------------------
FBページ調整
------------------------------------------------*/
ul.fb_list {
	margin: 0;
	padding: 20px;
	background: rgba(211, 237, 251, 0.65);
	border: 2px solid #aadcf5;
}
ul.fb_list li {
	line-height: 1.5;
	background: #fff;
	padding: 4px 0;
	margin: 0 0 0.5em 0;
}
ul.fb_list li:last-child {
	margin: 0;
}
/*------------------------------------------------
お問い合わせページ調整
------------------------------------------------*/
.ConBox {
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 20px #a2d3e4;
}
.ConBox.MT_muinus {
	margin-top: -5em;
}
.FormBox {
	margin-top: 1.5em;
}
.TelBox p {
	line-height: 1.2;
	padding: 10px;
}
p.info_con {
	text-align: center;
	padding: 30px;
	font-size: 120%;
	color: #305394;
	font-weight: bold;
}
.p_tokyo {
	background: #e0f3f8;
	padding: 10px;
	margin-bottom: 10px;
}
.p_osaka {
	background: #e6edff;
	padding: 10px;
}
.p_tokyo p,
.p_osaka p {
	padding: 5px;
}
.TelBox h2 {
	font-size: 22px;
	background: url(/wp-content/uploads/icon_tel.png) 10px 6px no-repeat,
		#305394;
	padding: 15px 0 15px 70px;
	color: #c8f0fb;
	text-shadow: none;
	margin: 0;
	border-radius: 10px 10px 0 0;
}
.FormBox h2 {
	font-size: 22px;
	background: url(/wp-content/uploads/icon_mail.png) 10px 10px no-repeat,
		#305394;
	padding: 15px 0 15px 70px;
	color: #c8f0fb;
	text-shadow: none;
	margin: 0;
	border-radius: 10px 10px 0 0;
}
.ConBox h2::before {
	display: none;
}
span.tel_nm {
	font-size: 150%;
	font-weight: bold;
	color: #305394;
}
span.freedial {
	position: relative;
	display: inline-block;
	margin-left: 42px;
	font-size: 150%;
	font-weight: bold;
	color: #305394;
}
span.freedial::before {
	content: " ";
	position: absolute;
	background: url(/wp-content/uploads/icon_freedial.png) no-repeat left
		center;
	width: 38px;
	height: 22px;
	left: -42px;
	top: 3px;
}
span.company_place {
	display: inline-block;
	background: #fff2cc;
	line-height: 1.1;
	padding: 4px 10px;
	margin-right: 10px;
	color: #305394;
	border: 2px solid;
}
/*------　レスポンシブ　--------*/
@media only screen and (max-width: 640px) {
	.ConBox.MT_muinus {
		margin-top: 0;
	}
	.FormBox h2 {
		background: url(/wp-content/uploads/icon_mail.png) 14px 22px
				no-repeat,
			#305394;
		padding: 15px 4px 15px 66px;
	}
	span.company_place {
		display: block;
		text-align: center;
		padding: 6px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	span.freedial {
		display: block;
	}
	span.br {
		display: block;
		margin: 0;
		padding: 0;
	}
	.TelBox h2 {
		background: url(/wp-content/uploads/icon_tel.png) 10px 18px no-repeat,
			#305394;
		padding: 13px 4px 15px 60px;
	}
}
/*------------------------------------------------
プライバシーページ調整
------------------------------------------------*/
p.p_signe {
	text-align: center;
	line-height: 2em;
	margin: 3em auto 0;
	display: block;
	border: 2px solid #335399;
	padding: 30px;
	width: 90%;
	background: #fff;
	box-sizing: border-box;
}
span.c_name {
	font-size: 23px;
	color: #335399;
	display: block;
}
/*------------------------------------------------
サイトマップページ調整
------------------------------------------------*/
.page-id-32 .post {
	margin: 1em 6%;
}
.post ul#sitemap_list li {
	margin-bottom: 5px;
	padding-left: 22px;
	border-bottom: 1px solid #a8bace;
	padding-bottom: 10px;
	background: url(../mrp04-child/images/arrow.png) no-repeat 0 6px;
}
/*------　レスポンシブ　--------*/
@media only screen and (max-width: 640px) {
	.page-id-32 .post {
		margin: 0 2%;
	}
}

/*------------------------------------------------
医療従事者確認
------------------------------------------------*/
#are_you_doctor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 2147483647;
	background-color: #fff;
	opacity: 0.9;
}
#are_you_doctor .inner {
	width: 60vw;
	margin: 0 auto;
	margin-top: 20vh;
}
#are_you_doctor form {
	text-align: center;
}
.answer {
	display: flex;
}
.answer input.linkBtn {
	margin: 0 2%;
}
#are_you_doctor.post {
	padding: 0;
}
#are_you_doctor h1 {
	color: #305394;
}
@media print, screen and (max-width: 640px) {
	#are_you_doctor .inner {
		width: 80vw;
		margin: 0 auto;
		margin-top: 20vh;
	}
}

/*202010*/

@media only screen and (max-width: 1301px) {
	body:not(.mobile) ul#option {
		width: auto;
	}
	body:not(.mobile) #header ul#option li.word_c {
		display: none;
	}
	body:not(.mobile) input#searchsubmit {
		width: 100%;
	}
}
@media only screen and (max-width: 1170px) {
	body:not(.mobile) #header ul#option li.search_area {
		display: none;
	}
}
/*------------------------------------------------
front-page
------------------------------------------------*/
.post .Top_area1_BgBox .Top_area1_BgInBox .menu {
	max-width: 1280px;
	margin: 0 auto;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li {
	flex: 0 1 30%;
	margin-top: 40px;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hasbg {
	width: 100%;
	height: 100%;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hasbg img {
	vertical-align: bottom;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu a:hover img {
	transform: scale(1.1);
	opacity: 1;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.85);
	z-index: 20;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 96px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: 10px;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	border-bottom: none;
	color: #333333;
	margin: 10px 0;
}
.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup span {
	font-size: 14px;
	line-height: 1.1;
	color: #333333;
}
.front-catalog a {
	background: #849dcc;
	display: block;
	padding: 1rem 0;
	border-radius: 50vh;
	color: aliceblue;
	text-align: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.front-catalog {
	width: 100%;
	max-width: 500px;
	margin: 5rem auto 0 auto;
}
.front-catalog a:hover {
	background: #4e6fab;
}
.front-catalog p.acc1_btn {
	position: relative;
}
.front-catalog p.acc1_btn:before {
	content: "";
	background: url(/wp-content/uploads/catalog_vol7.png);
	display: block;
	width: 80px;
	background-size: contain;
	height: 125px;
	background-repeat: no-repeat;
	position: absolute;
	transform: translateY(-50%) rotate(10deg);
	transform-origin: center;
	top: 50%;
	right: 7%;
	pointer-events: none;
}
@media only screen and (max-width: 770px) {
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li {
		flex: 0 1 46%;
	}
	.front-catalog {
		width: 90%;
	}
	.front-catalog p.acc1_btn:before {
		width: 30vw;
		height: 20vw;
	}
}
@media only screen and (max-width: 460px) {
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul {
		display: block;
		margin: 0;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li {
		margin: 20px 0 0 0;
		background-color: #ffffff;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup {
		position: inherit;
		display: block;
		height: auto;
		vertical-align: middle;
		padding: 15px;
		box-sizing: border-box;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a {
		position: inherit;
		display: flex;
		align-items: center;
		flex-direction: row-reverse;
		box-shadow: 1px 1px 1px 0px #e4e3e3;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a hgroup {
		position: inherit;
		flex: 0 1 60%;
		padding: 15px;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup h3 {
		font-size: 14px;
		margin: 0;
		padding: 0;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hgroup span {
		font-size: 12px;
	}
	.post .Top_area1_BgBox .Top_area1_BgInBox .menu .main ul li a .hasbg {
		background-color: #ffffff;
		flex: 0 1 40%;
	}
}
/*------------------------------------------------
sub-page common
------------------------------------------------*/
.general-flex {
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 768px) {
	.general-flex {
		flex-direction: column;
	}
}
/*------------------------------------------------
order-form
------------------------------------------------*/
.page-order-form .wpcf7-form {
	padding: 0;
}
.pd15 {
	padding: 15px;
	box-sizing: border-box;
}
.post table.order-item th,
.post table.order-item td {
	border-bottom: 15px solid #ffffff;
}
.post table.order-item td:nth-of-type(1) {
	border-right: 15px solid #ffffff;
}
.post table.order-item th p {
	padding: 0;
}
.wpcf7-form .readonly {
	background: none;
	border: none;
}
@media only screen and (max-width: 640px) {
	.pd15 {
		padding: 15px 0;
	}
	.post table.order-item th p {
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	.post table.order-item th,
	.post table.order-item td {
		padding: 10px;
	}
	.wpcf7-form .wpcf7-textarea {
		height: auto !important;
		min-height: 50px;
	}
	.post table.order-item th:nth-of-type(1) {
		width: 10%;
	}
}

/*------------------------------------------------
register
------------------------------------------------*/
section.toc_area {
	overflow-y: scroll;
	max-height: 250px;
	background: aliceblue;
	padding: 0 1rem 1rem 1rem;
	box-sizing: border-box;
}

/*------------------------------------------------
login
------------------------------------------------*/
#wpmem_login fieldset {
	margin: 0 !important;
}
.post .column2_50 {
	width: 48%;
	background: #f9fcff;
	padding: 1rem;
	box-sizing: border-box;
}
#wpmem_reg form legend,
#wpmem_login form legend {
	font-size: 120%;
	padding: 0 5px 5px;
	border-bottom: 2px solid;
	margin: 0 0 15px;
	color: #2a588b;
	-webkit-font-smoothing: antialiased;
	line-height: 1.25;
	box-sizing: border-box;
	font-family: "Lato", "Yu Gothic", "游ゴシック体", "YuGothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wpmem_login label {
	padding: 0 15px;
	box-sizing: border-box;
}
#wpmem_login .div_text {
	width: 100% !important;
	padding: 0 15px;
	box-sizing: border-box;
}
#wpmem_login .button_div {
	width: 100% !important;
}
#wpmem_login input[type="password"] {
	box-sizing: border-box;
}
#wpmem_login .link-text {
	width: 100% !important;
	font-size: 80%;
}
.post .loginBox h2,
.post .entryBox h2 {
	border-bottom: 2px solid;
	font-size: 120%;
	padding: 0 5px 5px;
	border-bottom: 2px solid;
	margin: 0 0 15px;
	color: #2a588b;
}
.post .loginBox h2:before,
.post .entryBox h2:before {
	content: none;
}
.linkBtn a {
	display: block;
}
.post .linkBtn a,
.linkBtn a {
	-webkit-box-sizing: border-box;
	letter-spacing: 0.15em;
	font-weight: 300;
	position: relative;
	color: #fff;
	border-radius: 10px;
	line-height: 1.8;
	transition: all 0.3s;
	display: block;
	box-sizing: border-box;
}

.linkBtn:hover,
.post .linkBtn:hover,
.linkBtn:hover a {
	cursor: pointer;
	background: linear-gradient(to right, #4e6fab, #305394);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.newsTopic .linkBtn:hover {
	background: transparent;
}
#wpmem_login input[type="submit"] {
	display: block;
	margin: 5px auto 5px;
	width: 100%;
	padding: 20px 0.5em;
	background: -webkit-linear-gradient(left, #305394, #4e6fab);
	background: -o-linear-gradient(left, #305394, #4e6fab);
	background: linear-gradient(to right, #305394, #4e6fab);
	position: relative;
}
#wpmem_login input[type="submit"]::after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -3px;
}
#wpmem_login input[type="submit"]:hover {
	cursor: pointer;
	background: linear-gradient(to right, #4e6fab, #305394);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
@media only screen and (max-width: 768px) {
	.post .general-flex .column2_50 {
		width: 100%;
		text-align: left;
	}
}

/*------------------------------------------------
item-cat-list(side-bar)
------------------------------------------------*/
section.widget li a,
#sidebar .item_cat_list .accordion_heading {
	font-weight: bold;
}
#sidebar .item_cat_list .vision_accordion {
	font-size: 100%;
	font-family: "Lato", "Noto Sans Japanese", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "Times New Roman", "メイリオ", Meiryo,
		"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#sidebar .item_cat_list .accordion_heading,
#sidebar .item_cat_list .accordion_content {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	color: #305394;
}
#sidebar .item_cat_list .accordion_content a {
	margin-left: 1em;
	color: #305394;
}
#sidebar .item_cat_list .accordion_heading {
	display: block;
	padding: 7px 0 7px 12px;
	border-bottom: 1px dashed #dcdcdc;
	background: url(images/arrow.png) no-repeat 0 50%;
	font-size: 100%;
	line-height: 1.5;
	font-family: "Lato", "Noto Sans Japanese", YuMincho, "ヒラギノ明朝 ProN W3",
		"Hiragino Mincho ProN", "HG明朝E", "Times New Roman", "メイリオ", Meiryo,
		"ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*------------------------------------------------
item-cat-list
------------------------------------------------*/
.c_sub_nav {
	display: flex;
	justify-content: space-between;
}

.c_sub_nav .nav_col {
	width: 30%;
}

.c_sub_nav .nav_col p.linkBtn {
	margin-bottom: 0;
}
p.linkBtn.w50 {
	max-width: 30%;
	border-radius: 50vh;
	margin: 2rem auto;
}
.item-cat-list-area.general-flex {
	flex-wrap: wrap;
}
.item-cat-list-area .column {
	width: 48%;
	margin-bottom: 2rem;
}
.item-cat-list-area {
	font-family: "Quicksand", "Lato", "Noto Sans Japanese", YuMincho,
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Times New Roman",
		"メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
}
.item-cat-list-area .heading {
	background: linear-gradient(to right, #4e6fab, #305394);
	color: #ffffff;
	font-weight: bold;
	position: relative;
	/*padding: 1rem;*/
	box-sizing: border-box;
	font-family: "Quicksand", "Lato", "Noto Sans Japanese", YuMincho,
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Times New Roman",
		"メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif, sans-serif;
	border-radius: 5px;
}
.item-cat-list-area .heading a {
	color: #fff;
	padding: 1rem;
	box-sizing: border-box;
	display: block;
	z-index: 2;
	position: relative;
}
.item-cat-list-area .accordion_content {
	padding: 1rem;
	box-sizing: border-box;
}
ul.acc_btn {
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.acc_btn li {
	width: 31%;
}
ul.acc_btn li:nth-child(3n + 2):last-child {
	margin-right: calc(31% + (((100% - (31% * 3)) / 2) * 1));
}
.item-cat-list-area .accordion_content a {
	background: #849dcc;
	display: block;
	padding: 1rem 0.5rem;
	border-radius: 50vh;
	color: aliceblue;
	text-align: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-size: 11px;
	line-height: 1;
}
.item-cat-list-area .accordion_content a:hover {
	background: #4e6fab;
}
p.acc1_btn {
	padding: 0;
}
span.item_ttl_img {
	position: absolute;
	bottom: 0;
	right: 50px;
	/*cursor: pointer;*/
}
span.item_ttl_img img {
	width: 100%;
	max-width: 110px;
}
.item-cat-list-area .ui-state-default::before,
.item-cat-list-area .ui-widget-content .ui-state-default::before,
.item-cat-list-area .ui-widget-header .ui-state-default::before {
	content: "×";
	position: absolute;
	font-size: 23px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
	color: #ffffff;
}
.item-cat-list-area .ui-state-active::before,
.item-cat-list-area .ui-widget-content .ui-state-active::before,
.item-cat-list-area .ui-widget-header .ui-state-active::before {
	content: "-";
	transform: translateY(-50%) rotate(0deg);
}
.item-cat-list-area .heading.accordion_heading {
	padding: 1rem;
}
@media only screen and (max-width: 768px) {
	.item-cat-list-area .column {
		width: 100%;
	}
	.c_sub_nav a {
		font-size: 0.75rem;
	}
	.c_sub_nav .nav_col p.linkBtn {
		margin-bottom: 0;
		padding: 1rem 1.3rem;
	}
	span.item_ttl_img img {
		max-width: 80px;
	}
	.item-cat-list-area .heading {
		font-size: 14px;
	}
	.item-cat-list-area .accordion_content a {
		font-size: 11px;
	}
	ul.acc_btn li {
		width: 48%;
	}
}
/*------------------------------------------------
item-list
------------------------------------------------*/
.item_list_wrapper * {
	box-sizing: border-box;
}
.item_list_wrapper li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.item_list_wrapper .item_name {
	width: 100%;
}
.item_list_wrapper .item_image {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.item_list_wrapper .item_image img {
	max-width: 100%;
	height: auto;
}
.item_list_wrapper .item_children {
	width: 70%;
}

.item_list_wrapper table td {
	font-size: 1em;
}
@media (max-width: 1920px) and (min-width: 1024px) {
	.item_list_wrapper table td {
		font-size: calc(1em + (1vw - 19.2px) * 0.2232);
	}
}
@media (max-width: 1023px) {
	.item_list_wrapper table td {
		font-size: 0.8em;
	}
}
.item_list_wrapper table th {
	text-align: center;
}
.item_list_wrapper table td,
.item_list_wrapper table th {
	padding: 1em 0.5em;
}
.item_list_wrapper table td:empty {
	padding: 0;
}
.post .item_list_wrapper th,
.post .item_list_wrapper td {
	width: 7em;
	text-align: center;
}
.post .item_list_wrapper td.description {
	background-color: transparent;
	text-align: left;
}
.post .item_list_wrapper td.remarks_cell {
	text-align: left;
}
.post .item_list_wrapper th.remarks_cell,
.post .item_list_wrapper th.number_cell {
	width: 10em;
}
.item_list_wrapper .favorite_btn {
	display: block;
	cursor: pointer;
	transition: 0.3s;
}
.item_list_wrapper .favorite_btn:hover {
	opacity: 0.7;
}
.item_list_wrapper .favorite_cell a::before {
	content: "";
	display: block;
	font-family: "FontAwesome";
	font-size: 2em;
	color: #486aa6;
}
.item_list_wrapper a.add_favorite_btn::before {
	content: "\f006";
}
.item_list_wrapper a.delete_favorite_btn::before {
	content: "\f005";
}
@media (max-width: 768px) {
	.item_list_wrapper .item_image,
	.item_list_wrapper .item_children {
		width: 100%;
	}
	.item_list_wrapper .item_image {
		max-width: 220px;
		margin: 0 auto;
	}
}
/*------------------------------------------------
my-page
------------------------------------------------*/
#my_page_wrapper * {
	box-sizing: border-box;
}
#my_page_wrapper #edit_user_info {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}
#my_page_wrapper #hello_user {
	flex-grow: 1;
	font-size: 1.2em;
}
#my_page_wrapper #edit_user_info .linkBtn {
	padding: 0;
	margin: 0;
}
#my_page_wrapper #edit_user_info .linkBtn.center {
	margin: 0 1em;
}
#my_page_wrapper #edit_user_info .linkBtn a {
	padding: 1em 2em;
	font-size: 0.8em;
}
/*-------------------------------------------
requester
--------------------------------------------*/

.request_input b,
.request_input strong {
	color: #e95574;
}
.post #wpmem_reg,
.post #wpmem_login {
	font-size: 100%;
}
#wpmem_reg fieldset,
#wpmem_login fieldset {
	margin: 0 !important;
}
#wpmem_reg form fieldset {
	margin: 20px 0;
}
#wpmem_reg .contact {
	margin-bottom: 20px;
	display: block;
}
#wpmem_reg .req {
	color: #e95574 !important;
}
#wpmem_reg form legend,
#wpmem_login form legend,
h2.new_login {
	font-size: 150%;
	/* padding: 0 5px 10px 0; */
	/* border-bottom: 2px solid; */
	/* margin: 0 0 15px; */
	/* color: #48120e; */
	-webkit-font-smoothing: antialiased;
	line-height: 1.25;
	box-sizing: border-box;
	text-align: left;
	background: transparent;
	font-weight: normal;
}
.form_item_wrapper {
	display: table;
	width: 100%;
	border-bottom: 1px solid #e1dad3;
}
.form_item_wrapper:first-of-type {
	border-top: 1px solid #e1dad3;
}
#wpmem_reg .form_item_wrapper label,
#wpmem_login .form_item_wrapper label,
#wpmem_reg .form_item_wrapper .div_text,
#wpmem_login .form_item_wrapper .div_text,
#wpmem_reg .form_item_wrapper .div_radio,
#wpmem_login .form_item_wrapper .div_radio,
#wpmem_reg .form_item_wrapper .div_textarea,
#wpmem_login .form_item_wrapper .div_textarea,
#wpmem_reg .form_item_wrapper .div_date,
#wpmem_login .form_item_wrapper .div_date {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
#wpmem_reg .form_item_wrapper label,
#wpmem_login .form_item_wrapper label {
	width: 25%;
	background-color: #ccdef1;
	border-bottom: 3px solid #ffffff;
	border-top: 3px solid #ffffff;
}
#wpmem_reg .form_item_wrapper input[type="radio"] + label {
	display: inline;
	vertical-align: baseline;
	padding: 0;
	width: auto;
	color: #2b2b2b;
	background-color: transparent;
	cursor: pointer;
}
#wpmem_reg .form_item_wrapper .div_text img,
#wpmem_login .form_item_wrapper .div_text img {
	vertical-align: middle;
}
input[type="password"] {
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	border: 1px solid #d4d4d7;
	border-radius: 3px;
	color: #555;
	background: #fcfcfc;
	margin-bottom: 5px;
	width: 100%;
}
#wpmem_reg input[type="text"],
#wpmem_reg input[type="password"],
#wpmem_reg input[type="email"],
#wpmem_reg input[type="url"],
#wpmem_reg input[type="number"],
#wpmem_reg input[type="date"],
#wpmem_reg textarea,
#wpmem_login input[type="text"],
#wpmem_login input[type="password"] {
	font-size: 92%;
	box-sizing: border-box;
}
#wpmem_reg form .button_div {
	width: 100%;
	text-align: center;
	margin-top: 15px;
}
#wpmem_reg form .buttons {
	background: -webkit-linear-gradient(left, #305394, #4e6fab);
	background: -o-linear-gradient(left, #305394, #4e6fab);
	background: linear-gradient(to right, #305394, #4e6fab);
	position: relative;
	color: #fff;
	border-radius: 3px;
	line-height: 1.8;
	transition: all 0.3s;
	display: block;
	margin: 0 auto 2em;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
}
#wpmem_reg form .buttons:hover {
	background: -webkit-linear-gradient(right, #305394, #4e6fab);
	background: -o-linear-gradient(right, #305394, #4e6fab);
	background: linear-gradient(to left, #305394, #4e6fab);
}
p.msg_area:empty {
	padding: 0;
}
@media screen and (max-width: 720px) {
	#wpmem_reg .form_item_wrapper label,
	#wpmem_login .form_item_wrapper label,
	#wpmem_reg .form_item_wrapper .div_text,
	#wpmem_login .form_item_wrapper .div_text,
	#wpmem_reg .form_item_wrapper .div_radio,
	#wpmem_login .form_item_wrapper .div_radio,
	#wpmem_reg .form_item_wrapper .div_textarea,
	#wpmem_login .form_item_wrapper .div_textarea {
		display: block;
		width: 100% !important;
		padding: 8px 10px 5px !important;
		background: none;
		box-sizing: border-box;
	}
}

#wpmem_reg .form_item_wrapper[key^="agree_"] {
	display: flex;
	align-items: center;
	border: none;
}
#wpmem_reg .form_item_wrapper[key^="agree_"] label {
	order: 2;
}
#wpmem_reg .form_item_wrapper[key^="agree_"] > * {
	background: transparent;
	border: none;
	margin: 0 !important;
	width: auto !important;
}
#wpmem_reg #tos_area {
	max-height: 10em;
	overflow-y: scroll;
	border: 1px solid #dcdcdc;
	padding: 0 1em;
	box-sizing: border-box;
}
/*-------------------------------------------
forgot
--------------------------------------------*/
#wpmem_reg form legend,
#wpmem_login form legend,
h2.new_login {
	width: 100%;
	font-size: 120%;
	padding: 0 5px 5px;
	border-bottom: 2px solid;
	margin: 0 0 30px;
	color: #2a588b;
	-webkit-font-smoothing: antialiased;
	line-height: 1.25;
	box-sizing: border-box;
	font-family: "Lato", "Yu Gothic", "游ゴシック体", "YuGothic",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
		"Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
.forgot_username_box,
.pwdreset_box {
	width: 100%;
	background: #ffffff;
	padding: 2rem;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0 auto;
}

/*-------------------------------------------
archive
--------------------------------------------*/
section.widget h2,
section.widgetInfo h2 {
	border-top: 0;
	border-bottom: 0;
	padding: 10px 20px;
	font-size: 22px;
	border-left: 2px solid #305394;
	font-weight: bold;
	text-align: left;
}

ul.item_cat_list {
	background: #eef0f6;
}

.item_name {
	border-top: 0;
	border-bottom: 0;
	padding: 10px 20px;
	font-size: 22px;
	/* border-left: 2px solid #305394; */
	font-weight: bold;
	text-align: left;
	margin-bottom: 1.5rem;
	border-bottom: 4px solid #86a0ce;
	background: rgba(134, 160, 206, 0.8);
	color: #ffffff;
}

/*-------------------------------------------
cart
--------------------------------------------*/
.page-cart h3,
.page-my-page h3 {
	border-top: 0;
	border-bottom: 0;
	padding: 10px 20px;
	font-size: 22px;
	border-left: 2px solid #305394;
	font-weight: bold;
	text-align: left;
}
.page-cart h4,
.page-my-page h4 {
	font-size: 150%;
	border-left: 0;
	border-bottom: 1px dashed #305394;
	padding-bottom: 10px;
}
ul.item_list_wrapper {
	margin: 0 0 30px 0;
}

#cart_list .heading,
#cart_list .price {
	margin: 1rem 0;
	color: #252525;
	font-size: 16px;
	padding: 1em;
	box-sizing: border-box;
}

#cart_list #prices {
	border-top: 3px solid #305394 !important;
}

#cart_list #prices .big_area {
	padding: 1em !important;
	box-sizing: border-box;
	font-size: 16px !important;
}

/*-------------------------------------------
my page
--------------------------------------------*/
.page-my-page h2 {
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	border: 1px solid;
	padding: 1rem;
	box-sizing: border-box;
}

#my_page_wrapper #edit_user_info .linkBtn {
	width: 100%;
	margin: 0.5em 1em;
}

#my_page_wrapper #order_history textarea {
	height: 8em;
}

@media screen and (max-width: 768px) {
	.page-cart h1.title,
	.page-my-page h1.title {
		font-size: 1.375rem;
	}
	.page-my-page h2 {
		font-size: 16px;
	}

	.page-cart h3,
	.page-my-page h3 {
		font-size: 16px;
		padding: 10px;
	}

	.page-cart h4,
	.page-my-page h4 {
		font-size: 16px;
	}

	.item_name {
		font-size: 15px;
		padding: 10px 5px;
		box-sizing: border-box;
	}
}

ul.mmp-list {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	/* align-items: center; */
}
ul.mmp-list li {
	width: 30%;
	align-items: center;
	display: flex;
	justify-content: center;
	padding: 0;
	background: linear-gradient(to right, #305394, #4e6fab);
	border-radius: 3px;
}
ul.mmp-list li a {
	position: relative;
	color: #fff;
	border-radius: 3px;
	line-height: 1.8;
	transition: all 0.3s;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	align-items: center;
	width: 100%;
}
ul.mmp-list li:hover {
	background: linear-gradient(to right, #4e6fab, #305394);
}
@media screen and (max-width: 640px) {
	p.linkBtn.w50 {
		max-width: 100%;
		border-radius: 50vh;
		margin: 1rem auto;
	}
}
@media screen and (max-width: 414px) {
	ul.mmp-list li a {
		font-size: 0.8rem;
		padding: 10px;
	}
}
/*-------------------------------------------
第18回BBCクラブ学術大会 Online Seminar
--------------------------------------------*/
.linkBtn02 {
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
}
.linkBtn02 a {
	display: inline-block;
	position: relative;
	width: 100%;
	text-decoration: none;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	font-size: 1rem;
	color: #ffffff;
	background: #305394;
	box-shadow: 0 2px 10px #5d6471;
	border: 0;
	transition: 0.3s;
}
.linkBtn02 a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	border-top: 8px solid #ffffff;
	border-left: 8px solid transparent;
	transform: translate(0, -50%) rotate(45deg);
}
.linkBtn02 a:hover {
	opacity: 0.7;
}
.post p.red-text {
	padding: 0;
	color: #e60012;
}
.itembox {
	display: flex;
	flex-direction: column;
	background: #f7f7f7;
	padding: 4%;
	box-sizing: border-box;
}
.itembox:nth-child(n + 3) {
	margin-top: 3rem;
}
.itembox .mediabox {
	margin-top: auto;
}
.mediabox-center {
	display: flex;
	justify-content: center;
}
.itembox .ttl {
	border-bottom: none;
	border-left: 4px solid #305394;
	color: #252525;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 10px 0 10px 20px;
	margin: 0 0 1rem;
}
.itembox p {
	padding: 0;
	margin: 0 0 1rem;
}
@media only screen and (max-width: 768px) {
	.itembox {
		padding: 6%;
	}
	.itembox .ttl {
		font-size: 1.2rem;
		padding: 10px 0 10px 14px;
	}
	.itembox:nth-child(n + 2) {
		margin-top: 3rem;
	}
	.linkBtn02 a {
		padding: 10px;
		font-size: 0.9rem;
	}
}
@media only screen and (max-width: 640px) {
	.post .vol18_online_seminar table th {
		padding: 10px;
	}
}
/*共通*/
.content-inner + .content-inner {
	margin-top: 8rem;
}
.text-center {
	text-align: center;
}
.flexbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.w30 {
	width: 30%;
}
.w40 {
	width: 40%;
}
.w50 {
	width: 48%;
}
.w60 {
	width: 56%;
}
.w70 {
	width: 68%;
}
.on-sp {
	display: none;
}
@media only screen and (max-width: 768px) {
	.content-inner + .content-inner {
		margin-top: 4rem;
	}
	.w30,
	.w40,
	.w50,
	.w60,
	.w70 {
		width: 100%;
	}
	.on-sp {
		display: block;
	}
}

.front-catalog-wrap {
	display: flex;
	justify-content: center;
	gap: 4rem;
	@media only screen and (max-width:1024px) {
		gap: 0rem;
		flex-flow: column;
		align-items: center;
	}
	.front-catalog {
		margin: 5rem 0 0;
		&.front-catalog02 {
			p.acc1_btn {
				&::before {
					background: url(/wp-content/uploads/bfdcaee9f26842a24ebb2aec1b91b32e.jpg);
					background-size: contain;
				}
			}
		}
	}
}
@media only screen and (max-width: 770px) {
	.front-catalog p.acc1_btn:before {
		width: 60px;
		height: 94px;
	}
}