

#body h3 {
	background-color: #e3f3ff;
	padding: 0.5em 1em;
	letter-spacing: 0;
}

#body h3.title02 {
	background-color: #ffe2bf;
	border-left: 4px solid #e27a00;
}

#body h3.title03 {
	background-color: #ffe2bf;
	border-left: 10px solid #e27a00;
}

.ex_block{
	display: block;
	margin: 0.5em;
	border: 1px #b2a883 dotted;
	padding: 0.5em;
}

.red {
	font-weight: bold;
}

.red a {
	color: #e27a00 !important;
	text-decoration: underline;
}

.orange {
	color: #e27a00;
}

.blue {
	border: 2px solid #e27a00;
	padding: 1em;
	display: inline-block !important;
	margin-top: 0;
}

.accordion .box_accor a,
.accordion01 .box_accor a,
.accordion02 .box_accor a {
	transition: .3s;
}

.accordion .box_accor a:hover,
.accordion01 .box_accor a:hover,
.accordion02 .box_accor a:hover {
	opacity: .4;
	transition: .3s;
}

.accordion .box_accor h4,
.accordion01 .box_accor h4,
.accordion02 .box_accor h4 {
	display: block;
	font-weight: bold;
	text-indent: -2em;
	padding: 1em 2em;
	text-align: left;
	position: relative;
}

.accordion .box_accor h4:after,
.accordion01 .box_accor h4:after,
.accordion02 .box_accor h4:after {
	content: "\3E";
	display: inline-block;
	color: #666;
	top: 50%;
	transform: scale(1, 0.6) rotate(90deg) translateY(50%);
	position: absolute;
	right: 1em;
}

.accordion .box_accor h4.active:after,
.accordion01 .box_accor h4.active:after,
.accordion02 .box_accor h4.active:after {
	content: "\3C";
}

.box_accor span.under {
	text-decoration: underline;
}

@media screen and (min-width: 641px) {
	.accordion,
	.accordion01,
	.accordion02{
		width:100%;
		padding-bottom:40px;
	}

	.accordion>p,
	.accordion01>p{
		background: #FDF7DD;
	}

	.accordion02>p{
	}

	.accordion .box_accor.first,
	.accordion01 .box_accor.first{
		margin:20px 0 0 20px;
		border-top: 1px dashed #0068b7;
	}

	.accordion02 .box_accor.first{
		margin:20px 0 0 20px;
		border-top: 1px dashed #e27a00;
	}

	.accordion .box_accor,
	.accordion01 .box_accor{
		margin:0 0 0 20px;
		border-bottom: 1px dashed #0068b7;
	}

	.accordion02 .box_accor{
		margin:0 0 0 20px;
		border-bottom: 1px dashed #e27a00;
	}

	.accordion .box_accor h4,
	.accordion01 .box_accor h4{
		cursor:pointer;
		color: #0068b7;
		padding-right: 3em;
		opacity: 1;
		transition: .3s;
	}

	.accordion02 .box_accor h4{
		cursor:pointer;
		color: #e27a00;
		padding-right: 3em;
		opacity: 1;
		transition: .3s;
	}

	.accordion .box_accor h4:hover,
	.accordion01 .box_accor h4:hover,
	.accordion02 .box_accor h4:hover {
		opacity: .6;
		transition: .3s;
	}

	.accordion .box_accor h4 span,
	.accordion01 .box_accor h4 span,
	.accordion02 .box_accor h4 span{
		color: #000;
	}

	.accordion .box_accor .group_accor,
	.accordion01 .box_accor .group_accor {
		background: #ecf7ff;
	}

	.accordion02 .box_accor .group_accor{
		background: #fffce7;
	}

	.accordion .box_accor .group_accor,
	.accordion01 .box_accor .group_accor,
	.accordion02 .box_accor .group_accor{
		margin-top: 20px;
		margin-left:30px;
		margin-bottom: 20px;
		display: none;
		border-radius: 4px;
		padding: 0 20px;
		overflow: hidden;
	}

	.accordion .box_accor .group_accor p,
	.accordion01 .box_accor .group_accor p,
	.accordion02 .box_accor .group_accor p {
		display:block;
		font-size: 14px;
		margin: 20px 0;
	}

	.accordion .box_accor .group_accor p.right,
	.accordion01 .box_accor .group_accor p.right,
	.accordion02 .box_accor .group_accor p.right {
		float: right;
		width: 30%;
		text-align: right;
	}

	.accordion .box_accor .group_accor p.right img,
	.accordion01 .box_accor .group_accor p.right img,
	.accordion02 .box_accor .group_accor p.right img {
		width: 90%;
	}

	.accordion .box_accor .group_accor p.ano,
	.accordion01 .box_accor .group_accor p.ano,
	.accordion02 .box_accor .group_accor p.ano{
		text-indent:0em;
		padding-left:3em;
	}

	.accordion .box_accor .group_accor p a,
	.accordion01 .box_accor .group_accor p a,
	.accordion02 .box_accor .group_accor p a {
		color: #000;
		text-decoration: underline;
	}

	.tel{
		font-size:16px;
		font-weight:bold;
	}

	.tel_box{
		padding:1em;
		border: #ff0000 1px dotted ;
	}

	.tel_box p,
	.tel_box p span{
		text-indent:0em !important;
		padding-left:0em !important;
	}

	.tel_box p.tl{
		color:#ff0000;
		font-weight:bold;
	}

	.accordion .box_accor .group_accor p.second,
	.accordion01 .box_accor .group_accor p.second,
	.accordion02 .box_accor .group_accor p.second{
		text-indent:-4em;
		padding-left:4em;
	}

	.payment_title_qa{
		margin-bottom: 20px;
	}

	._split {
		overflow: hidden;
	}

	.group_accor ._split p:first-child {
		float: left;
		margin: 0;
	}

	._split p:first-child img {
		width: 435px;
	}

	.group_accor ._split p:last-child {
		margin: 0;
		float: right;
	}

	._split p:last-child img {
		width: 220px;
	}

}

