@charset "utf-8";
/* CSS Document */
/*====================
reset
====================*/
body,div,img,h1,h2,h3,h4,p,ul,li,dl,dt,dd,table,caption,td,th,input,textarea,address,select,form{
margin: 0;
padding: 0;
}
div:after,
dl:after,
ul:after{
content: none;
height: 0;
clear: both;
display: block;
visibility: hidden;
}
div,dl,ul{
zoom: 100%;
}
img{
vertical-align: bottom;
}
a{
text-decoration:none;
}
a,a img{
border: none;
}
li{
list-style: none;
}
ol{
margin: 0;
padding: 0;
}
figure{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1;
}
*:focus{
outline: none;
}

/*====================
basic
====================*/
body{
position: relative;
}
.l-container{
-webkit-text-size-adjust: 100%;
background: #ffffff;
}
.l-container img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}
p.note, ul.note > li{
text-align: left;
text-indent: -1.1em;
padding-left: 1.1em;
}

/*====================
コンテンツ
====================*/
.isPC{
display: none;
}
#content_wrap{
color: #333333;
position: relative;
overflow: hidden;
}
#content_wrap > section{
text-align: center;
}

/* ▽ SP ▽================================================================================================================================== */
.inner{
padding: 5vw 4.6vw 10vw;
}
#content_wrap p,
#content_wrap figcaption,
dl,dt,dd,ul,li,a{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 3.2vw;
letter-spacing: .01em;
line-height: 2.1;
overflow-wrap: break-word;
/*font-feature-settings: "palt";*/
letter-spacing: .09em;
line-height: 1.65;
}
.information,
.information p{
font-size: 2.4vw !important;
}
.ta_left{
text-align: left !important;
}
.ta_right{
text-align: right !important;
}
.ta_center{
text-align: center !important;
}
.mt{
margin-top: 6vw;
}
.mb{
margin-bottom: 2vw;
}
.link_area{
color: #e70012;
}
.link_area:hover{
border-bottom: 1px solid #e70012;
color: #e70012;
}
h1{
margin: 0 auto;
}
h3{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
background: #0056a9;
color: #ffffff;
font-size: 3.6vw;
font-weight: 600;
line-height: 1;
padding: 2vw;
margin-bottom: 2.6vw;
}
dl{
margin-bottom: 6vw;
}
dt{
font-size: 3.4vw;
font-weight: 600;
}
.products_list{
text-align: center;
margin-bottom: 6vw;
}
.products_list li{
width: calc(100% / 1);
}
h2 img{
width: 40vw;
}
.note{
margin-bottom: 6vw;
}
.prize{
text-align: center;
margin: 5vw 1vw 6vw;
}
.prize figcaption{
font-size: 3.4vw !important;
font-weight: 600;
}
.prize img{
margin-top: 1.4vw;
}
.attention{
background: #f0f9ff;
padding: 3vw;
border: solid 1px #b0c3d5;
}
.attention .note{
margin-bottom: 0;
}

/* ～767px For SP
====================================================*/
@media screen and (max-width: 767px){
.isPC{
display: none;
}
}

/* ▽ PC ▽================================================================================================================================== */
/* 768px～ For PC
====================================================*/
@media screen and (min-width: 768px), print{
/*====================
base
====================*/
.isSP{
display: none;
}
.isPC{
display: block;
}
.l-container{
line-height: 2;
}
#content_wrap{
width: 100%;
}
#content_wrap > section{
text-align: center;
}
.inner{
max-width: 1200px;
padding: 36px 30px 80px;
margin: 0 auto;
}
#content_wrap p,
#content_wrap figcaption,
dl,dt,dd,ul,li,a{
font-size: 16px;
letter-spacing: .07em;
}
.information,
.information p{
font-size: 14px !important;
}
.mt{
margin-top: 40px;
}
.mb{
margin-bottom: 28px;
}
h1{
max-width: 1200px;
}
h3{
font-size: 20px;
padding: 12px;
margin-bottom: 12px;
}
dl{
margin-bottom: 40px;
}
dt{
font-size: 18px;
}
.products_list{
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.products_list li{
width: calc(100% / 3);	
}
h2 img{
width: 260px;
}
.note{
margin-bottom: 40px;
}
.prize{
text-align: center;
margin: 35px 0 40px;
}
.prize figcaption{
font-size: 18px !important;
}
.prize img{
margin-top: 14px;
max-width: 720px;
}
.attention{
padding: 26px;
}
}