@charset "UTF-8";
:root {
	--color-zero1: #db6b4b;
}

/* # =================================================================
   # zero
   # ================================================================= */

.zero_bg{
	width:100%;
	background: url("../img/salmon_img_bg_pc.webp?ver1") no-repeat center center;
	background-size: cover;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:150px 0;
}

.zero_bg2{
	background-color:var(--color-zero1);
}
.zero_bg3{
	background-color:var(--color-gray5);
}

.zero_bg4{
	background-image: url(../img/salmon_bg_pink.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
}

.zero_bg5{
	background-image: url(../img/salmon_bg_blue.webp);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top center;
}

.zero_bg6{
	background-color:#fcf0f2;
}

.zero_head_arrow{
	background-image: url(../img/salmon_fukidashi_arrow.svg);
	background-repeat: no-repeat;
	background-size: 50px;
	background-position: top center;
}


.zero_head_txt img{
	width:80%;
	max-width:600px;
}

.zero_head_txt-sub{
	font-size:18px;
	line-height:2em;
	font-weight:700;
	color:var(--color-white);
	margin-top:40px;
}


.zero_head_img_logo{text-align:center;padding:230px 0 100px 0;}
.zero_head_img_logo img{width:90%;max-width:750px;}


#zero .title-img{text-align:center;}
#zero .title-img img{width:100%;}

#zero .title-img2{text-align:center;}
#zero .title-img2 img{width:70%;}


#zero .normal-txt{line-height:1.8em;}



#zero .zero-txt-box{
	font-size:20px;
	line-height:2em;
	font-weight:700;
	text-align:left;
	padding:50px 0;
}

#zero .zero-txt-box span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

#zero .flex1{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#zero .flex-row1{row-gap:2em;}
#zero .flex-row2{row-gap:2em;}

#zero .flex1-item{width:48.5%;background-color:var(--color-gray5);border-radius:10px;}
#zero .flex1-item-img{overflow:hidden;border-radius:10px 10px 0 0;}
#zero .flex1-item-img img{
	width:100%;
	height:250px;
	object-fit: cover;
}


#zero .flex-stretch{align-items: stretch;}
#zero .flex-center{align-items: center;}

#zero .flex2-item{
	display: flex;
	justify-content: center;
	align-items: center;
	width:48.5%;
	background-color:var(--color-white);
	border-radius:10px;
	padding:1em;
	font-size:20px;
	line-height:1.5em;
	font-weight:700;
	color:var(--color-zero1);
	text-align:center;
}

#zero .flex3-item{width:31.2%;}

#zero .flex4-item1{width:40%;}
#zero .flex4-item2{width:55%;}

#zero .flex5-item1{width:250px;}
#zero .flex5-item2{flex:1;}

#zero .flex-item-txt-box{
	padding:1.5em;
}

#zero .flex-item-txt{
	font-size:22px;
	line-height:1.5em;
	font-weight:700;
	margin-bottom:20px;
	color:var(--color-zero1);
}

#zero .flex-item-txt-sub{
	font-size:16px;
	line-height:1.8em;
}

#zero .flex-item-txt-sub2{
	font-size:14px;
	line-height:1.5em;
}

#zero .yellow-box{
	font-size:30px;
	line-height:1.5em;
	font-weight:700;
	color:var(--color-zero1);
	text-align:center;
	background-color:var(--color-yellow);
	padding:1em;
	margin-top:15px;
}

#zero .zero-catch-txt{
	font-size:35px;
	line-height:1.5em;
	font-weight:700;
	padding-bottom:20px;
}

#zero .zero-catch-txt span{font-size:50px;}

#zero .zero-catch-txt-btm{
	font-size:35px;
	line-height:1.5em;
	font-weight:700;
	padding-bottom:20px;
}

#zero .zu-img{
	background-color:var(--color-white);
	border-radius:10px;
	padding:3em;
}

#zero .zu-img img{width:100%;}


#zero .tokucho-no{
	font-size:80px;
	line-height:.8;
	color:var(--color-zero1);
	font-weight:700;
	text-align:center;
}


#zero .tokucho-title{
	font-size:25px;
	line-height:1.5em;
	font-weight:700;
	padding:10px;
	background-color:var(--color-zero1);
	color:var(--color-white);
	border-radius:10px;
	text-align:center;
	margin-bottom:20px;
}

#zero .tokucho-title-gd{
	font-size:22px;
	line-height:1.5em;
	font-weight:700;
	background: #00A0E9;
	background: linear-gradient(90deg, rgba(0, 160, 233, 1) 0%, rgba(142, 195, 31, 1) 100%);
	color:var(--color-white);
	border-radius:10px;
	text-align:center;
	padding:10px;
	margin-bottom:20px;
}

