@charset "utf-8";
/*
Theme Name: Kirin2
Description: Kirin Karte theme.
Author: GOAT inc.
Author URI: https://goat-inc.co.jp
Version: 1.0
*/

/*** Color ***/
/*
* MainGreen: #DA0048
* PaleGreenColor: #FEF8FA
* DarkGray: #626461
* Gray: #EFEFEF
* Middle-Gray: #9EA09D
* TextBlackColor: #333632
* RedColor: #F06449
*/

/*** Common Setting ***/

/* -------------------------------------
margin_base
------------------------------------- */
.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }
html {
	font-size: 62.5%;
	/* font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif; */
}

body {
	margin: 0;
	color: #333632;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	line-height: 1.6em;
	overflow-x: hidden;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background: #F5F5F5;
}
#header {
	height: 100%;
}
a {
	text-decoration: none;
}
h1 {
	word-break: break-all;
}

h2, h3, h4 {
	margin: 0;
	font-size: 1.8rem;
	line-height: 1.8em;
	word-break: break-all;
}

p {
	margin: 0;
	font-size: 1.4rem;
	word-break: break-all;
}

a {
	color: #333632;
	transition: 0.3s;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a:hover {
	opacity: 0.7;
	cursor: pointer;
}

ul, ol {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

fieldset {
	padding: 0;
}

.flex-row {
	display: flex;
	flex-flow: row;
}

.flex-row-pc {
	display: flex;
	flex-flow: column;
}

.flex-column-pc {
	display: flex;
	flex-flow: row;
}

.flex-column {
	display: flex;
	flex-flow: column;
}

.inline-block {
	display: inline-block;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/*.sp-hidden {
display: none;
}*/
/*.header-search02 {
display: none;
}*/

input[type="checkbox"],
input[type="radio"],
input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:-webkit-autofill, input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px white inset;
	-webkit-text-fill-color: #333632;
}
.flex-row-pc {
	flex-flow: row;
}
@media only screen and (min-width: 768px) {

	.flex-column-pc {
		flex-flow: column;
	}

	.pc-hidden {
		display: none;
	}

	.sp-hidden {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.flex-row-pc {
		flex-flow: column;
		display: block;
	}
	.mypage-header02.flex-row-pc {
		flex-flow: row;
		display: flex;
		
}
}

/*** header ***/

header {
	position: fixed;
	width: 100%;
	height: 69px;
	z-index: 999;
	margin: 0 auto;
	background-color: #FFFFFF;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1200px) {
	header {
		height: 57px;
	}
}
header a {
	color: #000;
}

.header-inner {
	width: 98%;
	height: 100%;
	margin: 0 auto;
	align-items: center;
	align-content: space-between;
}

.header-logo {
	flex: 1 1 auto;
	padding-left: 0.2em;
}

.header-logo img {
	width: 250px;
	height: auto;
}

.header-menu {
	flex: 1 1 auto;
	height: 100%;
}

.header-menu .flex-row.g_nav {
	width: 78%;
	height: 100%;
	float: left;
}
.header-menu .ul02 {
	width: 17%;
	float: right;
	height:100%;
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.header-menu .ul02 {
		width: 20%;
		float: right;
	}
}

.header-menu li {
	flex: 1 1 auto;
	height: 100%;
	padding-top: 12px;
	text-decoration: none;
	text-align: right;
	font-size: 1.5rem;
	font-weight: 600;
	color: #000;
}
@media screen and (max-width: 1200px) {
	.header-menu li {
		font-size: 1.1rem;
	}
}
.header-menu li.search_style {
	padding-top: 2em;
}
.close-drop-down {
	flex: 0.3 0.3 auto !important;
}
.search_style02 {
	margin-left: 44px;
}

.header-menu .close-drop-down,
.header-menu .open-drop-down {
	padding-top: 0.7em;
}

.header-menu li:before {
	padding-right: 0.6em;
	content: "";
	display: none;
}

.header-menu a {
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: 600;
	color: #333632;
	letter-spacing: 0.06em;
}
@media screen and (max-width: 1200px) {
	.header-menu a {
		font-size: 1.1rem;
	}	
}

/*.header-menu .sp-hidden {
display: none;
}*/

.header-menu .profile-icon {
	width: 26px;
	height: auto;
	float: none;
	margin-right: 0.2em;
	border-radius: 13px;
}

.header-menu .profile-icon:hover {
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.first-content {
	padding-top: 50px;
}

.profile-icon-alert {
	position: relative;
}

.profile-icon-alert::before {
	content: '●';
	position: absolute;
	top: 0;
	right: 0.3em;
	width: 8px;
	height: 8px;
	font-size: 6px;
	line-height: 8px;
	text-align: center;
	background-color: #fff;
	color: #F06449;
	border-radius: 4.5px;
}


@media only screen and (min-width: 768px) {
	.header-inner {
		width: 80%;
		max-width: 1080px;
		margin: 0 auto;
	}

	.header-logo {
		flex: 0.1 0.1 auto;
		padding-top: 16px;
	}

	.header-logo img {
		width: 250px;
		height: auto;
	}

	.header-menu .sp-hidden {
		display: inline-block;
		float: left;
	}

	.header-menu .profile-icon {
		width: 45px;
		height: 45px;
		border-radius: 15px;
	}

	.header-menu .close-drop-down,
	.header-menu .open-drop-down {
		padding-top: 12px;
		float: right;
	}

	.profile-icon-alert::before {
		top: 0.2em;
		right: 0.2em;
		width: 12px;
		height: 12px;
		font-size: 11px;
		line-height: 10px;
		border-radius: 5px;
	}
}

@media screen and (max-width: 1070px) and (min-width: 768px) {
	.header-logo img {
		width: 175px;
	}
}

@media screen and (max-width: 1220px) {
	.header-menu .profile-icon {
		width: 35px;
		height: 35px;
	}
	.header-menu .close-drop-down,
	.header-menu .open-drop-down {
		padding-top: 1em;
	}
	.header-menu li {
		padding-top: 1em;
	}
}

/* drop-down-menu */

.close-drop-down .drop-down-menu, .close-drop-down-button {
	display: none;
}
.close-drop-down-button-sp{
	display: none;
}
.open-drop-down .drop-down-menu {
	position: absolute;
	top: 75px;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 888;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 0 0 5px 5px;
}

.open-drop-down-button {
	position: absolute;
	top: 70vh;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	z-index: 999;
	background-color: #D0D1D0;
	border-radius: 30px;
}


.cats {
	position: absolute;
	left: 15px;
	width: 50%;
	height: 4px;
	border-radius: 4px;
	background-color: #707070;
}

.cats-1 {
	top: 15px;
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}

.cats-2 {
	top: 40px;
	-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}

.drop-down-menu li {
	display: block;
	margin: 0 2em;
	text-align: left;
	border-bottom: 1px solid #FEF8FA;
	padding: 0;
	transition: 0.3s;
	flex: none;
	height: auto;
}

.drop-down-menu a {
	display: block;
	color: #333632;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 1.6em 0em;
}

.drop-down-menu li:first-child a {
	font-size: 1.3rem;
	font-weight: 300;
	/* padding: 0.4em 0.3em; */
}

.drop-down-menu .welcome-text {
	font-size: 1.3rem;
	font-weight: 300;
	padding: 1.8em 2.2em 1.6em;
	margin: 0;
	color: #333632;
}

.drop-down-menu li:hover {
	border-color: #DA0048;
}

.drop-down-menu .welcome-text:hover {
	border-color: #FEF8FA;
}

.drop-down-menu .flex-row {
	align-content: space-between;
	width: calc(100% + 1em);
	padding: 1.6em 0em 1.8em;
}

.icon-mypage_ico01::before {
	position: relative;
	top: 0.1em;
	font-size: 1.8rem;
}

.drop-down-news-left {
	width: calc(50% - 2em);
	display: inline-block;
}

.drop-down-news-right {
	width: calc(50% - 1em);
	display: inline-block;
	text-align: right;
}

.green-text {
	color: #DA0048;
}

.red-text {
	color: #F06449;
}

@media only screen and (min-width: 768px) {
	.open-drop-down .drop-down-menu {
		display: block;
		position: absolute;
		top: 70px;
		left: calc(90% - 380px);
		right: 10%;
		width: 380px;
		height: auto;
	}

	.drop-down-menu .welcome-text {
		padding: 1.2em 2.2em 1em;
	}

	.drop-down-menu .flex-row {
		padding: 1.2em 0em 1.4em;
	}

	.drop-down-menu li:last-child {
		border-bottom: 0px;
		/* padding: 1em 1em 0.8em; */
	}

	.drop-down-menu a {
		padding: 1em 0em;
		font-size: 1.4rem;
	}
}

/* search hover */

.header-search-content {
	display: none;
	position: absolute;
	top: 67px;
	left: 0;
	width: 100%;
	height: 255px;
	background-color: #FEF8FA;
	z-index: 0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.header-search:hover .header-search-content {
	display: block;
}

.hover-open:hover .header-search-content {
	display: block;
} 
@media only screen and (max-width: 767px) {
	.header-search-content {
		position: inherit;
	}
      header-search-sp-content {
        /*display: none;*/
        position: absolute;
        top: 67px;
        left: 0;
        width: 100%;
        height: 255px;
        background-color: #FEF8FA;
        z-index: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	}

    .header-search-sp:hover .header-search-content {
        /*display: block;*/
    }

    .hover-open:hover .header-search-sp-content {
        display: block;
    } 
	.hover-open:hover .header-search-sp-content {
	z-index: 999;
}
}
 /* sp--*/
@media only screen and (max-width: 767px) {
	.header-search-content {
		top: 52px;
		height: auto;
		background-color: #FEF8FA;
		z-index: 999;
	}
}

.header-search-title,
.header-search-bottom {
	color: #626461;
}

.header-search-bottom a {
	color: #DA0048;
	border-color: #DA0048;
}

.header-question-button::before {
	color: #DA0048;
}



/* sp-menu-content */

.sp-menu-content {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	background-color: #fff;
}

.sp-menu-content-inner {
	padding: 40px;
}

.sp-menu-content-inner li {
	padding: 1em 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.sp-menu-content-inner a {
	font-size: 2.2rem;
	font-weight: 600;
	text-decoration: none;
	color: #333632;
}

.sp-menu-content-inner li::before {
	color: #DA0048;
	font-size: 2.2rem;
}

.sp-menu-content-inner .small-description {
	padding: 1em 0 0em 2.5em;
	font-size: 1.2rem;
	font-weight: 300;
	color: #333632;
}

@media only screen and (min-width: 768px) {
	.sp-menu-content {
		display: none;
	}
}

/*** Go To Top ***/

.go-to-top {
	position: relative;
	background-color: #FEF8FA;
	border-radius: 5px;
	z-index: 777;
	width: 50px;
	height: 50px;
}

.go-to-top::after {
	content: '';
	position: absolute;
	top: 20px;
	left: 15px;
	width: 30%;
	height: 30%;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	border-radius: 2px 0 2px 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 0;
}

.go-to-top a {
	display: block;
	width: 50px;
	height: 50px;
	z-index: 9;
}

/*footer .go-to-top {
	display: none;
}*/

	footer .go-to-top {
		display: block;
		position: fixed;
		bottom: 5em;
		right: 2em;
		background: none;
		width: 40px;
		height: 40px;
	}

	footer .go-to-top::after {
		border-color: #DA0048;
	}

/*** footer ***/

footer {
	position: relative;
	color: #626461;
	/*background-color: #EFEFEF;*/
	padding: 2em 20px;
}

.footer-attention {
	padding: 2em 0;
	font-size: 1.2rem;
}

.footer-nav {
	order: 1;
	margin: 1em 0;
	font-size: 1.2rem;
	font-weight: 400;
}

.footer-nav li {
	padding-right: 3em;
	padding-left: 11px;
	position: relative;
}

.footer-nav li::before {
	content: "";
	padding-right: 0.2em;
	color: 
		#DA0048;
	font-size: 1.4rem;
	font-weight: 600;
	background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon04.png) no-repeat;
	position: absolute;
	top: 8px;
	left: 2px;
	width: 5px;
	height: 10px;
	background-size: 5px 10px;
}

.footer-nav a {
	color: #626461;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 0.06em;
}
.footer-content-wrap .footer-nav .inline-block a {
	font-size: 11px;
}
.footer-content {
	order: 2;
	text-align: center;
}

.footer-title a {
	margin: 1em 0;
	font-size: 1.4rem;
	font-weight: 600;
	color: #626461;
	text-decoration: none;
}

.footer-privacy-policy {
	order: 0;
}

.copyright {
	font-size: 1rem;
	font-weight: 200;
	float: left;
	display: inline;
	padding-left: 10px;
	line-height: 2.5;
}
@media only screen and (max-width: 767px) {
	.copyright {
	padding-left: 0;
}
}
@media only screen and (min-width: 768px) {
	footer {
		padding: 2em 0;
	}

	.footer-inner {
		width: 100%;
		margin: 0 auto;
		max-width: 1120px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.footer-attention {
		font-size: 1rem;
	}

	.footer-content-wrap {
		align-content: space-between;
		align-items: flex-end;
	}

	.footer-nav {
		flex: 1 1 auto;
		order: 2;
		text-align: right;
	}
	.footer-attention .footer-nav {
		text-align: center;
	}


	.footer-content {
		order: 1;
		text-align: left;
		float: left;
		display: inherit;
		vertical-align: middle;
		line-height: 1.5;
	}

	.footer-privacy-policy {
		order: 3;
	}
}
@media screen and (max-width: 767px) {
	.footer-inner .footer-attention .footer-nav {
		border-bottom: 1px solid #CBCBCB;
	}
	.footer-nav li {
		padding-bottom: 10px;
	}
	.inline-block {
		display: block;
	}
	.footer-content {
		text-align: left;
	}
	footer {
		padding: 0 20px;
	}
	.footer-inner .footer-attention .footer-nav li:last-child {
		padding-bottom: 30px;
	}
	.footer-content-wrap.flex-row-pc {
		flex-flow: column;
	}
	.footer-attention {
		padding: 2em 0 0;
	}
	.footer-nav {
		margin: 1em 0 0;
	}
	.copyright {
		padding-bottom: 15px;
	}
	.footer-content-wrap.flex-row-pc .footer-nav li:first-child {
		margin-top: 15px;
	}
}
/*** main ***/

.content-wrap {
	width: 100%;
	padding: 50px 0;
}

main {
	flex: 1 1 auto;
	width: calc(100% - 40px);
	margin: 0px auto;
}

main h2 {
	padding: 0.5em 0 1.15em;
	font-size: 27px;
	text-align: center;
	letter-spacing: 0.08em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 480px) {
	main h2 {
		font-size: 22px;
	}
}
.content-inner {
	margin-top: 1em;
}

/** sidebar **/

.sidebar {
	position: relative;
}

.sidebar-inner {
	position: relative;
	padding: 1em 20px;
}

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

	.content-wrap {
		width: 80%;
		margin: 0 auto;
	}

	main {
		width: calc(100% - 40px);
	}
	.module01 {
		max-width: 1120px;
		margin: 0 auto;
		padding: 0 20px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}

	.sidebar {
		flex: 0 0 300px;
		margin-right: 40px;
	}
	.sidebar.sidebar02 {
		margin-right: 0;
	}
	.sidebar-inner {
		padding: 0;
	}
}

/*** front-page ***/

.front-page h2 {
	font-size: 2.3rem;
	font-weight: 600;
}

.front-page h2::before {
	position: relative;
	top: 0.1em;
	padding-right: 0.2em;
	color: #DA0048;
	font-size: 2.8rem;
}

/* front-search */

.front-search {
	position: relative;
	height: 300px;
	background-image: url('image/top_bg.jpg');
	background-size: cover;
	background-attachment: fixed;
}

.front-search-inner {
	text-align: center;
	padding-top: 56px;
	color: #fff;
	max-width: 1080px;
	margin: 0 auto;
}
/*sp --*/
@media only screen and (max-width: 767px) {
	.front-search-inner {
		padding-top: 0;
	}
}
.front-search-title {
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}

.search-text-wrap {
	position: relative;
	left: -2em;
	margin: 1em auto;
	width: 70%;
}

.search-text-wrap::before {
	position: absolute;
	top: 0.5em;
	left: 0.8em;
	color: #DA0048;
	font-size: 2.2rem;
	z-index: 6;
}

.search-form-close-button {
	position: absolute;
	top: 0.4em;
	right: -2.5em;
	color: #626461;
	font-size: 2.2rem;
	z-index: 6;
	width: 2.2rem;
	height: 2.2rem;
	display: none;
	cursor: pointer;
}

.search-form-close-button .cats {
	left: 0;
	width: 100%;
	height: 1.5px;
}

.search-form-close-button .cats-1 {
	top: 0;
}

.search-form-close-button .cats-2 {
	top: 25px;
}

.search-text {
	width: 100%;
	padding: 0.8em 1em 0.8em 3em;
	font-size: 1.7rem;
	font-weight: 600;
	border-radius: 5px;
	outline: none;
	border: none;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.search-text::-webkit-input-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

.search-text::-moz-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

.search-text:-ms-input-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

.searchsubmit {
	display: none;
}

.front-search-bottom {
	font-size: 1.5rem;
}

.front-question-button {
	display: inline-block;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}

.front-question-button::before {
	padding-right: 0.3em;
	font-size: 1.8rem;
}

.front-question-button::before {
	padding-right: 0.3em;
	font-size: 1.8rem;
}

.front-search-bottom-image {
	position: absolute;
	left: calc(50% - 11.5px);
	bottom: 0;
	width: 23px;
	height: 38px;
}

.search-form-active {
	display: none;
	position: absolute;
	top: 2.2em;
	width: calc(100% + 4em);
	font-size: 1.7rem;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.16);
}

.search-form-active-inner {
	border-top: 1px solid #DA0048;
	color: #333632;
	margin-top: 0.3em;
	padding: 2em 0.7em;
	text-align: left;
}

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

	.front-page h2::before {
		padding-right: 0.6em;
		font-size: 3.2rem;
	}

	.search-text-wrap {
		margin: 2em auto;
		width: 50%;
	}

	.front-search-button {
		display: inline;
	}

	.front-search-title {
		font-size: 20px;

	}
}

/* post-list-content */

.post-list-content {
	padding: 1.5em 0;
	border-bottom: 1px solid #E3E3E3;
	font-size: 1.6rem;
}

.post-list-content .post-link-block {
	display: block;
	text-decoration: none;
}

.post-list-flex {
	margin: 1em 0;
}

.post-list-comment {
	width: 80px;
	padding: 0.4em 0;
	align-items: center;
	justify-content: center;
	background-color: #FEF8FA;
	border-radius: 5px;
	text-align: center;
	font-size: 1rem;
	font-weight: 600;
}

.post-list-comment-count {
	padding-left: 0.2em;
	font-size: 2rem;
}

.post-list-article {
	width: 100%;
	display: block;
	text-decoration: none;
}

.post-list-article p {
	color: #333632;
	font-size: 1.6rem;
}

.post-list-article h3 {
	margin: 0.6em 0;
	color: #DA0048;
	font-size: 1.8rem;
}

.post-list-content-description {
	align-content: space-between;
	font-size: 1.2rem;
	margin-bottom: 1em;
}

.description {
	margin: 1em 0;
}

.description li {
	padding-right: 0.3em;
}

.description-label {
	padding-right: 1em;
	font-weight: 600;
	color: #626461;
}

.description a {
	color: #DA0048;
	text-decoration: underline;
}

.counter span {
	font-weight: 600;
	padding-right: 1em;
	color: #626461;
}

.counter span::before {
	position: relative;
	top: 0.1em;
	padding-right: 0.5em;
	font-size: 1.4rem;
}

@media only screen and (min-width: 768px) {
	.post-list-content {
		font-size: 1.4rem;
	}

	.post-list-comment {
		flex: 0 0 55px;
		justify-content: flex-start;
		padding: 0.4em;
		height: 80px;
		font-size: 1rem;
	}

	.post-list-comment-count {
		padding: 0.6em 0 0;
		font-size: 2.5rem;
	}

	.post-list-article {
		flex: 1 1 auto;
		padding-left: 1em;
		max-height: 9em;
		min-height: 7em;
	}

	.post-list-article h3 {
		margin: 0 0 0.3em;
		font-size: 1.8rem;
	}

	.post-list-article p {
		font-size: 1.4rem;
	}

	.description {
		margin: 0;
	}

	.description li {
		padding-right: 1.5em;
	}

	.counter {
		flex: 1 1 auto;
		text-align: right;
	}

	.counter span {
		padding-left: 1em;
	}
}

/* pagination */

.pagination,
.bbp-pagination {
	margin: 2em auto;
	float: none;
}

.pagination ul,
.bbp-pagination-links {
	display: flex;
	flex-wrap: wrap;
	float: none;
	flex-flow: row;
	justify-content: center;
	align-items: top;
}

.pagination li,
.bbp-pagination-links .page-numbers {
	display: inline-block;
	margin: 0 0.2em;
	padding: 0.3em 0.8em;
	border-radius: 5px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 600;
}

.pagination a,
.bbp-pagination-links .page-numbers {
	color: #333632;
	text-decoration: none;
	border: none;
	height: 1.8em;
}

.bbp-pagination-links .page-numbers:hover {
	border: none;
	background: inherit;
}

.pagination li.active,
.bbp-pagination-links .page-numbers.current {
	color: #fff;
	background-color: #333632;
	border: none;
	margin: 0 0.2em;
	padding: 0.3em 0.8em;
}

.pagination li.next, .pagination li.prev,
.page-numbers.next,
.page-numbers.prev {
	background-color: #EFEFEF;
}

.pagination li.next a, .pagination li.prev a,
.page-numbers.next,
.page-numbers.prev {
	color: #333632;
}

.page-numbers.next:hover,
.page-numbers.prev:hover {
	background-color: #EFEFEF;
}

.page-numbers.next::after {
	content: '>';
	padding-left: 0.5em;
}

.page-numbers.prev::before {
	content: '<';
	padding-right: 0.5em;
}

.bbp-pagination-links span.dots {
	float: none;
	line-height: 3em;
}

.pagination .pc-hidden {
	display: none;
}

@media only screen and (max-width: 580px) {
	.pagination .sp-hidden {
		display: none;
	}

	.pagination .pc-hidden {
		display: flex;
		margin: 1em auto;
	}
}

@media only screen and (min-width: 768px) {
	.pagination ul,
	.bbp-pagination-links {
		justify-content: center;
	}
}

/*** front-sidebar ***/

.sidebar-content {
	margin-bottom: 2em;
}

.sidebar-content h4 {
	padding: 1em 0;
	font-size: 1.5rem;
	border-bottom: 1px solid #626461;
}

@media only screen and (min-width: 768px) {
}

/* popular-keyowrd */

.popular-keyword ul {
	flex-wrap: wrap;
	margin: 1em 0;
}

.popular-keyword li {
	display: inline-block;
	margin: 0.6em  0.6em 0.4em 0;
}

.popular-keyword a {
	padding: 0.6em 0.8em;
	text-decoration: none;
	background-color: #FEF8FA;
	border-radius: 5px;
	font-size: 1.4rem;
	font-weight: 600;
	color: #DA0048;
}

.no-popular-keyword {
	margin: 1em 0;
}

/* recent-question */

.recent-question li {
	padding: 1em 0;
	border-bottom: 1px solid #E3E3E3;
}

.recent-question-title {
	font-size: 1.4rem;
	font-weight: 600;
}

.recent-question-title a {
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
	color: #333632;

}

.recent-question-description {
	font-size: 1.1rem;
	color: #626461;
}

.recent-question-author {
	padding-left: 1em;
	color: #626461;
}

.recent-question-more {
	margin: 1em 0;
	text-align: right;
	color: #DA0048;
	font-size: 1.2rem;
	font-weight: 600;
}

/*** MyPage ***/

/* breadcrumb */

.breadcrumb-lists {
	font-size: 1rem;
	margin: 1em 1.5em;
}

.breadcrumb-lists a {
	text-decoration: none;
	color: #333632;
	padding: 1em 0.4em;
}

@media only screen and (min-width: 768px) {
	.breadcrumb-lists {
		margin: 20px 0 0 0;
	}

}

/* mypage-header */

.mypage-header {
	align-content: space-between;
	margin: 0;
}

.mypage-header h2 {
	flex: 1 1 auto;
	padding: 0;
	border: 0px;
	font-size: 27px;
	font-weight: 600;
	letter-spacing: 0.08em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1.5;
	text-align: left;
	padding: 0px 0px 17px;
}
.mypage-header.mypage-header02 h2 {
	padding: 32px 41px 22px;
}
/*@media only screen and (max-width: 767px) {
	.mypage-header h2 {
		padding: 32px 30px 22px;
	}

}*/
@media only screen and (max-width: 480px) {
	.mypage-header h2 {
	font-size: 18px;	
	}
	.mypage-header.mypage-header02 h2 {
	padding: 15px 10px 10px 23px;
}
}

.mypage-header h2:before {
	font-size: 3.2rem;
	padding-right: 0.5em;
	display: none;
}

.news-search-wrap {
	position: relative;
	margin: 2em 0 0;
	width: 100%;
}

.news-search-text-wrap::before {
	position: absolute;
	top: 0.1em;
	right: 0;
	color: #626461;
	font-size: 2rem;
}

.searchform-news .search-form-mypage {
	padding: 1em 2em 1em 1em;
	width: calc(100% - 3em);
	font-size: 1.6rem;
	font-weight: 600;
	border-radius: 5px;
	outline: none;
	border: none;
	background-color: #EFEFEF;
	box-shadow: none;
}

.searchform-news button {
	position: absolute;
	top: 1em;
	right: 1em;
	color: #626461;
	font-size: 1.8rem;
	border: 0px;
	background: none;
}

.search-form-mypage::-webkit-input-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

.search-form-mypage::-moz-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

.search-form-mypage:-ms-input-placeholder {
	color: #9EA09D;
	text-decoration: none;
}

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

}
.news-search-wrap {
	flex: 0 0 99px;
	width: auto;
	font-size: 12px;
}
.news-search-wrap a {
	position: absolute;
	top: 37%;
	color: #333632;
	text-decoration: underline;		
}
.mypage-header {
	font-size: 2.7rem;
	border-bottom: 1px solid #DA0048;
}
.mypage-header.mypage-header02 {
	border-bottom: 2px solid #DA0048;
}

.searchform-news .search-form-mypage {
	padding: 0.5em 2em 0.5em 1em;
	flex: none;
	font-size: 1.7rem;
}

.searchform-news button {
	top: 0.2em;
	right: 0.2em;
	font-size: 2.2rem;
}

.news-search-wrap {
	margin: 0;
}

/* news-filter */

.news-filter {
	align-items: center;
	width: 100%;
	margin: 1em 0;
}

.news-filter li {
	position: relative;
	display: inline-block;
	padding: 1em 0em 0.4em 0;
	margin-right: 1em;
	font-size: 1.4rem;
	font-weight: bold;
}

.news-filter::before {
	position: relative;
	top: 0.2em;
	font-size: 2.2rem;
	padding-right: 1em;
}

.news-filter.active::before {
	color: #DA0048;
}

.news-filter a {
	color: #626461;
	text-decoration: none;
}

.news-filter li.active::before {
	color: #DA0048;
}

.news-filter li.active a {
	padding-bottom: 0.3em;
	color: #DA0048;
	border-bottom: 1px solid #DA0048;
}

@media only screen and (min-width: 768px) {
	.news-filter li {
		padding: 1em 0em 0.4em 0;
		margin-right: 2em;
	}

	.news-filter li:first-child::before {
		padding-right: 1em;
	}
}

/* news-list */

.news-list-wrap {
	margin: 0;
	border-radius: 5px;
	padding-bottom: 24px;
}

.news-list-wrap .news-content:last-of-type {
	border-bottom: 0px;
	border-radius: 0 0 5px 5px;
}

.news-list-wrap .news-content:first-of-type {
	border-radius: 0px 0px 0 0;
}

.news-content {
	background-color:#FEF8FA;
	padding: 31px 0 0;
	align-content: space-between;
}

.news-content-read {
	background-color: #F5F5F5;
	/* border-radius: 5px; */
}

.notice .news-content-read{
	background-color: #FEF8FA;
}
.news-title {
	padding-left: 0;
	flex: 1 1 auto;
	padding-right: 2em;
}
.notice.notice02 .news-title {
	padding-left: 2em;
}

.news-title h3 {
	position: relative;
	font-size: 1.8rem;
	font-weight: 600;
}
.news-title h3 a {
	text-decoration: none;
	color: #333632;
	font-size: 14px;
	font-weight: bold;
}

.news-title h3:before {
	content: "●";
	width: 1em;
	height: 1em;
	font-size: 1.4rem;
	padding-right: 1em;
	color: #DA0048;
}



.news-content-read h3::before {
	display:none;
	color: #F5F5F5;
}

.news-title p {
	font-size: 1.4rem;
}

.news-content-read h3 {
	font-weight: 300;
}
.news-title > div {
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #626461;
}
.news-title div > span {
	background: #DA0048;
	color: #fff;
	padding: 4px 5px;
	border-radius: 10px;
	font-size: 10px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
	vertical-align: inherit;
	margin-right: 10px;
}
.news-description {
	/* text-align: center; */
	font-size: 1.4rem;
	color: #9EA09D;
	margin: 1em 0 0;
	padding-left: 1.8em;
	justify-content: space-between;
	flex: inherit;
	justify-content: inherit;
}

.news-description span {
	display: inline-block;
}

.news-description .news-date {
	text-align: right;
	flex: 1 1 auto;
}

#news-no-content {
	border-radius: 5px;
	padding: 2em;
}


	.news-title h3 {
		font-size: 1.7rem;
		border-bottom: 1px solid #E3E3E3;
		padding-bottom: 27px;
	}
	.notice02 .news-title h3 {
		font-size: 1.7rem;
		border-bottom: 2px solid #E3E3E3;
		padding-bottom: 27px;
	}

	.news-title p {
		font-size: 1.2rem;
	}

	/* //.news-title h3::before {

	//	width: 2em;
	//	height: 2em;
	//	font-size: 1.6rem;
	//	padding-right: 1em;

	//    content: "●";
	//    color: #DA0048;

	//} */

	.news-description {
		flex: 0 0 140px;
		justify-content: flex-start;
		text-align: right;
		margin: 0;
		padding: 0;
		font-size: 1.2rem;
		flex: inherit;
		justify-content: inherit;
	}
@media only screen and (min-width: 768px) {
}

/* mypage-sidebar */

.mypage-info-button {
	width: 100%;
	max-width: 100%;
	/*background-image: url('image/mypage_bg01.jpg');*/
	background-color: #DA0048;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	border-radius: 5px;
	margin: 1em 0 2em;
}
.mypage-info-button .sidebar-user-status>span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sidebar-user-status {
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
	padding: 1.8em 0;
}

.sidebar-user-status span {
	padding: 0 1em 0;
	line-height: 3.5em;
}

.sidebar-user-status img {
	width: 50px;
	height: 50px;
	margin-top: 0;
	border-radius: 25px;
}

@media only screen and (min-width: 768px) {
	.sidebar-user-status span {
		padding: 0 1em 0;
	}

	.sidebar-user-status img {
		margin-top: 0;
	}
}

/* mypage-menu */

.mypage-menu {
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}

.mypage-menu li {
	position: relative;
	border-bottom: 1px solid #E3E3E3;
}

.mypage-menu li:last-child {
	border-bottom: 0px;
}

.mypage-menu a {
	display: block;
	padding: 1em 1.6em;
	font-size: 1.6rem;
	font-weight: 600;
	text-decoration: none;
	color: #333632;
}

.mypage-menu li.active::before {
	position: absolute;
	top: 1.3em;
	left: 0;
	content: '';
	border: 3px solid #DA0048;
	height: 10px;
}

/* mypage-profile */

.mypage-profile {
	border: 1px solid #E3E3E3;
	border-radius: 5px;
}

.mypage-profile dl {
	margin: 0;
	padding: 1em;
	font-size: 1.4rem;
}

.mypage-profile dt {
	color: #DA0048;
	font-weight: 600;
}

.mypage-profile dd {
	color: #626461;
	padding: 0 0 1em;
	margin: 0;
}

/* mypage search results */
.search-count {
	font-size: 1.6rem;
	font-weight: 600;
	margin-right: 1em;
}

@media only screen and (min-width: 768px) {
	.mypage-profile dl {
		font-size: 1.2rem;
	}

	.search-count {
		font-size: 1.4rem;
	}
}

/*** Profile Edit ***/

.edit-page h1 {
	align-content: center;
	font-size: 2.2rem;
	font-weight: 600;
	padding: 1em 0;
	border-bottom: 1px solid #D0D1D0;
}

.profile-edit-page h1.profile-edit-title {
	border: none;
	font-size: 2.2rem;
	padding: 0.5em 0;
	margin: 0;
}

.profile-edit-page .edit-form {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #D0D1D0;
}

.edit-page h1 img {
	width: 3rem;
	height: 3rem;
	padding-right: 0.5em;
}

.edit-page h1 span {
	padding-top: 0.1em;
}

@media only screen and (min-width: 768px) {
	.edit-page h1 {
		font-size: 2.7rem;
	}

	.edit-page h1 img {
		padding-right: 1em;
	}

	.profile-edit-page .edit-form {
		margin-top: 2em;
		padding-top: 2em;
	}
}

/* edit-form */

.form-wrap {
	border-bottom: 1px solid #EFEFEF;
}

.edit-form dl,
.mw_wp_form dl {
	padding: 0.2em 0;
}

.edit-form dt,
.mw_wp_form dt {
	font-size: 1.6rem;
	font-weight: 600;
	padding: 0.4em 0;
}

.edit-form dd,
.mw_wp_form dd {
	position: relative;
	margin: 0;
	font-size: 1.6rem;
	width: 100%;
}

.attention {
	color: #626461;
	font-size: 1.1rem;
	line-height: 1.4em;
	vertical-align: center;
	padding-left: 1em;
	text-indent: -1em;
}

.attention::before {
	content: '※';
}

.edit-form input,
.edit-form textarea,
.mw_wp_form input,
.mw_wp_form textarea {
	width: calc(100% - 1.8em);
	padding: 0.8em 0.8em;
	background-color: #EFEFEF;
	border: 1px solid #D0D1D0;
	border-radius: 5px;
	outline: none;
}

.edit-form textarea,
.mw_wp_form textarea {
	resize: vertical;
	line-height: 1.6em;
}

.edit-form input:focus,
.mw_wp_form input:focus {
	box-shadow: 0 0 6px rgba(218,0,72, 0.62);
	border-color: #DA0048;
}

.select-wrap {
	position: relative;
	/* overflow: hidden; */
	width: 100%;
	margin: 2em auto;
	text-align: center;
}

.select-wrap select {
	width: 100%;
	padding: 0.8em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background-color: #EFEFEF;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #D0D1D0;
	border-radius: 5px;
	color: #333632;
}

.select-wrap select::-ms-expand {
	display: none;
}

.select-wrap::before {
	position: absolute;
	top: 1.2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #626461;
	pointer-events: none;
	z-index: 3;
}

.contact-confirm-wrap .select-wrap {
	text-align: left;
}

.contact-confirm-wrap .select-wrap::before {
	display: none;
}

.submit-wrap {
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 3em;
}

.submit-wrap {
	padding-bottom: 3em;
}

.mw_wp_form .cancel-button {
	width: auto;
	margin: 0;
	padding: 1em 0.8em;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.mw_wp_form .cancel-button:hover {
	opacity: 0.7;
}

.form-wrap button.submit-button,
.submit-button,
.form-wrap .submit-button-contact,
.bbp-topic-form .submit-wrap .sbumit-button {
	padding: 0 3em;
	background-color: #DA0048;
	cursor: pointer;
	color: #fff;
}

#bbp_user_edit_submit {
	padding: 0 1em;
}

.form-wrap button.submit-button:disabled,
.submit-button:disabled,
.form-wrap .submit-button-contact:disabled {
	background-color: #EFEFEF;
	cursor: default;
	color: #9EA09D;
}

.popup .button-wrap .submit-button {
	padding: 0 2em;
}

.form-wrap .submit-button-contact,
.confirm-wrap .submit-button {
	width: auto;
	padding: 1em 2em !important;
	border: none;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
}

.form-wrap button,
.form-wrap a.cancel-button,
.form-wrap .cancel-button {
	/* margin: 1em 0.4em; */
	padding: 1em 0.8em;
	border: none;
	border-radius: 5px;
	outline: none;
	color: #fff;
	background-color: #626461;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 1.5rem;
	font-weight: 600;
}

.contact-form-wrap {
	border: none;
}

.form-wrap.contact-form-wrap {
    max-width: 1120px;
    margin: 0 auto;
    width: 100%;
}

.form-wrap .required::after {
	content: '必須';
	margin-left: 1em;
	padding: 0.3em 0.4em;
	border-radius: 1.1rem;
	background-color: #F06449;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
}

.emailBoxTop {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.emailBox {
    padding-top: 0 !important;
	/* margin-top: 0 !important; */
}
.form-wrap .emailBox .required::after {
	display: none;
}

.contact-confirm-wrap .required::after {
	display: none;
}
.contact-confirm-wrap .cancel-button-contact {
	display: none;
}

.form-wrap .required-input {
	box-shadow: none;
}

.form-wrap .attention.red-text {
	position: absolute;
	bottom: -3em;
	height: 30px;
	color: #F06449;
	font-weight: 600;
	display: none;
}

.form-wrap .error {
	text-align: left;
	color: #F06449 !important;
	font-weight: 600;
}


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

	.submit-wrap {
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 3em;
	}    

	.edit-form dl,
	.mw_wp_form dl {
		align-items: center;
		padding: 0.5em 0;
	}

	.edit-form dt,
	.mw_wp_form dt {
		flex: 0 0 140px;
		font-size: 1.4rem;
		padding: 0;
	}

	.edit-form dd,
	.mw_wp_form dd {
		flex: 1 1 auto;
		margin-left: 1em;
		font-size: 1.4rem;
	}

	.attention {
		font-size: 1.2rem;
	}

	.form-wrap button,
	.submit-button {
		margin: 0 1em;
		padding: 1em 1.5em;
	}

	.form-wrap .required::after {
		margin-left: 0.2em;
	}

	.form-wrap .cancel-button-contact {
		padding: 1em 2em;
		transition: 0.3s;
	}

	.form-wrap .submit-button-contact {
		margin: 0 1em;
		padding: 1em 4em;
		transition: 0.3s;
	}

	.form-wrap .submit-button-contact:hover,
	.form-wrap .cancel-button-contact:hover {
		opacity: 0.7;
	}

	.form-wrap .submit-button-contact:disabled:hover {
		opacity: 1;
	}
}

/*** Password Edit ***/

.form-description,
.page-description {
	color: #333632;
	font-size: 1.4rem;
	margin: 2em 0;
	word-break: inherit;
}

.password-edit button.submit-button {
	padding: 1em 0.5em;
	background-color: #EFEFEF;
}

.attention-wrap {
	border: 1px solid #9EA09D;
	border-radius: 5px;
	padding: 1em;
	margin: 2em 0 0;
}

.attention-wrap h4 {
	font-size: 1.2rem;
	font-weight: 600;
}

.attention-wrap p {
	color: #333632;
	font-size: 1.2rem;
}

.forgot-password {
	display: flex;
	margin: 1em auto 10vh;
	width: 100%;
	justify-content: center;
}

.forgot-password .front-question-button {
	color: #DA0048;
	border-color: #DA0048;
	text-align: center;
	margin: 0 auto;
	font-size: 1.5rem;
}

.profile-edit-page .front-question-button {
	font-size: 1.3rem;
	font-weight: 600;
}

.forgot-password .front-question-button::before {
	color: #DA0048;
	font-size: 1.4rem;
}

.login-inner .forgot-password .front-question-button {
	font-size: 1.4rem;
}

.password-edit .submit-wrap {
	padding-bottom: 1em;
}

@media only screen and (min-width: 768px) {
	.password-edit dt {
		flex: 0 0 240px;
	}

	.forgot-password .front-question-button,
	.login-inner .forgot-password .front-question-button { 
		font-size: 1.5rem;
	}
}

/*** Search Results ***/

.content-inner .search-inner h1 {
	justify-content: space-between;
	align-content: space-between;
	font-size: 2rem;
	padding: 0;
	border-bottom: none;
}

.search-words {
	font-size: 1.4rem;
	font-weight: 300;
	color: #333632;
	margin: 1em 0 0;
}

.search-filter-list {
	justify-content: space-between;
	padding: 0 0 1em;
	border-bottom: 1px solid #626461;
}

.search-filter-list li {
	padding: 0.3em 0.4em;
}

.filter-image {
	margin: 0.4em 0 0;
}

.search-filter-list a {
	padding: 0.3em 0;
	color: #626461;
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
}

.search-filter-list .active a {
	color: #DA0048;
	border-bottom: 1px solid #DA0048;
}

@media only screen and (min-width: 768px) {
	.content-inner .search-inner h1 {
		font-size: 2.7rem;
	}

	.search-filter-list {
		justify-content: flex-start;
	}

	.search-filter-list li {
		padding: 0.3em 0.6em;
	}

	.search-words {
		margin: 0;
	}
}

/* footer-search-form */

.footer-search-form {
	margin-bottom: 2em;
}

.footer-search-form-inner {
	position: relative;
	left: -1em;
	width: calc(100% + 2em);
	margin: 2em 0;
	padding: 0.5em 0;
	background-color: #FEF8FA;
	border-radius: 0;
	text-align: center;
}

.footer-search-form h3 {
	padding: 1.5em 0 1em;
	font-size: 2.2rem;
	font-weight: 600;
	color: #626461;
}

.footer-search-form .search-text-wrap {
	width: 70%;
	margin-top: 1em;
}

.footer-search-form .front-search-bottom {
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.footer-search-form-inner {
		left: 0;
		width: 100%;
		padding: 0 0 0.5em;
		border-radius: 5px;
	}

	.footer-search-form h3 {
		padding: 1em 0 0;
	}

	.footer-search-form .search-text-wrap {
		width: 80%;
	}
}

/*** Post Page ***/

.main-inner h1 {
	color: #333632;
	font-size: 2rem;
	font-weight: 600;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #D0D1D0;
}

.main-inner h1::before {
	color: #DA0048;
	font-size: 2.4rem;
	padding-right: 0.4em;
}

.post-author-wrap {
	align-items: center;
	font-size: 1.6rem;
}

.post-author-wrap img {
	margin-right: 0.3em;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

.post-author-wrap .post-author {
	font-weight: 600;
}

#wp-bbp_topic_content-wrap,
#wp-bbp_topic_content-editor-container {
	border-radius: 5px;
	overflow: hidden;
	border: none;
}

#wp-bbp_topic_content-wrap {
	/* padding: 0.8em 0.8em; */
	background-color: #EFEFEF;
	border: 1px solid #D0D1D0;
	max-height: 700px;
}

#mceu_19 {
	border: none;
}

