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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&display=swap');

@media screen and (max-width: 900px){
 
	
.wrapper{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

.pc{
	display: none!important;
}
	
.sp{
	display: block!important;
}
	
.gnav{
	display: none!important;
}
	
.box_2{
	width: 100%;
	margin-bottom: 20px;
}

.box_3{
	width: 48%;
	margin-bottom: 20px;
}
	
.box_4{
	width: 48%;
	margin-bottom: 20px;
}	
	
.arial_ttl{
	text-align: center;
	font-size: 27px;
	margin-bottom: 70px; 
}
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 common 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

.flex_bet_center, .flex_center_center, .flex_start_center, .flex_start_start_wrap, .flex_bet_start_wrap_pc, .flex_bet_start{
	display: block;
}	
	
#lower_top_area{
	padding-top: 108px;
}
	
.top_lower h2{
	position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.2em;
}

.section_ttl_box_lp{
	position: absolute;
	top: 50%;
    left: 50%;
   	width: 100%;
}

.section_ttl_lp{
	font-size: 18px;
	font-weight: 600;
}

.section_ttl_box_lp::before{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-right: 1em; /* 文字の右隣 */
}

.section_ttl_box_lp::after{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-left: 1em; /* 文字の左隣 */
}
	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 Header 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/
   
	
#header{
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
  	left: 0;
	background-color: #fff;
}

.head_flex{
    display: block;
    width: 100%;
	align-items: center;
	padding: 25px 0;
}

.head_left{
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
	
.head_left img{
	width: 110px;	
}

/*--------ハンバーガーメニュー--------*/
	
.hamburger_area{
	width: 100%;
}
	
.h_position{
	position: absolute;
	right: 10px;
    top: 25px;
}
	
.hamburger-menu {
	display: block;
	width: 60px;
	height: 60px;
	position: relative;

	border: none;
	background: transparent;
	appearance: none;
	padding: 0;
	cursor: pointer;
}
	
.hamburger-menu__bar {
  display: inline-block;
  width: 44%;
  height: 2px;
  background: #f2943f;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {
  top: 16px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 24px;
}
.hamburger-menu__bar:last-child {
  top: 32px;
}
.hamburger-menu--open .hamburger-menu__bar {
  top: 40%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}


.gnav_sp{
	display: none;
	width: 100%;
}

.nav_sp{
	width: 100%;
	background-color: #ed6d46;
	padding-bottom: 20px;
	padding-top: 20px;
}

.nav_sp .nav_parent_sp{
    font-weight: 500;
    font-size: 20px;
    width: 100%;
    text-align: center;
	background-color: #ed6d46;
/*	border-top: solid 1px #fff;*/
}
	
/*
.nav_sp .nav_parent_sp:last-child{
	border-bottom: solid 1px #fff;
}
*/

.nav_sp .nav_parent_sp a {
    display: block;
    text-decoration: none;
	color: #fff;
	padding: 1em;
}
	
.accordion_list {
    display: block;
    text-decoration: none;
	color: #fff;
	padding: 1em;
	cursor: pointer;
	position: relative;/*+マークの位置基準とするためrelative指定*/
	transition: all .5s ease;
}

/*アイコンの＋と×*/
.accordion_list::before,
.accordion_list::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 4px;
    background-color: #fff;
	transition: all .2s ease;   
}

.accordion_list::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
.accordion_list::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);
}
	
/*　closeというクラスがついたら形状変化　*/
.accordion_list.close::before{
  transform: rotate(45deg);
}

.accordion_list.close::after{
  transform: rotate(135deg);
}
	
.nav_child_sp{
	display: none;
	background-color: #f2943f;
	font-size: 17px;
	position: relative;
}
	
.nav_child_sp::before{
	content: url("../images/parts_nav_arrow.svg");
	width: 20px;
    height: 20px;
    top: -16px;
    left: 45px;
    position: absolute;
	z-index: 100;
}
	
.nav_child_sp li{
	border-bottom: solid 0.5px #fff;
}
	
.nav_child_sp li:last-child{
	border-bottom: none;
}
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 TOP images 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

#top_area{
	position: relative;
	padding-top: 108px;
}

.top_sd{
	width: 100%;
}

