@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap");
/* @include _reset.scss */
/*!
* ress.css • v1.2.2
* MIT License
* github.com/filipelinhares/ress
*/
/* # =================================================================
# Global selectors
# ================================================================= */
html {
box-sizing: border-box;
overflow-y: scroll;
/* All browsers without overlaying scrollbars */
-webkit-text-size-adjust: 100%;
/* iOS 8+ */
scroll-behavior: smooth;    
}

*,
::before,
::after {
background-repeat: no-repeat;
/* Set `background-repeat: no-repeat` to all elements and pseudo elements */
box-sizing: inherit;
}

::before,
::after {
text-decoration: inherit;
/* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
vertical-align: inherit;
}

* {
padding: 0;
/* Reset `padding` and `margin` of all elements */
margin: 0;
}

/* # =================================================================
# General elements
# ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
display: none;
height: 0;
}

hr {
overflow: visible;applyTitle
/* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

summary {
display: list-item;
/* Add the correct display in all browsers */
}

small {
font-size: 80%;
/* Set font-size to 80% in `small` elements */
}

[hidden],
template {
display: none;
/* Add the correct display in IE */
}

abbr[title] {
border-bottom: 1px dotted;
/* Add a bordered underline effect in all browsers */
text-decoration: none;
/* Remove text decoration in Firefox 40+ */
}

a {
background-color: transparent;
/* Remove the gray background on active links in IE 10 */
-webkit-text-decoration-skip: objects;
/* Remove gaps in links underline in iOS 8+ and Safari 8+ */
text-decoration: none;
color: #000;
transition: opacity 0.4s;
    

    
}



li {
list-style: none;
}

div{position:relative;}
a:active,
a:hover {
outline-width: 0;
/* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
/* Specify the font family of code elements */
}