.post-edit #mceu_16-body #mceu_12 {
	background-color: #EFEFEF;
}

#mceu_12-button {
	background: none;
	box-shadow: none;
	margin: 0;
}

#mceu_48 {
	background-color: #fff;
}

.mce-primary button::before {
	content: '画像サイズは2MBまで';
	position: absolute;
	left: -220px;
	color: #626461;
}

@media only screen and (min-width: 768px) {
	.main-inner h1 {
		font-size: 2.7rem;
	}

	.main-inner h1::before {
		font-size: 2.7rem;
		padding-right: 0.8em;
	}

	.post-author-wrap {
		font-size: 1.4rem;
	}

	.post-author-wrap img {
		margin-right: 1em;
	}

	.post-author-wrap .post-author {
		font-weight: 600;
		padding-right: 0.5em;
	}

	.post-edit dt {
		flex: 0 0 3em;
	}

	#mceu_12-button {
		margin: 0 1em;
	}
}

/*** Post List ***/

.post-list-wrap h2 {
	font-size: 2rem;
	padding: 1em 0 0.5em 1em;
	font-weight: 600;
	border: none;
	text-indent: -1em;
}

.post-list-wrap h2::before {
	content: '';
	border: 1.5px solid #DA0048;
	margin: 0 0.8em 0 0;
}