@media screen and (max-width: 640px) {

	.question {
		margin: 1em;
	}
	
	h4{
		display: block;
		font-weight: bold;
		text-indent: -2em;
		padding: 1em 2em;
		text-align: left;
	}
	
	.box_accor{
		border-bottom: 1px dashed #bcb8a1;
	}
	
	.box_accor.first{
		border-top: 1px dashed #bcb8a1;
		border-bottom: 1px dashed #bcb8a1;
	}
	
	.group_accor{
		display: none;
		padding: 1em;
		width: 94%;
		box-sizing: border-box;
		margin-left: 6%;
		background: #fffde4;
		border-radius: 1em;
		margin-bottom: 1em;
	}

	.box_accor:last-child{
		margin-bottom: 2em;
	}

	._split p {
		text-align: center;
		width: 70%;
		margin: 1em auto;
	}

}

.txt01 strong,
.box_attention strong,
.box_orange strong,
.box_blue strong {
	font-size: 115%;
}

.box_attention {
	border: 2px solid #e27a00;
	background: #fffce7;
	margin: 1.5em 0;
}

.box_attention p {
	margin: 1.5em;
}

.box_attention .btn_g {
	text-align: center;
}

.box_orange a.btn01,
.box_attention a.btn01,
.box_orange strong.btn01,
.box_blue strong.btn02,
.box_attention strong.btn01 {
	background: #e27a00;
	border: 2px solid #e27a00;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.75em;
	transition: .3s;
	display: inline-block;
	margin: 0.5em 0;
	box-sizing: border-box;
}

.box_orange a.btn01,
.box_orange strong.btn01,
.box_blue strong.btn02 {
	width: 80%;
	display: block;
	margin: 1.5em auto;
	text-align: center;
}

.box_orange a.btn01 strong,
.box_orange strong.btn01 strong,
.box_blue strong.btn02 strong {
	font-size: 120%;
}

.box_orange a.btn01 span:after,
.box_attention a.btn01 span:after,
.box_orange strong.btn01 span:after,
.box_blue strong.btn02 span:after,
.box_attention strong.btn01 span:after {
	content: "\3E";
	display: inline-block;
	float: right;
	transform: scale(0.6, 1);
}
/*

.box_orange strong.btn01:hover,
.box_attention strong.btn01:hover {
	background: #fff;
	color: #e27a00;
	transition: .3s;
}

.box_orange strong.btn01:hover span:after,
.box_attention strong.btn01:hover span:after {
	color: #e27a00;
}
*/
.box_blue strong.btn02 {
	background: #0093da;
	border: 2px solid #0093da;
}
/*
.box_blue strong.btn02:hover {
	background: #fff;
	color: #0093da;
	transition: .3s;
}

.box_blue strong.btn02:hover span:after {
	color: #0093da;
}
*/
.box_orange {
	border: 2px solid #e27a00;
	margin: 1.5em 0;
}

#body .box_orange h3 {
	background: #e27a00;
	color: #fff;
	border: none;
	margin: 0;
}

.box_blue {
	border: 2px solid #0068b7;
	margin: 1.5em 0;
}

#body .box_blue h3 {
	background: #0068b7;
	color: #fff;
	border: none;
	margin: 0;
}


#body .box_orange div,
#body .box_blue div {
	padding: 1.5em;
}

.box_orange a.btn01 small,
.box_orange strong.btn01 small,
.box_blue strong.btn02 small {
	font-weight: normal;
}

@media screen and (min-width: 640px) {

	.box_orange a.btn01,
	.box_attention a.btn01,
	.box_orange strong.btn01,
	.box_blue strong.btn02,
	.box_attention strong.btn01 {
		width: 23em;
		line-height: 1.2;
	}

	.pic_box img {
		width: 98%;
		display: block;
	}

}

