.cdk-overlay-pane {
    max-width: 90vw !important;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.mat-dialog-container {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);
    display: block;
    padding: 24px;
    border-radius: 2px;
    box-sizing: border-box;
    overflow: auto;
    outline: 0;
    width: 100%;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
}
section[_ngcontent-c8] {
    max-width: 375px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    height: 470px;
    max-height: 90vh;
}
.icon-picture[_ngcontent-c8] {
    max-width: calc(48px / 2);
    margin-right: .3em;
}
.title[_ngcontent-c8] {
    color: #0c3779;
    font-size: 1.25rem;
    text-align: center;
    margin-top: calc(20px / 2);
    margin-bottom: calc(45px / 2);
}
.view-step1[_ngcontent-c8] {
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
}
.notice-head[_ngcontent-c8] {
    font-weight: 700;
    font-size: .875rem;
    text-align: center;
    margin-top: calc(30px / 2);
    margin-bottom: calc(30px / 2);
}
ul[_ngcontent-c8] {
    font-size: .75rem;
    margin-bottom: calc(40px / 2);
}
.ul {
    list-style: none;
    margin: 0;
    margin-bottom: 0px;
    padding: 0;
}
.receipt-example[_ngcontent-c8] img[_ngcontent-c8] {
    width: 100%;
    max-width: calc(438px / 2);
    margin: auto;
    display: block;
}
.receipt-example[_ngcontent-c8] {
    padding: calc(55px / 2) calc(65px / 2);
    background-color: #f0f6ff;
}
.next-button[_ngcontent-c8]::after {
    content: '';
    position: absolute;
    right: calc(30px / 2);
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: calc(13px / 2);
    height: calc(22px / 2);
    background-image: url(assets/images/take-picture/arrow-r.png);
    background-size: cover;
}
.next-button.step1[_ngcontent-c8] {
    margin-bottom: calc(80px / 2);
}
.next-button[_ngcontent-c8] {
    width: calc(340px / 2);
    height: calc(80px / 2);
    margin: calc(30px / 2) auto;
    margin-bottom: calc(15px);
    display: block;
    position: relative;
}
.button {
    border-radius: 100px;
    border: none;
    padding: 0;
    font-size: 1em;
    cursor: pointer;
}
:focus, a:focus {
    outline: 0;
}
.icons[_ngcontent-c8] {
    display: flex;
    align-content: center;
    justify-content: center;
}
.icon[_ngcontent-c8]:first-child {
    margin-left: 0;
}
.icon[_ngcontent-c8] {
    margin-left: calc(30px / 2 / 2);
    margin-right: calc(30px / 2 / 2);
    font-size: .75rem;
}
.icon[_ngcontent-c8] img[_ngcontent-c8] {
    max-width: calc(170px / 2);
    width: 100%;
}
.icon[_ngcontent-c8] p[_ngcontent-c8] {
    text-align: center;
    height: calc(70px / 2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.mar-b-120{
	margin-bottom: 120px;
}
.mar-b-80{
	margin-bottom: 80px;
}
.mar-b-50{
	margin-bottom: 50px;
}
.mar-b-15{
	margin-bottom: 20px;
}
.mar-b-10{
	margin-bottom: 10px;
}

#page-top.ryubo_campaign{
	background: #FFD900 url(../img/bg.jpg) no-repeat center top;
	background-size: 100%;
	padding: 0;
}

#page-top.ryubo_campaign header{
  padding: 30px 0 60px;
  background-image: url(../img/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.companyLogo{
	display: flex;
	justify-content: flex-end;
}
.companyLogo img{
	width: 140px;
}
#page-top.ryubo_campaign .campaign_main, .headline[_ngcontent-c5]{
	/* margin: 0 -100px; */
}
#page-top.ryubo_campaign .large-img img{
	width: 100%;
}
.container2 .campaign_main img{
	width: 100%;
}
.section-txt img{
	width: 70%;
}
.campaign_main a {
    display: block;
    text-align: center;
}
.section-present{
	margin-top: -20px;
}
.tips-title{
	text-align: center;
	padding-bottom: 30px;
}
.attend[_ngcontent-c5].section-tips {
    padding: 50px 0;
    background: #fff;
}
.tips-title{
	font-size: 30px;
}
.section-tips dl:last-child{
	margin-bottom: 0;
}
.section-tips dt{
	background: #e60012;
	color: #fff;
	font-size: 20px;
	line-height: 21px;
	padding: 21px 0;
	border-radius: 8px;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.section-tips dt i{
	position: absolute;
	width: 25px;
	height: 15px;
	top: 20px;
	right: 20px;
}
.section-tips dd{
	padding-top: 15px;
}
.section-aplication.attend[_ngcontent-c5] .scroll-wrapperWrap{
	padding: 0;
}
.attend[_ngcontent-c5] .head[_ngcontent-c5]{
	color: #e60012;
	margin: 3px 0;
	font-size: 16px;
	line-height: 26px;
}
p.tips{
	padding-left: 1.3em;
	position: relative;
}
p.tips7{
	padding-left: 7em;
	position: relative;
}
p.tips span.tips-span,p.tips7 span.tips-span{
	position: absolute;
	left: 0;
	top: 0;
}
.section-tips .tips{
	padding-left: 1.8em;
}
.attend[_ngcontent-c5] p[_ngcontent-c5]{
	font-size: 16px;
	line-height: 26px;
	margin: 3px 0;
}
footer[_ngcontent-c3]{
	background: #fff;
	padding: 30px 0;
}
.attend[_ngcontent-c5] .headline[_ngcontent-c5]{
	font-weight: bold;
}
footer[_ngcontent-c3] p{
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}
footer[_ngcontent-c3] .contact-item{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0;
}
footer[_ngcontent-c3] .contact-item a{
	display: inline-block;
	margin-left: 7px;
}
footer[_ngcontent-c3] .contact-item img{
	height: 30px;
}
footer[_ngcontent-c3] .container{
	position: relative;
}
.ft_flex{align-items: center; justify-content: center; gap: 30px;}
.ft_logo img{height: 50px;}
footer[_ngcontent-c3] p.ft_tel{margin-bottom: 0;font-size: 36px;font-weight: 600;}
.bg-fff{
	background: #fff;
	border-radius: 16px;
}
.pad-50{
	padding: 50px;
}
.section-title {
	text-align: center;
}
.section-title img{
	height: 67px;
}
.about-outline{
	padding-top: 12px;
}
.about-outline-box{
	border: 1px solid #e60012;
}
.outline-img{
	margin-top: -12px;
	font-size: 0;
}
.outline-img img{
	display: inline-block;
	height: 23px;
	background: #fff;
}
.outline-text{
	padding: 30px 30px 40px;
}
.outline-text p{
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 0;
}
.outline-text p img{
	position: relative;
	height: 23px;
	top: -3px;
	margin: 0 5px;
}
.specal-color{
	color: #e60012;
}
.big-size{
	font-size: 35px;
}
.font-30{
	font-size: 30px;
}
.small-size{
	font-size: 16px;
}
.step-box{
	padding: 30px;
}
.step-box{
	font-size: 0;
}
.step-box>div{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: text-top;
}
.step-img{
	width: 125px;
}
.step-img img{
	width: 100%;
	display: block;
}
.step-text{
	width: calc(100% - 125px);
	padding-left: 30px;
	margin-top: -5px;
}
.step-text p{
	font-size: 16px;
	line-height: 26px;
}
.font-14{
	font-size: 14px !important;
}
.step-list-item{
	padding-top: 23px;
}
.step-item-box{
	background: #fff1f2;
	padding: 0 30px 30px;
}
.step-item-title{
	padding-bottom: 20px;
}
.step-item-title img{
	height: 45px;
	margin-top: -23px;
}
.step-item-content{
	font-size: 0;
}
.step-item-content>div{
	display: inline-block;
	vertical-align: top;
}
.step-item-l{
	width: 65%;
}
.step-item-r{
	width: 35%;
}
.step-item-l>img{
	height: 24px;
	margin-bottom: 15px;
}
.step-item-l p{
	font-size: 16px;
	line-height: 26px;
}
.step-item-l p.font-14{
	line-height: 26px;
}
.step-item-l p a{
	display: inline-block;
	border-bottom: 1px solid #e60012;
}
.step-item-l p a:hover{
	color: #e60012;
	text-decoration: none;
}
.step-item-r img{
	max-width: 100%;
}
.step-btn img{
	max-width: 100%;
}
.mar-b-30{
	margin-bottom: 50px;
}
.photo-title {
    padding-bottom: 30px;
}
.photo-img{
	width: 220px;
}
.photo-text{
	width: calc(100% - 220px);
	padding-left: 30px;
	margin-top: -5px;
}
.photo-text .tips{
	padding-left: 32px;
	padding-bottom: 14px;
	margin-bottom: 0;
}
.photo-text p.tips span.tips-span{
	width: 22px;
	height: 22px;
	background: #e60012;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	line-height: 20px;
	top: 4px;
}
.photo-text-2 {
    width: 100%;
    padding-left: 0;
}
.photo-text .tips:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.photo-text-2 .row {
    margin-top: 20px;
}
.photo-list-text {
    padding: 10px 0 15px;
}
.photo-list-text p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0;
}
.section-title {
	text-align: center;
}
.section-title img{
	height: 67px;
}
.about-flag{
	margin: 30px 0 20px;
}
.products-list{
	padding: 20px 0 40px;
}
.products-list ul{
	display: flex;
	margin-bottom: 0;
}
.products-list ul li{
	width: 14.285714%;
	text-align: center;
}
.products-img img{
	width: 90%;
	max-width: 130px;
}
.product-img img{
	width: 44%;
	max-width: 130px;
}
.section-about{
	padding-top: 50px;
}
.header-top{
	background: #fdd576;
	text-align: center;
	margin-bottom: 40px;
	padding: 15px 0 30px;
	position: relative;
}
.header-top::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	height: 2px;
	background: #fff;
}
.header-bottom{
	margin-bottom: 0;
	padding: 30px 0 15px;
}
.header-bottom::after{
	bottom: auto;
	top: 10px;
}
.bg_pink{background-color: #FCD7A1;}

.d-flex {display: flex;}
.jc-c{justify-content: center;}
.ai-e{align-items: flex-end;}
.pb0{padding-bottom: 0;}
p{word-break: break-all;}
.main_mv{width: 1200px;max-width: 100%;margin: 0 auto;}
.campaign_link{text-align: center;margin-top: 10px;}
.campaign_link a,.campaign_link button.apply-button {background-color: #fff;font-size: 26px;line-height: 1.5;padding: 10px;width: 320px; max-width: 100%; display: inline-block;border-radius: 30px;font-weight: 600;box-shadow: 5px 5px 10px rgba(0,0,0,.3);margin: 0;}
a.apply-button2 {background-color: #F5a100;color: #fff;border: 2px solid #fff;position: relative;}
a.apply-button2 i {border-right: 10px solid #333;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 20px; top: calc(50% - 6px);}
.campaign_link a:hover,.option_link a:hover,.series_textbox a:hover,.series_link:hover {text-decoration: none;}
.campaign_link button:active{outline: none;}
.campaign_link_flex{display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;}
/* 250807 */
.fw_w{font-weight: 600;}
.sec_prod{margin-top: 50px;}
@media screen and (min-width: 767.9px){
	.camp_prod_list{gap: 24px;}
	.camp_prod_item{width: calc(33.333333% - 16px);}
}
.campaign_date{text-align: center;}
.campaign_date_item+.campaign_date_item{margin-top: 30px;}
.campaign_date_ttl{background-color: #E60012;border-radius: 30px;padding: 5px 10px;}
.campaign_date_ttl h3 {font-size: 24px; line-height: 1.5; color: #fff;margin: 0;font-weight: 600;}
.campaign_date_txt {margin-top: 16px;}
.campaign_date_txt h4{font-size: 40px; line-height: 1;margin-bottom: 0;font-weight: 600;display: flex;justify-content: center;align-items: flex-end;letter-spacing: .08em;}
.campaign_date_txt h4 .big{font-size: 60px;}
.campaign_date_txt h4 .sm{font-size: 24px;}
.date_week{color: #fff;background-color: #E60012;font-size: 24px;height: 34px;padding: 0 2px 0 4px;line-height: 34px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center; text-align: center;}
.date_week2{background-color: #2EA7E0;}
.date_week_1{font-size: 20px;padding: 0 4px 0 6px;}
.campaign_date_txt p{font-weight: 600;margin: 5px 0 0;line-height: 1.3;}
.icon_tran{margin: 0 16px;border-left: 12px solid #333 ;border-top: 8px solid transparent; border-bottom: 8px solid transparent;position: relative;top: -8px;}
.campaign_option{width: 500px;max-width: 100%; height: 625px; margin: 0 auto; background: url(../img/bg_option.png) no-repeat center;background-size: cover;box-sizing: border-box;padding: 8% 5%;text-align: center;}
.option_ttl{margin-bottom: 40px;}
.option_ttl h3{font-weight: 600;font-size: 40px;line-height: 1.5;}
.option_link{display: flex;flex-direction: column;gap: 20px;}
.option_link a{background-color: #EE7951;color: #fff;font-size: 20px;line-height: 1.5;padding: 10px;border-radius: 8px;font-weight: 600;}
.prize_ttl{text-align: center;}
.prize_ttl img{width: 700px;max-width: 100%;}
.camp_prize_list{flex-wrap: wrap;justify-content: center;}
.method_wrap{border-radius: 16px;overflow: hidden;background-color: #fff;}
.method_ttl{text-align: center;background-color: #EE7951;padding: 10px;}
.method_ttl h3{color: #fff;font-weight: 600;margin-bottom: 0;}
.method_cont{padding: 50px;}
.method_cont_FFF9B1{background-color: #FFF9B1;}
.method_textbox_flex{justify-content: center;flex-direction: column;align-items: center;}
.method_step{border: 5px solid #EE7951;border-radius: 12px;padding: 40px 30px;gap: 15px;}
.method_icon{width: 32px;position: relative;}
.method_icon img {position: absolute;top: calc(50% - 16px);}
.method_item{width: calc((100% - 124px)/3);}
.method_item_ttl{display: flex;align-items: center;gap: 10px;color: #E01821;font-size: 18px;margin-bottom: 10px;font-weight: 600;}
.method_item_ttl span{width: 26px;height: 26px;background-color: #E01821;color: #fff;font-weight: 600;text-align: center;border-radius: 50%;font-size: 18px;line-height: 22px;}
.method_item_flex{display: flex;align-items: center;gap: 15px;}
.method_item_img{width: 36%;}
.method_item_img img{width: 100%;height: 120px;object-fit: contain;}
.method_item_text{flex: 1;}
.method_item_text p{font-size: 15px;line-height: 1.5;margin-bottom: 0;}
.method_cont_rules{border: 2px solid #aaa;padding: 10px;height: 500px;overflow-y: auto;}
.method_cont_rules p{margin-bottom: 4px;}
.sec_about{background: #FFFDDD;}
.about_bg{background: url(../img/bg_2.png) repeat-y center top;background-size: 100%;padding: 50px 100px;}
.health_ttl{text-align: center;padding-bottom: 20px;border-bottom: 2px solid #EE7951;margin-bottom: 40px;}
.health_ttl1 img{height: 60px;}
.health_ttl2 img{height: 120px;}
.health_cont h4{/* text-align: center; */font-size: 18px;line-height: 1.6;font-weight: 600;}
.health_img{text-align: center;}
.health_img2{text-align: right;position: relative; margin-top: -50px;z-index: 0;}
.health_text{position: relative;z-index: 1;}
.health_text .mb0,.mb0{margin-bottom: 0;}
.health_text small{line-height: 1.5;display: inline-block;}
.health_person{display: flex;gap: 30px;}
.health_person_txt h4{text-align: left;font-weight: 600;margin-bottom: 15px;}
.series_prd_flex{gap: 20px;justify-content: center;align-items: center;}
.series_prd_img{width: 140px;max-width: calc(50% - 10px);}
.series_textbox{text-align: center;}
.series_textbox h4{font-size: 18px;line-height: 1.6;margin-bottom: 10px;font-weight: 600;}
.series_textbox p{font-size: 15px;line-height: 1.5;}
.series_textbox a,.series_link{display: block;margin: 30px auto 0;background-color: #FDD108;width: 300px;max-width: 100%;box-sizing: border-box; color: #333; border-radius: 20px;font-weight: 600;padding: 6px 10px;text-align: center;}
.sec_recipe{background: url(../img/bg_recipe.jpg) repeat left top;background-size: 700px;padding: 50px 100px;}
.bg_F6F0CC{background-color: #F6F0CC;}
.bg_FFD900{background-color: #FFD900;}
.recipe_ttl {text-align: center;}
.recipe_ttl1{text-align: center;margin-bottom: 30px;}
.recipe_ttl1_pop{background: url(../img/bg_menu_title.png) no-repeat center;background-size: contain;height: 100px;padding-top: 6px;font-weight: 600;font-size: 20px;}
.recipe_ttl1_pop_1{padding-top: calc(6px + .75em);}
.recipe_img{text-align: center;}
.recipe_prodbox{width: 600px;max-width: 90%;margin: 0 auto 20px;}
.recipe_menu_ttl {margin-top: 20px;position: relative;padding-right: 100px;min-height: 60px;}
.recipe_menu_ttl h4{font-size: 20px;line-height: 1.5;margin-bottom: 0;font-weight: 600;}
.recipe_menu_ttlimg{position: absolute;right: 0;top: -50px;width: 100px;}
.recipe_menu_flex{gap: 20px;justify-content: center; flex-direction: column;}
/* .recipe_menu_l,.recipe_menu_r{width: 310px;max-width: calc(50% - 20px);} */
.recipe_menu_l {background-color: #fff;padding: 20px;border-radius: 10px;}
.menu_list p{display: flex;justify-content: space-between;gap: 3em;margin-bottom: 0;}
.menu_list p+p{margin-top: 4px;}
.recipe_menu_r h4{font-size: 24px;line-height: 1.5;margin-bottom: 16px;font-weight: 600;}
.recipe_menu_flex p{font-size: 15px;line-height: 1.6;}
.ft_fixed{position: fixed;bottom: 0;justify-content: center;display: flex;width: 100%;gap: 10px;z-index: 10;background: rgba(255, 255, 255, .7);padding: 10px;}
.ft_fixed a{width: 255px;}

.small, small{font-size: 70%;}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-pagination-bullet{background-color: #fff;opacity: .8;}
.swiper-pagination-bullet-active{background-color: #EE7951;}

.series_prodbox_ttl{background-color: #FDD108; border-radius: 20px;font-weight: 600;padding: 6px 10px;text-align: center;font-size: 20px;line-height: 1.5;margin-bottom: 20px;}
.series_prodbox_list{display: flex;gap: 40px;flex-wrap: wrap;}
.series_prodbox_item{width: calc((100% - 80px)/3);}
.series_prodbox_item a{text-decoration: none;}
.series_prodbox_img img{aspect-ratio: 1.3; object-fit: contain;width: 100%;}
.series_prodbox_txt{margin-top: 1rem;}
.series_prodbox_txt h4{color: #333;font-size: 16px;text-align: center;}
.pop {position: fixed;left: 0;top:0; width: 100%;height: 100%; z-index: 3000;display: none;}
.pop_mask{ background-color:rgba(0,0,0,0.6); height:100%; left:0; position:fixed; top:0; width:100vw; z-index:3000; cursor: pointer;}
.pop_content{ clear:both; position:relative; margin: 0 auto; z-index:3000; cursor:default; top: 50%;transform: translateY(-50%); background: #FFF9B1; max-width: 90%; width: 800px; border-radius: 10px;box-sizing: border-box;padding: 8px;}
.pop_wrap{max-height: 80vh;overflow-y: auto;}
.pop_close{position: absolute;right: 0;top: -40px;width: 32px;height: 32px;border-radius: 50%;background-color: #fff;cursor: pointer;}
.pop_close::before,.pop_close::after{content: '';width: 16px;height: 2px;background-color:#EA4E19;position: absolute;left: 50%;top: 50%;}
.pop_close::before{transform: translate(-50%,-50%) rotate(45deg);}
.pop_close::after{transform: translate(-50%,-50%) rotate(-45deg);}.pop_box{border: 2px solid #EE7951;border-radius: 10px;padding: 12px 20px;}
.pop_prod_ttl{text-align: center;margin-bottom: 10px;}
.pop_prod_ttl h3{font-size: 16px;margin-bottom: 0;font-weight: 600;border-bottom: 2px solid #EE7951;padding-bottom: 5px;display: inline-block;}
.pop_prod_img{width: 70%; height: 140px; margin: 0 auto;}
.pop_prod_img img{width: 100%; height: 100%; object-fit: contain;}
.pop_prod_info{margin-top: 10px;text-align: center;}
.pop_prod_info img{width: 120px;max-width: 100%;}
.pop_prod_txt{text-align: center;margin-top: 10px;}
.pop_prod_txt p{font-size: 14px;}

.recipe_prodttl{text-align: center;margin-bottom: 10px;}
.recipe_prodttl h3{font-size: 20px;margin-bottom: 0;font-weight: 600;border-bottom: 2px solid #EE7951;color: #EE7951; padding-bottom: 5px;}
.recipe_prodlist{display: flex;gap: 40px;flex-wrap: wrap;}
.recipe_proditem{width: calc((100% - 80px)/3);}
.recipe_proditem a{text-decoration: none;}
.recipe_prodimg img{aspect-ratio: 11/7; object-fit: contain;}
.recipe_prodtxt {margin-top: 10px;}
.recipe_prodtxt p{color: #333;text-align: center;margin-bottom: 0;}
.pop_recipe .pop_content{border-radius: 0;background-color: #F6F0CC;padding: 0;width: 600px;}
.pop_recipe .pop_box{border-radius: 0;border: none;padding: 20px 50px;}

.faq_ttl{background-color: #F5a100;text-align: center;border-radius: 20px;padding: 12px;border: 2px solid #fff;}
.faq_ttl h3{font-size: 24px;font-weight: 600;margin-bottom: 0;}
.faq_box{padding: 25px 40px 40px;}
.faq_item+.faq_item{margin-top: 12px;}
.faq_item_ttl{background-color: #F5a100;text-align: center;border-radius: 5px;padding: 15px;position: relative;cursor: pointer;}
.faq_item_ttl h3 {color: #fff;margin-bottom: 0;font-size: 20px;}
.faq_item_ttl h3 i {border-top: 10px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;right: 15px;top: calc(50% - 5px);}
.faq_item_list {display: none;}
.faq_item_list dl{margin-top: 12px;border: 2px solid #f5a100;padding: 10px;}
.faq_item_list dt{padding: 0 18px;text-align: center;position: relative;letter-spacing: 0;font-weight: normal;cursor: pointer;font-size: 18px;}
.faq_item_list dt i{position: absolute;right: 0;width: 16px;height: 16px;top: 4px;font-size: 18px;}
.faq_item_list dt i::before,.faq_item_list dt i::after{content: '';width: 10px;height: 2px;background-color: #333;position: absolute;left: 4px;top: calc(50% - 1px);}
.faq_item_list dt i::after{transform: rotate(90deg);transition: all .3s;}
.faq_item_list dt.active i::after{transform: rotate(0deg);}
.faq_item_list dd {margin-bottom: 0;display: none;padding-top: 15px;}
.faq_item_list dd p {margin-bottom: 0;}

.health_border{border: 2px solid #999;border-radius: 5px;padding: 12px;}
.recipe_more{text-align: center;margin-bottom: 15px;}
.recipe_more a{display: inline-block;background-color: #85C2CB;color: #333;padding: 8px 35px; font-weight: 600; border-radius: 30px;font-size: 22px;width: 400px;max-width: 100%;box-sizing: border-box;text-decoration: none;}
.method_cont_item+.method_cont_item{margin-top: 50px;}
.recipe_menu_ttl2{display: flex; align-items: center; gap: 10px;}
.icon_kafememo {width: 50px;}
.recipe_menu_ttl2 h4{font-weight: 600;font-size: 18px;margin-bottom: 0;}
.recipe_menu_ttl3{display: flex; align-items: flex-start; gap: 10px;}
.icon_ichimemo {width: 60px;}
.recipe_menu_ttl3 h4{font-weight: 600;font-size: 14px;margin-bottom: 0;}
.prodSwiper {padding-bottom: 30px;}
.back_top{text-align: right;margin-top: 80px;}
.back_top a{display: inline-block;background-color: #fff;color: #f5a100; border: 2px solid #f5a100; padding: 8px 35px; font-weight: 600; border-radius: 30px;font-size: 22px;width: 300px;max-width: 100%;box-sizing: border-box;text-decoration: none;text-align: center;}
.health_more{text-align: center;margin-top: 50px;}
.health_more a{display: inline-block;background-color: #f00;color: #fff; padding: 8px 35px; font-weight: 600; border-radius: 30px;font-size: 22px;max-width: 100%;box-sizing: border-box;text-decoration: none;}
.color_EE7951 {color: #EE7951;}
.color_E60012 {color: #E60012;}
.color_1D2088 {color: #1d2088;}
.campaign_date_wrap_item+.campaign_date_wrap_item{margin-top: 50px;}
.campaign_date_wrap_ttl{border-top: 2px solid #E60012;border-bottom: 2px solid #E60012;padding: 12px 0;margin-bottom: 20px;}
.campaign_date_wrap_ttl h3{margin: 0;color: #E60012;font-weight: 600;}
.campaign_date_wrap_ttl2{display: flex;justify-content: center;margin-bottom: 20px;}
.campaign_date_wrap_ttl2 h4{background-color: #1D2088;color: #fff;width: 300px;text-align: center;padding: 6px 0;margin: 0;font-weight: 600;}
.campaign_date_wrap_ttl2_1 h4{background-color: #E60012;}
.campaign_date_wrap_ttl3{margin: 0 auto 20px;width: 470px;max-width: 100%;}
.campaign_date_wrap_ttl3 h4{font-size: 18px;}
.campaign_date_wrap_flex{gap: 30px;justify-content: center;}
.campaign_date_wrap_img,.campaign_date_wrap_txt{width: 220px;max-width: calc(50% - 15px);}
.campaign_date_wrap_txt{text-align: left;}
.campaign_date_wrap_txt p{color: #1d2088;}
.campaign_date_wrap_flex2{flex-direction: column;align-items: center;}
.campaign_date_wrap_flex2 .campaign_date_wrap_img,.campaign_date_wrap_flex2 .campaign_date_wrap_txt{width: 470px;max-width: 100%;}

@media screen and (max-width:1200px){
	#page-top.ryubo_campaign .campaign_main, .headline[_ngcontent-c5]{
		margin: 0;
	}
}
@media screen and (max-width:1000px){
	.products-list ul {
	    display: block;
	    font-size: 0;
	    text-align: center;
	}
	.products-list ul li {
	    width: 25%;
	    display: inline-block;
	    vertical-align: top;
	    margin-bottom: 20px;
	}
}
@media screen and (max-width:767px){
	.pc-main{
		display: none;
	}
	.sp-main{
		display: block;
	}
	#page-top.ryubo_campaign header{
		padding: 0 0 20px;
	}
	#page-top.ryubo_campaign{
		padding-top: 0;
	}
	.companyLogo img{
		height: 35px;
		width: auto;
	}
	.mar-b-120{
		margin-bottom: 10px;
	}
	.section-present {
	    margin-top: -10px;
	}
	.mar-b-50{
		margin-bottom: 40px;
	}
	.section-txt img{
		width: 80%;
	}
	.section-present img{
		width: 88%;
	}
	footer .container{
		padding: 0 10px;
	}
	footer[_ngcontent-c3] .contact-item{
		right: 10px;
	}
	.pad-50 {
	    padding: 20px;
	}
	.outline-text {
	    padding: 15px 20px;
	}
	.section-photo .container, .section-about .container, .section-1 .container{
		margin-left: 10px;
		margin-right: 10px;
		width: calc(100% - 20px);
		margin: 0 auto;
		max-width: 100%;
	}
	.section-title img {
	    height: 57px;
	}
	.step-box>div{
		display: block;
		width: 100%;
	}
	.step-img{
		margin-bottom: 15px;
	}
	.step-img img{
		width: auto;
		margin: 0 auto;
	}
	.step-text{
		padding-left: 0;
	}
	.step-box{
		padding: 20px;
	}
	.step-item-box{
		padding: 0 20px 20px;
	}
	.step-item-content>div{
		display: block;
		width: 100%;
	}
	.step-item-l{
		margin-bottom: 15px;
	}
	.step-btn{
		padding: 0 10px;
	}
	.section-step .container{
		margin-bottom: 30px;
	}
	.photo-text-2 .col-6:first-child{
		padding-bottom: 14px;
	}
	.col-6{
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.col-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	    padding: 0 5px;
	}
	.sp-row {
	    margin: 0 -5px;
	}
	.photo-list-text p {
	    line-height: 20px;
	}
	.about-outline:last-child {
	    margin-bottom: 0;
	}
	.mar-b-80 {
	    margin-bottom: 30px;
	}
	.mar-b-30 {
	    margin-bottom: 30px;
	}
	.attend[_ngcontent-c5].section-tips {
	    padding: 50px 0;
	}
	.outline-text p{
		font-size: 16px;
		line-height: 26px;
	}
	.outline-img{
		margin-top: -10px;
		font-size: 0;
	}
	.outline-img img{
		display: inline-block;
		height: 19px;
		background: #fff;
	}
	.header-top{
		margin-bottom: 10px;
	}
	.header-bottom{
		margin-bottom: 0;
	}
	
	.ft_flex{flex-direction: column;gap: 0;}
	.ft_logo{margin-top: 5px;}
	footer[_ngcontent-c3] p.ft_tel{margin: 20px 0;}
	
	.sec_prod{margin-top: 0;}
	.campaign_date_txt h4{font-size: 32px; letter-spacing: 0.02em;}
	.campaign_date_txt h4 .big{font-size: 42px;}
	.campaign_date_txt h4 .sm{font-size: 18px;}
	.icon_tran{margin: 0 8px;top: -3px;border-left-width: 8px;border-top-width: 6px;border-bottom-width: 6px;}
	.date_week{width: 24px;height: 24px;font-size: 18px;}
	.date_week_1{font-size: 14px;}
	.campaign_date_ttl h3{font-size: 18px;}
	.campaign_link a, .campaign_link button.apply-button{font-size: 24px;padding: 6px;width: 300px;}
	.campaign_option{height: 114vw; padding: 11% 5%;}
	.option_ttl h3{font-size: 30px;}
	.option_link{gap: 12px;}
	.option_link a{font-size: 15px;padding: 8px;}
	.sec_method{margin-top: 50px;}
	.method_ttl h3{font-size: 18px;}
	.method_cont{padding: 20px;}
	.method_textbox h4{font-size: 16px;}
	.method_step{flex-wrap: wrap;border-width: 3px;padding: 20px;}
	.method_item{width: 100%;}
	.method_icon{margin: 0 auto;}
	.method_icon img{transform: rotate(90deg);top: 0;position: relative;}
	.about_bg{padding: 50px 15px;margin: 0 -15px;}
	.health_ttl{margin-bottom: 30px;padding-bottom: 10px;}
	.health_ttl1 img{height: 36px;}
	.health_ttl2 img{height: 56px;}
	.health_img2 img{width: 50%;margin-top: -30px;}
	.health_person{gap: 20px;}
	.health_person_img{width: 30%;}
	.health_person_txt{flex: 1;}
	.health_cont h4{font-size: 16px;font-weight: 600;}
	.health_person_txt h4{margin-bottom: 5px;}
	.health_person_txt p{font-size: 14px;margin-bottom: 0;}
	.sec_recipe{padding: 50px 0;background-size: 100%;}
	.recipe_ttl1{margin-bottom: 10px;}
	.recipe_menu_ttl h4{font-size: 14px;}
	.recipe_menu_ttl{padding-right: 50px;}
	.recipe_menu_ttlimg{right: 5px;width: 70px;top: -40px;}
	.recipe_menu_flex{gap: 10px;}
	/* .recipe_menu_l, .recipe_menu_r{width: calc(50% - 5px);max-width: calc(50% - 5px);} */
	.recipe_menu_l{padding: 10px;}
	.recipe_menu_flex p{font-size: 10px;line-height: 1.4;}
	.menu_list p{gap: 1em;}
	.recipe_menu_r h4{font-size: 14px;}
	.camp_prize_list{gap: 10px;}
	.ft_fixed{bottom: 0;align-items: center;gap: 15px;padding: 10px 15px;flex-wrap: nowrap;}
	.ft_fixed a{width: calc((100% - 30px)/3);}
	
	.method_item_ttl{font-size: 17px;gap: 5px;}
	.series_prodbox_list{gap: 20px;}
	.series_prodbox_item{width: calc((100% - 20px)/2);}
	.series_prodbox_txt h4{font-size: 14px;}
	
	.recipe_prodlist{gap: 15px 10px;}
	.recipe_proditem{width: calc((100% - 10px)/2);}
	.recipe_proditem p{font-size: 12px;line-height: 1.5;}
	.recipe_ttl1_pop{height: 80px;font-size: 16px;}
	.faq_box{padding: 15px 10px;}
	.faq_ttl{padding: 8px 10px;}
	.faq_ttl h3{font-size: 18px;}
	.faq_item_ttl{padding: 8px 10px;}
	.faq_item_ttl h3 {font-size: 16px;}
	.faq_item_list dt{font-size: 15px;}
	.faq_item_list dd p {font-size: 14px;}
	
	.pop_recipe .pop_box{padding: 20px;}
	.icon_kafememo{width: 40px;}
	.recipe_menu_ttl2 h4{font-size: 16px;}
	.icon_ichimemo{width: 40px;}
	.recipe_menu_ttl3 h4{font-size: 13px;}
	.health_more a{font-size: 16px;}
	.back_top {text-align: center;}
	.back_top a{width: 220px;}
	
	
	.campaign_date_wrap_flex{gap: 20px;}
	.campaign_date_wrap_img,.campaign_date_wrap_txt{max-width: calc(50% - 10px);}
	.campaign_date_wrap_ttl h3{font-size: 22px;}
	.campaign_date_wrap_ttl2 h4{font-size: 18px;}
	.campaign_date_wrap_txt p{font-size: 13px;}
	.campaign_date_wrap_txt p:last-child{margin-bottom: 0;}
	.campaign_date_wrap_item+.campaign_date_wrap_item{margin-top: 30px;}
	.campaign_date_wrap_ttl3 h4{font-size: 16px;}
}