.post-list-wrap .manual-description {
	padding: 1em 0.5em;
}

.post-list-wrap:last-child {
	margin: 1em 0;
}

.comment-list-inner {
	margin: 4em 0;
}

@media only screen and (min-width: 768px) {
	.post-list-wrap h2::before {
		margin: 0 1em 0 0;
	}
}

/*** Post Description ***/

.qa-header {
	background-color: #EFEFEF;
}

.qa-header-contents {
	padding-bottom: 1em;
	margin: 0 20px;
}

.qa-title h1 {
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.6em;
}

.qa-header-description-wrap {
	align-items: center;
	justify-content: space-between;
}

.qa-header-info {
	height: 140px;
	background-color: #fff;
	border-radius: 5px;
	margin-top: 1.2em;
}

.qa-header-info .post-author {
	width: 100%;
	padding: 0 0 1.5em;
	color: #626461;
	font-size: 1.2rem;
	font-weight: 600;
	border-bottom: 1px solid #D0D1D0;
}

.qa-header-info-inner {
	padding: 1.5em 2em;
}

.qa-header-info .post-author a {
	color: #DA0048;
	font-weight: 300;
	margin-left: 1em;
}

.qa-header-info .counter {
	text-align: left;
	padding: 2em 0;
	font-size: 1.2rem;
}

