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


/*contents01*/

.contents01 h5 {
	font-size: 35px;
color: #13418c;
line-height: 1.4;
letter-spacing: 0.1em;
font-weight: 500;
	padding: 20px 0px 10px;
}

/*contents02*/

.contents02 .box h6 {
	text-align: center;
	padding-top: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

/*contents05*/

.contents05 .box {
	width: 460px;
	margin-right: 75px;
	margin-bottom: 30px;
	position: relative;
	text-align: center;
}

.contents05 .box::before {
	content: "";
	position: absolute;
left: 0px;
top: 105px;
	background-image: url("images/arrow01.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 23px;
	height: 45px;
	margin-left: -45px;
}

.contents05 .box:nth-child(1)::before {
	display: none;
}

.contents05 .box:nth-child(2n) {
	margin-right: 0%;
}

.contents05 .box h5 {
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
color: #13418c;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 600;
	padding-top: 15px;
}

.contents05 .box:nth-child(2) h5 {
color: #29abe2;
}



/*contents06*/

.contents06 {
	width: 1060px;
	display: flex;
  justify-content: center;
flex-wrap: wrap;
}

.contents06 .box {
	width: 300px;
	margin: 0px 25px;
	position: relative;
	margin-top: 50px;
}

body.wcselect_400228858101 .contents06 .box {
	display: inline-block;
vertical-align: top;
}

.contents06 .box::before {
	content: "";
	position: absolute;
left: 0px;
top: 80px;
	background-image: url("images/arrow01.svg");
background-position: left top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 18px;
	height: 35px;
	margin-left: -30px;
}

.contents06 .box:nth-child(1)::before {
	display: none;
}

.contents06 .box::after {
	content: "";
	position: absolute;
left: 0px;
top: 0px;
background-position: center top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 108px;
	margin-top: -50px;
}

.contents06 .box:nth-child(1)::after {
	background-image: url("images/s01.svg");
}

.contents06 .box:nth-child(2)::after {
	background-image: url("images/s02.svg");
}

.contents06 .box:nth-child(3)::after {
	background-image: url("images/s03.svg");
}

.contents06 .box h5 {
	font-size: 20px;
color: #13418c;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 500;
	padding: 20px 0px 10px;
}

.contents06 .box p {
	font-size: 15px;
	text-align: left;
}


.text01 {
	margin-bottom: 50px;
}

.text02 {
	margin-bottom: 30px;
}

.text03 {
	margin-bottom: 0px;
}

.text04 {
	margin-bottom: 60px;
}



.sp-view {
    display: none;
}

html, body {
    height: 100%;
}

/*contents001*/

.contents001 .box01 {
	padding: 25px 50px 20px;
	margin-left: -50px;
	background : -moz-linear-gradient(-35.04% 50% -180deg,rgba(41, 171, 226, 1) 0%,rgba(19, 65, 190, 1) 100%);
  background : -webkit-linear-gradient(-180deg, rgba(41, 171, 226, 1) 0%, rgba(19, 65, 190, 1) 100%);
  background : -webkit-gradient(linear,-35.04% 50% ,-138.19% 50% ,color-stop(0,rgba(41, 171, 226, 1) ),color-stop(1,rgba(19, 65, 190, 1) ));
  background : -o-linear-gradient(-180deg, rgba(41, 171, 226, 1) 0%, rgba(19, 65, 190, 1) 100%);
  background : -ms-linear-gradient(-180deg, rgba(41, 171, 226, 1) 0%, rgba(19, 65, 190, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#29ABE2', endColorstr='#1341BE' ,GradientType=0)";
  background : linear-gradient(270deg, rgba(41, 171, 226, 1) 0%, rgba(19, 65, 190, 1) 100%);
	position: relative;
	overflow: hidden;
}

.contents001 .box01::after {
	background-color: rgba(255, 255, 255, 1);
	content: '';
	display: block;
	transform: rotate(15deg);
	position: absolute;
	bottom: -30px;
	right: -50px;
	width: 80px;
	height: 120%;
}

.contents001 .box01 h3, .contents001 .box01 h4 {
color: #FFF;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
}

.contents001 .box01 h3 {
	font-size: 20px;
	margin-bottom: 8px;
}

.contents001 .box01 h4 {
	font-size: 40px;
}

.contents001 .box02 {
	margin: 30px 0px;
}

.contents001 .box02 .box-box {
	display: flex;
  justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.contents001 .box02 h5, .contents001 .box02 h6 {
line-height: 1.2;
font-weight: 500;
}

.contents001 .box02 h5 {
	font-size: 18px;
color: #13418c;
	padding-top: 10px;
}

.contents001 .box02 h6 {
	font-family: 'Roboto', sans-serif;
	font-size: 38px;
color: #c1272d;
}

.contents001 .box02 h6::before {
	content: "特別価格 ";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
}

.contents001 .box02 h6::after {
	content: " 円";
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
}

.contents001 .box03 {
	padding: 20px 30px;
	background-color: #f8f8f8;
}

.contents001 .box04 {
	margin-top: 30px;
	display: flex;
  justify-content: flex-start;
	align-items: center;
flex-wrap: wrap;
}

.contents001 .box04 h6 {
	font-size: 14px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 500;
	display: inline-block;
	padding: 6px 25px;
	margin-right: 15px;
	background-color: #333333;
}

body.wcselect_400228858101 .contents001 .box02 h5, body.wcselect_400228858101 .contents001 .box02 h6, 
body.wcselect_400228858101 .contents001 .box04 h6, body.wcselect_400228858101 .contents001 .box04 p {
	display: inline-block;
vertical-align: top;
}

/*contents002*/

.contents002 .box {
	text-align: center;
}

.contents002 h3 {
	font-size: 22px;
line-height: 1.4;
letter-spacing: 0.05em;
font-weight: 500;
	padding-top: 20px;
}

.contents002 .box-box {
	display: flex;
  justify-content: center;
	align-items: center;
}

.contents002 .box-box h4 {
	width: 68px;
	margin-right: 15px;
}

.contents002 .box-box h5 {
	font-family: 'Roboto', sans-serif;
	font-size: 58px;
color: #c1272d;
	line-height: 1.2;
	font-weight: 500;
}

.contents002 .box-box h5::before {
	content: "¥ ";
	font-size: 34px;
	font-family: 'Noto Sans JP', sans-serif;
}

.contents002 .box-box h5::after {
	content: " 円（税込）";
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
}

body.wcselect_400228858101 .contents002 .box-box h4,
body.wcselect_400228858101 .contents002 .box-box h5 {
	display: inline-block;
vertical-align: top;
}

.contents002 .box p {
	padding: 5px 0px 10px;
}

.contents02 h6 a {
	font-size: 18px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 500;
	display: inline-block;
	padding: 15px 0px;
	padding-left: 30px;
	background-color: #0575c1;
	position: relative;
	margin-top: 20px;
	width: 400px;
	transition: .5s;
}

.contents02 h6 a:hover {
	background-color: #000;
	opacity: 1;
}

.contents02 h6 a::before {
	content: "";
	position: absolute;
left: 60px;
top: 0px;
	background-image: url("../common/images/icon-shopping.svg");
background-position: left center;
background-repeat: no-repeat;
	background-size: auto 25px;
	width: 27px;
	height: 100%;
}

.contents002 h6 a {
	font-size: 18px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.1em;
font-weight: 500;
	display: inline-block;
	padding: 15px 0px;
	padding-left: 30px;
	background-color: #0575c1;
	position: relative;
	margin-top: 20px;
	width: 400px;
	transition: .5s;
}

.contents002 h6 a:hover {
	background-color: #000;
	opacity: 1;
}

.contents002 h6 a::before {
	content: "";
	position: absolute;
left: 60px;
top: 0px;
	background-image: url("../common/images/icon-shopping.svg");
background-position: left center;
background-repeat: no-repeat;
	background-size: auto 25px;
	width: 27px;
	height: 100%;
}