#zero .tokucho-img img{width:100%;}

#zero .tokucho-img2{text-align:center;}
#zero .tokucho-img2 img{width:80%;}

#zero .gray-box{
	background-color:var(--color-gray5);
	border-radius:10px;
	padding:1em;
}

#zero .checklist{margin-bottom:20px;}

#zero .checklist li {
  position: relative;
  font-size:18px;
  font-weight:800;
  text-align:left;
  line-height: 1.5em;
  padding:5px 0 5px 45px;
}


#zero .checklist li::before,
#zero .checklist li::after{
    position: absolute;
    top: 50%;
    height: 10px;
    content: '';
}
#zero .checklist1 li::before {
    left: 10px;
    transform: translateY(-50%);
    width:25px;
	height:25px;
	border-radius:5px;
    background: #00A0E9;
	background: linear-gradient(90deg, rgba(0, 160, 233, 1) 0%, rgba(142, 195, 31, 1) 100%);
}
#zero .checklist1 li::after {
    left: 1.1em;
    transform: translateY(-75%) rotate(45deg);
    width: 6px;
    border-bottom: 2px solid var(--color-white);
    border-right: 2px solid var(--color-white);
}

#zero .zero-curtain-img{overflow:hidden;}
#zero .zero-curtain-img img{
	width:100%;
	height:400px;
	object-fit: cover;
	object-position: top;
}

#zero .jisseki-img{
	border-radius:10px;
	border:solid 1px var(--color-zero1);
	margin-bottom:20px;
	background-color:var(--color-white);
}

#zero .jisseki-img1{text-align:left;}
#zero .jisseki-img1 img{width:200px;}


#zero .faq-block{
border-bottom:dotted 1px var(--color-gray4);
padding-bottom:20px;
margin-bottom:20px;
}

#zero .table__list-label span,
#zero .answer span{
 font-size: 28px;
 font-weight: 600;
 margin-right: 0.5em;
}

#zero .table__list-label span{color: var(--color-blue1);}
#zero .answer span{color: var(--color-zero1);}

#zero .quest{
	text-indent: -1.8em;
	padding-left:2em;
	padding-right:40px;
	padding-bottom:30px;
	padding-top:10px;
	font-size:20px;
	line-height:150%;
	color: var(--color-blue1);
	text-align:left;
	font-weight: Bold;
	letter-spacing:2px;
}

#zero .answer{
	text-indent: -2.2em;
	font-size:16px;
	text-align:left;
	padding: 0 0 30px 4em;
	line-height:180%;
	letter-spacing:2px;
}

#zero .answer a{color:var(--color-zero1);}

#zero .answer ul{list-style: square;text-indent: 0;padding-left:20px;}

#zero .foot-logo{text-align:center;margin-bottom:60px;}
#zero .foot-logo img{width:450px;}

@media screen and (max-width:768px){
	.zero_head_img_logo{text-align:center;padding:200px 0 50px 0;}
	.zero_head_txt-sub{font-size:16px;}
	#zero .yellow-box{font-size:25px;}
	#zero .zero-catch-txt{font-size:28px;}
	#zero .zero-catch-txt-btm{font-size:28px;}
	#zero .flex1-item{width:100%;}
	#zero .flex-row2{row-gap:1em;}
	#zero .flex2-item{width:100%;}
	#zero .flex3-item{width:100%;}
	#zero .flex4-item1{width:100%;}
	#zero .flex4-item2{width:100%;}
	#zero .flex5-item1{width:100%;}
	#zero .flex5-item2{width:100%;}
	#zero .jisseki-img1{text-align:center;}
	#zero .zero-curtain-img img{height:300px;}
}


@media screen and (max-width:599px){
	.zero_bg{background: url("../img/salmon_img_bg_sp.webp?ver1") no-repeat center center;background-size: 100% auto;padding:100px 0;}
	.zero_head_img_logo{text-align:center;padding:150px 0 50px 0;}
	#zero .zero-catch-txt{font-size:24px;}
	#zero .zero-catch-txt-btm{font-size:20px;}
	#zero .zu-img{padding:1em;}
	#zero .tokucho-title{font-size:20px;}
	#zero .quest{
		text-indent: -2em;
		padding-left:2em;
		font-size:18px;
	}
	#zero .answer{font-size:16px;}
	#zero .foot-logo img{width:80%;}
}