@media screen and (max-width: 640px) {

	#body h3.title03 {
		margin: 1em;
	}

	#body h3.title03:before,
	#body .accordion h3:before,
	#body .accordion01 h3:before,
	#body .accordion02 h3:before,
	#body .box_attention h3:before,
	#body .box_blue h3:before,
	#body .box_orange h3:before {
		display: none;
	}

	.txt01,
	.box_attention,
	.box_orange,
	.box_blue {
		margin: 1.5em 1em;
	}

	#body .accordion h3,
	#body .accordion01 h3 {
		border-left: 4px solid #0068b7;
	}

	.box_orange a.btn01,
	.box_attention a.btn01,
	.box_orange strong.btn01,
	.box_blue strong.btn02,
	.box_attention strong.btn01 {
		line-height: 1.2;
		display: block;
		position: relative;
	}

	.box_orange a.btn01 span,
	.box_attention a.btn01 span,
	.box_orange strong.btn01 span,
	.box_blue strong.btn02 span,
	.box_attention strong.btn01 span {
		padding: 0 2em;
	}

	.box_orange a.btn01 span:after,
	.box_attention a.btn01 span:after,
	.box_orange strong.btn01 span:after,
	.box_blue strong.btn02 span:after,
	.box_attention strong.btn01 span:after {
		position: absolute;
		top: 0;
		transform: scale(0.6, 1) translateY(50%);
		right: 1em;
	}

	.pic_box {
		margin-top: 1.5em;
	}

	.blue {
		margin-top: 1.5em;
	}

}

#mypageparts-pc #mypageparts {
	padding-bottom: 0;
}

#mypageparts-pc #mypageparts div.links {
	display: none;
}

/*
2021.11.12
////////////////////////////////////// */

.link_btn_orange {
	text-align: center;
}

.box_accor .group_accor p.link_btn_orange a {
	border: 2px solid #e27a00;
	background: #e27a00;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.75em;
	transition: .3s;
	display: inline-block;
	box-sizing: border-box;
	text-decoration: none;
	font-size: 115%;
}

@media screen and (min-width: 640px) {

	.box_accor .group_accor p.link_btn_orange a {
		transition: .3s;
		opacity: 1;
		min-width: 50%;
	}

	.box_accor .group_accor p.link_btn_orange a:hover {
		opacity: 1;
		color: #e27a00;
		background: #fff;
	}

}

@media screen and (max-width: 768px) {

	.box_orange a.btn01 strong a[href^="tel:"],
	.box_orange strong.btn01 strong a[href^="tel:"],
	.box_blue strong.btn02 strong a[href^="tel:"] {
		color: #fff;
		text-decoration: none;
	}

}

/* 20240311 */

.box_orange a.btn01,
.box_attention a.btn01,
.box_orange strong.btn01,
.box_blue strong.btn02,
.box_attention strong.btn01 {
	position: relative;
}

.box_orange a.btn01 span::after,
.box_attention a.btn01 span::after,
.box_orange strong.btn01 span::after,
.box_blue strong.btn02 span::after,
.box_attention strong.btn01 span::after {
	transform: scale(0.6, 1) translateY( -50% );
	top: 50%;
	position: absolute;
	right: 0.5em;
}

.box_blue #point a.btn02 {
	background: #0093da;
	border: 2px solid #0093da;
	display: block;
	color: #fff;
	margin: 1.5em auto 0;
	text-align: center;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	padding: 0.75em;
	box-sizing: border-box;
}

.box_blue #point {
	padding: 1.5em;
	background: #ecf7ff;
}

.box_blue #point img {
	max-width: 100%;
	display: block;
}

.box_blue #point picture {
	margin: 1.5em 0;
	display: block;
}

.box_blue #point span._int {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	color: #e00;
	font-size: 90%;
}

.box_blue #point a.btn02 span:after {
	content: "\3E";
	display: inline-block;
	float: right;
	transform: scale(0.6, 1) translateY( -50% );
	top: 50%;
	position: absolute;
	right: 0.5em;
}

.box_blue #point a.btn02 strong {
	display: block;
}

.box_blue #point a.btn02 span {
	display: block;
	font-weight: 400;
	font-size: 75%;
}

@media screen and (min-width: 768px) {

	.box_blue #point a.btn02 {
		width: 23em;
		line-height: 1.2;
	}

}

/* 2024.04 */

._new {
	font-weight: 600;
	color: #e00;
}


/* 2024.06 */

.box_caption_2024 span {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 17.5px;
}

.box_caption_2024 small {
	font-size: 14px;
	display: block;
	padding-left: 1em;
}

@media screen and (min-width: 768px) {

	.box_caption_2024 {
		margin: 1.5em 0;
	}

	.box_caption_2024 span {
		font-size: 17.5px;
	}

	.box_caption_2024 small {
		font-size: 14px;
	}

}

@media screen and (max-width: 768px) {

	.box_caption_2024 {
		margin: 1.5em;
	}

	.box_caption_2024 span {
		font-size: 12px;
	}

	.box_caption_2024 small {
		font-size: 10.8px;
	}

}

/* 202603 */


picture {
	display: block;
	margin-top: 1em;
}

@media screen and (min-width: 768px) {

	picture img {
		display: block;
		width: 100%;
	}

}

@media screen and (max-width: 768px) {

	picture img {
		display: block;
		width: 70%;
		margin: 0 auto;
	}

}




