@charset "utf-8";
@font-face{
	src:url(/assets/fonts/glyphs.woff2?7271e78a289b092c58cb23d56f3316f9) format("woff2"),url(/assets/fonts/glyphs.woff?7271e78a289b092c58cb23d56f3316f9) format("woff");
	font-family:glyphs
}
i{line-height:1}
i[class^=glyphs-]:before,i[class*=" glyphs-"]:before{
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	font-family:glyphs!important;font-style:normal;font-variant:normal;font-weight:400!important;line-height:1;text-transform:none
}
.glyphs-test:before{content:"\f101"}
.glyphs-test2:before{content:"\f102"}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{font-weight:400;text-align:left;vertical-align:middle}
img{vertical-align:middle}
h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,img,nav{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{line-height:1}
.cleafix:after{display:block;clear:both;content:''}
main{display:block}
figure{display:block;margin:0;padding:0}
figure img{max-width:100%}

html{
	color:#372121;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", Yu Gothic Medium, "游ゴシック", Yu Gothic, sans-serif;
	font-size:10px
}
.font-prompt{font-family:Prompt, sans-serif}
.color-red{color:#b51a2d}
img{width:100%}
*{box-sizing:border-box}
a{text-decoration:none}

@media(min-width:769px), print{
.sp{display:none!important}
html{font-size:10px}
header{width:100%}
header .header-inner{width:100%;max-width:960px;margin:0 auto;padding:17px 0;}
header .header-inner h1{width:103px}
footer{width:100%}
footer .footer-inner{width:100%;max-width:1260px;margin:0 auto;padding:50px 0}
footer .footer-inner .logo{width:124px;margin:0 auto}
footer .footer-inner .copyrights{width:266px;margin:17px auto 0}
}
@media only screen and (max-width:768px){
.pc{display:none!important}
header{width:100%}
header .header-inner{width:100%;padding:5.208333333333334vw 0}
header .header-inner h1{width:19.53125vw;margin:0 auto}
footer{width:100%}
footer .footer-inner{width:90%;margin:0 auto;padding:6.510416666666667vw 0}
footer .footer-inner .logo{width:16.145833333333336vw}
footer .footer-inner .copyrights{width:34.63541666666667vw;margin-top:1.3020833333333335vw}
}

@media(min-width:769px),print{
.hover{transition:.3s}
.hover:hover{opacity:.5!important;transition:.3s}
main{min-width:960px;max-width:2920px;margin:0 auto}

main .mv-area{position:relative;padding:34px 0 17px;background-color:#FCEDEC;}
main .mv-area::before{
	position:absolute;content:"";left:0;bottom:0;z-index:1;
	width:100%;height:76px;
	background-color:#B51A2D;
}
main .mv-area .mv-area-inner{position:relative;z-index:2;width: min(100%, 1280px);margin:0 auto;text-align:center;}

main .present-area{width:960px;margin:80px auto 0;}
main .present-area .present-area-inner{margin:0 auto;text-align:center}
main .present-area .present-area-inner h2{display:inline-block;margin-bottom:20px;font-size:3.0rem}
main .present-area .present-area-inner h2:before{
	display:inline-block;content:"";
	width:2px;height:30px;
	margin-right:30px;
	-webkit-transform:translateY(.2em) rotate(-30deg);transform:translateY(.2em) rotate(-30deg);
	background-color:#372121;
}
main .present-area .present-area-inner h2:after{
	display:inline-block;content:"";
	width:2px;height:30px;
	margin-left:30px;
	-webkit-transform:translateY(.2em) rotate(30deg);transform:translateY(.2em) rotate(30deg);
	background-color:#372121;
}
main .present-area .present-area-inner p.present-txt{font-size:2.5rem;font-weight:700;}
main .present-area .present-area-inner p.big{position:relative;z-index:2;padding:5px 10px 0;font-size:5.1rem;font-weight:700;}
main .present-area .present-area-inner p.big::before{
	position:absolute;content:"";left:0;bottom:0;z-index:-1;
	width:100%;height:40px;
	background-color:#F9ED57;
}
main .present-area .present-area-inner .small{font-size:1.3rem}
main .present-area .present-area-inner ul{
	display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;
	margin:25px 110px 15px;
	font-size:4.6rem;font-weight:700;
}

main .present-area .present-detail{margin:60px 0 0;}
main .present-area .present-detail h2{margin:0 0 40px;padding:0 25px;border-radius:8px;color:#FFF;font-size:3.2rem;line-height:2.8;font-weight:700;text-align:left;background-color:#B51A2D;}
main .present-area .present-detail h2 span{padding:8px 10px;border-radius:8px;color:#B51A2D;font-size:2.4rem;line-height:2;font-weight:700;text-align:left;background-color:#FFF;}
main .present-area .detail-area{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:0 30px;}
main .present-area .detail-area .txt-area{width:420px;font-size:1.9rem;line-height:2;text-align:left;}
main .present-area .detail-area .img-area{position:relative;width:450px;}
main .present-area .detail-area .img-area img{display:block;width:100%;margin:0 0 20px;}
main .present-area .detail-area .img-area::after{
	position:absolute;content:"";right:-30px;bottom:-30px;
	width:136px;height:136px;
	background:url(../images/materials/campaign/cocomitten/privi_icon_copl.png) no-repeat left top;background-size:136px;
}
main .present-area .detail-area .img-area.img-area_mit::after{background:url(../images/materials/campaign/cocomitten/privi_icon_mit.png) no-repeat left top;background-size:136px;}

main .present-area .detail-recipe{margin:40px 30px 0;font-size:1.9rem;line-height:2;text-align:left;}
main .present-area .detail-recipe ul{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:20px 0 0;}
main .present-area .detail-recipe li{width:280px;}
main .present-area .detail-recipe li img{width:100%;}
main .present-area .detail-recipe dd{margin:6px 0 0;font-size:1.2rem;}

main .present-area .interview-area{
	display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;
	margin:50px 30px 0;padding:25px 30px 20px 35px;
	border:2px #b51a2d solid;border-radius:12px;
}
main .present-area .interview-area .txt-area{margin:0 20px 0 0;}
main .present-area .interview-area .txt-area h3{position:relative;margin-top:30px;font-size:2.8rem;line-height:1.3;text-align:left}
main .present-area .interview-area .txt-area h3:before{
	position:absolute;top:-45px;left:-15px;content:"";
	width:112px;height:42px;
	background-image:url(../images/materials/campaign/cocomitten/interview-icon.png?ve39b029b18515c701611ee5dd612b9f5);background-repeat:no-repeat;background-size:contain;
}
main .present-area .interview-area .txt-area p{margin-top:12px;font-size:1.4rem;font-weight:700;text-align:left}
main .present-area .interview-area .txt-area p .big{font-size:1.9rem}
main .present-area .interview-area .txt-area .btn{
	display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;
	width:324px;height:56px;
	margin-top:15px;
	border:1px #b51a2d solid;border-radius:8px;
	font-size:1.4rem;line-height:1.3
}
main .present-area .interview-area .txt-area .btn:after{
	position:absolute;top:50%;right:30px;content:"";
	width:10px;height:10px;
	-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);
	border-top:1px #b51a2d solid;border-right:1px #b51a2d solid;
}

main .close-area .close-area-inner{width:100%;margin:80px 0 0;padding:80px 0 0;text-align:center;background:url(../images/materials/campaign/cocomitten/line.png) no-repeat center top;}
main .close-area .close-area-inner img{width:auto;}
main .close-area .close-area-inner h2{display:inline-block;margin-bottom:50px;font-size:3.0rem;color:#B51A2D;}
main .close-area .close-area-inner h2:before{
	display:inline-block;content:"";
	width:2px;height:30px;
	margin-right:30px;
	-webkit-transform:translateY(.2em) rotate(-30deg);transform:translateY(.2em) rotate(-30deg);
	background-color:#B51A2D;
}
main .close-area .close-area-inner h2:after{
	display:inline-block;content:"";
	width:2px;height:30px;
	margin-left:30px;
	-webkit-transform:translateY(.2em) rotate(30deg);transform:translateY(.2em) rotate(30deg);
	background-color:#B51A2D;
}
main .close-area .close-area-inner dd{margin:30px auto 0;}
main .close-area .close-area-inner .select-btn{margin:50px auto 0;}

main .about-campaign{margin:80px 0 0;padding:50px 0;background-color:#f3ecea}
main .about-campaign .about-campaign-inner h2{width:391px;margin:0 auto}
main .about-campaign .about-campaign-inner .about-area{width:960px;margin:50px auto 0;padding:60px 110px;border-radius:18px;background-color:#fff}
main .about-campaign .about-campaign-inner .about-area dl{font-size:2.0rem}
main .about-campaign .about-campaign-inner .about-area dl dt{color:#b51a2d;font-weight:700}
main .about-campaign .about-campaign-inner .about-area dl:nth-of-type(n+2){margin-top:50px}
}

@media only screen and (max-width:768px){
.root{width:100%;overflow:hidden}
main{width:100%}

main .mv-area{}

main .present-area{width:90%;margin:9.114583333333332vw auto;}
main .present-area .present-area-inner{text-align:center}
main .present-area .present-area-inner h2{display:inline-block;font-size:5.208333333333334vw}
main .present-area .present-area-inner h2:before{
	display:inline-block;content:"";
	width:.390625vw;height:6.510416666666667vw;
	margin-right:6.510416666666667vw;
	-webkit-transform:translateY(.2em) rotate(-30deg);transform:translateY(.2em) rotate(-30deg);
	background-color:#372121;
}
main .present-area .present-area-inner h2:after{
	display:inline-block;content:"";
	width:.390625vw;height:6.510416666666667vw;
	margin-left:6.510416666666667vw;
	-webkit-transform:translateY(.2em) rotate(30deg);transform:translateY(.2em) rotate(30deg);
	background-color:#372121;
}
main .present-area .present-area-inner p.present-txt{margin-top:2.604166666666667vw;font-size:3.8458333333333335vw;font-weight:700}
main .present-area .present-area-inner p.big{margin-top:2.604166666666667vw;padding:.6910416666666667vw 1.3020833333333335vw;font-size:2.6rem;font-weight:700;background-color:#F9ED57;}
main .present-area .present-area-inner .small{font-size:2.604166666666667vw}
main .present-area .present-area-inner ul{
	margin:6.604166666666667vw 3.604166666666667vw;
	font-size:4.6rem;font-weight:700;line-height:0.9;
}
main .present-area .present-area-inner li:last-child{margin:0 6.604166666666667vw 0;}

main .present-area .present-detail{margin:9.114583333333332vw auto 0;}
main .present-area .present-detail h2{margin:0 0 2vh;padding:0 3vw;border-radius:5px;color:#FFF;font-size:4.8vw;line-height:2.8;font-weight:700;text-align:left;background-color:#B51A2D;}
main .present-area .present-detail h2 span{padding:1vw 2vw;border-radius:5px;color:#B51A2D;font-size:4.2vw;line-height:2;font-weight:700;text-align:left;background-color:#FFF;}
main .present-area .detail-area .txt-area{margin:0 2% 0;font-size:3.6vw;line-height:2;}
main .present-area .detail-area .img-area{position:relative;margin:7.114583333333332vw 0 0;}
main .present-area .detail-area .img-area img{display:block;margin:0 0 5.114583333333332vw;}
main .present-area .detail-area .img-area::after{
	position:absolute;content:"";right:-3vw;bottom:-4vw;
	width:22vw;height:22vw;
	background:url(../images/materials/campaign/cocomitten/privi_icon_copl.png) no-repeat left top;background-size:22vw;
}
main .present-area .detail-area .img-area.img-area_mit::after{background:url(../images/materials/campaign/cocomitten/privi_icon_mit.png) no-repeat left top;background-size:22vw;}


main .present-area .detail-recipe{margin:7.114583333333332vw 0 0;font-size:1.4rem;line-height:2;text-align:left;}
main .present-area .detail-recipe ul{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:3.114583333333332vw 0 0;}
main .present-area .detail-recipe li{width:32%;}
main .present-area .detail-recipe dl{width:100%;}
main .present-area .detail-recipe dd{margin:0.9vw 0 0;font-size:0.9rem;line-height:1.4;}

main .present-area .interview-area{
	margin:9.114583333333332vw auto 0;padding:5.208333333333334vw;
	border:2px #b51a2d solid;border-radius:10px;
}
main .present-area .interview-area .txt-area h3{position:relative;margin-top:6.510416666666667vw;font-size:5.46875vw;text-align:left}
main .present-area .interview-area .txt-area h3:before{
	position:absolute;top:-9.114583333333332vw;left:0;content:"";
	width:21.09375vw;height:7.942708333333333vw;
	background-image:url(../images/materials/campaign/cocomitten/interview-icon.png?ve39b029b18515c701611ee5dd612b9f5);background-repeat:no-repeat;background-size:contain;
}
main .present-area .interview-area .txt-area p{margin-top:5.208333333333334vw;font-size:3.3854166666666665vw;font-weight:700;text-align:left}
main .present-area .interview-area .txt-area p .big{font-size:4.166666666666666vw}
main .present-area .interview-area .txt-area .btn{
	display:-ms-flexbox;display:flex;
	position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;
	width:90%;height:13.020833333333334vw;
	margin:5.859375vw auto;
	border:1px #b51a2d solid;border-radius:18px;
	font-size:3.3854166666666665vw;line-height:1.3
}
main .present-area .interview-area .txt-area .btn:after{
	position:absolute;top:50%;right:3.90625vw;content:"";
	width:1.953125vw;height:1.953125vw;
	-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);
	border-top:1px #b51a2d solid;border-right:1px #b51a2d solid;
}

main .close-area .close-area-inner{width:90%;margin:9.114583333333332vw auto 0;padding:7.114583333333332vw 0 0;text-align:center;background:url(../images/materials/campaign/cocomitten/line.png) no-repeat center top; background-size:100%;}
main .close-area .close-area-inner h2{display:inline-block;margin:0 0 16.114583333333332vw auto 0;color:#B51A2D;font-size:4.208333333333334vw}
main .close-area .close-area-inner h2:before{
	display:inline-block;content:"";
	width:.390625vw;height:6.510416666666667vw;
	margin-right:6.510416666666667vw;
	-webkit-transform:translateY(.2em) rotate(-30deg);transform:translateY(.2em) rotate(-30deg);
	background-color:#B51A2D;
}
main .close-area .close-area-inner h2:after{
	display:inline-block;content:"";
	width:.390625vw;height:6.510416666666667vw;
	margin-left:6.510416666666667vw;
	-webkit-transform:translateY(.2em) rotate(30deg);transform:translateY(.2em) rotate(30deg);
	background-color:#B51A2D;
}
main .close-area .close-area-inner dt{margin:7.114583333333332vw 25.114583333333332vw 0;}
main .close-area .close-area-inner dd{margin:6.114583333333332vw auto 0;}
main .close-area .close-area-inner .select-btn{margin-top:6.510416666666667vw}

main .about-campaign{width:100%;margin-top:10.416666666666668vw;background-color:#f3ecea}
main .about-campaign .about-campaign-inner{width:90%;margin:0 auto;padding:7.8125vw 0}
main .about-campaign .about-campaign-inner h2{width:50.911458333333336vw;margin:0 auto}
main .about-campaign .about-campaign-inner .about-area{width:100%;margin:7.8125vw auto 0;padding:7.8125vw 3.90625vw;border-radius:18px;background-color:#fff}
main .about-campaign .about-campaign-inner .about-area dl{font-size:2.604166666666667vw}
main .about-campaign .about-campaign-inner .about-area dl dt{color:#b51a2d;font-weight:700}
main .about-campaign .about-campaign-inner .about-area dl:nth-of-type(n+2){margin-top:5.208333333333334vw}
}