@charset "UTF-8";
/*style2.css*/

.space40{ padding-top: 40px; }
.space25{ padding-top: 25px; }
.space200{ padding-top: 200px; }
.space1word{ padding-right: 1.1em; }
.space05word{ padding-right: 0.5em; }
html {
}
body {
	background-color: #bc0c3d;
}
body.form{
	background-color: #fff;
}

img{
	border:0;
	vertical-align:bottom;
}

#home{
	background: url("../img/bg-b.png");
	background-position: center;
	background-repeat: repeat-x;
	color: #444;
}
#home-sub{
	background: url("../img/bg-c.png");
	background-position: center;
	background-repeat: repeat-x;
	color: #444;
}
#home-plus{
	background: url("../img/bg-a.png");
	background-position: center;
	background-repeat: no-repeat;
	color: #444;
}
.iro1 {
    color: #BC0C3D;
}
.bg-iro1 {
  background-color: #BC0C3D !important;
}
.bg-iro1-top {
  background-color: #BC0C3D !important;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}
.iro2 {
    color: #E96D8A;
}
.iro3 {
    color: #FAF0B4;
}
.iro4 {
    color: #E3C18F;
}
.iro5 {
    color: #00B482;
}

.navbar{
	padding-top:0;
	background-color:#fff;
	border-bottom:12px solid #bc0c3d;
}
.navbar .container{
	align-items:flex-end;
}
.navbar .navbar-brand {
  width:31%;
	margin:0;
	padding:0;
}



.navbar .navbar-nav .nav-link {
  color:#333;
}
.navbar .navbar-nav .nav-link:hover {
  opacity:0.5;
}
.navbar .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(100,100,100,0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}



section{
	display:block;
	margin:0;
}

.lead{
	background-color:#fff;
}
.lead .container{
	margin-top:0;
	margin-bottom:0;
	padding:0;
}
.lead .logo_lead{
	width:22%;
	padding-top:40px;
	margin:0 auto;
}
.lead .lead_con{
	width:80%;
	margin:40px auto;
	line-height:2.2rem;
}
.lead .lead_img{
	width:100%;
}
.main_img{
	width:100%;
	background:#fff url(../img/main_bg.png);
	background-size:100% 100%;
}


.present{
	color:#fff;
	margin:20px auto;
}
.f2{
	font-size:1.4rem;
}





h2, h3, h4 {
    color: #706563;
    font-weight: 400;
}
.txt-white {
    color: #ffffff;
}
.txt-sdw-sp {
	color: #3388CC;
}
.txt-sdw {
    color: #ffffff;
    text-shadow: 1px 2px 3px #333333;
}
.minifont {
    font-size: 0.85rem;
    line-height: 1rem;
    text-align: left;
}
.minifont-c {
    font-size: 0.8rem;
    line-height: 1.2rem;
    text-align: center;
}

footer {
	padding-top: 2rem;
	background-color:#fff;
}
footer p {
	font-size: 0.85rem;
	line-height: 1rem;
	text-align: center;
}
footer .row{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1.4rem;
}
footer .footer_logo{
	width:90%;
}
footer a{
	color:#444;
}
footer .r_links{
	padding-top:1rem;
}
footer .copy{
	color:#fff;
	background-color: #bc0c3d;
	padding:10px 0;
}



.item-box3{
  border: 6px solid #E88F28;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
    background-color: #043F21;
    border-radius: 0.5rem;
    color: #FFFFFF;
}
.item-box2{
  border: 3px solid #FAF0B4;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
    background-color: #fff;
    border-radius: 0.5rem;
}
.item-box {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
	height:100%;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 3px solid #FAF0B4;
  border-radius: 0.5rem;
}

.item-box > hr {
  margin-right: 0;
  margin-left: 0;
}

.item-box > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.item-box > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.item-box-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}


.form footer{
	border-top:12px solid #bc0c3d;
}
.order{
	width:80%;
	margin:2rem auto;
}
.form .tit{
	color:#bc0c3d;
	font-size:1.4rem;
	padding-bottom:1rem;
	border-bottom:1px solid #bc0c3d;
}
.form .name_tit{
	color:#bc0c3d;
	font-size:1.2rem;
	margin-top:1rem;
}
.form .name{
	font-size:1.3rem;
	padding:1rem 0;
	border-bottom:1px solid #bc0c3d;
}
.form .size{
	width:70%;
	margin:1rem auto 2rem;
}
.form .price{
	color:#bc0c3d;
	font-size:1.3rem;
	padding-bottom:2rem;
}
.form .note{
	color:#bc0c3d;
	list-style-type: none;
}
.form .note2{
	color:#bc0c3d;
	padding:1rem 0;
}
.form_tit{
	margin:1rem auto;
	background-color:#bc0c3d;
	color:#fff;
	font-size:1.2rem;
	padding:8px 0;
}
.form_parts{
	margin:2rem 0;
}
.form_parts div{
	margin-bottom:8px;
}
.form_parts div.col-md-4{
	padding-top:0.5rem;
}
.form_parts .hissu{
	color:#f00;
	font-size:0.7rem;
}
.form_parts .inp_s{
	width:24%;
}
.form .btn-secondary{
	background-color:#bc0c3d;
	border-color:#bc0c3d;
	width:20%;
}
.form .btn_back{
	background-color:#ccc;
	border-color:#ccc;
	width:10%;
	margin-right:5%;
}
.form .btn-secondary:hover,
.form .btn_back:hover {
	opacity:0.7;
}
.form .finish{
	padding:50px 0 200px;
}



@media (max-width:992px){
	
	.lead{
		background-image:none;
	}

	.navbar-toggler{
		position:fixed;
		top:0;
		right:0;
		z-index:20;
	}
	.navbar-collapse{
		position:fixed;
		top:0;
		left:0;
		z-index:20;
		width:100%;
		background-color:#eee;
		z-index:19;
	}
	.nav-item a{
		border-top:1px solid #fff;
		padding-left:5%;
	}

	.lead .logo_lead{
		width:60%;
		padding-top:1.2rem;
		margin:0 auto;
	}
	.lead .lead_con{
		width:100%;
		margin:20px auto;
		font-size:4vw;
		line-height:7vw;
	}
	.lead .lead_img{
		width:30%;
	}

	.present{
		font-size:3.5vw;
	}
	.f2{
		font-size:5vw;
	}
	

	.order{
		width:100%;
	}
	.form .size{
		width:90%;
	}
	.form .note{
		padding:0;
	}
	.form .note2{
		font-size:4.5vw;
	}
	.form_parts{
		margin:1rem 0;
	}
	.form .btn-secondary{
		width:45%;
	}
	.form .btn_back{
		width:20%;
	}
	.form .finish{
		padding:50px 0 100px;
	}


	footer .footer_logo{
		width:100%;
		margin-bottom:2rem;
	}
	footer .r_links{
		padding-top:0;
	}

}

@media (min-width: 576px) {

	.sp_only{
		display:none;
	}

}