.top_sd img{
	width: 100%;
	height: calc(100vw/1.65);
	object-fit: cover;
   	object-position: 100% 100%;
}

.top_wave{
    background-image: url(../images/top_waveform_sp_01.svg);
	background-size: cover;
    height: calc(100vw / 2.8);
    top: 111%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.top_wave img {
	width: 280px;
    position: absolute;
    top: 40%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.slick-dots li{
	width:25px!important;
}
	
.slick-dots li button:before{
	font-size:10px!important;
	color: #fff;
	opacity: .75;
}

.slick-dots li.slick-active button:before
{
    opacity: .9;
    color: #f39800;
}

.slick-dots{
    bottom: 17% !important;
}	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 TOP news 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/


#news_area{
	padding-top: 40%;
}

.news_tab_menu li{
	width: 48%;
	font-weight: 600;
	background-color: #eee;
}

#news_tab_1{
	padding: 0 17%;
}

#news_tab_2{
	padding: 0 17%;
}

.news_tab_btn a{
	font-weight: 500!important;
	font-size: 20px!important;
}

/*liにactiveクラスがついた時の形状*/
.news_tab_menu li.active{
	background-color: #f2943f;
	color: #fff;
}

/*エリアの表示非表示と形状*/
.news_tab_area {
	margin-bottom: 80px;
}

.news_tab_area .wrapper{
	padding: 20px 15px;
}

.news_tab_area dl{
	display: block;
	width: 100%;
	margin-top: 20px;
}

.news_tab_area dt{
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 20px;
	font-size: 17px;
	text-align: left;
}

.news_tab_area dt img{
	width: 15%;
	margin-left: 15px;
}

.news_tab_area dd{
	width: 100%;
	padding-bottom: 0;
	margin-bottom: 40px;
	font-size: 15px;
}	
	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 TOP goods 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

#top_goods_bg{
	background-color: #fff9e8;
	margin-top: 20%;
	padding-bottom: 20%;
	position: relative;
}

.section_ttl_bg_01{
	background-image: url("../images/top_waveform_sp_02.svg");
	height: calc(100vw / 2.8);
	position: absolute;
	top: calc(100vw / -8);
}

.section_ttl_box_01{
	position: absolute;
	top: 53%;
    left: 50%;
	width: 100%;
}

.section_ttl{
	font-size: 18px;
	font-weight: 600;
}

.section_ttl_box_01::before{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-right: 1em; /* 文字の右隣 */
}

.section_ttl_box_01::after{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-left: 1em; /* 文字の左隣 */
}
	
	
.goods_block_01{
	padding-top: 15%;
}

.goods_block_02, .goods_block_03, .goods_block_04 {
	padding-top: 5%;
}

.goods_ttl{
	width: 250px;
	margin-top: 50px;
	margin-bottom: 50px;
}

	
.grid_layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Three equal-width columns */
    gap: 20px; /* Gap between columns */
}
	
@media screen and (max-width: 680px){
	.grid_layout {
    	display: block;
}
}
	
.top_goods{
	width: 100%;
}


/*🔲🔲🔲🔲🔲🔲🔲🔲 TOP Safety and Security 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

#top_ss_bg{
	padding-top: 20%;
	background-color: #fff;
	position: relative;
}

.section_ttl_bg_02{
	background-image: url("../images/top_waveform_sp_03.svg");
	height: calc(100vw / 2.8);
	position: absolute;
	top: calc(100vw / -8);
}

.section_ttl_box_02{
	position: absolute;
	top: 56%;
    left: 50%;
	width: 100%;
}


.section_ttl_box_02::before{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-right: 1em; /* 文字の右隣 */
}

.section_ttl_box_02::after{
	border-top: dotted 3px #fff;
  	width: 5em; /* 線の長さ */
	margin-left: 1em; /* 文字の左隣 */
}

.ss_block{
	padding-top: 15%;
	padding-bottom: 25%;
}

.top_ss{
	width: 100%;
}

