/*--------------------------------------------------------------
# Define
--------------------------------------------------------------*/

/*
/*for xs -575px smartphone
@media(max-width: 575px) {

}

/*for sm 576px-767px smartphone
@media(min-width: 576px) and (max-width: 767px) {

}

/*for md 768px-991px tablet
@media(min-width: 768px) and (max-width: 991px) {

}

/*for lg 992px-1199px pc
@media(min-width: 992px) and (max-width: 1199px) {

}

/*for xl 1200px-1399px pc
@media(min-width: 1200px) and (max-width: 1399px) {

}

/*for xxl 1400px- pc
@media(min-width: 1400px) {

}
*/



/*--------------------------------------------------------------
# Const
--------------------------------------------------------------*/

:root {
	/* Fonts */
	--font-default:"Noto Sans JP","Montserrat",sans-serif;
	--font-default-size:25px;
	--font-default-size-sp:25px;

	/* Colors */
	--color-default-font:#000000;
	--color-default-bgcolor:#FFFFFF;

	--bgcolor1:#F5F5EA; /* ベージュ背景色 */
	--bgcolor2:#F38F32; /* オレンジ */
	--bgcolor3:#233750; /* 群青色 */

	--color-error:#FF0000;

	--color-hover-a:#698DBA;
	--color-hover-btn:#F38F32;
}

/*--------------------------------------------------------------
# Bootstrap Custom
--------------------------------------------------------------*/

.container-fluid {
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
}
.back-w {
	background-color:#FFFFFF;
	border-radius:30px;
}

.box-center {
	margin:0 auto;
}
.bg-color1 {
	background-color:var(--bgcolor1);
}
.bg-color2 {
	background-color:var(--bgcolor2);
}
.bg-color3 {
	color:#FFFFFF;
	background-color:var(--bgcolor3);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	font-family: var(--font-default);
	font-optical-sizing: auto;
	font-weight:400;
	font-style: normal;
	font-size:var(--font-default-size);
	color: var(--color-default-font);

	background-color:var(--color-default-bgcolor);
	scroll-behavior: smooth;

	position:relative;

}
/* for xs,sm,md -991px sp */
@media(max-width: 991px) {
	font-size:var(--font-default-size-sp);
}

main {
	overflow:hidden;
	position:relative;
	z-index:100;
}




a {
	color: var(--color-default-font);
	text-decoration: none;
}

a:hover {
	color: var(--color-hover-a);
	text-decoration: none;
}

h1 {
	font-size:45px; /* 文字装飾あり */
}
h2 {
	font-size:40px; /* 文字大 */
}
h3 {
	font-size:20px; /* 文字中　強調 */
	font-weight:800;
}
h4 {

}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

	h1 {
		font-size:40px;
	}
	h2 {
		font-size:30px;
		line-height:55px;
	}
	h3 {

	}
	h4 {

	}

}


p {

}

i {
	font-size:20px;
}

table {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	border-collapse: collapse;
	border:none;
}

table th {
	width:35%;
	font-weight:600;
	padding:2rem;
	text-align:center;
	vertical-align:top;
}

table td {
	padding:2rem;
	text-align:left;
	vertical-align:top;
}

.extable {
	background-color:#EEEEEE;
	border-radius:10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

table th,table td {
	width:100%;
	padding:1rem;
	text-align:center;
	display:block;
}

}


select {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
	color:#000000;
}

input[type=text],input[type=password],input[type=date] {
	width:100%;
	height:50px;
	font-size:var(--font-default-size);
}

input[type="date"] {
	color:#000000;
}

input[type="checkbox"] {
	width:20px;
	height:20px;
	margin-right:15px;
}

textarea {
	width:100%;
	height:150px;
	font-size:var(--font-default-size);
	color:#000000;
}

.form-btn {
	width:80%;
	max-width:400px;
	margin:0 auto;
	padding:15px 0;

	color:#FFFFFF;
	background-color:#F38F32;
	border:0;
	border-radius:50px;
	display:block;
}

.form-btn:hover {
	filter: brightness(1.2);
}

#form-errorbox {
	display:none;
}


/*--------------------------------------------------------------
# Parts
--------------------------------------------------------------*/

.errorMsg{
	color:#FF0000;
}