.qa-header-info .counter span {
	padding: 1em 0;
}

.qa-header-info .counter .viewer {
	padding-left: 1em;
}

.qa-header-comment {
	font-size: 2.2rem;
	font-weight: 600;
	flex-wrap: wrap;
	align-items: center;
}

.qa-header-comment .comment-label {
	height: 18px;
	line-height: 18px;
	padding: 0.5em 0.8em;
	font-size: 1rem;
	background-color: #FEF8FA;
	border-radius: 5px;
	margin-right: 1em;
}

.qa-header-date {
	margin-left: 3em;
	color: #626461;
	font-size: 1.2rem;
}

.qa-header-date .time-label {
	font-weight: 600;
	margin-right: 1em;
}

@media only screen and (min-width: 768px) {
	.qa-header-inner {
		width: 80%;
		margin: 0 auto;
	}

	.qa-header-contents {
		margin: 0;
		padding-bottom: 3em;
	}

	.qa-title {
		flex: 1 1 auto;
		margin-right: 40px;
	}

	.qa-title h1 {
		font-size: 2.7rem;
	}

	.qa-header-info {
		flex: 0 0 300px;
	}

	.qa-header-description-wrap {
		justify-content: flex-start;
		padding-top: 1em;
	}

	.qa-header-comment .comment-label {
		font-size: 1.2rem;
	}
}

/* article */

.qa-content-wrap {
	padding: 2em 0;
}

.qa-article {
	font-size: 1.4rem;
	line-height: 2em;
	border-bottom: 1px solid #9EA09D;
	padding-bottom: 4em;
}

.qa-article p {
	margin: 40px 0;
	/* font-weight: 600; */
}

.qa-article p:first-of-type {
	margin: 0;
}

.qa-article .watch-action {
	display: none;
}

.like {
	float: none;
}

@media only screen and (min-width: 768px) {
	.qa-article p {
		font-weight: 300;
	}
}

/* comment */

.comments {
	margin-bottom: 4em;
}

.comments h3 {
	font-size: 2.2rem;
	font-weight: 600;
	margin: 1em 0;
}

.comment {
	position: relative;
	left: -1em;
	width: calc(100% + 2em);
	background-color: #EFEFEF;
	margin: 0 0 2em;
}

.comment-inner {
	border-bottom: 1px solid #9EA09D;
	padding: 1.5em 1em;
}

.comment-inner p {
	font-size: 1.6rem;
}

.comment-description {
	font-size: 1.2rem;
	margin: 1em 0;
}

.comment-description::after {
	content: "";
	display: block;
	clear: both;
}

.comment-review-wrap {
	justify-content: space-between;
	align-items: center;
	margin: 1em;
	padding: 1em 0 2em;
}

.comment-review-button-wrap {
	justify-content: space-between;
	align-items: center;

}

.comment-review {
	display: inline-block;
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.4em;
	margin-bottom: 1em;
}

.comment-review-count {
	font-size: 1.1rem;
	font-weight: 600;
}

.comment-review-label {
	font-size: 1.2rem;
	color: #333632;
	line-height: 1.4em;
	margin-right: 0.5em;
}

.watch-action {
	display: flex;
	flex-flow: row;
}

.watch-action .status {
	font-size: 1.2rem;
	color: #333632;
	line-height: 1.4em;
	margin-right: 0.5em;
	padding: 0;
}

.watch-position {
	display: flex;
	justify-content: space-between;
	order: 1;
}

.watch-position a {
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	background-color: #626461;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: center;
	transition: 0.3s;
}

.watch-position a:hover {
	background-color: #333632;
	opacity: 1;
}

.action-like a {
	margin-right: 1px;
	border-radius: 5px 0 0 5px;
	text-decoration: none;
}

.action-unlike a {
	border-radius: 0 5px 5px 0;
	text-decoration: none;
}

.back-question a::before {
	font-size: 2rem;
	padding-right: 0.8em;
}

.watch-position img, 
.watch-position span {
	display: none;
}

.action-like a::before {
	content: "はい";
	text-decoration: none;
	color: #fff;
}

.action-unlike {
	padding: 0;
}

.action-unlike a::before {
	content: "いいえ";
	text-decoration: none;
	color: #fff;
}

.back-question {
	display: flex;
	justify-content: center;
	margin: 1em 0 4em;
}

.back-question a {
	color: #333632;
	font-size: 1.4rem;
	font-weight: 600;
	text-decoration: none;
	text-align: center;
}


@media only screen and (min-width: 768px) {
	.comment {
		left: 0;
		width: 100%;
		border-radius: 5px;
	}

	.comments h3 {
		font-size: 2.7rem;
	}

	.comment-inner {
		padding: 1.5em 2em;
	}

	.comment-description {
		margin: 2em 0 0;
	}

	.comment-description li:nth-child(3) {
		float: right;
		padding-right: 0;
	}

	.comment-inner p {
		font-size: 1.4rem;
	}

	.comment-review-wrap {
		margin: 1em 2em;
	}

	.comment-review {
		font-size: 1.2rem;
	}

	.watch-action .status {
		font-size: 1rem;
	}

	.comment-review-count {
		font-size: 1.6rem;
		padding-right: 0.3em;
	}

	.watch-position a {
		width: 52px;
	}

	.back-question {
		display: block;
	}

	.back-question a {
		text-align: left;
	}
}

/* comment popup */


/* comment form */

.comment-form {
	position: relative;
}

.comment-form-inner {
	position: relative;
	left: -1em;
	width: 100%;
	background-color: #626461;
	padding: 1.5em 1em;
}

.comment-form-wrap .post-author {
	font-size: 1.4rem;
}

.comment-form-inner div {
	color: #fff;
}