b,
strong {
font-weight: bolder;
/* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
font-style: italic;
/* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
background-color: #ff0;
color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

/* # =================================================================
# Forms
# ================================================================= */
input {
border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
cursor: default;
}

[type=number] {
width: auto;
/* Firefox 36+ */
}

[type=search] {
-webkit-appearance: textfield;
/* Safari 8+ */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
/* Safari 8 */
}

textarea {
overflow: auto;
/* Internet Explorer 11+ */
resize: vertical;
/* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
font: inherit;
/* Specify font inheritance of form elements */
}

optgroup {
font-weight: bold;
/* Restore the font weight unset by the previous rule. */
}

button {
overflow: visible;
/* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: 0;
padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
/* Correct the inability to style clickable types in iOS */
}

button,
select {
text-transform: none;
/* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
color: inherit;
}

/* Style select like a standard input */
select {
-moz-appearance: none;
/* Firefox 36+ */
-webkit-appearance: none;
/* Chrome 41+ */
}

select::-ms-expand {
display: none;
/* Internet Explorer 11+ */
}

select::-ms-value {
color: currentColor;
/* Internet Explorer 11+ */
}

legend {
border: 0;
/* Correct `color` not being inherited in IE 8/9/10/11 */
color: inherit;
/* Correct the color inheritance from `fieldset` elements in IE */
display: table;
/* Correct the text wrapping in Edge and IE */
max-width: 100%;
/* Correct the text wrapping in Edge and IE */
white-space: normal;
/* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
-webkit-appearance: button;
/* Correct the inability to style clickable types in iOS and Safari */
font: inherit;
/* Change font properties to `inherit` in Chrome and Safari */
}

[type=search] {
-webkit-appearance: textfield;
/* Correct the odd appearance in Chrome and Safari */
outline-offset: -2px;
/* Correct the outline style in Safari */
}

/* # =================================================================
# Specify media element style
# ================================================================= */
img {
border-style: none;
/* Remove border when inside `a` element in IE 8/9/10 */
width:100%;
height:auto;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
vertical-align: baseline;
}

svg:not(:root) {
overflow: hidden;
/* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
display: inline-block;
/* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
# Accessibility
# ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
[hidden~=screen] {
display: inherit;
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
}
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
cursor: default;
}

/* # =================================================================
# Selection
# ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
background-color: #b3d4fc;
/* Required when declaring ::selection */
color: #000;
text-shadow: none;
}

::selection {
background-color: #b3d4fc;
/* Required when declaring ::selection */
color: #000;
text-shadow: none;
}

/* @include _breakpoints.scss */
/* break point media query */
@media (max-width: 767.9px) {
.pc {
display: none !important;
}
}
.pc_i {
display: inline;
}
@media (max-width: 767.9px) {
.pc_i {
display: none;
}
}
.pc_ib {
display: inline-block;
}
@media (max-width: 767.9px) {
.pc_ib {
display: none;
}
}

.sp {
display: none;
}
@media (max-width: 767.9px) {
.sp {
display: block;
}
}
.sp_i {
display: none;
}
@media (max-width: 767.9px) {
.sp_i {
display: inline;
}
}
.sp_ib {
display: none;
}
@media (max-width: 767.9px) {
.sp_ib {
display: inline-block;
}
}

.tb {
display: none;
}
@media (max-width: 767.9px) {
.tb {
display: none;
}
}
.tb_i {
display: none;
}
@media (max-width: 767.9px) {
.tb_i {
display: none;
}
}
.tb_ib {
display: none;
}
@media (max-width: 767.9px) {
.tb_ib {
display: none;
}
}

/*common*/
body {
font-size: 14px;
font-weight: 400;
color: #000;
letter-spacing: 0.05em;
line-height: 1.7; 
}
@media (max-width: 1080px) {
body {
font-size: 1.3671875vw;
}
}
@media (max-width: 767.9px) {
body {
padding-top: 0;
font-size: 10px;
}
}

#amazake_cp h1,
#amazake_cp h2,
#amazake_cp h3,
#amazake_cp h4,
#amazake_cp h5,
#amazake_cp h6,
#amazake_cp ul,
#amazake_cp ol,
#amazake_cp dl,
#amazake_cp li,
#amazake_cp dt,
#amazake_cp dd,
#amazake_cp p,
#amazake_cp a,
#amazake_cp span,
#amazake_cp header,
#amazake_cp section,
#amazake_cp article,
#amazake_cp aside,
#amazake_cp footer,
#amazake_cp figure,
#amazake_cp figcaption,
#amazake_cp nav {
font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", sans-serif;
}

a:hover {
opacity: 0.7;
transition: opacity 0.4s;
}

@media (max-width: 1080px) {
img {
display: block;
max-width: 100%;
}
}
@media (max-width: 767.9px) {
img {
display: block;
max-width: 100%;
}
}
.bold {
font-weight: bold;
}

.large {
font-size: 1.15em;
}

.small {
font-size: 0.85em;
}


.flex{display:flex;justify-content: space-between;align-items: center;}




/*clearfix*/
.cfx:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

/*Layout*/



.js-fadeIn {
opacity: 0;
}

@media (max-width: 767.9px) {
.js-fadeIn-sp {
opacity: 0;
}
}

.js-fadeUp {
transform: translateY(30px);
}
@media (max-width: 1080px) {
.js-fadeUp {
transform: translateY(2.9296875vw);
}
}
@media (max-width: 767.9px) {
.js-fadeUp {
transform: translateY(4vw);
}
}



/* チェックボックス全体 */
.c-checkbox-wrap {
display: block;
position: relative;
width: 620px;
padding-left: 50px;
margin: 0 auto 12px;
cursor: pointer;
font-size: 20px;
user-select: none;
font-weight: 500;
line-height: 24px;
/* デフォルトチェックボックス非表示 */
/* チェックボックスのスタイル */
/* チェック時のスタイル */
}
@media (max-width: 1080px) {
.c-checkbox-wrap {
width: 48.4375vw;
padding-left: 3.90625vw;
margin: 0 auto 0.9375vw;
font-size: 1.5625vw;
line-height: 1.875vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap {
width: 46vw;
padding-left: 6.4vw;
margin: 0 auto 5.0666666667vw;
font-size: 2.6666666667vw;
line-height: 4vw;
}
}
.c-checkbox-wrap input {
display: none;
}
.c-checkbox-wrap .c-checkmark {
position: absolute;
top: 0;
left: 0;
height: 29px;
width: 29px;
background: #fff;
border: 2px solid #231815;
box-sizing: border-box;
/* チェックマーク作成 */
}
@media (max-width: 1080px) {
.c-checkbox-wrap .c-checkmark {
height: 2.265625vw;
width: 2.265625vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap .c-checkmark {
height: 3.4666666667vw;
width: 3.4666666667vw;
top: 0.6666666667vw;
border: 0.2666666667vw solid #231815;
}
}
.c-checkbox-wrap .c-checkmark:after {
content: "";
position: absolute;
display: none;
left: 50%;
top: 50%;
width: 8px;
height: 17px;
margin-top: -2px;
border: 5px solid #fff;
border-width: 0 2px 2px 0;
transform: translate(-50%, -50%) rotate(45deg);
}
@media (max-width: 1080px) {
.c-checkbox-wrap .c-checkmark:after {
width: 0.625vw;
height: 1.328125vw;
}
}
@media (max-width: 767.9px) {
.c-checkbox-wrap .c-checkmark:after {
width: 1.0666666667vw;
height: 2.2666666667vw;
border: 0.6666666667vw solid #fff;
border-width: 0 0.2666666667vw 0.2666666667vw 0;
}
}
.c-checkbox-wrap input:checked + .c-checkmark {
background-color: #044892;
/* チェック時 チェックマーク表示 */
}
.c-checkbox-wrap input:checked + .c-checkmark:after {
display: block;
}

#pageTop {
position: absolute;
top: auto;
bottom: 0;
right: 58px;
cursor: pointer;
z-index: 9;
transition: opacity 0.5s;
width: 5.25vw; 
line-height: 0.5;
}
#pageTop img{width:100%;height:auto;}
@media (max-width: 1080px) {
#pageTop {
width: 6.25vw;
right: 4.53125vw;
}
}
@media (max-width: 767.9px) {
#pageTop {
width: 10.6666666667vw;
right: 6vw;
}
}
#pageTop.fixed {
position: fixed;
top: auto;
bottom: 50px;
}
@media (max-width: 1080px) {
#pageTop.fixed {
bottom: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#pageTop.fixed {
bottom: 6vw;
}
}