.spacer {
	padding-bottom:6rem;
}

.tbform th {
	font-weight:400;
}

.btn {
	width:100%;
	height:50px;

	color:var(--color-white);
	font-size:23px;
	font-weight:600;

	border:none;

	display:block;
}
.btn:hover,.btn:active {
	color:var(--color-white) !important;
}

.btn-red {
	background-color: var(--color-red1);
}
.btn-red:hover,.btn-red:active {
	background-color: var(--color-hover-btn-red) !important;
}

.btn-blue {
	background-color: var(--color-blue);
}
.btn-blue:hover,.btn-blue:active {
	background-color: var(--color-hover-btn-blue) !important;
}

.btn-gray {
	background-color: var(--color-gray2);
}
.btn-gray:hover,.btn-gray:active {
	background-color: var(--color-hover-btn-gray1) !important;
}

.btn-gray2 {
	background-color: var(--color-gray4);
}
.btn-gray2:hover,.btn-gray2:active {
	background-color: var(--color-hover-btn-gray2) !important;
}

.btn-ng {
	width:100%;
	height:50px;

	color:var(--color-red1);
	font-size:23px;
	font-weight:600;

	text-align:center;
	line-height:50px;

	border:none;
	border-radius:5px;
	background-color: var(--color-gray4);

	cursor:default;

	display:block;
}
.btn-ng:hover,.btn:active {
	color:var(--color-red1);
	background-color: var(--color-gray4);
}


.btn2 {
	width:90%;
	max-width:300px;
	margin:0 auto;
	padding:10px 0;
	font-size:25px;
	font-weight:600;
	color:#F57A8E;
	text-align:center;
	border-color:#F57A8E;
	background-color:#FFFFFF;
	border:3px solid;
	border-radius:50px;
	display:block;
}

.btn2:hover {
	color:#F57A8E;
	background-color:#f2dade;
}

.btn2-orange {
	color:#F38F32;
	border-color:#F38F32;
}
.btn2-orange:hover {
	color:#F38F32;
	background-color:#ffefe0;
}
.btn2-green {
	color:#74C094;
	border-color:#74C094;
}
.btn2-green:hover {
	color:#74C094;
	background-color:#dff5e8;
}
.btn2-purple {
	color:#dda0dd;
	border-color:#dda0dd;
}
.btn2-purple:hover {
	color:#dda0dd;
	background-color:#f7e9f7;
}



.list1 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: repeat(1,1fr);


}

.list1 li {
	padding: 10px;
	margin: 10px;

	background-color:var(--color-gray4);
	border-radius:10px;

	cursor: pointer;
}

.list1 li:hover {
	background-color:var(--color-hover-btn-red);
}

.list1 .list1sec {
	background-color:var(--color-hover-btn-red);
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list1 {
	display: block;
}

.list1 li {
	margin: 15px 0 15px 0;
}

}

.list2 {
	width:100%;
	margin: auto;
	padding:0;

	list-style-type:none;

	display:grid;
	grid-template-columns: 1fr 3fr;


}

.list2 li {
	padding: 10px;
	margin: 10px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.list2 {
	display: block;
}

.list2 li {
	margin: 15px 0 15px 0;
}

}



#errorMsgBox ul {
	width:100%;
	padding:25px;

	color:var(--color-red1);
	list-style-type:none;

	border-radius:10px;
	background-color:#EEEEEE;
}

#errorMsgBox li {
	display:block;
}

/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/

.bg {
	background-color:var(--color-gray3);
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# SpMenu
--------------------------------------------------------------*/

#spmenuBack {
	width:100%;
	height:100%;
	left:0;
	top:0;

	background-color:#000000;
	opacity:0.6;

	position:fixed;
	z-index:1000;

	display:none;
}

#spmenuBase {
	width:400px;
	height:100%;
	left:-400px;
	top:0;

	overflow-y: scroll;

	background-color:#000000;

	position:fixed;
	z-index:2000;

}

#spmenuArea {
	width:100%;
	height:auto;

	color:#FFFFFF;
}

#spmenuArea a {
	color:#FFFFFF;
}

#spmenuArea a:hover {
	color:#FFFFFF;
}

#spmenuArea ul {
	width:100%;
	padding:0 15px 10px 15px;
	list-style:none;
}