.ss_caption{
	color: #1a1a1a;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	padding: 20px 20px;
    width: 85%;
    line-height: 1.3rem;
}

	
/*🔲🔲🔲🔲🔲🔲🔲🔲 campany（企業情報）🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/


.cp_top_wave{
	position: absolute;
    background-image: url(../images/cp_waveform_sp_01.svg);
	height: calc(100vw / 2.8);
    top: 106%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#cp_contents_area{
	margin-top: 35%;
	margin-bottom: 25%;
}

.cp_contents h3{
	font-size: 21px;
	margin-left: 20px;
	margin-bottom: 50px;
	position: relative;
}

.cp_contents h3::before{
	content: url("../images/icn_cp_01.svg");
	width: 10px;
	height: 30px;
    position: absolute;
	left: -20px;
	bottom: -6px;
}

.left_side{
	width: 100%;
}

.right_side{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 70px;
}

.cp_contents table {
	text-align: left;
	border-spacing: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 30px;
	padding: 20px 0;
}

.cp_contents table tr{
    border-top: 1px solid #C9CACA;
    width: 100%;
	height: 60px;
}

.cp_contents table tr th{
	font-size: 15px;
	position: relative;
	left: 30px;
	line-height: 1.8em;
	padding-right: 40px;
}

.cp_contents table tr th::before{
	content: url("../images/icn_cp_02.svg");
	width: 20px;
    position: absolute;
	left: -30px;
	top: 24px;
}

.cp_contents table tr td{
	font-size: 15px;
	padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
	line-height: 1.8em;
}
	
	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 contact（お問い合わせ）🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

#contact_area{
	margin-top: 220px;
	margin-bottom: 35%;
}

/* フォームパーツのデザイン */


.contact_table tr {
	display: block;
	align-items: left;
	border-top: 1px solid #C9CACA;
	padding: 20px 0;
}

.contact_table tr:last-child{
	border-bottom: 1px solid #C9CACA;
}

.contact_table .contact_item {
	font-weight: 600;
	font-size: 17px;
	width: 100%;
}

.contact_table .contact_body{
	display: block;
	width: 100%;
    padding: 20px 0;
	border-left: none;
}

.form_select{
	width: 100%;
}

.form_text_100{
	width: 100%;
}

.form_text_50{
	width: 100%;
}

.family_name{
	margin-right: 10px;
}

.form_textarea{
	width: 100%;
	height: 200px;
}

.contact_table input[type='text'], .contact_table input[type='email'], .contact_table textarea, .contact_table select{
	font: 15px/24px sans-serif;
}

.neme_txt{
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 10px;
}

.family_name, .first_name{
	margin-bottom: 20px;
}
	
.contact_table ul li input[type='text']{
	width: 98%;
}

.contact_table ul{
	width: 100%;
}

	
/*🔲🔲🔲🔲🔲🔲🔲🔲 privacypolicy（プライバシーポリシー）🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

#privacy_area{
	margin-top: 190px;
}

.privacy_ttl_box::before{
	border-top: solid 3px #E60012;
  	width: 2em; /* 線の長さ */
}

.privacy_ttl_box::after{
	border-top: solid 3px #E60012;
  	width: 2em; /* 線の長さ */
}

.privacy_ttl{
	font-size: 18px;
}


#privacy_area p{
	font-size: 15px;
}

#privacy_area h3{
	font-size: 17px;
}

	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 recipe（レシピ）🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

.recipe_top_wave{
	position: absolute;
    background-image: url(../images/recipe_waveform_sp_01.svg);
	height: calc(100vw / 2.8);
    top: 106%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}	

#recipe_contents_area{
	padding-top: 40%;
	padding-bottom: 30%;
}

.recipe_card{
	width: 100%;
	margin-bottom: 50px;
}

.telop_box_01{
	padding: 15px;
	text-align: center;
	background-color: #ED6E1D;
}

.telop_box_02{
	padding: 15px;
	text-align: center;
	background-color: #0074B5;
}

.telop_box_01 p, .telop_box_02 p{
	font-size: 16px;
}

.recipe_intro{
	padding: 20px;
	color:#5F5F5F;
	background-color: #fff;
}

.recipe_intro h3{
	font-size: 20px;
	margin-bottom: 20px;
}

.recipe_intro p{
	font-size: 16px;
	margin-bottom: 50px;
}

.sub_intro li{
	display: inline-block;
	margin-right: 20px;
}

.sub_intro li img{
	width: 25px;
    margin-right: 5px;
}
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 recipe_01（トッポギレシピ） 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/
	
