@charset "utf-8";
/* CSS Document */

/*----------------------------------------
TOPページ専用
----------------------------------------*/

/* main-visual
----------------------------------------*/
.main-visual {
background: var(--c_sub);
color: var(--c_black);
}
.main-visual__inner {
display: flex;
justify-content: center;
height: 520px;
padding: 10px;
}
.main-visual__image {
text-align: center;
}
.main-visual__catch {
display: flex;
justify-content: center;
font-size: 36px;
font-weight: bold;
line-height: 1.3;
text-align: center;
padding: 0 0 10 0px;
}
.main-visual__sub{
display: flex;
font-size: 20px;
}

.main-visual__catch-sub {
font-size: 13px;
font-weight: 600;
margin: 18px 8px;
text-align: center;
}
.left-image img {
display: block;
margin: 0 auto;
width: 340px;
padding: 20px 12px;
}
.right-content img {
display: block;
margin: 0 auto;
padding: 10px;
width: 90%;
}
@media (min-width: 768px) {
.left-image img {
width: 100%;
}
.right-content {
display: flex;
flex-direction: column;
margin: 0 20px;
align-items: flex-start;
}

.fv__container {
display: flex;
justify-content: center;
}
}
.right-content span {
	display: block;
	color: #449;
	text-decoration: underline;
text-underline-offset: -0.2em;
text-decoration-thickness: 0.5em;
text-decoration-color: #d6cb2d;
text-decoration-skip-ink: none;
	
}
.right-content .main-y-border {
text-decoration: underline;
text-underline-offset: -0.2em;
text-decoration-thickness: 0.5em;
text-decoration-color: #d6cb2d;
text-decoration-skip-ink: none;
}
@media (min-width: 768px) {
.main-visual {
padding: 10px 0 0 0;
}
.main-visual-b {
background: #084;
}
.main-visual__inner {
display: flex;
max-width: 1180px;
margin: auto;
justify-content: space-between;
align-items: center;
height: 440px;
}
.main-visual__catch {
font-size: min(3.33vw, 36px);
justify-content: left;
text-align: left;
}

.main-visual__catch-sub {
font-size: 20px;
font-weight: 600;
margin: 20px 0 20px 0;
}
.main-visual__image{
max-width: 100%;
height: auto;
}
.main-visual__image2 {
max-width: 100%;
height: auto;
}
}
:root{
--header: 140px;
scroll-padding: var(--header);
}