#spmenuArea #fst {
	margin-top:22px;
}

#spmenuArea li {
	margin-bottom:11px;
}

#spmenuArea ul .tp {
	border-bottom:1px solid #FFFFFF;
}

#spmenuArea #snsmark i {
	font-size:26px;
	margin-right:23px;
}



/*--------------------------------------------------------------
# SpMenuUnder
--------------------------------------------------------------*/


#spmenuUnder {
	width:100%;
	height:80px;
	bottom:0;
	left:0;
	position:fixed;
	z-index:100;
	background-color:red;
}

#spmenuUnder ul {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	justify-content:center;
	align-items:center;
}

#spmenuUnder li {
	height:100%;
	margin:0;
	padding:0;
	color:#FFFFFF;
	text-align:center;
	background-color:#F38F32;
	cursor:pointer;
	flex:1;
}
#spmenuUnder li.spmenuUnderLast {
	flex:0.5;
}

.spmenuUnderBgcolor-green {
	background-color:#74C094 !important;
}
.spmenuUnderBgcolor-pink {
	background-color:#F47A8F !important;
}

#spmenuUnder li span,#spmenuUnder li i {
	height:100%;
	width:100%;
	color:#FFFFFF;
	font-size:19px;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content:center;
}

.spmenuUnderLast i {
	font-size: 25px !important;
}

#spmenuUnder li:hover {
	filter:brightness(1.1);
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width:100vw;
	height:100vh;
	top:0;
	left:0;

	background-color:#FFFFFF;

	position:fixed;
	z-index:3000;

	display:flex;
	justify-content:center;
	align-items:center;
}

#preloaderMark {
	opacity:0;
	animation: blink 1.5s infinite linear;
}

#preloaderMark img {
	width:100px;
	height:100px;
}

@keyframes blink {
	50% {
		opacity: 1;
	}
}




/*--------------------------------------------------------------
# PagetopLink
--------------------------------------------------------------*/

#page-top {
	width:60px;
	height:60px;
	right:25px;
	bottom:25px;
	border-radius:4px;
	background-color:var(--bgcolor2);
	position:fixed;
	z-index:1000;
	opacity:0;
	transition:all 0.4s;
	cursor:pointer;

	display:flex;
	justify-content:center;
	align-items:center;
}

#page-top i {
	font-size:30px;
	color:#FFFFFF;
	display:block;
}

#page-top:hover {
	filter:brightness(1.2);
}



#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100px);
	}
}




/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
	width:100%;
	height:70px;
	top:0;
	left:0;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	position:fixed;
	z-index:1000;
}

header #logo {
	width:360px;
	height:70px;
	left:50px;
	top:0;
	position:absolute;
}

/*for -991px tablet */
@media(max-width: 991px) {
	header {
		height:84px;
	}
	header #logo {
		width:300px;
		height:84px;
		left:10px;
	}
}

header #logo img {
	width:100%;
	height:100%;
}



#hmenu {
	width:auto;
	height:100%;
	top:0;
	right:0;
	position:absolute;
	z-index:100;
}

#hmenu ul{
	height:100%;
	margin:0 20px 0 0;
	padding:0;
	list-style:none;
	justify-content:center;
	align-items:center;
	display:flex;

}

#hmenu li{
	margin:0 10px;
}

#hmenu li a{
	padding:8px 62px;
	color:#FFFFFF;
	background-color:#F38F32;
	border-radius:50px;
}

#hmenu li a:hover{
	filter: brightness(1.10);
}

/*for -991px tablet */
@media(max-width: 991px) {
	#hmenu ul{
		margin:0;
	}
	#hmenu li{
		margin:0 4px;
	}
	#hmenu li a{
		padding:8px 35px;
	}
}

/*for lg 992px-1199px pc*/
@media(min-width: 992px) and (max-width: 1199px) {
	#hmenu ul{
		margin:0 10px 0 0;
	}
	#hmenu li{
		margin:0;
	}
	#hmenu li a{
		padding:8px 35px;
	}
}

/*for xl 1200px-1399px pc*/
@media(min-width: 1200px) and (max-width: 1399px) {
	#hmenu ul{
		margin:0;
	}
	#hmenu li{
		margin:0 4px;
	}
	#hmenu li a{
		padding:8px 35px;
	}
}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {
	font-size:18px;
}