.add-image-button {
	position: absolute;
	top: 1.5em;
	right: 1em;
	font-size: 1.8rem;
}

.bbp-the-content {
	margin: 1em 0;
	padding: 1em 1em;
	width: 100% !important;
	height: 150px;
	border-radius: 5px;
	border: none;
	font-size: 1.4rem;
}

.comment-submit {
	width: 220px;
	padding: 1em;
	background-color: #fff;
	border-radius: 5px;
	color: #626461;
	font-size: 1.5rem;
	font-weight: 600;
	transition: 0.3s;
}

.comment-submit::before {
	color: #626461;
	padding-right: 0.5em;
}

.comment-submit:hover {
	opacity: 0.7;
}

.comment-form fieldset {
	padding: 0;
}

#wp-bbp_reply_content-editor-tools,
#mceu_20 {
	display: none;
}

#mceu_18,
#bbp_reply_content_ifr,
#mceu_13-body {
	border-radius: 5px;
	overflow: hidden;
}

.bbp-the-content-wrapper {
	border-radius: 5px;
	overflow: hidden;
	margin: 0;
}

#wp-bbp_reply_content-wrap {
	margin: 1em 0;
	border-radius: 5px;
	overflow: hidden;
}

#mceu_17-body div {
	display: none;
}

.comment-form #mceu_16-body #mceu_12 {
	background-color: #fff;
}

#mceu_16-body #mceu_12 {
	display: block;
	position: absolute;
	right: 0;
}

/* #mceu_16-body #mceu_12 i::before {
content: "\e90f";
} */


#mceu_14,
#mceu_15 {
	position: absolute;
	width: 100%;
	background: none;
	box-shadow: none;
	border: 0px;
}

#mceu_14::before {
	box-shadow: none;
}

@media only screen and (min-width: 768px) {
	.comment-form-inner {
		left: 0;
		width: auto;
		border-radius: 5px;
		padding: 1.5em 2em;
	}

	.comment-submit {
		width: 300px;
	}

	.comment-form-wrap .post-author {
		font-size: 1.5rem;
	}
}

/* fixed sidebar */

.fixed-wrap {
	display: none;
	position: fixed;
	bottom: 120px;
	right: 10%;
	width: 300px;
}

.wp_ulike_general_class {
	display: flex;
	width: calc(100% - 1em);
	height: 50px;
	line-height: 50px;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 0 1em;
	font-size: 1.5rem;
	font-weight: 600;
	color: #DA0048;
	background-color: #FEF8FA;
	border-radius: 5px;
	transition: 0.3s;
	justify-items: center;
}

.wp_ulike_general_class:hover {
	opacity: 0.7;
}

.wp_ulike_general_class span {
	font-weight: 600;
}

.wpulike-default .wp_ulike_btn {
	border-radius: 0px;
}

.wp_ulike_btn::before {
	content: "この質問が役に立った";
	font-size: 1.5rem;
	font-weight: 600;
	color: #DA0048;
}

.wp_ulike_btn::after,
.wp_ulike_loading::after {
	position: relative;
	left: 0.5em !important;
	color: #626461;
}

.wpulike-default .count-box::before {
	content: "";
	width: 0;
	height: 0;
	border: none;
	height: 100%;
	vertical-align: bottom;
}



.wpulike-default .count-box {
	flex: 0 0 50px;
	display: block;
	border: none;
	box-shadow: none;
	background-color: transparent;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	border-radius: 0px;
	padding: 1em 0;
	box-sizing: border-box;
	border-left: 1px solid #fff;
}

.useful-label {
	position: relative;
	padding-left: 2em;
	height: 50px;
	line-height: 50px;
}

.useful-button .useful-label::before {
	position: absolute;
	top: 0;
	left: 0;
	color: #DA0048;
	padding-right: 1em;
	font-size: 2rem;
	line-height: 50px;
}

.useful-count {
	width: 50px;
	text-align: center;
	border-left: 1px solid #fff;
}

.side-comment-button {
	display: block;
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin: 0.5em 0;
	padding: 0 1em 0 3em;
	background-color: #626461;
	border-radius: 5px;
	text-align: left;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

a.side-comment-button {
	width: calc(100% - 4em);
}

.side-comment-button:hover {
	opacity: 0.7;
}

.side-comment-button::before {
	position: absolute;
	top: 0;
	left: 0.7em;
	font-size: 2rem;
}

.sp-menu-wrap .side-comment-button {
	margin: 0 0.5em;
	width: auto;
	flex: 1 1 auto;
	font-size: 1.4rem;
	padding: 0 0.5em 0 2.8em;
}

.wpulike {
	width: 100%;
}

.pc-hidden .useful-button {
	margin: 2em 0;
}

.pc-hidden .side-comment-button {
	display: block;
	position: fixed;
	bottom: 38px;
	left: 70px;
	width: 156px;
	height: 45px;
	padding: 0 0.2em 0 2em;
	font-size: 1.4rem;
	line-height: 45px;
}

.pc-hidden .side-comment-button::before {
	position: absolute;
	left: 0.4em;
	font-size: 1.8rem;
}

.pc-hidden .wpulike {
	margin: 2em 0;
}

@media only screen and (min-width: 768px) {
	.fixed-wrap {
		display: block;
	}
}

/*** Single Edit ***/

.qa-content-wrap .sidebar {
	display: flex;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 70vh;
	width: 100%;
	height: 140px;
	color: #fff;
}

.qa-content-wrap .sidebar-inner {
	width: 100%;
}

.fixed-wrap-display {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	margin-bottom: 2em;
}

.side-comment-button-green {
	background-color: #FEF8FA;
	color: #626461;
}

@media only screen and (min-width: 768px) {
	.fixed-wrap-display {
		/* position: fixed;
		top: auto;
		left: auto;
		bottom: 120px;
		right: 10%;
		width: 300px; */
	}
}

/*** Manual ***/

.manual h1 {
	border-color: #626461;
}

.manual .page-description {
	font-size: 1.6rem;
	margin-bottom: 0;
}

.manual-contents {
	flex-wrap: wrap;
}

.manual-contents li {
	position: relative;
	width: calc(100% / 2);
	cursor: pointer;
}

.manual-contents img {
	display: block;
	margin: 0.5em auto;
	width: 90%;
	object-fit: cover;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.manual-contents img::before{
	content: '';
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

.manual-inner {
	margin-bottom: 2em;
}

.manual-inner h2 {
	padding-top: 50px;
}

.manual-contents li::before {
	position: absolute;
	top: 1em;
	right: 1em;
	color: #DA0048;
	transition: 0.3s;
	font-size: 1vw;
	z-index: 1;
}

.manual-hover-text {
	position: absolute;
	top: 0;
	left: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90%;
	height: calc(100% - 1em);
	margin: 0.5em auto;
	opacity: 0;
	background-color: #DA0048;
	text-align: center;
	line-height: 1.8em;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	transition: 0.3s;
}

.manual-contents li:hover .manual-hover-text {
	opacity: 0.9;
}

.manual-contents li:hover::before {
	color: #fff;
	z-index: 2;
}

.manual-contents a:hover {
	opacity: 1;
}

.manual-contents li::after {
	position: absolute;
	content: '';
	bottom: 2vw;
	left: calc(50% - 4px);
	width: 8px;
	height: 8px;
	border-top: 2px solid #DA0048;
	border-right: 2px solid #DA0048;
	border-radius: 1px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
@media (max-width: 600px) {
	.manual-contents li::after {
		width: 4px;
		height: 4px;
	}
}
@media (max-width: 449px) {
	.manual-contents li::after {
		bottom: 4vw;
	}
}

.manual-contents h3 {
	position: absolute;
	bottom: 2em;
	left: 0;
	width: 100%;
	font-size: 1.8vw;
	text-align: center;
	line-height: 1.4;
}

@media only screen and (min-width: 450px) {
	.manual-contents li {
		width: calc(100% / 4);
	}
}

@media only screen and (min-width: 768px) {
	.manual-contents li {
		width: calc(100% / 4);
	}

	.manual-contents li::after {
		display: none;
	}

	.manual-contents img {
		height: auto;
		min-height: calc(100% - 1em);
	}
}

/* manual sidebar */

.search-form-manual {
	padding: 1em 2em 1em 1em;
	width: calc(100% - 3em);
	font-size: 1.6rem;
	font-weight: 300;
	border-radius: 5px;
	outline: none;
	border: none;
	background-color: #EFEFEF;
	box-shadow: none;
	margin: 1.5em 0 0;
}

.searchform-manual {
	position: relative;
}

.searchform-manual button {
	position: absolute;
	top: 2.3em;
	right: 0.6em;
	color: #626461;
	font-size: 1.8rem;
	border: 0px;
	background: none;
}

.search-form-manual::-webkit-input-placeholder {
	font-weight: 300;
}

.search-form-manual::-moz-placeholder {
	font-weight: 300;
}

.search-form-manual:-ms-input-placeholder {
	font-weight: 300;
}

.search-results-manual {
	margin: 1em 0;
}

.search-results-manual .search-count {
	font-size: 1.7rem;
}

@media only screen and (min-width: 768px) {
	.manual .page-description {
		font-size: 1.4rem;
	}

	.search-form-manual {
		font-size: 1.5rem;
		padding: 0.8em 2em 0.8em 1em;
		margin: 0;
	}

	.searchform-manual button {
		top: 0.4em;
		right: 0.4em;
		font-size: 2rem;
	}

	.search-results-manual {
		margin: 2em 0;
	}
}

/* manual-category */

.manual-category {
	margin: 1em 0;
}

.manual-category h3 {
	font-size: 1.5rem;
	font-weight: 600;
}

.manual-category li {
	margin: 0.2em 0;
}

.manual-category a {
	color: #333632;
	text-decoration: none;
	font-size: 1.5rem;
}

@media only screen and (min-width: 768px) {
	.manual-category {
		margin: 0 1em 0;
	}

	.manual-category li {
		margin: 1em 0 0.5em;
	}
}

/*** Manual Search ***/

.results-label {
	font-size: 1.7rem;
	font-weight: 600;
	margin: 1em 0;
}

.results-label .search-words {
	font-size: 1.4rem;
	margin: 0;
}

@media only screen and (min-width: 768px) {
	.results-label {
		margin: 2em 0;
	}
	.results-label .search-words {
		padding-left: 2em;
	}
}

/*** Member Info ***/

.member-info-inner {
	border: 1px solid #D0D1D0;
	border-radius: 5px;
}

.member-info-inner h1 {
	padding: 1em;
	font-size: 1.6rem;
	border-color: #D0D1D0;
}

.info-wrap {
	margin: 1em 1em 2em;
}

.info-wrap dt,
.info-wrap dd {
	font-size: 1.4rem;
}

.member-info .main-inner {
	margin-bottom: 4em;
}

@media only screen and (min-width: 768px) {
	.member-info-inner h1 {
		padding: 1em 1em 1.4em;
		font-size: 2.2rem;
	}

	.info-wrap {
		margin: 1em 2em 2em;
	}

	.info-wrap dt,
	.info-wrap dd {
		font-size: 1.4rem;
	}
}

/*** Login Wrap ***/

.login-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
	padding: 0;
	background-image: url('image/body_bg@2x.jpg');
	background-size: cover;
}

.login-inner {
	position: relative;
	top: 0em;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

.login-inner h1 {
	font-size: 2.6rem;
	color: #fff;
	margin: .4em 0 0;
	text-align: center;
	line-height: 1.8em;
}

.login-inner img {
	padding-top: 3em;
	width: 23px;
	height: auto;
}

.login-description {
	font-size: 1.4rem;
	color: #FEF8FA;
	margin: 1em 0;
	text-align: center;
}

.login-form {
	width: 80%;
	padding: 1.5em 1em;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.login-form dt {
	font-size: 1.3rem;
	font-weight: 600;
}

.login-form dd {
	margin: 0.2em 0;
}

.login-form input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #9EA09D;
	padding: 0.8em 0;
	font-size: 1.6rem;
	caret-color: #DA0048;
}

#user_pass {
	border-color: #DA0048;
}

.password-dd {
	position: relative;
}

.password-dd .password-visible {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.8rem;
	z-index: 4;
	cursor: pointer;
}

.password-dd .password-visible::before {
	color: #9EA09D;
}

.password-dd .password-visible::after {
	content: none;
}

.password-dd .password-visible-none::after {
	content: '';
	position: absolute;
	top: 0.4em;
	right: 0em;
	width: 1.8rem;
	height: 2px;
	background-color: #9EA09D;
	border: 2px solid #fff;
	border-radius: 2px;
	border-width: 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.login-button {
	background-color: #DA0048;
	color: #fff;
	width: 100%;
	padding: 1em 0;
	font-size: 1.7rem;
	font-weight: 600;
	border-radius: 5px;
	transition: 0.3s;
}

.login-button:hover {
	opacity: 0.7;
}

.login-button::before {
	padding-right: 0.5em;
	font-size: 1.8rem;
}

.login-save-wrap {
	justify-content: left;
	align-items: center;
	margin: 1em 0;
}

.login-save-wrap input {
	width: 20px;
	height: 20px;
	margin-right: 0.5em;
}

.login-save-wrap .login-save-check {
	font-size: 1.4rem;
	cursor: pointer;
	transition: 0.3s;
}

.login-save-wrap .login-save-check:hover {
	opacity: 0.7;
}

.login-save-check input[type="checkbox"] + span::before {
	border: none;
	background-color: #D0D1D0;
	border-radius: 3px;
}

.login-save-check input[type="checkbox"]:checked + span::before {
	background-color: #D0D1D0;
}

.login-save-check input[type="checkbox"]:checked + span::after {
	border-color: #333632;
}

.login-save-wrap label {
	width: auto;
}

.login-inner .forgot-password a {
	color: #fff;
	border-color: #fff;
	font-size: 1.2rem;
}

.login-inner .forgot-password a::before {
	color: #fff;
}

fieldset {
	border: none;
}

.login-error-text {
	color: #F06449;
	font-size: 1.5rem;
	font-weight: 600;
	margin: 1.5em 0;
	padding-left: 1.5em;
	text-indent: -1.3em;
	line-height: 1.4em;
}

.login-error-text::before {
	padding-right: 0.3em;
}

@media only screen and (min-width: 768px) {
	.login-inner {
		position: relative;
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
	}

	.login-inner h1 {
		font-size: 2.4rem;
		text-align: left;
	}

	.login-description {
		text-align: left;
	}

	.login-form {
		width: 380px;
		padding: 1.5em 3em;
	}

	.bbp-login-form .bbp-username input,
	.bbp-login-form .bbp-email input,
	.bbp-login-form .bbp-password input {
		padding: 0.5em 0;
	}

	.login-save-wrap {
		justify-content: center;
	}

	.login-inner .forgot-password a {
		font-size: 1.5rem;
	}
}

/*** Contact ***/
.privacy-policy ol li {
	list-style-type: decimal;
	display: list-item;
}
.privacy-policy ol {
	padding-left: 2em;
}

.contact-form textarea,
.mw_wp_form textarea {
	border: 1px solid #D0D1D0;
}

.contact-privacy-policy {
	border: 1px solid #9EA09D;
	border-radius: 5px;
	padding: 0.5em 0;
}

.contact-privacy-policy .content-wrap {
	width: calc(100% - 2em);
	height: 180px;
	overflow-y: scroll;
	border-radius: 5px;
	padding: 0 1em;
}
.mw_wp_form .horizontal-item,
.mw_wp_form .horizontal-item + .horizontal-item {
	margin: 0 10px 0 0;
}
.contact-privacy-policy-wrap label {
	position: relative;
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 1em auto;
	font-size: 1.4rem;
}

.contact-privacy-policy-wrap input {
	width: 20px;
}

label input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	display: none;
}

label input[type="checkbox"] + span::before,
label input[type="checkbox"] + span::after {
	position: absolute;
	top: 0.5em;
	left: 0em;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}

label span {
	display: inline-block;
	position: relative;
	padding-left: 1.2em;
}

label input[type="checkbox"] + span::before {
	z-index: 0;
	background-color: transparent;
	width: 14px;
	height: 14px;
	border: 1px #333632 solid;
	border-radius: 0;
}

label input[type="checkbox"] + span::after {
	z-index: 1;
	margin: 2px 4px;
	width: 6px;
	height: 9px;
}

label input[type="checkbox"]:checked + span::before {
	background-color: #333632;
}

label input[type="checkbox"]:checked + span::after {
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.contact-confirm-wrap .contact-privacy-policy-wrap {
	display: none;
}

@media only screen and (min-width: 768px) {
	.contact-form dt,
	.mw_wp_form dt {
		flex: 0 0 240px;
	}

	label span {
		padding-left: 2em;
	}

}

/*** Forgot ID PW ***/

.login-edit-page h1 {
	border: none;
	margin-top: 2em;
	padding-bottom: 0;
}

.login-edit-page .form-description {
	/* margin-top: 0; */
	padding-bottom: 2em;
	border-bottom: 1px solid #626461;
}

.login-edit-page dt {
	font-size: 1.3rem;
}

.login-edit-page input {
	font-size: 1.3rem;
}

.login-edit-page .submit-button {
	width: 100%;
	margin: 2em 0 0;
	font-size: 1.7rem;
}

.login-edit-page .forgot-password a {
	padding-bottom: 0;
	font-size: 1.5rem;
}

.login-edit-page .form-wrap {
	border: none;
}

.login-edit-page .required::after {
	content: none;
}

.login-edit-page span {
	font-size: 1.1rem;
}

@media only screen and (min-width: 768px) {
	.login-edit-page dt {
		position: relative;
		top: -0.5em;
		font-size: 1.8rem;
	}

	.login-edit-page input {
		font-size: 1.5rem;
	}
}

/*** Login Reset Done ***/

.done-wrap {
	background-color: #FEF8FA;
	border-radius: 5px;
	padding: 1em;
	margin: 2em 0;
	font-size: 1.6rem;
	font-weight: 600;
}

.done-wrap p {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 1em 0;
}

.done-wrap .attention {
	color: #333632;
}

@media only screen and (min-width: 768px) {
	.done-wrap {
		padding: 1em 2em;
		margin: 2em 0;
		font-size: 1.4rem;
	}

	.done-wrap p {
		margin: 1.5em 0;
		font-size: 1.4rem;
	}
}

/*** Confirm ***/

.confirm-form .confirm-title {
	font-size: 2.2rem;
	font-weight: 600;
	margin-left: 0.5em;
}

.confirm-form .flex-top,
.edit-form .flex-top,
.mw_wp_form .flex-top  {
	align-items: flex-start;
}

.mw_wp_form .flex-top dt {
	margin-top: 1em;
}

.contact-confirm-wrap .flex-top dt {
	margin-top: 0;
}

.confirm-form .submit-wrap,
.contact-confirm-wrap .submit-wrap {
	padding-top: 2em;
	border-top: 1px solid #D0D1D0;
}

.confirm-wrap {
	border: none;
}

/*** Popup ***/
.popup {
	display: none;  /* 初期表示は非表示 */
	position: fixed; 
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.8);
}

.popup-tutorial {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.popup-tutorial a {
	display: block;
	width: 90%;
}

.popup-tutorial img {
	border-radius: 5px;
}

.popup-wrap {
	position: relative;
	left: 5%;
	top: 20vh;
	width: 90%;
	height: auto;
	background-color: white;
	border-radius: 5px;
	text-align: center;
}

.popup-inner {
	padding: 1em;
}

.popup-wrap .form-wrap {
	border: none;
}

.popup-title {
	font-size: 1.8rem;
	font-weight: 600;
	margin: 1em 0;
	color: #333632;
}

.popup-message {
	font-size: 1.4rem;
	margin: 2em 0;
	color: #333632;
}


#popup-result .popup-wrap {
	height: 200px;
	margin-top: 10vh;
}

.button-wrap {
	justify-content: center;
	margin: 1em 0;
}

#popup-result .cancel-button {
	width: 80%;
	text-decoration: none;
}

#popup .button-wrap .submit-button {
	padding: 1em 1.5em;
}

.button-wrap button {
	margin: 0 1em;
	transition: 0.3s;
}

.button-wrap button:hover {
	opacity: 0.7;
}

@media only screen and (min-width: 768px) {
	.popup-tutorial a {
		display: block;
		width: 50%;
	}

	.popup-inner {
		padding: 2em;
	}


	#popup-result .popup-wrap {
		height: 200px;
		margin-top: -100px;
	}

	.popup-wrap {
		left: 50%;
		top: 50%;
		width: 450px;
		height: 280px;
		margin-left: -225px;
		margin-top: -140px;
	}
}