.recipe01_top_wave{
	position: absolute;
    background-image: url(../images/recipe_waveform_sp_01.svg);
	height: calc(100vw / 2.8);
    top: 106%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
.recipe01_ttl_box{
	position: absolute;
	top: 53%;
    left: 50%;
}

.ttl_blowing{
	width: 40px;
    margin-right: 5px;
    padding-bottom: 30px;
}

.recipe01_ttl{
	font-size: 18px;
}

.recipe01_ttl::before{
	content: url("../images/recipe01_img_01_B.svg");
	width: 120px;
    position: absolute;
	left: 135px;
    top: -22px;
}

#recipe_lower_bg{
	padding-top: 20%;
	padding-bottom: 0;
	background-image: url("../images/recipe01_bg_01.svg");
/*	background-repeat: no-repeat;*/
    background-size: contain;
    background-position: center;
    width: 100%;
	border-bottom: solid 4px #f39800;
}	
	
	
.dish_point{
	position: relative;
	height: calc(100vw / 1.1);
	padding-bottom: 10%;
}

.dish_point_01 img, .dish_point_02 img, .dish_point_03 img, .dish_point_04 img, .dish_point_05 img{
	position: absolute;
}


.point_01_A{
	width: calc(100vw / 3.5);
    top: calc(100vw / 20);
    left: calc(100vw / 9);
}

.point_01_B{
	width: calc(100vw / 3.5);
    top: calc(100vw / 4);
    left: calc(100vw / 40);
}

.point_02_A{
	width: calc(100vw / 3.8);
    top: calc(100vw / 2.6);
    left: calc(100vw / 2.8);
}

.point_02_B{
	width: calc(100vw / 4);
    top: calc(100vw / 8);
    left: calc(100vw / 2.6);
}
    
.point_03_A{
	width: calc(100vw / 3.8);
    top: calc(100vw / 13);
    right: calc(100vw / 11);
}

.point_03_B{
	width: calc(100vw / 3.5);
    top: calc(100vw / 4);
    right: calc(100vw / 40);
}

.point_04_A{
	width: calc(100vw / 4.2);
    top: calc(100vw / 1.85);
    left: calc(100vw / 50);
}

.point_04_B{
	width: calc(100vw / 4);
    top: calc(100vw / 1.7);
    left: calc(100vw / 3.9);
}

.point_05_A{
	width: calc(100vw / 4.1);
    top: calc(100vw / 1.95);
    right: calc(100vw / 4.03);
}

.point_05_B{
	width: calc(100vw / 4);
    top: calc(100vw / 1.75);
    right: calc(100vw / 40);
}		
	
	
#recipe_area{
    padding-top: 20%;
}

.dish_name{
	width: 100%;
	padding: 15px 0;;
	text-align: center;
}

.dish_name h2{
	font-size: 25px;
}

.recipe_table{
	margin-bottom: 50px;
}

.recipe_left, .recipe_right{
	width: 100%;
	margin-bottom: 30px;
}

.recipe_left img, .recipe_right img{
	width: 100%;
}
	
.recipe_layout h3{
	font-size: 25px;
    margin-bottom: 20px;
}

.recipe_layout .small{
	font-size: 18px;
}

.material tr th, .material tr td{
	font-size: 16px;
}

.material tr td{
	padding-left: 40px;
	text-align: right;
}

.making_ttl{
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 22px;
	padding-left: 0;
	text-align: center;
}

.making_ttl::before{
    left: -30px;
    top: 13px;
}
	
.making_txt_01::before{
    left: 10px;
    top: 20px;
}

.making_txt_02::before{
    left: 10px;
    top: 20px;
}

.making_txt_03::before{
    left: 10px;
    top: 20px;
}

.video_box{
	margin-top: 15%;
	margin-bottom: 15%;
}

.video_box p{
	font-size: 23px;
	margin-bottom: 30px;
}

.video_thumbnail{
	width: 100%;
	margin: 0 auto;
}	
	
#arrange_recipe_area{
    padding-top: 20%;
	margin-bottom: 30%;
}

.arrange_ttl_box{
	margin-bottom: 50px;
}

.arrange_ttl_box::after{
	width: 90px;
	right: 10px;
    top: -40px;
}

.bg_red p{
	padding: 10px;
	width: 40%;
	margin-bottom: 50px;
	font-size: 22px!important;
}