footer .footer-exbtn {
	width:90%;
	margin:0 auto;
	padding:18px 0;
	font-size:30px;
	font-weight:600;

	background-color:#FFFFFF;
	border:3px solid;
	border-radius:50px;
	display:block;
}


footer .footer-exbtn-pink {
	color:#F57A8E;
	border-color:#F57A8E;
}
footer .footer-exbtn-pink:hover {
	background-color:#f2dade;
}
footer .footer-exbtn-orange {
	color:#F38F32;
	border-color:#F38F32;
}
footer .footer-exbtn-orange:hover {
	background-color:#f7e2cd;
}
footer .footer-exbtn-green {
	color:#75C094;
	border-color:#75C094;
}
footer .footer-exbtn-green:hover {
	background-color:#ccdbd2;
}




footer #footerList {
	width:100%;
	margin:0 auto;
	padding:0;

	font-size:25px;

	list-style-type:none;

	display:grid;
	grid-template-columns: repeat(3, 1fr);
}

footer #footerList li {
	padding: 5px;
	margin: 5px;

	cursor: pointer;
}

footer #footerList a {
	width:90%;
	margin:0 auto;
	padding:18px 0;
	color:var(--bgcolor3);
	font-size:23px;
	font-weight:600;
	background-color:#FFFFFF;
	border:2px solid var(--bgcolor3);
	border-radius:50px;
	display:block;
}
footer #footerList a:hover {
	background-color:#d5dde6;
}


/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

	footer {
		font-size:16px;
	}

	footer #footerList {
		display: block;
	}

	footer #footerList li {
		margin: 15px 0 15px 0;
	}

}








#footerend {
	height:200px;
}

/*--------------------------------------------------------------
# index sec
--------------------------------------------------------------*/

#topimage {
	margin-top:70px;
}

/*for -991px tablet */
@media(max-width: 991px) {
	#topimage {
		margin-top:84px;
	}
}




.fontunder {
	position:relative;
	display:inline-block;
	z-index:1;
}

.fontunder::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;
	z-index:-1;
}


.fontunder-yellow::after {
	background-color:#FFFF00;
}
.fontunder-pink::after {
	background-color:#F47A8F;
}
.fontunder-orange::after {
	background-color:#F38F32;
}
.fontunder-green::after {
	background-color:#74C094;
}
.fontunder-purple::after {
	background-color:#dda0dd;
}







#onayami-fst img {
	margin:50px auto 0 auto;
}
#onayami-fst p {
	font-size:18px;
	text-align:right;
}
/* for md -991px tablet */
@media(max-width: 991px) {
	#onayami-fst p {
		font-size:14px;
	}
}

#onayami2Box > div {
	position:relative;
}

#onayami2Box p {
	width:69%;
	height:58%;
	right:10%;
/*
	top:23%;
*/
	top:28%;
	font-size:36px;
	position:absolute;
	z-index:10;
}

#onayami2Box span {
	color:#F38F32;
	font-weight:800;
	display:inline;
}


#banner a:hover {
	filter: brightness(1.05);
}


#plan .planbox {
	height:785px;
}
#plan .planboxM {
	height:1020px;
}
/* for md -991px tablet */
@media(max-width: 991px) {
	#plan .planbox,#plan .planboxM,#plan .planbox2,#plan .planbox3 {
		width:95%;
		height:auto;
		margin:0 auto;
	}
}

.planbox3img {
	width:200px;
}
.planbox3img2 {
	width:350px;
}
.planbox3maintxt {
	font-size:28px;
	font-weight:500;
	line-height:1.5em;
}
.planbox3maintxt span {
	color:#fc7eb7;
	font-size:35px;
}
.planbox3extxt {
	font-size:30px;
	margin:0;
}
.planbox3price {
	font-size:60px;
	font-weight:600;
}
.planbox3price span {
	font-size:28px;
}
.planbox3mark > div {
	margin:0 auto;
}
.planbox3mark span {
	margin-top:15px;
	padding:10px;
	color:#FFFFFF;
	font-size:25px;
	font-weight:600;
	background-color:#F47A8F;
	border-radius:50px;
	display:block;
}