/* ----------------------------------------------------------------------------------------*/

#amazake_cp {
overflow: hidden;
}

.inner{max-width:1050px;margin:auto;}
span.spbr{display:inline-block;}

@media (max-width: 1050px) {   
.inner{padding:0 3%;}
}
@media (max-width: 767.9px) {
.inner{padding:0 4%;}
span.spbr{display:block;}  
    
}
    
/*youtube*/
.youtube{margin:0 auto 0 auto;   
position: relative;
padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
padding-top: 0;
height: 0;
overflow: hidden;
/*margin-bottom: 2rem;  YouTubeの下に余白をつける */
/*margin-top:0.5em;*/
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*背景*/
.bg{background: #e5e5dd url("../images/bg.jpg") no-repeat center top; background-size: cover; background-attachment: fixed;}

/*共通ボタン*/
.common_btn{text-align: center;}
.common_btn a{width:38%;color:#fff; background: #044892;border-radius:0.5em;display:inline-block;padding:1em 0;font-size:188%;letter-spacing: 5px;text-decoration: none;}

@media (max-width: 1050px) {   
 .common_btn a{font-size:2.5vw;}   

}

@media (max-width: 767.9px) { 
 .common_btn a{
     padding:3vw 0;
     width:50vw;
     font-size:3.5vw;
    letter-spacing: 3px
    }   

}
/*KV */
#kv{margin:0;
background: #033b77;
position: relative;
}

.kvimage{max-width:1440px;margin:auto;}
.kv_amazake_logo{position:absolute;width:10%;top:7%;left:50%;translate: -50% 0;
 opacity:0;
animation-delay:0.5s;
animation-name: kv_amazake_logo_ani;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-fill-mode:  forwards;

}
.kv_title{position:absolute;width:85%;top:17%;left:50%;translate: -50% 0;
opacity:0;    
animation-delay:1s;
animation-name: kv_title_ani;
animation-duration: 3s;
animation-timing-function: ease-out;
animation-fill-mode:  forwards;
}


@media (max-width: 767.9px) { 
.kv_amazake_logo{position:absolute;width:23%;top:6%;left:50%;translate: -50% 0;}
.kv_title{position:absolute;width:90%;top:16%;left:50%;translate: -50% 0;}
}



@keyframes kv_amazake_logo_ani {
  0% {
    transform: translateY(2em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
      opacity: 1;
  }

}

@keyframes kv_title_ani {
  0% {
    transform: translateY(2em);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
      opacity: 1;
  }

}


@media (min-width: 1441px) { 
.kv_amazake_logo{width:140px;top:7%;left:50%;translate: -50% 0; }
.kv_title{width:1180px;top:17%;left:50%;translate: -50% 0; }
   
}



.swiper{position:relative;line-height: 0.5;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 1.125vw)!important;
top: var(--swiper-pagination-top, auto);
left: 40%!important; 
width: 100%; 
}

@media (max-width: 1080px) {
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: var(--swiper-pagination-bottom, 1.125vw)!important;
}
}

@media (min-width: 1440px) {
    .swiper{width:88vw;margin:auto;}
}


/* #head -----------------------------------------------------------*/
#head{padding:5% 0;}
#head .head_oubo_kikan{margin: 0 calc(50% - 51%);width: 107%;}


@media (max-width: 767.9px) { 
#head .head_oubo_kikan{margin: 0;width: 100%;}
}





/* 対象商品 -----------------------------------------------------------*/
#lineup{background: url("../images/bg_lineup.png") ; background-size:cover;padding:9vw 3vw ;}



#lineup .lineup_item{margin:0 0 10% 0;}
#lineup .apply_detail{ background:#fff; margin:0 0 7% 0;}
#lineup .howto_hagaki{ background:#fff;padding:5% 4%;}

@media (max-width: 767.9px) {
#lineup{background: url("../images/bg_lineup_sp.png") ; background-size:cover;padding:17vw 4vw ;}
#lineup .apply_detail{ background:#fff; margin:0 0 11% 0;}    
}



/* こんな時に、冷やし甘酒 -----------------------------------------------------------*/
#times{padding:8% 0 ;}

.times_wrap{flex-flow:column;}



.times_title{width:33%;margin:4% auto;}
.times_item_wrap{}
.times_item_wrap .times_item{flex-basis: 46%}


@media (max-width: 767.9px) {
#times{padding:6% 0 15% 0;}
    
.times_title{width:55%;margin:4% auto 4% auto;order:1;}   
.times_item_wrap:first-child{order: 2;}  
.times_item_wrap:last-child{order: 3;}  
.times_item_wrap{flex-flow:column;text-align: center;}  

.times_item_wrap .times_item{width: 77%;}   
.times_item_wrap .times_item.item01{}
.times_item_wrap .times_item.item02{margin:0 0 9vw 10vw;}
.times_item_wrap .times_item.item03{margin:0 0 4vw 0;}
.times_item_wrap .times_item.item04{margin:0 0 0 10vw;}
    
}


/*レシートの応募方法*/
 .apply .inner{padding:5vw 4vw;}
 .apply .apply_step_wrap{margin:0 0 5em 0;}
 .apply .apply_step_wrap .item{flex-basis:30%;}
 .apply .apply_step_wrap .item .yajirushi{}
 .apply .apply_step_wrap .receipt_notice{}

@media (max-width: 767.9px) {
.apply .inner{padding:5vw 4vw;}
.apply .apply_step_wrap{margin:0 0 5em 0;}
.apply .apply_step_wrap .item{flex-basis:30%;}
.apply .apply_step_wrap .item .yajirushi{}
.apply .apply_step_wrap .receipt_notice{}
}





/* スペシャル動画　スペシャルコンテンツ-----------------------------------------------*/
#bottom{padding:7% 0 0 0;}  
.special_title{width:40%;margin:0 auto 2% auto;}
.youtube_area{width:77%;margin:0 auto 0 auto;}

.special_contents_bnr{position: relative;left:2%;}
.special_contents_bnr .detailhere{position: absolute;width:18%;bottom:11%;right:14%;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.special_contents_bnr a.bnr_link:hover .detailhere{transform: translate(40px,0);}



@media (max-width: 1150px) {    
#bottom{padding:6vw 2vw 3vw 2vw;}      

}

@media (max-width: 767.9px) {
#bottom{padding:12vw 3vw 0 3vw;}  
.special_title{width:66%;margin:0 auto 4% auto;}
.youtube_area{width:100%;margin:0 auto 0 auto;}
.special_contents_bnr{position: relative;left:1vw;}    
}





/*レシート応募方法*/
#amazake_cp .applyStep {    width: 100%;   overflow: hidden;     margin:5vw 0 0 0;  }
#amazake_cp .applyStepList .item { position: relative;
display: flex; flex-wrap: wrap;   width: 100%;
justify-content: center;
align-items: center;
padding: 0;
margin-bottom: 7vw;
}
#amazake_cp .applyStepList .item .yajirushi{   
position: absolute;
width:7vw;
right:3vw;
top:50%;
translate:0 -50%;}

