@charset "Shift_JIS";

/*-----------------
.baceの上書き
-----------------*/

.mainBox{
	width:100%;
	padding-top: 0px;
}


.container{
	width:100%;
}


#license_guide h1 {
	padding: 0;
	border-bottom:0px;
	line-height: 1.3;
	background-color: #fff;
}

section.mainBox h1{
	width: 100%!important;
	margin:0 auto;
}

@media screen and (max-width: 767px) {
/*スマホサイズ*/
	section.mainBox h1 img{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	}
}


h1 {
	border-bottom:none;
}


/*-------------------
見出しの上書き
-------------------*/
#license_guide .container h2,
#license_guide .container h3
{
	color: #333;
	font-weight: 800;
	border-bottom:none;
}

#license_guide .container h2:after,
#license_guide .container h3:after
{
	background:transparent;
}
#license_guide .container h2:after,
#license_guide .container h3:after
{
	background:transparent;
}

@media screen and (max-width: 767px) {
/*スマホサイズ*/
	#license_guide .container h2
	{
	font-size:1.5rem;
	}
	#license_guide .container h3
	{
	font-size: 1.3rem;
	}
}

/*---------------------
940pxの中
---------------------*/
.inner
{
	width:940px;
	margin:auto;
}

@media screen and (max-width: 767px) {
/*スマホサイズ*/
	.inner
	{
	width:90%;
	}
}

.bg_gry
{
	background:#f0f1f6;
	padding: 60px 0;
}

@media screen and (max-width: 767px) {
/*スマホサイズ*/
	.bg_gry
	{
	padding: 40px 0;
	}
}


/*---------------------
トップページ独自
---------------------*/
p.opening
{
	padding: 4rem 0;
	/* font-weight:bold; */
	font-size: 1.4rem;
	text-align:center;
}

@media screen and (max-width: 767px) {
/*スマホサイズ*/
	p.opening
	{
	padding: 2rem 0;
	font-size:1.0rem;
	}
}	


/*---------------------
ボタン
---------------------*/
.container ul.linkBtn {
	display: flex;
	gap: 2rem;
	justify-content: center;
	margin: 4rem 0 2rem 0;
}


.container ul.linkBtn li {
	flex:1;
}