.planbox3mark-yellow span {
	background-color:#FFFF00;
}
.planbox3mark-orange span {
	background-color:#F38F32;
}
.planbox3mark-green span {
	background-color:#74C094;
}
.planbox3mark-purple span {
	background-color:#dda0dd;
}

.planExBtn {
	width:80%;
	height:180px;
	margin:0 auto;
	font-size:28px;
	font-weight:600;
	line-height:2.0em;
	background-color:#F38F32;
	border-radius:15px;
	cursor:pointer;
	justify-content:center;
	align-items:center;
	display:flex;
}
.planExBtn-green {
	background-color:#74C094;
}

.planExBtn:hover {
	filter: brightness(1.1);
}


.planExBtn p {
	margin:0;
}

/* for md -991px tablet */
@media(max-width: 991px) {
	.planExBtn {
		width:95%;
	}
}

.voiceBox .row {
	min-height:590px;
	background-color:#FFFFFF;
	border:2px solid var(--bgcolor3);
	border-radius:15px;
}
.voiceBox img {
	width:82%;
	margin-top:45px;
}
.voiceName {
	margin-top:20px;
}
.voiceName span {
	font-size:30px;
}
.voiceTitle {
	margin-top:20px;
	font-size:33px;
	font-weight:600;
}
.voiceBody {
	margin-top:15px;
	padding-bottom:15px;
	line-height:1.75em;
}


.conside > div > div {
	padding:30px 0 50px 0;
	border-radius:30px;
}

.conside .conside-btn {
	width:90%;
	height:190px;
	margin:0 auto;
	padding:20px 0;

	line-height:1.75em;

	background-color:#FFFFFF;
	border:1px solid #000000;
	border-radius:10px;
	display:block;
}

.conside .conside-btn:hover {
	color:#000000;
	background-color:var(--bgcolor1);
}

.conside .conside-btn i {
	font-size:37px;
}
.conside .conside-btn span {
	font-size:37px;
	font-weight:700;
}

/* for md -991px tablet */
@media(max-width: 991px) {
	.conside > div > div {
		padding:30px 0 50px 0;
		border-radius:0;
	}
	.conside .conside-btn span {
		font-size:40px;
	}
}

.conside-mailbox {
	line-height:2.5em !important;
}
.conside-mailbox i {
	font-size:73px !important;
}


#post img {
	margin:15px auto;
	border-radius:15px;
}
#post img:hover {
	filter: brightness(1.1);
}
#post p {
	margin:10px auto 45px auto;
	text-align:left;
}
#post a:hover {
	color:#F38F32;
}



#faq .faq-topic {
	height:40px;
	line-height:40px;
}


#alliance p {
	font-size:20px;
}
#alliance img {
	border:3px solid var(--bgcolor3);
	border-radius:20px;
}



/*--------------------------------------------------------------
# inside page
--------------------------------------------------------------*/

#pagehead {
	height:300px;
	background-image: url('/assets/img/page/page_title_back.webp');
}


#pagehead {
	margin-top:70px;
	list-style:none;
	justify-content:center;
	align-items:center;
	display:flex;
}

/*for -991px tablet */
@media(max-width: 991px) {
	#pagehead {
		margin-top:84px;
	}
}

#pagehead h1 {
	margin:0 20px;
	font-size:40px;
	word-break: break-word;
	overflow-wrap: break-word;
}




#pagebody .page-cover {
	border:3px solid #233750;
	border-radius:30px;
}
/* for md -991px tablet */
@media(max-width: 991px) {
	#pagebody .page-cover {
		width:95%;
		margin:0 auto;
	}
}

#pagebody .pagebtn {
	margin:0 auto;
}

#pagebody .pagebtn a {
	width:80%;
	margin:0 auto;
	padding:15px 0;

	color:#FFFFFF;
	background-color:#F38F32;
	border-radius:50px;
	display:block;
}

#pagebody .pagebtn-pink a {
	background-color:#F47A8F
}

#pagebody .pagebtn a:hover {
	filter: brightness(1.2);
}

#pagebody #pagebodyBackW {
	background-color:#FFFFFF;
	border-radius:15px;
}
/* for md -991px tablet */
@media(max-width: 991px) {
	#pagebody #pagebodyBackW {
		width:95%;
		margin:0 auto;
	}
}