/*** News Single ***/

#news-single {
	position: fixed;
	top: 5vh;
	left: 5%;
	margin: 0;
	width: 90%;
	max-width: 800px;
	height: auto;
	max-height: 70vh;
	background-color: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 5px;
	z-index: 1000;
	display: none;
}

#news-single *:focus {
	outline: none;
}

#news-single h3.title a {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#news-single .isi-dialog {
	height: calc(100% - 30px);
	padding: 15px;
}

#news-single .button-wrapper button {
	position: absolute;
	bottom: -60px;
	right: calc(50% - 25px);
	background-color: #DA0048;
	border: none;
	width: 50px;
	height: 50px;
	color : #fff;
	border-radius: 25px;
	cursor: pointer;
	margin: 0 auto;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.close-button {
	position: relative;
	width: 50px;
	height: 50px;
}

.close-button::before,
.close-button::after {
	position: absolute;
	top: 50%;
	left: 18px;
	content: "";
	display: block;
	width: 15px;
	border-top: 2px solid #fff;
}

.close-button::before {
	transform: skewY(-45deg);
}

.close-button::after {
	transform: skewY(45deg);
}

#news-overlay {
	position: fixed !important;
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-color: #000;
	display: none;
}

/* Iframe */
#iframeContainer {
	width: 100% !important;
	height: calc(70vh - 30px);
	overflow: auto !important;
	-webkit-overflow-scrolling: touch !important;
}

#iframeContainer iframe {
	width: 100%;
	max-height: 700px;
	height: calc(100% - 2em);
	border: none;
	overflow: hidden;
}

.news-single-wrap {
	padding: 1em;
}

.news-single-wrap main {
	width: 100%;
	margin: 0;
}

.news-single-wrap .watch-action {
	display: none;
}

.news-single-wrap h1 {
	border: none;
	font-size: 2.2rem;
	padding: 1em 0;
	margin: 0;
}

.news-single-wrap h3 {
	font-size: 1.4rem;
	margin: 1em 0;
}

.news-single-description {
	position: relative;
	margin: 1em 0;
	font-size: 1.2rem;
	color: #626461;
}

.news-single-description span {
	margin-right: 1em;
}

.news-single-description::after {
	position: absolute;
	left: 0;
	bottom: -1em;
	content: '';
	height: 4px;
	width: 100%;
	background-color: #FEF8FA;
	border-radius: 2px;
}

.news-single-content-wrap {
	font-size: 1.4rem;
	padding-bottom: 5em;
}

@media only screen and (min-width: 768px) {
	#news-single {
		top: 15vh;
		left: calc(50% - 400px);
		margin: 0 0 0 0;
		width: 800px;
		height: auto;
	}

	#news-single .button-wrapper button {
		position: absolute;
		top: -25px;
		right: -25px;
	}

	.news-single-wrap h1 {
		font-size: 1.6rem;
	}

	.news-single-content-wrap {
		font-size: 1.2rem;
	}

}

/*** Page ***/

.page-content h2,
.contact-privacy-policy h2 {
	border: none;
	font-size: 1.6rem;
}

.page-content h3,
.contact-privacy-policy h3 {
	font-size: 1.4rem;
}

/*** 404 ***/

.wrap-404-content {
	height: 70vh;
	background-color: #EFEFEF; 
}

.content-inner-404 {
	padding-top: 50px;
	height: calc(100% - 50px);
	justify-content: center;
	align-items: center;
	color: #626461;
}

.title-404 {
	max-width: 180px;
	margin: 1em 0;
	font-size: 1.8rem;
	font-weight: 600;
	color: #626461;
	text-align: center;
}

.wrap-404-content a {
	font-weight: 600;
	font-size: 1.4rem;
}

.content-inner-404 img {
	width: 160px;
	height: 160px;
}

@media only screen and (min-width: 768px) {
	.title-404 {
		max-width: 100%;
	}
}

/** Tutorial **/

.introjs-skipbutton {
	visibility: hidden;
}

.introjs-donebutton {
	visibility: visible;
}


/****************************
追加
****************************/
/* wrap width */
@media only screen and (min-width: 768px) and (max-width: 1030px) {
	.header-inner, .content-wrap, .footer-inner {
		width: 94%;
	}
}

/* sidbar */
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.sidebar {
		flex: 0 0 200px;
	}
}