.container ul.linkBtn li a {
	text-align: center;
	border-radius: 10px;
	display:block;
	color: #fff;
	font-weight: 800;
	text-decoration:none;
	font-size: 1.4rem;
	background: linear-gradient(45deg,	#ff5660 55%,#f69c28 100%);
	padding: 2rem 0;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
	position:relative;
	transition: all .3s;
}


.container ul.linkBtn li a:after
{
	content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.container ul.linkBtn li a:hover
{
	background: linear-gradient(45deg, #f69c28 50%, #ff5660 100%);
	box-shadow: none;
}

@media screen and (max-width: 767px) {
	.container ul.linkBtn 
	{
	flex-direction: column;	
	gap: 1rem;
	margin: 2rem 0;
	}
	.container ul.linkBtn li
	{
	flex: auto;
	}
	.container ul.linkBtn li a 
	{
	font-size: 1.2rem;
	padding: 1.5rem 0;
	}

}



/*---------------------
テキストボタン
---------------------*/
ul.textLink
{
	display:flex;
	gap: 2rem;
	justify-content: center;
}


ul.textLink li
{
	padding:10px 0;
}


ul.textLink li:last-child
{
	padding-bottom:0;
}

@media screen and (max-width: 768px) {
ul.textLink
	{
	flex-direction: column;
	gap: 1rem;
	margin: 0 auto;		   /* 左右中央に配置 */
	align-items: flex-start;  /* li を左揃えのまま */
	width: fit-content;	   /* コンテンツ幅に合わせる */
	}
	
	ul.textLink li
	{
	padding:0px;
	}
}




ul.textLink a 
{
	color: #555;
	text-decoration:underline;
	padding-left:30px;
	position:relative;
	display:flex;
}


ul.textLink a:before
{
	position: absolute;
	content:"";
	top:0;
	left:0px;
	background: #ff5660;
	height: calc(tan(32deg) * 32px / 2);
	width: 16px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}


/*---------------------
目的にあわせて選ぶ
---------------------*/
.choice {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.choice li{
	width: calc(50% - 0.5rem);
}
.choice li a{
	background: #fff;
	color:#333;
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 5px 5px rgb(112 119 153 / 43%);
	box-sizing: border-box;
	display: flex;
	gap:1rem;
	position: relative;
	transition: all .3s;
	
	@charset "Shift_JIS";

/*-----------------
.baceの上書き
-----------------*/

.mainBox{
	width: 100%;
	padding-top: 0px;
}


.container{
	width:100%;
}


#license_guide
	h1 {
 padding: 0;
	border-bottom:0px;
	line-height: 1.3;
	background-color: #fff;
}
	section.mainBox h1{
 width: 100%!important;
	margin:0 auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 section.mainBox h1 img{
 display: block;
	width: 100%;
	margin: 0;
	padding: 0;
 }
}
	h1 {
 border-bottom:none;
}


/*-------------------
見出しの上書き
-------------------*/
#license_guide .container
	h2,
#license_guide .container h3
{
 color: #333;
	font-weight: 800;
	border-bottom:none;
}

#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 #license_guide .container h2
 {
 font-size:1.5rem;
 }
 #license_guide .container h3
 {
	font-size: 1.3rem;
 }
}

/*---------------------
940pxの中
---------------------*/
.inner
{
	width:940px;
	margin:auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .inner
 {
 width:90%;
 }
}

.bg_gry
{
	background:#f0f1f6;
	padding: 60px 0;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .bg_gry
 {
 padding: 40px 0;
 }
}


/*---------------------
トップページ独自
---------------------*/
	p.opening
{
 padding: 4rem 0;
	/* font-weight:bold; */
	font-size: 1.4rem;
	text-align:center;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 p.opening
 {
 padding: 2rem 0;
	font-size:1.0rem;
 }
} 


/*---------------------
ボタン
---------------------*/
.container
	ul.linkBtn {
 display: flex;
	gap: 2rem;
	justify-content: center;
	margin: 4rem 0 2rem 0;
}


.container
	ul.linkBtn li {
 flex:1;
}

.container
	ul.linkBtn li a {
 text-align: center;
	border-radius: 10px;
	display:block;
	color: #fff;
	font-weight: 800;
	text-decoration:none;
	font-size: 1.4rem;
	background: linear-gradient(45deg, #ff5660 55%,#f69c28 100%);
	padding: 2rem 0;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
	position:relative;
	transition: all .3s;
}


.container
	ul.linkBtn li a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.container
	ul.linkBtn li a:hover
{
 background: linear-gradient(45deg, #f69c28 50%, #ff5660 100%);
	box-shadow: none;
}
	@media screen and (max-width: 767px) {
 .container ul.linkBtn 
 {
 flex-direction: column;
	gap: 1rem;
	margin: 2rem 0;
 }
 .container ul.linkBtn li
 {
	flex: auto;
 }
 .container ul.linkBtn li a 
 {
	font-size: 1.2rem;
	padding: 1.5rem 0;
 }

}



/*---------------------
テキストボタン
---------------------*/
	ul.textLink
{
 display:flex;
	gap: 2rem;
	justify-content: center;
}
	ul.textLink li
{
 padding:10px 0;
}
	ul.textLink li:last-child
{
 padding-bottom:0;
}
	@media screen and (max-width: 768px) {
ul.textLink
 {
 flex-direction: column;
	gap: 1rem;
	margin: 0 auto;     /* 左右中央に配置 */
	align-items: flex-start;  /* li を左揃えのまま */
	width: fit-content;    /* コンテンツ幅に合わせる */
 }
 
 ul.textLink li
 {
	padding:0px;
 }
}
	ul.textLink a 
{
 color: #555;
	text-decoration:underline;
	padding-left:30px;
	position:relative;
	display:flex;
}
	ul.textLink a:before
{
 position: absolute;
	content:"";
	top:0;
	left:0px;
	background: #ff5660;
	height: calc(tan(32deg) * 32px / 2);
	width: 16px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}


/*---------------------
目的にあわせて選ぶ
---------------------*/
.choice {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.choice
	li{
 width: calc(50% - 0.5rem);
}
.choice
	li a{
 background: #fff;
	color:#333;
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 5px 5px rgb(112 119 153 / 43%);
	box-sizing: border-box;
	display: flex;
	gap:1rem;
	position: relative;
}
.choice
	li a:hover{
 box-shadow: 0 0px 0px rgb(112 119 153 / 43%);
}

.choice
	li img{
 width: 40%;
	height:auto;
	object-fit: cover;
}
	@media (max-width: 767px) {
/* スマホサイズ*/
 .choice {
  flex-direction: column;
 }
 .choice li{
	width: 100%; 
 }
 .choice li img{
	width: 30%;
 }

}

.choice
	li a::before {
 position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/license_guide/images/index/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}


/*---------------------
適正を知ってい選ぶ
---------------------*/
.content
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.content
	h3
{
 border-bottom:none;
	border-left:10px solid #FF9800;
	padding:0 0 0 10px;
}

.content
	h3:after
{
 background:transparent;
}

.content
	img.keyimg
{
 margin:2rem 0;
	width:100%;
 
}

/*------------------------
アコーディオン上書き
------------------------*/
.accordion_area
{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.accordion_area .shikakuWrap
{
	padding:2rem;
	background-color:#f2f2f2;
	margin-bottom:0;
}


.accordion_area .shikakuWrap .grid6
{
	width:100%;
}

.accordion_area .shikakuWrap .grid8
{
	position:relative;
	margin-bottom:0;
}

.accordion_area .shikakuWrap .grid8:
	after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}

.accordion > .accordion-contents{
	padding:0;
}


/*見出しの非表示*/
.accordion_area .shikakuWrap
	h2
{
 display:none;
}

.accordion_area *[
	class^="grid"]{
 float: none;
}

.accordion_area .tLink-a {
	background:none;
}


.accordion_area
	ul {
 margin-bottom: 0rem;
}

.accordion_area
	li{
 margin-left: 0!important;
	margin-bottom:1rem;
}

.accordion_area
	li:last-child {
 margin-bottom: 0rem;
}


.accordion_area
	li a
{
 color:#0f7ace;
}

.accordion_area
	span[class^="txtIcon"] {
display:none;
}

.accordion_area .accordion
{
	margin:0;
	border-bottom: 1px solid #ccc;
}

.accordion_area .accordion > .accordion-btn
{
	color:#444!important;
	margin:0;
	display: flex;
	padding-left:1em;
	align-items: center;
	gap: 1rem;
	font-size:1.2rem!important;
}
	@media screen and (max-width: 767px) {
 .accordion_area .accordion > .accordion-btn
 {
 font-size:1.2rem!important;
	font-weight:normal!important;
 }
}

.accordion_area .accordion > .accordion-btn
	img
{
 width:34px;
	height:34px;
}

.accordion_area
	h3:after{
 background-color:transparent;
}

.accordion_area .accordion > .accordion-btn::
	before {
 display: block !important;
	content: '' !important;
	position: absolute !important;
	bottom: 1.1em !important;
	left: auto !important;
	right: 1em !important;
	width: 0.6em;
	height: 0.6em;
	border-left: 2px solid #888!important;
	border-bottom: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	@media screen and (max-width: 767px) {
.accordion_area .accordion > .accordion-btn::before {
 bottom: 1.5em !important;
 }
}

.accordion_area .accordion > .accordion-open::
	before {
 bottom: 0.75em !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: 2px solid #888!important;
	border-top: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.accordion_area .accordion > .accordion-open
{
	box-shadow: 0 5px 10px rgb(112 119 153 / 50%);
}


.accordion_area .accordion >
	ul.accordion-contents
{
 padding:2rem;
	background-color:#f2f2f2;
}

.accordion_area .accordion >
	ul.accordion-contents li
{
 margin-bottom:1rem;
	position:relative;
	padding-left: 1em;
}


.accordion_area .accordion >
	ul.accordion-contents li a
{
 color:#0f7ace;
}

.accordion_area .accordion >
	ul.accordion-contents li:after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}


.accordion_area .accordion >
	ul.accordion-contents li:last-child
{
 margin-bottom:0;
}





/*------------------------
5つのpoint 
------------------------*/
	h3.point {
 display: inline-block;
	background: linear-gradient(90deg, #ff555f 0%, #f69c28 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px;
}




/*-----------------------------
ボタン
-----------------------------*/
.RED_Btn
	a,
.BLUE_Btn a {
 position:relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background: linear-gradient(45deg, #22dcfd 0%, #1c91e2 50%, #5865b9 100%);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
}

.RED_Btn
	a
{
 background: linear-gradient(45deg, #f69c28 5%,#ff5660 76%);
}

.RED_Btn
	a:after,
.BLUE_Btn a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg); /* 角度を調整 */
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.RED_Btn
	a:hover,
.BLUE_Btn a:hover 
{
 background: linear-gradient(45deg, #ff5660 5%, #f69c28 76%);
	box-shadow: none;
}
.BLUE_Btn
	a:hover
{
 background: linear-gradient(45deg, #5865b9 0%,#1c91e2 50%,#22dcfd 100%);
}
	@media screen and (max-width: 767px) {
 .RED_Btn a,
 .BLUE_Btn a 
 {
 padding:1.5rem 1.5rem;
 }
}

/*--------------------------
コンテンツふわっと
-------------------------*/
.fade {
	opacity: 0;
	transition: opacity 1.5s ease;
}
.fade.active {
	opacity: 1;
}


.fade-keyimg {
	opacity: 0;
	transform: scale(1.05);
	transition: opacity 2s ease, transform 2s ease;
}

.fade-keyimg.active {
	opacity: 1;
	transform: scale(1);
}



.h1fade {
	min-height: 300px; /* 適宜調整。画像の高さに合わせて */
	display: flex;
	align-items: center;
	justify-content: center;
}

.fade-in-start {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInFromCenter 1.5s ease-out forwards;
}
	@keyframes fadeInFromCenter {
 to {
 opacity: 1;
	transform: translateY(0);
 }
}

/*--------------------------
5つのポイント
-------------------------*/
.point_box
{
	border-top:1px solid #ccc;
	padding:2rem 0;
}
	@media screen and (max-width: 767px) {
 .point_box img
 {
 width:50%;
	height:auto;
	margin:auto;
 }
}
	h3.underL
{
 border-top: solid 1px #ccc;
	padding-top: 30px;
};
}
.choice li a:hover{
	box-shadow: 0 0px 0px rgb(112 119 153 / 43%);
}

.choice li img{
	width: 40%;
	height:auto;
	object-fit: cover;
}



@media (max-width: 767px) {
/* スマホサイズ*/
	.choice {
		flex-direction: column;
	}
	.choice li{
		width: 100%; 
	}
	.choice li img{
	width: 30%;
	}

}

.choice li a::before {
	position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/license_guide/images/index/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}


/*---------------------
適正を知ってい選ぶ
---------------------*/
.content
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.content h3
{
	border-bottom:none;
	border-left:10px solid #FF9800;
	padding:0 0 0 10px;
}

.content h3:after
{
	background:transparent;
}

.content img.keyimg
{
	margin:2rem 0;
	width:100%;
	
}

/*------------------------
アコーディオン上書き
------------------------*/
.accordion_area
{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.accordion_area .shikakuWrap
{
	padding:2rem;
	background-color:#f2f2f2;
	margin-bottom:0;
}


.accordion_area .shikakuWrap .grid6
{
	width:100%;
}

.accordion_area .shikakuWrap .grid8
{
	position:relative;
	margin-bottom:0;
}

.accordion_area .shikakuWrap .grid8:after
{
	position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}

.accordion > .accordion-contents{
	padding:0;
}


/*見出しの非表示*/
.accordion_area .shikakuWrap h2
{
	display:none;
}

.accordion_area	*[class^="grid"]{
	float: none;
}

.accordion_area .tLink-a {
	background:none;
}


.accordion_area	ul {
	margin-bottom: 0rem;
}

.accordion_area	li{
	margin-left: 0!important;
	margin-bottom:1rem;
}

.accordion_area	li:last-child {
	margin-bottom: 0rem;
}


.accordion_area	li a
{
	color:#0f7ace;
}

.accordion_area	span[class^="txtIcon"] {
display:none;
}

.accordion_area	.accordion
{
	margin:0;
	border-bottom: 1px solid #ccc;
}

.accordion_area .accordion > .accordion-btn
{
	color:#444!important;
	margin:0;
	display: flex;
	padding-left:1em;
	align-items: center;
	gap: 1rem;
	font-size:1.2rem!important;
}

@media screen and (max-width: 767px) {
	.accordion_area .accordion > .accordion-btn
	{
	font-size:1.2rem!important;
	font-weight:normal!important;
	}
}

.accordion_area .accordion > .accordion-btn img
{
	width:34px;
	height:34px;
}

.accordion_area h3:after{
	background-color:transparent;
}

.accordion_area .accordion > .accordion-btn::before {
	display: block !important;
	content: '' !important;
	position: absolute !important;
	bottom: 1.1em !important;
	left: auto !important;
	right: 1em !important;
	width: 0.6em;
	height: 0.6em;
	border-left: 2px solid #888!important;
	border-bottom: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
.accordion_area .accordion > .accordion-btn::before {
	bottom: 1.5em !important;
	}
}

.accordion_area .accordion > .accordion-open::before {
	bottom: 0.75em !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: 2px solid #888!important;
	border-top: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.accordion_area .accordion > .accordion-open
{
	box-shadow: 0 5px 10px rgb(112 119 153 / 50%);
}


.accordion_area .accordion > ul.accordion-contents
{
	padding:2rem;
	background-color:#f2f2f2;
}

.accordion_area .accordion > ul.accordion-contents li
{
	margin-bottom:1rem;
	position:relative;
	padding-left: 1em;
}


.accordion_area .accordion > ul.accordion-contents li a
{
	color:#0f7ace;
}

.accordion_area .accordion > ul.accordion-contents li:after
{
	position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}


.accordion_area .accordion > ul.accordion-contents li:last-child
{
	margin-bottom:0;
}





/*------------------------
5つのpoint 
------------------------*/
h3.point {
	display: inline-block;
	background: linear-gradient(90deg, #ff555f 0%,	#f69c28 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px;
}




/*-----------------------------
ボタン
-----------------------------*/
.RED_Btn a,
.BLUE_Btn a {
	position:relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background: linear-gradient(45deg, #22dcfd 0%, #1c91e2 50%, #5865b9 100%);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
	transition: all .3s;
	
	@charset "Shift_JIS";

/*-----------------
.baceの上書き
-----------------*/

.mainBox{
	width: 100%;
	padding-top: 0px;
}


.container{
	width:100%;
}


#license_guide
	h1 {
 padding: 0;
	border-bottom:0px;
	line-height: 1.3;
	background-color: #fff;
}
	section.mainBox h1{
 width: 100%!important;
	margin:0 auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 section.mainBox h1 img{
 display: block;
	width: 100%;
	margin: 0;
	padding: 0;
 }
}
	h1 {
 border-bottom:none;
}


/*-------------------
見出しの上書き
-------------------*/
#license_guide .container
	h2,
#license_guide .container h3
{
 color: #333;
	font-weight: 800;
	border-bottom:none;
}

#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 #license_guide .container h2
 {
 font-size:1.5rem;
 }
 #license_guide .container h3
 {
	font-size: 1.3rem;
 }
}

/*---------------------
940pxの中
---------------------*/
.inner
{
	width:940px;
	margin:auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .inner
 {
 width:90%;
 }
}

.bg_gry
{
	background:#f0f1f6;
	padding: 60px 0;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .bg_gry
 {
 padding: 40px 0;
 }
}


/*---------------------
トップページ独自
---------------------*/
	p.opening
{
 padding: 4rem 0;
	/* font-weight:bold; */
	font-size: 1.4rem;
	text-align:center;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 p.opening
 {
 padding: 2rem 0;
	font-size:1.0rem;
 }
} 


/*---------------------
ボタン
---------------------*/
.container
	ul.linkBtn {
 display: flex;
	gap: 2rem;
	justify-content: center;
	margin: 4rem 0 2rem 0;
}


.container
	ul.linkBtn li {
 flex:1;
}

.container
	ul.linkBtn li a {
 text-align: center;
	border-radius: 10px;
	display:block;
	color: #fff;
	font-weight: 800;
	text-decoration:none;
	font-size: 1.4rem;
	background: linear-gradient(45deg, #ff5660 55%,#f69c28 100%);
	padding: 2rem 0;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
	position:relative;
	transition: all .3s;
}


.container
	ul.linkBtn li a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.container
	ul.linkBtn li a:hover
{
 background: linear-gradient(45deg, #f69c28 50%, #ff5660 100%);
	box-shadow: none;
}
	@media screen and (max-width: 767px) {
 .container ul.linkBtn 
 {
 flex-direction: column;
	gap: 1rem;
	margin: 2rem 0;
 }
 .container ul.linkBtn li
 {
	flex: auto;
 }
 .container ul.linkBtn li a 
 {
	font-size: 1.2rem;
	padding: 1.5rem 0;
 }

}



/*---------------------
テキストボタン
---------------------*/
	ul.textLink
{
 display:flex;
	gap: 2rem;
	justify-content: center;
}
	ul.textLink li
{
 padding:10px 0;
}
	ul.textLink li:last-child
{
 padding-bottom:0;
}
	@media screen and (max-width: 768px) {
ul.textLink
 {
 flex-direction: column;
	gap: 1rem;
	margin: 0 auto;     /* 左右中央に配置 */
	align-items: flex-start;  /* li を左揃えのまま */
	width: fit-content;    /* コンテンツ幅に合わせる */
 }
 
 ul.textLink li
 {
	padding:0px;
 }
}
	ul.textLink a 
{
 color: #555;
	text-decoration:underline;
	padding-left:30px;
	position:relative;
	display:flex;
}
	ul.textLink a:before
{
 position: absolute;
	content:"";
	top:0;
	left:0px;
	background: #ff5660;
	height: calc(tan(32deg) * 32px / 2);
	width: 16px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}


/*---------------------
目的にあわせて選ぶ
---------------------*/
.choice {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.choice
	li{
 width: calc(50% - 0.5rem);
}
.choice
	li a{
 background: #fff;
	color:#333;
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 5px 5px rgb(112 119 153 / 43%);
	box-sizing: border-box;
	display: flex;
	gap:1rem;
	position: relative;
	transition: all .3s;
	@charset "Shift_JIS";

/*-----------------
.baceの上書き
-----------------*/

.mainBox{
	width: 100%;
	padding-top: 0px;
}


.container{
	width:100%;
}


#license_guide
	h1 {
 padding: 0;
	border-bottom:0px;
	line-height: 1.3;
	background-color: #fff;
}
	section.mainBox h1{
 width: 100%!important;
	margin:0 auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 section.mainBox h1 img{
 display: block;
	width: 100%;
	margin: 0;
	padding: 0;
 }
}
	h1 {
 border-bottom:none;
}


/*-------------------
見出しの上書き
-------------------*/
#license_guide .container
	h2,
#license_guide .container h3
{
 color: #333;
	font-weight: 800;
	border-bottom:none;
}

#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
#license_guide .container
	h2:after,
#license_guide .container h3:after
{
 background:transparent;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 #license_guide .container h2
 {
 font-size:1.5rem;
 }
 #license_guide .container h3
 {
	font-size: 1.3rem;
 }
}

/*---------------------
940pxの中
---------------------*/
.inner
{
	width:940px;
	margin:auto;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .inner
 {
 width:90%;
 }
}

.bg_gry
{
	background:#f0f1f6;
	padding: 60px 0;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 .bg_gry
 {
 padding: 40px 0;
 }
}


/*---------------------
トップページ独自
---------------------*/
	p.opening
{
 padding: 4rem 0;
	/* font-weight:bold; */
	font-size: 1.4rem;
	text-align:center;
}
	@media screen and (max-width: 767px) {
/*スマホサイズ*/
 p.opening
 {
 padding: 2rem 0;
	font-size:1.0rem;
 }
} 


/*---------------------
ボタン
---------------------*/
.container
	ul.linkBtn {
 display: flex;
	gap: 2rem;
	justify-content: center;
	margin: 4rem 0 2rem 0;
}


.container
	ul.linkBtn li {
 flex:1;
}

.container
	ul.linkBtn li a {
 text-align: center;
	border-radius: 10px;
	display:block;
	color: #fff;
	font-weight: 800;
	text-decoration:none;
	font-size: 1.4rem;
	background: linear-gradient(45deg, #ff5660 55%,#f69c28 100%);
	padding: 2rem 0;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
	position:relative;
	transition: all .3s;
}


.container
	ul.linkBtn li a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}


.container
	ul.linkBtn li a:hover
{
 background: linear-gradient(45deg, #f69c28 50%, #ff5660 100%);
	box-shadow: none;
}
	@media screen and (max-width: 767px) {
 .container ul.linkBtn 
 {
 flex-direction: column;
	gap: 1rem;
	margin: 2rem 0;
 }
 .container ul.linkBtn li
 {
	flex: auto;
 }
 .container ul.linkBtn li a 
 {
	font-size: 1.2rem;
	padding: 1.5rem 0;
 }

}



/*---------------------
テキストボタン
---------------------*/
	ul.textLink
{
 display:flex;
	gap: 2rem;
	justify-content: center;
}
	ul.textLink li
{
 padding:10px 0;
}
	ul.textLink li:last-child
{
 padding-bottom:0;
}
	@media screen and (max-width: 768px) {
ul.textLink
 {
 flex-direction: column;
	gap: 1rem;
	margin: 0 auto;     /* 左右中央に配置 */
	align-items: flex-start;  /* li を左揃えのまま */
	width: fit-content;    /* コンテンツ幅に合わせる */
 }
 
 ul.textLink li
 {
	padding:0px;
 }
}
	ul.textLink a 
{
 color: #555;
	text-decoration:underline;
	padding-left:30px;
	position:relative;
	display:flex;
}
	ul.textLink a:before
{
 position: absolute;
	content:"";
	top:0;
	left:0px;
	background: #ff5660;
	height: calc(tan(32deg) * 32px / 2);
	width: 16px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}


/*---------------------
目的にあわせて選ぶ
---------------------*/
.choice {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.choice
	li{
 width: calc(50% - 0.5rem);
}
.choice
	li a{
 background: #fff;
	color:#333;
	padding: 1rem;
	border-radius: 10px;
	box-shadow: 0 5px 5px rgb(112 119 153 / 43%);
	box-sizing: border-box;
	display: flex;
	gap:1rem;
	position: relative;
}
.choice
	li a:hover{
 box-shadow: 0 0px 0px rgb(112 119 153 / 43%);
}

.choice
	li img{
 width: 40%;
	height:auto;
	object-fit: cover;
}
	@media (max-width: 767px) {
/* スマホサイズ*/
 .choice {
  flex-direction: column;
 }
 .choice li{
	width: 100%; 
 }
 .choice li img{
	width: 30%;
 }

}

.choice
	li a::before {
 position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/license_guide/images/index/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}


/*---------------------
適正を知ってい選ぶ
---------------------*/
.content
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.content
	h3
{
 border-bottom:none;
	border-left:10px solid #FF9800;
	padding:0 0 0 10px;
}

.content
	h3:after
{
 background:transparent;
}

.content
	img.keyimg
{
 margin:2rem 0;
	width:100%;
 
}

/*------------------------
アコーディオン上書き
------------------------*/
.accordion_area
{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.accordion_area .shikakuWrap
{
	padding:2rem;
	background-color:#f2f2f2;
	margin-bottom:0;
}


.accordion_area .shikakuWrap .grid6
{
	width:100%;
}

.accordion_area .shikakuWrap .grid8
{
	position:relative;
	margin-bottom:0;
}

.accordion_area .shikakuWrap .grid8:
	after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}

.accordion > .accordion-contents{
	padding:0;
}


/*見出しの非表示*/
.accordion_area .shikakuWrap
	h2
{
 display:none;
}

.accordion_area *[
	class^="grid"]{
 float: none;
}

.accordion_area .tLink-a {
	background:none;
}


.accordion_area
	ul {
 margin-bottom: 0rem;
}

.accordion_area
	li{
 margin-left: 0!important;
	margin-bottom:1rem;
}

.accordion_area
	li:last-child {
 margin-bottom: 0rem;
}


.accordion_area
	li a
{
 color:#0f7ace;
}

.accordion_area
	span[class^="txtIcon"] {
display:none;
}

.accordion_area .accordion
{
	margin:0;
	border-bottom: 1px solid #ccc;
}

.accordion_area .accordion > .accordion-btn
{
	color:#444!important;
	margin:0;
	display: flex;
	padding-left:1em;
	align-items: center;
	gap: 1rem;
	font-size:1.2rem!important;
}
	@media screen and (max-width: 767px) {
 .accordion_area .accordion > .accordion-btn
 {
 font-size:1.2rem!important;
	font-weight:normal!important;
 }
}

.accordion_area .accordion > .accordion-btn
	img
{
 width:34px;
	height:34px;
}

.accordion_area
	h3:after{
 background-color:transparent;
}

.accordion_area .accordion > .accordion-btn::
	before {
 display: block !important;
	content: '' !important;
	position: absolute !important;
	bottom: 1.1em !important;
	left: auto !important;
	right: 1em !important;
	width: 0.6em;
	height: 0.6em;
	border-left: 2px solid #888!important;
	border-bottom: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	@media screen and (max-width: 767px) {
.accordion_area .accordion > .accordion-btn::before {
 bottom: 1.5em !important;
 }
}

.accordion_area .accordion > .accordion-open::
	before {
 bottom: 0.75em !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: 2px solid #888!important;
	border-top: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.accordion_area .accordion > .accordion-open
{
	box-shadow: 0 5px 10px rgb(112 119 153 / 50%);
}


.accordion_area .accordion >
	ul.accordion-contents
{
 padding:2rem;
	background-color:#f2f2f2;
}

.accordion_area .accordion >
	ul.accordion-contents li
{
 margin-bottom:1rem;
	position:relative;
	padding-left: 1em;
}


.accordion_area .accordion >
	ul.accordion-contents li a
{
 color:#0f7ace;
}

.accordion_area .accordion >
	ul.accordion-contents li:after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}


.accordion_area .accordion >
	ul.accordion-contents li:last-child
{
 margin-bottom:0;
}





/*------------------------
5つのpoint 
------------------------*/
	h3.point {
 display: inline-block;
	background: linear-gradient(90deg, #ff555f 0%, #f69c28 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px;
}




/*-----------------------------
ボタン
-----------------------------*/
.RED_Btn
	a,
.BLUE_Btn a {
 position:relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background: linear-gradient(45deg, #22dcfd 0%, #1c91e2 50%, #5865b9 100%);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
}

.RED_Btn
	a
{
 background: linear-gradient(45deg, #f69c28 5%,#ff5660 76%);
}

.RED_Btn
	a:after,
.BLUE_Btn a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg); /* 角度を調整 */
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.RED_Btn
	a:hover,
.BLUE_Btn a:hover 
{
 background: linear-gradient(45deg, #ff5660 5%, #f69c28 76%);
	box-shadow: none;
}
.BLUE_Btn
	a:hover
{
 background: linear-gradient(45deg, #5865b9 0%,#1c91e2 50%,#22dcfd 100%);
}
	@media screen and (max-width: 767px) {
 .RED_Btn a,
 .BLUE_Btn a 
 {
 padding:1.5rem 1.5rem;
 }
}

/*--------------------------
コンテンツふわっと
-------------------------*/
.fade {
	opacity: 0;
	transition: opacity 1.5s ease;
}
.fade.active {
	opacity: 1;
}


.fade-keyimg {
	opacity: 0;
	transform: scale(1.05);
	transition: opacity 2s ease, transform 2s ease;
}

.fade-keyimg.active {
	opacity: 1;
	transform: scale(1);
}



.h1fade {
	min-height: 300px; /* 適宜調整。画像の高さに合わせて */
	display: flex;
	align-items: center;
	justify-content: center;
}

.fade-in-start {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInFromCenter 1.5s ease-out forwards;
}
	@keyframes fadeInFromCenter {
 to {
 opacity: 1;
	transform: translateY(0);
 }
}

/*--------------------------
5つのポイント
-------------------------*/
.point_box
{
	border-top:1px solid #ccc;
	padding:2rem 0;
}
	@media screen and (max-width: 767px) {
 .point_box img
 {
 width:50%;
	height:auto;
	margin:auto;
 }
}
	h3.underL
{
 border-top: solid 1px #ccc;
	padding-top: 30px;
};
}
.choice
	li a:hover{
 box-shadow: 0 0px 0px rgb(112 119 153 / 43%);
}

.choice
	li img{
 width: 40%;
	height:auto;
	object-fit: cover;
}
	@media (max-width: 767px) {
/* スマホサイズ*/
 .choice {
  flex-direction: column;
 }
 .choice li{
	width: 100%; 
 }
 .choice li img{
	width: 30%;
 }

}

.choice
	li a::before {
 position: absolute;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/license_guide/images/index/arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
}


/*---------------------
適正を知ってい選ぶ
---------------------*/
.content
{
	background: #fff;
	padding: 2rem;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.content
	h3
{
 border-bottom:none;
	border-left:10px solid #FF9800;
	padding:0 0 0 10px;
}

.content
	h3:after
{
 background:transparent;
}

.content
	img.keyimg
{
 margin:2rem 0;
	width:100%;
 
}

/*------------------------
アコーディオン上書き
------------------------*/
.accordion_area
{
	background: #fff;
	border-radius: 10px;
	margin-bottom: 2rem;
	box-shadow: 0 5px 5px rgb(112 119 153 / 50%);
}


.accordion_area .shikakuWrap
{
	padding:2rem;
	background-color:#f2f2f2;
	margin-bottom:0;
}


.accordion_area .shikakuWrap .grid6
{
	width:100%;
}

.accordion_area .shikakuWrap .grid8
{
	position:relative;
	margin-bottom:0;
}

.accordion_area .shikakuWrap .grid8:
	after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}

.accordion > .accordion-contents{
	padding:0;
}


/*見出しの非表示*/
.accordion_area .shikakuWrap
	h2
{
 display:none;
}

.accordion_area *[
	class^="grid"]{
 float: none;
}

.accordion_area .tLink-a {
	background:none;
}


.accordion_area
	ul {
 margin-bottom: 0rem;
}

.accordion_area
	li{
 margin-left: 0!important;
	margin-bottom:1rem;
}

.accordion_area
	li:last-child {
 margin-bottom: 0rem;
}


.accordion_area
	li a
{
 color:#0f7ace;
}

.accordion_area
	span[class^="txtIcon"] {
display:none;
}

.accordion_area .accordion
{
	margin:0;
	border-bottom: 1px solid #ccc;
}

.accordion_area .accordion > .accordion-btn
{
	color:#444!important;
	margin:0;
	display: flex;
	padding-left:1em;
	align-items: center;
	gap: 1rem;
	font-size:1.2rem!important;
}
	@media screen and (max-width: 767px) {
 .accordion_area .accordion > .accordion-btn
 {
 font-size:1.2rem!important;
	font-weight:normal!important;
 }
}

.accordion_area .accordion > .accordion-btn
	img
{
 width:34px;
	height:34px;
}

.accordion_area
	h3:after{
 background-color:transparent;
}

.accordion_area .accordion > .accordion-btn::
	before {
 display: block !important;
	content: '' !important;
	position: absolute !important;
	bottom: 1.1em !important;
	left: auto !important;
	right: 1em !important;
	width: 0.6em;
	height: 0.6em;
	border-left: 2px solid #888!important;
	border-bottom: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
	@media screen and (max-width: 767px) {
.accordion_area .accordion > .accordion-btn::before {
 bottom: 1.5em !important;
 }
}

.accordion_area .accordion > .accordion-open::
	before {
 bottom: 0.75em !important;
	border-left: none !important;
	border-bottom: none !important;
	border-right: 2px solid #888!important;
	border-top: 2px solid #888!important;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.accordion_area .accordion > .accordion-open
{
	box-shadow: 0 5px 10px rgb(112 119 153 / 50%);
}


.accordion_area .accordion >
	ul.accordion-contents
{
 padding:2rem;
	background-color:#f2f2f2;
}

.accordion_area .accordion >
	ul.accordion-contents li
{
 margin-bottom:1rem;
	position:relative;
	padding-left: 1em;
}


.accordion_area .accordion >
	ul.accordion-contents li a
{
 color:#0f7ace;
}

.accordion_area .accordion >
	ul.accordion-contents li:after
{
 position:absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	content:"";
	width: 10px;
	height: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #bcbcbc;
}


.accordion_area .accordion >
	ul.accordion-contents li:last-child
{
 margin-bottom:0;
}





/*------------------------
5つのpoint 
------------------------*/
	h3.point {
 display: inline-block;
	background: linear-gradient(90deg, #ff555f 0%, #f69c28 80%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0px;
}




/*-----------------------------
ボタン
-----------------------------*/
.RED_Btn
	a,
.BLUE_Btn a {
 position:relative;
	border-radius: 10px;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2rem;
	background: linear-gradient(45deg, #22dcfd 0%, #1c91e2 50%, #5865b9 100%);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 3px 4px rgba(54, 62, 99, 0.43);
}

.RED_Btn
	a
{
 background: linear-gradient(45deg, #f69c28 5%,#ff5660 76%);
}

.RED_Btn
	a:after,
.BLUE_Btn a:after
{
 content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg); /* 角度を調整 */
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.RED_Btn
	a:hover,
.BLUE_Btn a:hover 
{
 background: linear-gradient(45deg, #ff5660 5%, #f69c28 76%);
	box-shadow: none;
}
.BLUE_Btn
	a:hover
{
 background: linear-gradient(45deg, #5865b9 0%,#1c91e2 50%,#22dcfd 100%);
}
	@media screen and (max-width: 767px) {
 .RED_Btn a,
 .BLUE_Btn a 
 {
 padding:1.5rem 1.5rem;
 }
}

/*--------------------------
コンテンツふわっと
-------------------------*/
.fade {
	opacity: 0;
	transition: opacity 1.5s ease;
}
.fade.active {
	opacity: 1;
}


.fade-keyimg {
	opacity: 0;
	transform: scale(1.05);
	transition: opacity 2s ease, transform 2s ease;
}

.fade-keyimg.active {
	opacity: 1;
	transform: scale(1);
}



.h1fade {
	min-height: 300px; /* 適宜調整。画像の高さに合わせて */
	display: flex;
	align-items: center;
	justify-content: center;
}

.fade-in-start {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInFromCenter 1.5s ease-out forwards;
}
	@keyframes fadeInFromCenter {
 to {
 opacity: 1;
	transform: translateY(0);
 }
}

/*--------------------------
5つのポイント
-------------------------*/
.point_box
{
	border-top:1px solid #ccc;
	padding:2rem 0;
}
	@media screen and (max-width: 767px) {
 .point_box img
 {
 width:50%;
	height:auto;
	margin:auto;
 }
}
	h3.underL
{
 border-top: solid 1px #ccc;
	padding-top: 30px;
};
}

.RED_Btn a
{
	background: linear-gradient(45deg,	#f69c28 5%,#ff5660 76%);
}

.RED_Btn a:after,
.BLUE_Btn a:after
{
	content: "";
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg); /* 角度を調整 */
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.RED_Btn a:hover,
.BLUE_Btn a:hover 
{
	background: linear-gradient(45deg, #ff5660 5%, #f69c28 76%);
	box-shadow: none;
}
.BLUE_Btn a:hover
{
	background: linear-gradient(45deg,	#5865b9 0%,#1c91e2 50%,#22dcfd 100%);
}


@media screen and (max-width: 767px) {
	.RED_Btn a,
	.BLUE_Btn a 
	{
	padding:1.5rem 1.5rem;
	}
}

/*--------------------------
コンテンツふわっと
-------------------------*/
.fade {
	opacity: 0;
	transition: opacity 1.5s ease;
}
.fade.active {
	opacity: 1;
}


.fade-keyimg {
	opacity: 0;
	transform: scale(1.05);
	transition: opacity 2s ease, transform 2s ease;
}

.fade-keyimg.active {
	opacity: 1;
	transform: scale(1);
}



.h1fade {
	min-height: 300px; /* 適宜調整。画像の高さに合わせて */
	display: flex;
	align-items: center;
	justify-content: center;
}

.fade-in-start {
	opacity: 0;
	transform: translateY(20px);
	animation: fadeInFromCenter 1.5s ease-out forwards;
}

@keyframes fadeInFromCenter {
	to {
	opacity: 1;
	transform: translateY(0);
	}
}

/*--------------------------
5つのポイント
-------------------------*/
.point_box
{
	border-top:1px solid #ccc;
	padding:2rem 0;
}
@media screen and (max-width: 767px) {
	.point_box img
	{
	width:50%;
	height:auto;
	margin:auto;
	}
}

h3.underL
{
	border-top: solid 1px #ccc;
	padding-top: 30px;
}




/*--------------------------
ページリンク高さ調整
-------------------------*/
@media screen and (max-width: 767px) {
	#purpose:before,
	#List:before,
	#point:before
	{
    content: "";
    display: block;
    height: 80px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -80px; /* heightと同じ分のネガティブマージン */
    visibility: hidden;
}
}