#pagebody .pagebodyErr {
	color:#F57A8E;
}


#planExTable .bgc {
	background-color:var(--bgcolor1);
}


#planExTable th {
	width:280px;
	vertical-align:middle;
}
.planExTablePrice {
	width:280px;
	text-align:center;
	vertical-align:middle;
}

#planExTable h2 {
	width:95%;
	margin:0 auto;
	padding:18px 0;
	font-size:25px;
	font-weight:600;

	background-color:#FFFFFF;
	border:3px solid;
	border-radius:50px;
	display:block;

	color:#F57A8E;
	border-color:#F57A8E;
}

#planExTable span {
	color:#F57A8E;
}

.planExTablevtop {
	vertical-align:top !important;
}

/* for md -991px tablet */
@media(max-width: 991px) {
	#planExTable th,.planExTablePrice {
		width:100%;
	}
}

.plan-title h2{
	font-size:40px;
}
.plan-title-sm{
	font-size:0.6em;
}




#flowExTable .bgc {
	background-color:var(--bgcolor1);
}


#flowExTable th {
	width:280px;
	vertical-align:middle;
}

#flowExTable td {
	padding-bottom:4rem;
}

#flowExTable h2 {
	width:95%;
	margin:0 auto;
	padding:18px 0;
	font-size:25px;
	font-weight:600;

	background-color:#FFFFFF;
	border:3px solid;
	border-radius:50px;
	display:block;

	color:#F38F32;
	border-color:#F38F32;
}

#flowExTable h3 {
	margin:25px 0;
	font-size:25px;
	font-weight:600;
}

#flowExTable span {
	color:#F57A8E;
}

.flowExTablevtop {
	vertical-align:top !important;
}

/* for md -991px tablet */
@media(max-width: 991px) {
	#flowExTable th,.flowExTablePrice {
		width:100%;
	}
	#flowExTable h2 {
		width:230px;
		padding:8px 0;
	}
}

.postInsideBox {
	margin:0 auto;
	padding:20px 40px;
	font-size:25px;
}
.postInsideBox h3 {
	font-size:30px;
	font-weight:600;
	position:relative;
	display:inline-block;
	z-index:1;
}

.postInsideBox h3::after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:13px;
	z-index:-1;
	background-color:#F47A8F;
}

.postInsideBox figure {
	text-align:center;
}

#partner p {
	font-size:20px;
}
/* for md -991px tablet */
@media(max-width: 991px) {
	#partner p {
		font-size:15px;
	}
}
#partner a:hover {
	color:#F38F32;
}
#partner img {
	border-radius:15px;
}
#partner img:hover {
	filter: brightness(1.1);
}


.exHeadText {
	padding:0 30px;
	text-align:left;
}

/**************************************************/
/* appli */
/**************************************************/

/* header */

#appliHeader {
	position:relative;
}

header #logo_appli {
	width:360px;
	height:70px;
	margin:0 auto;
	background-color:#FFFFFF;
}

header #logo_appli img {
	width:100%;
	height:100%;
}

/* for md -991px tablet */
@media(max-width: 991px) {
	header #logo_appli {
		width:320px;
		height:84px;
	}
}

/* a */
.maindef a {
	color:#FFFFFF;
	text-decoration: none;
}
.maindef a:hover {
	color:#FFFFFF;
	text-decoration: none;
}

/* section */
.maindef {
	color:#000000;
	background-color:#F5F5EA;
}


/*p*/

.maindef p{
	margin:0;
}

/*h*/

.maindef h1{
	margin:0;
	font-size:35px;
}
.maindef h2{
	margin:0;
	font-size:30px;
	font-weight:600;
}
.maindef h3{
	margin:0;
	font-size:30px;
}



/*ボタン*/

.main_btn_def {
	width:450px;
	transition: filter 0.1s ease;
}
.main_btn_def:hover{
	filter: brightness(1.10);
}


.mainbtn {
	width:80%;
	max-width:550px;
	height:80px;

	margin:20px 0;

	color:#FFFFFF;
	font-size:32px;

	border:0;
	border-radius:50px;

	background-color:#F38F32;
}

.mainbtn:hover{
	filter: brightness(1.10);
}

.mainbtn-pink {
	background-color:#fc7eb7;
}