#amazake_cp .applyStepList .item.recept01 .step {flex-basis: 65%;  }
#amazake_cp .applyStepList .item.recept02 .step {flex-basis: 70%;  }
#amazake_cp .applyStepList .item.recept03 .step {flex-basis: 55%;  }





/*　応募　-------------------------*/
#amazake_cp .apply {
/*width: 1000px;*/
margin: 0 auto 0;
position: relative;

}
@media (max-width: 1080px) {
#amazake_cp .apply {
/*width: 78.125vw;*/
margin: 8.203125vw auto 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply {
/*width: 86.6666666667vw;*/
margin: 10vw auto 0;
}
}
#amazake_cp .apply__inner {
/*border:2px solid #044892; */
/*border-bottom:2px solid #044892; */
    
    background-color: #fff;}

@media (max-width: 1080px) {
#amazake_cp .apply__inner {
/*width: 78.125vw;*/
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__inner {
/*width: 86.6666666667vw;*/
border:  none;  
}
}

#amazake_cp .applyTitle {
padding: 10px 0;
font-size: 30px;
font-weight: 700;
text-align: center;
color: #044892;

line-height: 1;
cursor: pointer;
    
/*border-bottom: solid 2px #044892;    */
}
#amazake_cp .applyTitle.js-open {
border-bottom: solid 2px #044892;
}