/* manual layout */
@media only screen and (min-width: 768px) and (max-width: 1160px) {
	.manual-contents li {
		width: calc(100% / 3);
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.manual-contents h3 {
		font-size: 2.4vw;
	}
}
@media (max-width: 767px) {
	.manual-contents h3 {
		bottom: 2.4em;
		font-size: 2.6vw;
	}
}
@media (max-width: 767px) {
	.manual-contents h3 {
		bottom: 2.6em;
	}
}
@media (max-width: 449px) {
	.manual-contents h3 {
		bottom: 2.8em;
		font-size: 5vw;
	}
}

/* privacy logo */
@media (max-width: 767px) {
	.footer-privacy-policy img {
		margin: 0 auto;
	}
}

/* manual追加修正 */
.icon-manual_ico01 .manual_cat_tit {
	position: absolute;
	top: 38%;
	left: 37%;
	font-size: 1.1vw;
	line-height: 1.2;
	color: #000;
}

/* checkbox */
input[type="checkbox"] {
	-webkit-appearance: checkbox;
	width: auto;
	line-height: 1.8;
}
input[type="checkbox"]+label {
	margin-right: 1em;
}

/*****************追加コーディング******************
****************************************************/
/*--------------------------------------
首页
--------------------------------------*/
/*module01*/
.module01 .ul01 li,.module01 .ul02 li,.module01 .ul06 li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
.module01 .ul01 li:last-child,.module01 .ul02 li:last-child,.module01 .ul06 li:last-child {
	margin-right: 0;
}
.module01 .ul01,.module01 .ul02 {
	margin-bottom: 20px;
}
.ul03.sp,.ul04.sp,.ul05.sp,.ul07.sp,.ul08.sp {
	display: none;
}
.module01 .ul03 li,.module01 .ul04 li,.module01 .ul05 li,.module01 .ul07 li,.module01 .ul08 li {
	float: left;
	width: 48.5%;
	margin-right: 3%;
}
.module01 .ul03 li:last-child,.module01 .ul04 li:last-child,.module01 .ul05 li:last-child,.module01 .ul07 li:last-child,.module01 .ul08 li:last-child {
	margin-right: 0;
}
.module01 .ul03,.module01 .ul04,.module01 .ul05,.module01 .ul07 {
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.ul03.sp,.ul04.sp,.ul05.sp,.ul07.sp,.ul08.sp {
		display: block;
	}
	.ul01.pc,.ul02.pc,.ul03.pc {
		display: none;	
	}
}
/*module02*/
.module02 {
	max-width: 1120px;
	padding: 0 20px;
	margin: 84px auto;
	box-sizing: border-box;
}
.module02 .ul01 {
	margin-bottom: 19px;
}
@media screen and (max-width: 767px) {
	.module02 .ul01 {
		margin-bottom: 0;
	}
}
.module02 .other .ul01 li,.module02 .other .ul02 li {
	width: 49%;
	background: #fff;
	border-radius: 10px;
	float: left;
	margin-right: 2%;
}
.module02 .other .ul01 li:last-child,.module02 .other .ul02 li:last-child {
	margin-right: 0;
}
@media screen and (max-width: 767px) {
.module02 .other .ul01 li,.module02 .other .ul02 li {
	width: 100%;
	float: none;
	margin-right: 0;
}
}
@media screen and (max-width: 767px) {
	.module02 li {
		background: none;
		float: none;
		width: 100%;
		padding-bottom: 26px;
	}
	.module02 .other {
		background: #fff;
		border-radius: 10px;
		padding: 40px 40px 14px;
	}
}
.module02 li:last-child {
	margin-right: 0;
}
.module02 ul li a {
	padding: 29px;
	display: block;
	width: 100%;
	color:#333632;
	font-size: 22px;
	letter-spacing: 0.08em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
@media screen and (max-width: 767px) {
	.module02 ul li a {
		text-align: left;
		padding: 0px;
		padding-left: 17px;
	}
}
@media screen and (max-width: 480px) {
	.module02 ul li a {
		font-size: 18px;
	}
	.module02 {
		margin: 45px auto;
	}
}
.module02 ul li a:after {
	position: absolute;
	content: "";
	background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon04.png) no-repeat;
	right: 6%;
	width: 9px;
	height: 19px;
	background-size: 9px 15px;
	top: 50%;
	margin-top: -7px;
}
@media screen and (max-width: 767px) {
	.module02 ul li a:after {
		left: 0;
	}
}
/*module03*/
.module03 {
	background: #fff;
	padding: 82px 0 75px;
}
@media screen and (max-width: 767px) {
	.module03 {
	padding: 30px 0 30px;
}
}
.module03 .content_under {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
.module03 .notice {
	background: #FEF8FA;
	border-radius: 16px;
	margin-bottom: 59px;
}
.button ul li {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.button ul li:last-child {
	margin-right: 0;
}
.button ul li .a01 {
	padding-bottom: 17px;
	display: block;
}
@media screen and (max-width: 767px) {
	.button ul li {
		width: 100%;
		float: none;
		margin-right: 0;
		padding-bottom: 17px;
	}
}
/*--------------------------------------
下层
--------------------------------------*/
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0px !important;
}
.content-wrap.under_page {
	margin: 0 auto;
    max-width: 1120px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
main .under_box header {
	display: none;
}
main .under_box {
	background: #fff;
	border-radius: 20px;
	margin-left: 25px;
	padding-bottom: 50px;
	padding: 54px;
}
@media screen and (max-width: 767px) {
main .under_box {
	margin-left: 0;
}
}
@media screen and (max-width: 480px) {
main .under_box {
	padding: 20px;
}
}
main .under_box h2 img {
	text-align: center;
	max-width: 142px;
	width: 100%;
	margin: 0 auto;
}
/*----ボックス----*/
.border_box {
	padding: 40px;
	border: 2px dashed #9f9f9f;
	border-radius: 20px;
}
@media screen and (max-width: 480px) {
.border_box {
	padding: 15px;
}
}
.border_box p {
	font-size: 15px;
	line-height: 2;
	color: 
		#626461;
}
.under_title_h3 h3.elementor-heading-title {
	background: none;
	font-size: 18px;
	letter-spacing: 0.08em;
	line-height: 1.5 !important;
	position: relative;
	padding: 0 34px 18px 0 !important;
	border-bottom: 2px solid #DA0048;
	color: #333632 !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
}
.singlebox4 {
	float: left;
	margin-left: 0;
	margin-right: 2.6%;
    width: 23% !important;
}
@media screen and (max-width: 767px) {
.singlebox {
    width: 80%;
	margin: 0 auto;
}
.singlebox4 {
    float: left;
    margin-left: 0;
    margin-right: 4%;
    width: 48% !important;
}
.singlebox4.two,.singlebox4.last {
    margin-right: 0;
}
.singlebox4.first,.singlebox4.two {
    margin-bottom: 20px;
}
}
.top02 .singlebox4.last {
	margin-right: 0;
}
.top02 p {
	font-size: 14px;
	margin-top: 1em;
	color: #626461;
}
.gnv_tmp_h2_bg.v2 h2 {
	position: relative;
	padding-bottom: 0.3em;
	padding-right: 154px;
	border-bottom: 1px solid #cacaca;
	font-size: 200%;
	color: #1f1f1f;
	margin-bottom: 20px;
	text-align: center;
}

@media screen and (max-width: 960px) and (min-width: 768px) {
.gnv_tmp_h2_bg.v2 h2 {
	font-size: 160%;
}
}
@media screen and (max-width: 600px) {
.gnv_tmp_h2_bg.v2 h2 {
	font-size: 21px;
}
}
@media screen and (max-width: 480px) {
.gnv_tmp_h2_bg.v2 h2 {
	font-size: 14px;
	padding-right: 72px;
}
}
.gnv_tmp_h2_bg.v2 h2:before {
	background: 
		rgba(0, 0, 0, 0) url("http://support.genova.co.jp/wp-content/uploads/2019/02/h2a.png") no-repeat scroll 0 0;
	bottom: -7px;
	content: "";
	display: block;
	height: 78px;
	left: 55%;
	position: absolute;
	width: 102px;
}
@media screen and (max-width: 480px) {
.gnv_tmp_h2_bg.v2 h2:before {
    bottom: -23px;
	width: 102px;
	background-size: 80px auto;
}
}
.btn_column3 > li {
	width: 32%;
	margin-left: 2%;
	float: left;
}
.btn_column3 > li:first-child {
	margin-left: 0;
}
.btn_column3 > li .under_btn a {
	width: 100%;
	display: block;
	font-size: 19px;
	letter-spacing: 0;
}
.btn_column3.btn_column04 > li {
    width: 100%;
}
.under_btn a {
	display: inline-block;
	width: auto;
	font-size: 19px;
	line-height: 1.45;
	letter-spacing: 0.03em;
	background: #DA0048;
	color: #fff;
	padding: 25px;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
}
@media screen and (max-width: 600px) {
.under_btn a {
	padding: 10px;
}
	.btn_column3 > li .under_btn a {
    font-size: 15px;
}
}
/*----side----*/
.sidebar .sidebar_box {
	background: #fff;
    border-radius: 20px;
	padding-bottom: 29px;
}
.sidebar .sidebar_box .sidebar-content h4 {
    padding: 33px 0 0px;
    font-size: 18px;
    text-align: center;
	border-bottom: none;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.sidebar .sidebar_box .sidebar-content h4 {
    font-size: 14px;
}
}
.sidebar .sidebar_box ul li {
    font-size: 15px;
    color: #333632;
	border-bottom: 1px solid #E8E8E8;
    padding: 12.5px 12px 12px 18px;
    margin-left: 36px;
    margin-right: 36px;
	position: relative;
}
.sidebar .sidebar_box ul li:after {
    position: absolute;
    background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon04.png) no-repeat;
    width: 7px;
    height: 16px;
    top: 20px;
    left: 0;
    content: "";
    background-size: 7px auto;
}
.sidebar .sidebar_box .btn ul li {
	border-bottom: none;
	padding: 0;
	margin: 0;
	padding-bottom: 11px
}
.sidebar .sidebar_box .btn ul li:after {
	display: none;
}
.sidebar .sidebar_box .btn ul li img {
	margin: 0 auto;
}
@media screen and (max-width: 960px) and (min-width: 768px) {
.sidebar .sidebar_box .btn ul li img {
    max-width: 180px;
}
}
.sidebar .sidebar_box .btn {
	margin-top: 57px;
}
.sidebar .sidebar_box .other h4 {
    padding-bottom: 15px;
}
.sidebar .sidebar_box .service h4 {
	padding-bottom: 10px;
    padding-top: 40px;
}
.sidebar .sidebar_box .popular-keyword li {
	margin: 0;
}
/*----viemo----*/
.parts.text.clearfix.m_catch.viemo_youtube.b_01 {
    font-size: 17px;
    color: #626461;
}
.cell {
    float: left;
    width: 32%;
    line-height: 155%;
    box-sizing: border-box;
    margin-right: 2%;
}
.cell.last {
    margin-right: 0;
}
.cell img {
    margin-bottom: 15px;
}
.cell div {
	color: #626461;
	font-size: 15px;
}
@media screen and (max-width: 767px) {
.cell {
    float: none;
    width: 100%;
    margin-right: 0;
	margin-bottom: 15px;
}
.cell.last {
    margin-bottom: 0;
}
.cell img {
	margin: 0 auto 15px;
}
#youtube_3point {
    width: 80%;
    margin: 0 auto;
}
}
/*----clinicbot----*/
main h2.gmp_h2 {
    font-size: 24px;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg {
    margin-left: 4%;
}
@media screen and (max-width: 767px) {
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg {
    margin: 0;
    float: none;
    width: 100%;
	margin-bottom: 20px;
}	
}

.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg div {
    background: #ccc;
    width: 100%;
    height: 150px;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li {
    width: 48%;
    float: left;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li:last-child {
    width: 48%;
    float: right;
}
@media screen and (max-width: 767px) {
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li:last-child {
    width: 100%;
    float: none;
    text-align: center;
}
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 .manual a {
    color: #626461;
    position: relative;
    padding-left: 15px;
	line-height: 2;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 .manual a:after {
	position: absolute;
	content: "";
	background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon04.png) no-repeat;
	width: 7px;
    height: 16px;
    top: 5px;
    left: 0;
    background-size: 7px auto;
}
/*----Medical DOC----*/
.medical_logo {
    width: 70%;
    margin: 0 auto;
}
main .under_box {
	min-height: 987px;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg.nomoca div {
	height: auto;
}
@media screen and (max-width: 767px) {
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg.nomoca div img {
	text-align: center;
    margin: 0 auto;
}	
}
/*----NOMOCa （アプリ）iOS・Android対応----*/
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg.nomoca div {
    background: none;
}
.circle_list li {
	position: relative;
	padding: 2px 0 2px 30px;
}

.circle_list li:before {
    content: "";
    position: absolute;
       background: #DA0048;
    top: 9px;
    left: 5px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
/*----その他----*/
.ul01 > li {
	width: 48%;
}
.ul01 > li.left_fl {
    float: left;
}
.ul01 > li.right_fl {
    float: right;
}
.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg div.super {
    background: none;
}
@media screen and (max-width: 767px) {
.ul01 > li {
	width: 100%;
}
	.ul01 > li.left_fl {
    float: none;
}
	.ul01 > li.right_fl {
    float: none;
}
	.parts.text.clearfix.m_catch.viemo_youtube.b_01 ul li.right_bg div.super img {
		margin: 0 auto;
	}
}

/**/
.header-menu .front-search-form a{
	padding-left: 18px;
	position: relative;
	padding-right: 20px;
}
.header-menu .front-search-form a:before { 
	position: absolute;
	font-size: 14px;
	margin-right: 38px;
	width: 10px;
	content: "";
	left: 0;
	display: inline-block;
	speak: none;
	background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon04.png) no-repeat;
	background-size: 9px 15px;
	width: 9px;
	height: 15px;
	top: 3px;
}
/* sp --*/
@media screen and (max-width: 767px) {
	.header-menu .front-search-form a {
		position: inherit;
		text-align: left;
		float: none;
		display: block;
		padding: 15px;
		font-size: 14px;
		border-bottom: 1px solid #DA0048;
		color: #333632;
	}
		.header-menu .front-search-form a:last-child {
		border-bottom: none;
	}
	.header-menu .front-search-form a:before {
		display: none;
	}
}
/*--------------------------------------
header
--------------------------------------*/

@media screen and (max-width: 767px) {
	.header-menu .flex-row.g_nav {
		width: 100%;
	}
	.content-wrap {
		padding: 50px 0 0;
	}
	.profile-icon-alert:before {
		width: 13px;
		height: 13px;
		font-size: 13px;
	}
	.icon-top_ico01:before {
		content: "";
	}
	/*.flex-row {
		display: block;
	}*/
	header {
		height: 77px;
	}
	#header {
		top: 0 !important;
	}
	.header-inner {
		width: 100%;
	}
	.header-logo {
		float: left;
		padding-top: 14px;
		padding-left: 20px;
	}
	.header-logo img {
		width: 175px;
		height: auto;
	}
	#header .sp {
		width: 55%;
		float: right;
	}
	#header .ul02 {
		width: 66%;
		float: right;
		padding-top: 6px;
	}
	#header .ul02 > li:first-child{
		float: right;
		padding-top: 6px;
		padding-right: 18px;
	}
	#header .ul02 .header-search.search_style02 {
		float: right;
		padding-top: 6px;
		padding-right: 10px;
		margin-left: 0;
	}
	img.profile-icon {
		max-width: 47px;
		width: 47px;
	}
	/* logo */
	#header h1 {
		margin: 14px 0 0 20px;
	}
	#header h1 img {
		width: 100%;
		max-width: 100%;
	}
	#header h1 a:hover {
		text-decoration: none;
	}

	#header .toggleMenu {
		display: block;
	}
	.toggleMenu {
		float: right;
		width: 48px;
		height: 70px;
		background: none;
		text-align: right;
		color: #fff;
		cursor: pointer;
		margin-right: 15px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 48px;
		height: 34px;
		margin: 15px auto 0;
		text-align: center;
	}
	.menu-trigger:after {
		content: "MENU";
		display: block;
		line-height: 2.5;
		font-size: 13px;
		letter-spacing: 0.15em;
		margin-top: 30px;
		color: #DA0048;
		margin-left: 1px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 5px;
		background-color: #DA0048;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 14px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(17px) rotate(-45deg);
		transform: translateY(17px) rotate(-45deg);
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}

	#header .right_box, #header .g_nav {
		display: none;
	}
	.header_menu {
		float: none;
		clear: both;
		margin-right: 0;
	}
	#header .header_menu .g_nav {
		display: block;
		text-align: center;
		background: #DA0048;
	}
	#header .header_menu .g_nav > li {
		position: relative;
		border-top: 1px solid #fff;
		border-left: none;
		padding: 0;
		font-size: 15px;
		text-align: left;
		color:#fff;
	}
	#header .header_menu .g_nav > li.sp-hidden.icon-top_ico02.search_style.header-search02 {
		padding: 0;
	}
	#header .header_menu .g_nav > li.sp-hidden.icon-top_ico03.search_style.header-search02 {
		padding: 0;
	}
	#header .header_menu .g_nav > li > a,
	#header .header_menu .g_nav > li > span {
		width: 100%;
		padding: 18px 50px 18px 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		text-align: left;
		height: auto;
		background: #DA0048;
		color: #fff;
		font-size: 15px;
	}
	#header .header_menu .g_nav > li > a span,
	#header .header_menu .g_nav > li > span span {
		margin: 0;
	}
	#header .header_menu .g_nav > li:first-child > a > span:before, #header .header_menu .g_nav > li:first-child > span > span:before {
		display: none;
	}
	/* 	#header .header_menu .g_nav > li > a:hover,
	#header .header_menu .g_nav > li > span:hover {
	background: #E12B67;
} */
	#header .header_menu .g_nav > li > span:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 14px;
		width: 12px;
		height: 12px;
		border-bottom: 4px solid #fff;
		border-left: 4px solid #fff;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-moz-transition-duration: 0.2s;
		-o-transition-duration: 0.2s;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		margin-top: -14px;
	}
	#header .header_menu .g_nav > li.hover > span:after {
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		margin-top: -3px;
	}
	#header .header_menu .g_nav > li > a sub,
	#header .header_menu .g_nav > li > span sub {
		margin: -2px 0 0 8px;
		display: inline-block;
		vertical-align: middle;
		bottom: 0;
		color: #fff;
		padding-top: 0;
		font-size: 10px;
		display: none;
	}
	#header .header_menu .g_nav > li:first-child > a sub, #header .header_menu .g_nav > li:first-child > span sub {
		padding-top: 0;
		display: block;
		font-size: 14px;
		margin: 0;
	}
	#header .header_menu .g_nav > li dl {
		position: relative;
		top: 0;
		background: none;
		padding: 0;
	}
	#header .header_menu .g_nav > li dl li:before {
		display: none;
	}
	#header .header_menu .g_nav > li dl li {
		padding-left: 0;
	}
	#header .header_menu .g_nav > li dt {
		display: none;
	}
	#header .header_menu .g_nav > li ul {
		position: inherit;
		display: none;
		top: 0;
		padding: 0;
	}
	#header .header_menu .g_nav > li ul li {
		display: block;
		margin-right: 0;
		border-top: 1px solid #019A44;
	}
	#header .header_menu .g_nav > li ul li a {
		position: relative;
		display: block;
		padding: 15px 20px 12px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		background: #e0feed;
	}
	#header .header_menu .g_nav > li ul li a:hover {
		text-decoration: none;
		background: #fff;
	}
	#header .header_menu .g_nav > li.hover ul {
		display: block;
		filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity: 1;
	}

	/*スマホ時サブメニューが消える現象を回避*/
	#header .header_menu .g_nav > li > span {
		position: relative;
	}
	#header .header_menu .g_nav > li.hover > span + dl,  #header .header_menu .g_nav > li > span:hover + dl {
		pointer-events: auto;
		opacity: 1;
	}
}
@media screen and (max-width: 480px) {
	.content-wrap {
		padding: 30px 0 0;
	}
	#header h1 {
		width: 220px;
		margin-top: 10px;
	}
	header {
		height: 72px;
	}
	#header .sp {
		width: 58%;
	}
	.toggleMenu {
		width: 38px;
	}
	.menu-trigger span {
		height: 4px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}
	.menu-trigger:after {
		line-height: 1.5;
		font-size: 10px;
	}
	.menu-trigger {
		width: 38px;
		height: 28px;
	}
	#header .ul02 {
		width: 65%;
	}
	.content-inner {
		margin-top: 0;
	}
		.toggleMenu.active .menu-trigger span:nth-of-type(1) {
		-webkit-transform: translateY(12px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(2) {
		opacity: 0;
	}
	.toggleMenu.active .menu-trigger span:nth-of-type(3) {
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}
}

/*header sp*/
@media screen and (max-width: 767px) {
.header-inner.flex-row.flex-row-sp {
    display: block;
}
#header .header-inner.flex-row.flex-row-sp .sp.header_menu_sp {
		width: 100%;
	    float: none;
	}
.header_menu.header_menu_sp li {
	height: auto;
}
	.header_menu.header_menu_sp .flex-row.g_nav {
		height: auto;
	}
.header_menu.header_menu_sp li.header-search-sp {
    position: relative;		
}
/*.header_menu.header_menu_sp li.header-search-sp:after {
    content: "";
    position: absolute;
    background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon11.png) no-repeat;
    width: 17px;
    height: 11px;
    right: 12px;
    top: 25px;
    background-size: 17px auto;
    margin-top: -4px;
}
.header_menu.header_menu_sp li.hover:after {
    content: "";
    position: absolute;
    background: url(http://support.genova.co.jp/wp-content/uploads/2019/02/icon12.png) no-repeat;
    width: 17px;
    height: 11px;
    right: 12px;
    top: 25px;
    background-size: 17px auto;
    margin-top: -4px;
}*/
}