.mainbtn-pink:hover{
	filter: brightness(1.10);
}

.mainbtn-green {
	background-color:#74C094;
}

.mainbtn-green:hover{
	filter: brightness(1.10);
}

.mainbtn-darkblue {
	background-color:#233750;
}

.mainbtn-darkblue:hover{
	filter: brightness(2.50);
}

.mainbtn-gray {
	background-color:#333333;
}

.mainbtn-gray:hover{
	filter: brightness(2.50);
}

.mainbtn-nohover , .mainbtn-bk{
	margin:30px auto !important;
	line-height:2.25em;
	display:block;
}
.mainbtn-nohover:hover{
	filter:none;
}


/* エラーボックス */

.mainErrorBox {
	width:95%;
	max-width:900px;
	margin:50px 20px;
	padding:30px 0;
	border:3px solid #fc7eb7;
	color:#000000;
}


/* メイン結果BOX */

.mainres {
	margin:20px;
	padding:20px 0;
	background-color:#FFFFFF;
	border:4px solid #BFAA70;
	border-radius:15px;
}

.mainres h3 {
	margin:0;
	padding-bottom:20px;
	border-bottom:2px dotted #BFAA70;
}
.mainres p {
	margin:0;
	padding:20px 20px 0 20px;
	color:#000000;
}


/*基本パーツ　部分背景*/

.maindef_backImg1 {
	top:0;
	left:0;
	position:absolute;
	z-index:14;
}

.maindef_carea {
	position:relative;
	z-index:100;
}

/***** myroom *****/

#mainExContarea {
	background-color:#FFFFFF;
	border-top:1px solid #C8A64F;
	border-bottom:1px solid #C8A64F;
}



#mainMyroomLeftAvatar {
	padding:0;
	position:relative;
}
#mainMyroomLeftAvatar .dimg {
	border-radius:15px;
}

#dimgSpFrame {
	position:absolute;
	z-index:30;
}
#dimgSp {
	position:absolute;
	z-index:20;
}
#dimgSpBase {
	position:relative;
	z-index:10;
}


#mainMyroomLeftName {
	width:100%;
	height:60px;
	color:#FFFFFF;
	background-color:#233750;
	border-radius:50px;
	position:relative;
}

#mainMyroomLeftName p {
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	position:absolute;
	z-index:100;
}


.mainMyroomRightBtn {
	height:120px;
	background-color:#FFFFFF;
	border:0;
	border-radius:15px;
}
#mainMyroomRightBtnExH2{
	line-height:1em;
}

.mainMyroomRightBtn:hover{
	background-color:#ffe9cc;
	cursor:pointer;
}

.mainMyroomRightBtn table{
	width:100%;
	height:120px;
}

.mainMyroomRightBtn table,.mainMyroomRightBtn th,.mainMyroomRightBtn td{
	margin:0;
	padding:0;
}

.mainMyroomRightBtn th{
	width:120px;
	height:120px;
	vertical-align:middle;
}
.mainMyroomRightBtn td{
	text-align:left;
	vertical-align:middle;
}

.mainMyroomRightBtn table img{
	width:95px;
	border-radius:15px;
}

.mainMyroomRightBtn table p{
	font-size:18px;
	color:var(--color-ex5);
}
.mainMyroomRightBtn table p span{
	font-size:26px;
}

/* for xs,sm,md -991px sp */
@media(max-width: 991px) {

.mainMyroomRightBtn table th,.mainMyroomRightBtn table td {
	width:120px;
	padding:0;
	display:table-cell;
}
.mainMyroomRightBtn table td {
	width:auto;
	padding:0;
	display:table-cell;
}

}

/*****paylog*****/

#paylogYear {
	max-width:400px;
	height:auto;
	font-size:40px;
	text-align:center;
}

/*****mline*****/

#mlineSec {
	max-width:400px;
	height:auto;
	font-size:40px;
	text-align:center;
}



/**************************************************/
/* for WP */
/**************************************************/
.has-medium-font-size{
	font-size:0.75em;
}
.has-x-large-font-size{
	font-size:1.5em;
	color:#800000;
}
.wp-block-table{
	border:1px #666 solid;
}
.wp-block-table th{
	border:1px #666 solid;
}
.wp-block-table td{
	border:1px #666 solid;
}