@media (max-width: 1080px) {
#amazake_cp .applyTitle {
padding: 0.78125vw 0;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle {
padding: 2vw 0;
font-size: 4vw;
/*border: solid 2px #044892;    */
}
}

#amazake_cp .applyTitle::before {
position: absolute;
top: 10px;
right: 27px;
display: block;
content: "";
width: 18px;
height: 18px;
transform: rotate(45deg);
border-right: solid 2px #044892;
border-bottom: solid 2px #044892;
}
@media (max-width: 1080px) {
#amazake_cp .applyTitle::before {
top: 0.78125vw;
right: 2.109375vw;
width: 1.40625vw;
height: 1.40625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle::before {
top: 4.6666666667vw;
right: 5.3333333333vw;
width: 2.4vw;
height: 2.4vw;
margin-top: -2.4vw;
}
}
#amazake_cp .applyTitle.js-open::before {
top: 20px;
transform: rotate(-135deg);
}
@media (max-width: 1080px) {
#amazake_cp .applyTitle.js-open::before {
top: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyTitle.js-open::before {
top: 5.6vw;
}
}




#amazake_cp .applyCheck {
/*padding: 100px 0 0;*/
padding: 30px 0 0;
position: relative;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck {
/* padding: 7.8125vw 0 0;*/
padding: 2.8125vw 0 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck {
/* padding: 8.4vw 0 0;*/
padding: 3.4vw 0 0;
}
}
#amazake_cp .applyCheck__text {
margin-bottom: 20px;
font-size: 28px;
text-align: center;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck__text {
margin-bottom: 1.5625vw;
font-size: 2.1875vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck__text {
font-size: 3.7333333333vw;
margin-bottom: 4vw;
}
}
#amazake_cp .applyCheckBtn {
margin-top: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn {
margin-top: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn {
margin-top: 4vw;
}
}
#amazake_cp .applyCheckBtn__inner {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center;
gap: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__inner {
gap: 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__inner {
display: block;
gap: 0;
}
}
#amazake_cp .applyCheckBtn__link {
width: 400px;
padding: 15px 0;
background-color: #bbbcbc;
border-radius: 10px;
text-align: center;
pointer-events: none;
line-height:260%;    
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#amazake_cp .applyCheckBtn__link span{display:block;}