/*sp pc*/
.sp {
	display: none;
}
.qa-content-wrap .sidebar.sp {
	display: none;
}
@media screen and (max-width: 767px) {
	.sp {
		display: block;
	}
	.qa-content-wrap .sidebar.sp {
	display: block;
		height: auto;
}
	.sidebar.sp .sidebar-inner {
		padding: 0 20px;
        box-sizing: border-box;
	}
	.pc {
		display: none;
	}
	.qa-content-wrap .sidebar.pc {
		display: none;
	}
}
@media screen and (max-width: 767px) {
#header .ul02 > li:nth-child(2) .hover-open .header-search-content {
	position: absolute;
	top: 76px;
}
#header .ul02 > li:nth-child(2) .hover-open .header-search-content .front-search-inner {
		padding: 22px;
}
#header .ul02 > li:nth-child(2).header-search.search_style02 {
    padding-bottom: 17px;
	margin-top: 6px;
    margin-right: 10px;
	padding-top: 0;
	padding-right: 0;
}
}

/* -------------------------------------
個人情報保護方針
------------------------------------- */
.privacy-policy h1{
	display:none;
}
.privacy_section {

	padding: 0px 60px 80px;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 2.14;
}
/* .privacy_section .titWrap {
margin-bottom: 25px;
} */
.privacy_section .titWrap sup {
	display: block;
	font-family: "interstate", sans-serif;
	font-size: 15px;
	letter-spacing: 0.15em;
	line-height: 1;
	color: #DA0048;
	margin-bottom: 10px;
}
.privacy_section .titWrap h2 {
	font-family: "Yu Gothic", sans-serif;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.8;
}
.privacy_section p {
	margin-bottom: 30px;
}
.privacy_section p:last-child {
	margin-bottom: 0;
}
.privacy_section .circle_list > li:before {
	background: #0D367A;
	top: 10px;
}

@media screen and (max-width: 767px) {
	.privacy_section {
		padding: 50px 20px;
	}
	.privacy_section .titWrap h2 {
		font-size: 28px;
	}
}


/*----------------------------
 * 2022/06/17
 * -------------------------*/
.estimateTxt {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1.5em;
	font-size: 2.4rem;
}
.estimateInnerTop {
    background: #E4617B;
    color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 8px 55px 7px 20px;
	cursor: pointer;
}
.estimateInnerTop:after {
    position: absolute;
    content: '';
    display: block;
    right: 32px;
    top: 16px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.estimateInnerTop:before {
    position: absolute;
    content: '';
    display: block;
    width: 102px;
    height: 47px;
    background: url(/wp-content/uploads/2022/06/estimateIcon.png) no-repeat;
    background-size: cover;
    right: 0;
    top: 0;
    opacity: 0.05;
}
.estimateInner {
    margin-bottom: 1.5em;
}
.estimateInnerBottom {
    display: none;
}
.estimateOn .estimateInnerBottom {
    display: block;
}
.estimateOn .estimateInnerTop:after {
    border-bottom: none;
    border-right: none;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    top: 21px;
}
.mw_wp_form input[type="file"] {
	background: none;
	border: none;
	border-radius: 0;
	width: auto;
}
.upload-box [type="file"] {
	display: none!important;
}
.upload-box label {
    padding: 8px 40px 8px 12px;
    background-color: #fff;
    cursor: pointer;
    text-align: center;
    color: #2E2E2E;
    border: 1px solid #707070;
    max-width: 374px;
    width: 100%;
    display: inline-block;
}
/* .upload-box label:hover {
	background: #707070;
	color: #fff;
} */
.upload-box label .mwform-file-delete {
    padding-left: 20px;
}
.upload-box label sub {
    bottom: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.upload-box > span {
	display: block;
	margin-top: 10px;
}
.mw_wp_form_confirm .estimateInnerBottom {
    display: block;
}
.mw_wp_form_confirm .upload-box label {
    text-align: left;
    padding: 0;
    border: none;
    cursor: auto;
}
.mw_wp_form_confirm .upload-box label sub {
    display: none;
}
.mw_wp_form input[type="radio"] {
    width: auto;
    padding: 0.3em;
}
.mw_wp_form .mwform-radio-field span {
    padding-left: 10px;
}
.mw_wp_form input[type="radio"]:checked {
    background: #F06449;
    border-color: #F06449;
}
.mw_wp_form_confirm .contactImgTxt {
    display: none;
}

@media screen and (max-width: 767px) {
	.upload-box label {
		margin: 0;
		padding: 8px 40px 8px 12px;
		max-width: inherit;
		display: initial;
		font-size: 13px;
	}
	.upload-box > span {
		display: block;
		margin-top: 10px;
	}
	.upload-box label .mwform-file-delete {
		padding-left: 0;
	}
}

.elementor-button:visited {
     color: #E4617B!important;
}

.elementor-button:hover {
     color: #fff!important;
}