.arrange_ttl_box h2{
	font-size: 40px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	width: 70%;
}

.arrange_ttl_box p{
	font-size: 16px;
}

.arrange_point{
	width: 70%;
    margin-left: 15%;
    margin-right: 15%;
	margin-bottom: 50px;
}

.arrange_point_ttl{
	padding-top: 10px;
	padding-bottom: 20px;
	background-color: #bf0215;
	border-radius: 10px 10px 0 0;
	text-align: center;
}

.arrange_point_ttl h3{
	font-size: 22px;
	line-height: 1.5em
}

.arrange_point_ttl h3 span{
	font-size: 27px;
}

.arrange_point_box{
	padding: 10px;
}

.arrange_point_01{
	padding-right: 0;
	border-right: none;
	padding-bottom: 2%;
	border-bottom: 2px solid #bf0215;
}

.arrange_point_02{
	padding-right: 0;
	padding-left: 0;
	border-right: none;
	padding-top: 2%;
	padding-bottom: 2%;
	border-bottom: 2px solid #bf0215;
}

.arrange_point_03{
	padding-left: 0;
	padding-top: 2%;
}

.arrange_point_01 p, .arrange_point_02 p, .arrange_point_03 p {
	font-size: 25px;
	margin-bottom: 10px;
}

.arrange_dish{
	width: 70%;
    margin-left: 15%;
    margin-right: 15%;
	margin-bottom: 10%;
}

.a_menu_01{
	padding-right: 0;
	padding-bottom: 5%;
}

.a_menu_02{
	padding-right: 0;
	padding-left: 0;
	padding-top: 5%;
	padding-bottom: 5%;
}

.a_menu_03{
	padding-left: 0;
	padding-top: 5%;
}
	
	
/*🔲🔲🔲🔲🔲🔲🔲🔲 safety（安全管理）🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/
	
.safety_top_wave{
	position: absolute;
    background-image: url("../images/safety_waveform_sp_01.svg");
	height: calc(100vw / 2.8);
    top: 106%;
    left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}	

#safety_contents_area{
	padding-top: 35%;
	padding-bottom: 30%;
}

.satety_ttl{
	padding: 15px;
	margin-bottom: 30px;
}

.satety_ttl h2{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}

.safety_box{
/*
	width: 80%;
	margin-left: auto;
	margin-right: auto;
*/
	margin-bottom: 80px;
}

.safety_box .left_side, .safety_box .right_side{
	margin-bottom: 50px;
	width: 100%;
}

.safety_box h3{
	font-size: 20px;
	margin-bottom: 30px;
	text-align: center;
}

.safety_box p{
	margin-bottom: 50px;
}

.vertical{
	margin-bottom: 80px;
}

.vertical .allergies{
	width: 90%;
	margin: 0 auto;
}
	
	
/* relief（安心のために）
------------------------------------------------------------ */

.column3_box{
	width: 100%;
	padding-right: 0%;
	margin-right: 0%;
	border-right: none;
	margin-bottom: 40px;
}

.column3_box:last-child{
	margin-right: 0%;
	border-right: none;
	margin-bottom: 0px;
}

.column3_box img{
	margin-bottom: 20px;
}

.column3_box h3 {
	font-size: 20px;
	margin-bottom: 20px;
}


	

/*🔲🔲🔲🔲🔲🔲🔲🔲 footer 🔲🔲🔲🔲🔲🔲🔲🔲🔲🔲*/

footer{
	position: relative;
}
	
/*
.footer_sns_icon{
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	position: absolute;
	top: -80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
.footer_sns_icon li {
	display: inline-block;
	width: 30px;
	margin-left: 10px;
}
*/

	
	
	
.ft_wrapper{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 30px;
	padding-bottom: 30px;
}
	
.footer_contents .flex_bet_start{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
	
@media screen and (max-width: 530px){
	.footer_contents .flex_bet_start{
		display: block;
		padding-left: 20px;
		padding-right: 20px;
}
}

.footer_link a{
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	line-height: 3em;
}

.ft_line {
	width: 94%;
	margin: 0 3%;
}

.text_block .payment{
	width: 100%;
}


.footer_belt{
	padding: 15px 0;
}

.footer_belt p{
	font-size: 12px;
}
	
}