@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__link {
width: 31.25vw;
padding: 1.171875vw 0;
border-radius: 0.78125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__link {
display: block;
margin: 0 auto 4vw;
padding: 2vw 0;
width: 53.3333333333vw;
border-radius: 1.3333333333vw;
line-height:180%;  
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__link:last-child {
margin-bottom: 0;
}
}
#amazake_cp .applyCheckBtn__link:hover {
text-decoration: none;
}
#amazake_cp .applyCheckBtn__link.js-active {
background-color: #044892;
pointer-events: all;
}
#amazake_cp .applyCheckBtn__text01 {
color: #fff;
font-size: 20px;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__text01 {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__text01 {
font-size: 2.6666666667vw;
}
}
#amazake_cp .applyCheckBtn__text02 {
color: #fff;
font-size: 30px;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheckBtn__text02 {
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheckBtn__text02 {
font-size: 4vw;
}
}
#amazake_cp .applyCheck .applyCheck-ended {
position: absolute;
bottom: 90px;
left: 0;
right: 0;
width: 100%;
height: 210px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(230, 0, 18, 0.7);
z-index: 5;
font-size: 40px;
font-weight: 700;
color: #fff;
pointer-events: none;
border-radius: 50px;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 7.03125vw;
height: 16.40625vw;
font-size: 3.125vw;
border-radius: 3.90625vw;
}
}
@media (max-width: 1005px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 120px;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck .applyCheck-ended {
bottom: 22.6666666667vw;
height: 49.3333333333vw;
border-radius: 5.3333333333vw;
font-size: 4vw;
}
}
#amazake_cp .applyCheck.clearfile {
margin: 0 0 11em 51px;
padding: 0;
position: relative;
z-index: 20;
}
@media (max-width: 1080px) {
#amazake_cp .applyCheck.clearfile {
margin: 0 0 11em 3.984375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck.clearfile {
margin: 0 1.5em 7em 1.5em;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyCheck.clearfile .notice {
position: relative;
z-index: 11;
margin: 2em 2em 0 0;
display: block;
font-size: 12px;
font-weight: 500;
position: relative;
left: 7.5%;
}
}
#amazake_cp .apply__term {
width: 900px;
margin: 0 auto 40px;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term {
width: 70.3125vw;
margin: 0 auto 3.125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term {
width: 80vw;
margin: 0 auto 4vw;
}
}
#amazake_cp .apply__term__dt {
color: #fff;
background: #044892;
position: relative;
padding: 12px 0;
font-size: 26px;
text-align: center;
font-weight: 500;
cursor: pointer;
line-height: 1;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dt {
padding: 0.9375vw 0;
font-size: 2.03125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt {
padding: 1.6vw;
font-size: 3.4666666667vw;
}
}
#amazake_cp .apply__term__dt::before {
position: absolute;
top: 50%;
right: 27px;
display: block;
content: "";
width: 18px;
height: 18px;
margin-top: -12px;
border-right: solid 2px #fff;
border-bottom: solid 2px #fff;
transform: rotate(45deg);
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dt::before {
right: 2.109375vw;
width: 1.40625vw;
height: 1.40625vw;
margin-top: -0.9375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt::before {
right: 5.3333333333vw;
width: 2.1333333333vw;
height: 2.1333333333vw;
margin-top: -1.6vw;
}
}
#amazake_cp .apply__term__dt.js-open::before {
margin-top: 0;
transform: rotate(-135deg);
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dt.js-open::before {
margin-top: -0.6666666667vw;
}
}
#amazake_cp .apply__term__dd {
display: none;
padding: 30px;
border: 1px solid #044892;
background: #fff;
}
@media (max-width: 1080px) {
#amazake_cp .apply__term__dd {
padding: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .apply__term__dd {
padding: 4vw;
font-size: 2.5333333333vw;
}
}
#amazake_cp .apply__term__dd a {
word-break: break-all;
}
#amazake_cp .applyNote {
width: 100%;
max-width: 900px;
margin: 50px auto 0;
padding: 0 0 60px;
font-weight: 500;
font-size: 17px;
letter-spacing: 0;
font-feature-settings: "palt" 1;
}
@media (max-width: 1080px) {
#amazake_cp .applyNote {
max-width: 70.3125vw;
margin: 3.90625vw auto 0;
padding: 0 0 4vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .applyNote {
 max-width: 76vw;   
font-size: 2.6666666667vw;
text-align: center;
}
}


