*{
box-sizing: border-box;
}
.onlyPc{display: block;}
.onlySp{display: none;}
#breadcrumb_nav {
background: none;
margin: 0 auto;
width: 1000px;
}
#breadcrumb_nav ol {
color: #fff;
height: 24px;
width: 800px;
}
#breadcrumb_nav ol a {
color: #fff;
}
#breadcrumb_nav a{
color: white;
}

.KozukaGothicPro_B{
font-family: "kozuka-gothic-pro", sans-serif;
font-weight: 700;
font-style: normal;
}
.f_red{
color: #ff0600;
}
.f_rch{
color: #bf0000;
}
.f_orange{
color: #ff7420;
}
h2{
margin: 0 auto;
width: 100%;
max-width: 1000px;
}
h2 img{
width: 100%;
}
#main{
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 235, 235, 1) 10px, rgba(255, 235, 235, 1) 25px);
border-radius: 10px;
color: #550e0e;
font-family: "kozuka-gothic-pro", sans-serif;
font-weight: 700;
font-size: min(1.6em, 3.5vw);
line-height: 1.5;
margin: 1% auto;
padding: 2%;
width: 100%;
max-width: 1000px;
}
#main #Rch{
background: #ffffdc;
border: solid 4px #ffebeb;
border-radius: 10px;
margin: 0 auto;
padding: 5%;
position: relative;
width: 90%;
}
#main #Rch:before{
content: url(../img/2506_cp/ill_pc.png);
height: 260px;
width: 160px;
position: absolute;
right: -3%;
bottom: -7%;
}
#main #Rch a{
text-decoration: none;
}
#main #Rch a.linkRch{
margin: 2% auto;
}
#main #Rch a.linkRch img{
max-width: 100%;
}
#main #Rch a.linkRch:before {
content: "▼　▼　▼";
color: #ff0600;
display: block;
}
#main #Rch .bgFukidashi{
background: url(../img/2506_cp/bgVoice.png) no-repeat center / 100%;
color: #666;
display: block;
font-size: min(0.9em, 3.0vw);
line-height: 80px;
margin: 4% auto 2%;
/*width: 650px;*/
max-width: 580px;
height: 80px;
}
#main .point{
margin: 1% 0 0 0;
}
#main .point .f_pic{
color: white;
font-size: 120%;
margin: 0 1%;
text-shadow: 2px 2px 2px rgba(255, 6, 0, 1), -2px 2px 2px rgba(255, 6, 0, 1), 2px -2px 2px rgba(255, 6, 0, 1), -2px -2px 2px rgba(255, 6, 0, 1);
}
#main .present{
margin: 2% auto;
position: relative;
}
#main .present .text{
position: relative;
z-index: 5;
}
#main .present .item{
color: #ff0600;
display: flex;
flex-wrap: wrap;
font-size: clamp(1em, 3vw, 3em);
margin: -2% auto 5%;
width: 90%;
z-index: -2;
}
#main .present .item div:nth-child(1){
flex-basis: 45%;
}
#main .present .item div:nth-child(2){
align-items: center;
display: flex;
justify-content: center;
height: auto;
flex-basis: 10%;
}
#main .present .item div:nth-child(2) p{}
#main .present .item div:nth-child(3){
flex-basis: 45%;
}
#main .present .item img{
border: solid 4px white;
box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.4);
width: 100%;
}
#form {
background: white;
border-radius: 10px;
font-size: 80%;
margin: 4% auto;
padding: 5%;
width: 90%;
}
#form .kikan{
display: block;
text-align: center;
}
#form .btn {
align-items: center;
background-image: linear-gradient(90deg, rgba(209, 174, 18, 1), rgba(236, 88, 10, 1));
border-radius: 10px;
border: 4px solid white;
box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.3);
color: white;
display: block;
/*font-size: min(1.4em,4.0vw);*/
font-weight: bold;
line-height: 1.5;
margin: 2% auto;
justify-content: center;
padding: 2% 0;
transition: 0.3s;
text-decoration: none !important;
text-align: center;
width: min(80%, 450px);
}
#form .btn:hover {
box-shadow: 0 0 rgba(0, 0, 0, .3);
margin: 3% auto 1%;
}
#form .sup{
font-size: 80%;
text-align: center;
}

/* #mes -------------------------------- */
#mes{
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgb(251 251 241) 10px, rgb(251 251 241) 25px);
border-radius: 10px;
color: black;
font-size: min(1.0em, 2.5vw);
line-height: 1.5;
margin: 1% auto;
padding: 2%;
text-align: left;
max-width: 1000px;
width: 100%;
}
#mes a{
color: black;
text-decoration: underline!important;
}

/* SP  -------------------------------------------------- */
@media screen and (max-width:900px) {
	.onlyPc{display: none;}
	.onlySp{display: block;}
	#breadcrumb_nav {
	background: none;
	font-size: min(0.9em, 2.0vw);
	color: #fff;
	height: 20px;
	width: 100%;
	}
	#breadcrumb_nav ol{
	color: #fff;
	display: block;
	}
	#breadcrumb_nav li {
	color: #fff!important;
	display: contents;
	float: left;
	list-style-type: none;
	}
	h2{
	margin: 0 auto;
	width: 95%;
	}
	h2 img{
	max-width: 100%;
	}
	#main {
	margin: 3% auto;
	padding: 3%;
	width: 95%;
	}
	#main .point .f_pic {
	display: block;
	font-size: 150%;
	}
	#main .present .text img {
	max-width: 100%;
	}
	#main .present .item{
	font-size: min(2.0em, 4.5vw);
	width: 100%;
	}
	#main .present .item div:nth-child(1) {
	flex-basis: 45%;
	}
	#main .present .item div:nth-child(2) {
	flex-basis: 10%;
	}
	#main .present .item div:nth-child(3) {
	flex-basis: 45%;
	}
	#main .present .item div img{
	width: 100%;
	box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.4);
	}
	#main #Rch{
	width: 100%;
	}
	#main #Rch:before{
	content: "";
	display: none;
	width: 100%;
	}
	.imgSp{
	margin: 5% auto 0;
	width: 100%;
	}
	.imgSp img{
	width: 100%;
	}
	#form {
	font-size: 95%;
	width: 100%;
	}
	#mes {
	margin: 3% auto;
	padding: 5%;
	width: 95%;
	}
}