#amazake_cp .bnrArea {
position: relative;
padding: 6% 0;
border-bottom: 2px solid #044892;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea {
padding: 7.03125vw 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea {
padding: 12vw 0;
}
}

#amazake_cp .bnrArea__brand {
margin-bottom: 20px;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand {
margin-bottom: 3.125vw;
}
}
#amazake_cp .bnrArea__brand a {
display: block;
width: 580px;

margin: 0 auto;
background-color: #044892;
box-sizing: border-box;
padding: 25px 0;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 700;
line-height: 1;
}
@media (max-width: 1080px) {
#amazake_cp .bnrArea__brand a {
width: 45.3125vw;

padding: 1.953125vw 0;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .bnrArea__brand a {
width: 77vw;

padding-top: 3vw 0;
font-size: 4vw;
}
}
#amazake_cp .bnrArea__brand a:hover {
text-decoration: none;
}

#amazake_cp .contact {
position: relative;
}
#amazake_cp .contact__inner {
position: relative;
width: 900px;
padding: 75px 0 50px;
margin: auto;
text-align: center;
}
@media (max-width: 1080px) {
#amazake_cp .contact__inner {
width: 70.3125vw;
padding: 5.859375vw 0 3.90625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__inner {
width: 86.6666666667vw;
padding: 7.2vw 0 4.6666666667vw;
}
}
#amazake_cp .contactInfo {
margin:0 0 0 2vw;
    display: inline-block;
}
@media (max-width: 1080px) {
#amazake_cp .contactInfo {
    

}
}
@media (max-width: 767.9px) {
#amazake_cp .contactInfo {
margin:0 0 0 2vw;    

}
}
#amazake_cp .contactTitle {
margin-bottom: 20px;
font-size: 20px;
text-align: center;
font-weight: 500;
}
@media (max-width: 1080px) {
#amazake_cp .contactTitle {
margin-bottom: 1.5625vw;
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactTitle {
margin-bottom: 3.3333333333vw;
font-size: 3.4666666667vw;
}
}
#amazake_cp .contactText {
margin-bottom: 25px;
font-size: 30px;
text-align: center;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contactText {
margin-bottom: 1.953125vw;
font-size: 2.34375vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contactText {
margin-bottom: 2.6666666667vw;
font-size: 5.555555vw;
line-height: 1.35;
}

#amazake_cp .contactText span{display:block;}  

}
#amazake_cp .contact__tel {
margin-bottom: 25px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel {
margin-bottom: 1.953125vw;
gap: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel {
margin-bottom: 2.6666666667vw;
gap: 2.6666666667vw;
}
}
#amazake_cp .contact__tel__text01 {
font-size: 20px;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel__text01 {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel__text01 {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__tel__text02 {
font-size: 40px;
letter-spacing: 0.1em;
}
@media (max-width: 1080px) {
#amazake_cp .contact__tel__text02 {
font-size: 3.125vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__tel__text02 {
font-size: 5.3333333333vw;
}
}
#amazake_cp .contact__time {
display: flex;
justify-content: flex-start;
font-size: 20px;
text-align: center;
font-weight: 700;
}
@media (max-width: 1080px) {
#amazake_cp .contact__time {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__time {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__time__dt {
font-weight: 700;
}
#amazake_cp .contact__time__dd {
font-weight: 700;
}
#amazake_cp .contact__period {
display: flex;
justify-content: flex-start;
font-size: 20px;
text-align: center;
font-weight: 500;
margin: auto;
}
@media (max-width: 1080px) {
#amazake_cp .contact__period {
font-size: 1.5625vw;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact__period {
font-size: 2.6666666667vw;
}
}
#amazake_cp .contact__period__dt {
font-weight: 700;
}
#amazake_cp .contact__period__dd {
font-weight: 700;
}
#amazake_cp .contact .share_btn_block {
margin: 0 auto;
padding: 80px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1080px) {
#amazake_cp .contact .share_btn_block {
padding: 6.25vw 0 0;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block {
padding: 8.6666666667vw 0 0;
}
}
#amazake_cp .contact .share_btn_block li {
width: 80px;
}
#amazake_cp .contact .share_btn_block li a {
display: block;
height: 45px;
}
#amazake_cp .contact .share_btn_block li a:hover {
opacity: 0.7;
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(1) {
margin-right: 8.1333333333vw;
width: 9.3333333333vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(1) a {
background: url("../images/ft_fb_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(1) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_fb_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(2) {
margin-right: 8vw;
width: 8.2666666667vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(2) a {
background: url("../images/ft_tw_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 39px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(2) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_tw_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}


/*

@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) {
margin-right: 6.2666666667vw;
width: 9.4666666667vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
background: url("../images/ft_insta_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 45px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_insta_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
*/





@media (max-width: 767.9px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) {
width: 10.5333333333vw;
}
}
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
background: url("../images/ft_line_btn.png") no-repeat 50% 50%;
text-indent: -9999px;
background-size: contain;
height: 47px;
}
@media screen and (max-width: 767px) {
#amazake_cp .contact .share_btn_block li:nth-child(3) a {
width: 100%;
height: 0;
padding-bottom: 100%;
background: url("../images/ft_line_btn.png") no-repeat 50% 50%;
background-size: contain;
text-indent: -9999px;
}
}
#amazake_cp .contact .share_btn_block:after {
content: "";
display: block;
clear: both;
}
/*# sourceMappingURL=sourcemaps/style.css.map */



/*キャンペーン終了 */
.ended_wrap{position: relative;padding:0 0 3em 0;}
.ended_bg{position: absolute;width:100%;height:100%;top:0; background: rgba(0,0,0,0.7);z-index:100;}
.ended_text{text-align:center;font-size:200%;font-weight:700; color:#fff;position: absolute;width:100%;left:0;right:0;top:5%;z-index:101;}



@media screen and (max-width: 767px) {
.ended_wrap{margin:2em 0 0 0;}  
.ended_text{text-align:center;font-size:155%;font-weight:700; }
.apply .ended_wrap{margin:0;}  

}

.globalFooter__logoBox {
    float: right;
    text-align: right;
}
.globalFooter__logo {
    margin-bottom: 4px;
}
    .globalFooter__logo img {
        height: 23px;
        width: 207px;
    }

@media only screen and (max-width: 820px) {
    
.globalFooter__logoBox {
    float: none;
    text-align: left;
} 
    .globalFooter__logo img {
        height: 19px;
        width: 166px;
    }
}