/* スマートフォン用
--------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:767px) {

body{
	letter-spacing: normal;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

p{
	text-align: justify;
	font-size: 100%;
	line-height: normal;
	letter-spacing: normal;
}

.pc{
	display: none;
}
.sp{
	display: inherit;
}

/*img{
	width: 100%;
	height: auto;
}*/


/* CONTAINER CONTENTS
--------------------------------------------------*/

.wrap{
	width: 100%;
	padding: 0 20px 0 20px;
	overflow:hidden;
}

.container{
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}


.wrap2{
	width: 100%;
	padding: 0 20px 0 20px;
}

.container2{
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
}

.contents{
	width: 100%;
	margin: 60px 0;
}

.inner_box{
	padding: 40px 0;
}

.contents_title{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #005487;
	margin-bottom: 40px;
}

.contents_title .title_jpn1{
	font-size: 22px;
	font-weight: bolder;
	line-height: normal;
}

.contents_title .title_eng{
	display: block;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: normal;
	color: #000;
}

.contents_title_txt{
	font-weight: bold;
	
	margin: -20px 0 40px 0;
}




.flex{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-content: space-between;
	flex-wrap: wrap;
}

.flex li img{
	width: 100%;
}


.table th{
	padding: 15px 10px;
}

.table td{
	padding: 15px 10px;
}

.bg_gray{
	padding: 60px 0;
	background-color: #f7f7f7;
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	position: relative;
}


/* Icon
--------------------------------------------------*/

.icon_bee{
	width: 30px;
}

	
#contactBtn_sp {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background-color: #ffe400;
	width: 100%;
	text-align: center;
	border-top: solid 3px #fff;
	padding: 30px 20px 20px 20px;
}
#contactBtn_sp a img{
	text-decoration: none;
	width: 100%;
	text-align: center;
	display: block;
	margin: auto;
	margin-top: -45px;
	
}
#contactBtn_sp a:hover{
	
}
	

.cart_btn h3{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}

.cart_btn h3 {
  	align-items: center;
  	display: flex;
  	justify-content: center;
}
.cart_btn h3::before,
.cart_btn h3::after {
 	 background-color: #000;
  	content: "";
  	height: 2px;
  	width: 40px;
	margin-bottom: -6px;
}
.cart_btn h3::before {
  	margin-right: 10px;
  	transform: rotate(60deg);
}
.cart_btn h3::after {
  	margin-left: 10px;
  	transform: rotate(-60deg);
}

.cart_btn{
	width: 100%;
	margin: auto;
}
	

/* Coupon
--------------------------------------------------*/

.coupon{
	margin-top: 40px;
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	display: block;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	bottom: 13px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	transform: rotate(135deg);
}
.Label,
.coupon_box {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.coupon_box {/*本文*/
	height: 0;
	padding:0;
	overflow: hidden;
	
}
.toggle:checked + .Label + .coupon_box {	/*開閉時*/
	height: auto;
	padding: 40px 20px;
	transition: all .3s;
	border-bottom: solid 10px #be161d;
	border-left: solid 10px #be161d;
	border-right: solid 10px #be161d;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}
	
.coupon_kakaku_sp{
	font-size: 14px !important;
	text-align: left !important;
	font-weight: normal !important;
}

.coupon_box h4{
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	letter-spacing: 0.04em;
	padding: 15px;
	background-color: #c38500;
}

.couponcode{
	font-size: 33px;
	font-weight: bold;
	color: #c38500;
	text-align: center;
	
	padding: 15px 10px;
	border: solid 3px #c38500;
}

.coupon_box p{
	
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}

.coupon_box ul{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 15px 0 20px 0;
	margin-bottom: 40px;
}

.coupon_box li{
	font-size: 14px;
	margin-top: 5px;
}


/* TOP
--------------------------------------------------*/

.top_mv {
	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: top right;
  	background-image: url("../img/top_mv_sp.jpg");
}

.top_mv .container{
	width: 100%;
	max-width: 100%;
}

.mv_main{
	position: relative;
  	
}

.logo_top{
	
}

.logo_top img{
	width: 180px;
}

.mv_catchcopy{
	margin: 30px 0;
}

.mv_catchcopy img{
	width: 100%;
}

.mv_neemhoney{
	margin: 20px 0 30px 10px;
}

.mv_neemhoney img{
	width: 160px;
}

.mv_icon{
	margin-bottom: 10px;
	margin-left: -20px;
	margin-right: -20px;
	padding: 15px 0 15px 20px;
	background-color: #fff;
}

.mv_icon img{
	width: 80px;
	vertical-align: middle;
	display: inline-block;
}

.mv_icon li{
	margin-bottom: 10px;
}

.mv_icon li p{
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	margin-left: 2px;
	line-height: 1.3em;
	letter-spacing: 0.04em;
	color: #005487;
}

.mv_icon li p span{
	font-size: 19px;
	font-weight: bold;
	line-height: 1.6em;
	
}

.mv_main .bee1{
	position: absolute;
	top: 120px;
	left: 280px;
	transform:rotate(25deg);
}

.mv_main .bee2{
	position: absolute;
	top: 450px;
	left: 200px;
	transform:rotate(-25deg);
}

.top_mv_footer{
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding: 40px 0;
	background-color: #fff;
	border-top: solid 1px #ddd;
	border-bottom: solid 20px #f7f7f7;
}

.top_mv_footer .flex{
	display: block;
}

.logo_neem{
	width: 200px;
	margin: auto;
	text-align: center;
}

.top_mv_footer h2{
	flex: 1;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-top: 20px;
	text-align: justify;
}

@media screen and (max-width:1250px) {
.top_mv_footer br{
	display: none;
}
}



.img_bnr{
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	height: 240px;
	position: relative;
}

.img_bnr_img img{
	width: 100%;
	height: 240px;
	object-fit: cover;
	position: relative;
}

.img_bnr_txt{
	position: absolute;
	width: 90%;
	top: 30px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.img_bnr_txt_recipe{
	position: absolute;
	
	bottom: 20px;
    right: 20px;
	
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #fff;
	font-size: 14px;
}

.img_bnr_txt_recipe span{
	font-size: 16px;
	font-weight: bold;
	display: block;
	
}

	

.top_review{
	margin-top: -40px;
}

	

/* Health & Beauty
--------------------------------------------------*/

#health_beauty{
	margin: 60px calc(50% - 50vw);
  	width: 100vw;
	background: url("../img/health_beauty/bg.jpg") no-repeat center center;
	background-size: cover;
}

.photo3 li{
	width: 30%;
	text-align: center;
}

.photo3 li h3{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	margin: 20px 0;
}

.photo3 li h3 span{
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

	


/* Miracle Neem
--------------------------------------------------*/

#miracleneem{
	margin: 60px calc(50% - 50vw);
  	width: 100vw;
	background: url("../img/miracleneem/bg.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

.miracleneem_scroll{
	width: 100%;
	padding: 30px 20px;
	background-color: rgba(255,255,255,0.95);
}

.miracleneem_scroll .contents_title{
	text-align: left;
	margin-bottom: 30px;
}
.miracleneem_scroll .contents_title span{
	line-height: normal;
}

.miracleneem_box:not(:last-child){
	margin-bottom: 30px;
}

.miracleneem_title{
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	color: #005487;
	margin-bottom: 20px;
}

.miracleneem_title span{
	font-size: 18px;
	line-height: 1.4em;
}

.miracleneem_box h3{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	margin: 25px 0 20px 0;
}

.miracleneem_box p{
	font-weight: bold;
}

.marker{
	display: inline;
	font-weight: bold;
	background: linear-gradient(transparent 40%, #ffff00 60%);
	
	background-repeat: no-repeat;
	background-size: 0% 100%;
	transition:background-size 2s;
}

.marker.on {
  /* 横方向を100%にして、マーカーを引く */
  background-size: 100% 100%;
}

.neem_kouka{
	margin-top: 30px;
}
	
.neem_kouka.flex{
	justify-content: space-around;
}

.neem_kouka li{
	width: 88px;
	height: 88px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 90px;
	background-color: #005487;
	border-radius: 50%;
}
	
.neem_kouka li:first-child{
	margin-bottom: 20px;
}
	
	

/* Organic Honey
--------------------------------------------------*/
	
.honey_tokuchou_sp{
		
}

.honey_tokuchou{
	display: none;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	
}

.honey_tokuchou li{
	width: 48%;
	position: relative;
	margin: auto;
}
	
.honey_tokuchou li:first-child{
	margin-bottom: 30px;
}

.honey_bg{
	position: relative;
}

.honey_tokuchou_box{
	width: 80%;
	text-align: center;
	position: absolute;
	top: 25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.honey_tokuchou_eng{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	color: #c80056;
	margin: 10px 0 5px 0;
}

.honey_tokuchou_title{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	display: none;
}

.honey_tokuchou_title span{
	font-size: 18px;
	font-weight: bold;
}

.icon_bee2{
	width: 48px;
	text-align: center;
	margin: auto;
	margin-top: 15px;
}

.icon_honeycomb{
	width: 35px;
	text-align: center;
	margin: auto;
	margin-top: 10px;
}

.icon_hand{
	width: 71px;
	text-align: center;
	margin: auto;
	margin-top: 20px;
}

	
	
	
/* Heavenry Organics - Kodawari
--------------------------------------------------*/

#heavenry_kodawari .img_bnr_txt{
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #fff;
	text-align: center;
	line-height: 1.3em;
	
	background-color: rgba(0,0,0,0.5);
	padding: 20px;
}


.heavenry_kodawari_box{
	margin-top: 60px;
}

.heavenry_kodawari_box_img{
	width: 100%;
	display: block;
}

.heavenry_kodawari_box_img img{
	object-fit: cover;
	width: 100%;
	height: 240px;
}

.heavenry_kodawari_box_txt{
	width: 100%;
	margin: 30px 0 0 0;
}

.heavenry_kodawari_box_txt h3{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.06em;
	line-height: 1.4em;
	color: #005487;
	margin-bottom: 30px;
}

.icon_title{
	width: 100%;
	margin-bottom: 30px;
}

.icon_title_icon{
	display: inline-block;
	width: 64px;
	vertical-align: middle;
}

.icon_title.flex{
	align-items: center;
}

.icon_title_icon2{
	display: inline-block;
	width: 60px;
	vertical-align: middle;
}

.heavenry_kodawari_box:nth-child(3n) .icon_title_icon{
	width: 80px;
}

.icon_title_title{
	display: inline-block;
	margin-left: 6px;
	vertical-align: middle;
}

.icon_title span{
	display: block;
}

.icon_title_title .oswald{
	font-size: 24px;
	font-weight: bold;
}

.icon_title_title .gennokaku{
	font-size: 18px;
	font-weight: bold;
}

.heavenry_kodawari_box .child1{
  order: 0;
}

.heavenry_kodawari_box .child2{
  order: 1;
}	




/* certification
--------------------------------------------------*/

#certification{
	margin: 60px calc(50% - 50vw);
  	width: 100vw;
	background: url("../img/certification/bg.jpg") no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

.certification_scroll{
	width: 100%;
	padding: 30px 20px 60px 20px;
	background-color: rgba(255,255,255,0.95);
}

.certification_scroll .strong{
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	
	padding: 20px;
	position: relative;
	width: 100%;
	margin: auto;
}

.certification_scroll .strong::before, .certification_scroll .strong::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.certification_scroll .strong::before {
	border-left: solid 3px #000;
	border-top: solid 3px #000;
	top: 0;
	left: 0;
}

.certification_scroll .strong::after {
	border-right: solid 3px #000;
	border-bottom: solid 3px #000;
	bottom: 0;
	right: 0;
}

.certification1{
	background: url("../img/certification/world.png") no-repeat top center;
	background-size: contain;
}

.certification2{
	background: url("../img/certification/bg2.jpg") no-repeat center center;
	background-size: cover;
  	margin: 60px 0 20px 0;
	padding: 40px 20px;
}

.certification2_img{
	width: 100%;
	order: 1;
}

.certification2_txt{
	width: 100%;
	text-align: center;
	order: 0;
}

.certification2_txt h3{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #005487;
}
.certification2_txt h3 span{
	font-size: 20px;
}

.certification2_txt p{
	font-size: 18px;
	
	font-weight: bold;
	margin-bottom: 30px;
}

.certification2_txt img{
	width: 160px;
	text-align: center;
	margin: 25px 0;
}

.certification3.flex{
	align-items: flex-end;
}

.certification3_img{
	width: 100%;
}
	
.certification3_img img{
	height: 200px;
	object-fit: cover;
	margin-top: 30px;
}

.certification3_txt{
	width: 100%;
}

.certification3_txt h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.04em;
	color: #005487;
	line-height: 1.4em;
}

.certification3_txt p{
	margin: 20px 0;
}

.certification3_txt li{
	width: 30%;
}

.certification4 .flex{
	
	
}

.certification4 li{
	width: 46%;
	margin-top: 40px;
}

.certification4 li img{
	border: solid 1px #ddd;
}

.certification4 .icon{
	height: 70px;
	text-align: center;
	margin: 25px 0 15px 0;
}

.certification4 .icon img{
	border: none;
}

.certification4 li:nth-child(1) .icon img{
	width: 160px;
}
.certification4 li:nth-child(2) .icon img{
	width: 88px;
}
.certification4 li:nth-child(3) .icon img{
	width: 52px;
}
.certification4 li:nth-child(4) .icon img{
	width: 64px;
}

.certification4 h4{
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}

.certification4 p{
	text-align: center;
	font-size: 13px;
}


	

/* Raw Honey
--------------------------------------------------*/

.raw_honey1{
	background: url("../img/raw_honey/bg1.png") no-repeat top right;
	margin: 60px calc(50% - 50vw);
  	width: 100vw;
	background-size: 240px;
}

.raw_honey2{
	background: url("../img/raw_honey/bg2.jpg") no-repeat center center;
	margin: 60px calc(50% - 50vw);
  	width: 100vw;
	background-size: cover;
}

.raw_honey2{
	padding: 30px 20px;
	
}

.raw_honey2 h3{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #005487;
}

.raw_honey2 img{
	margin: 30px 0;
}

.raw_honey2 p{
	font-weight: bold;
}

.raw_honey2 p.strong{
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #005487;
	line-height: 1.4em;
	
}
	
	
	
	
/* Neem Seibun
--------------------------------------------------*/

.neem_seibun1{
	display: block;
}
	
.neem_seibun1_img{
	width: 80%;
	margin: auto;
}

.neem_seibun1_txt{
	width: 100%;
	margin-top: 20px;
}

.neem_seibun1_txt h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.04em;
}

.neem_seibun1_txt h3 span{
	font-size: 16px;
	display: block;
	padding-top: 10px;
}

.neem_seibun1_txt p{
	margin: 30px 0;
}

.neem_seibun2 h3{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.04em;
	text-align: center;
	margin: 20px 0 40px 0;
}

.neem_seibun2 h3 span{
	font-size: 16px;
	display: block;
	padding-top: 10px;
}

.neem_seibun2 li{
	display: flex;
	
	width: 100%;
	margin-bottom: 10px;
	background-color: #f5f5f5;
}


.neem_seibun2 li h4{
	display: inline-block;
	width: 30%;
	font-weight: bold;
	text-align: center;
	
	padding: 15px 10px;
	
}

.neem_seibun2 li p{
	display: inline-block;
	width: 70%;
	font-weight: bold;
	padding: 15px 10px;
	border-left: solid 2px #fff;
}
	
	
	
	








/* Story
--------------------------------------------------*/

.img_bnr_story{
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	height: 240px;
	position: relative;
	background-color: #d2dfe4;
}

.story_logo{
	width: 200px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.story_head_img li{
	width: 46%;
}

.story_main{
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	background-color: #00a7e1;
	margin-top: -80px;
	padding: 140px 0 60px 0;
}

.sweetworld{
	width: 300px;
	margin: auto;
}

.story_main1{
	margin: 40px 0 0 0;
	display: block;
}

.story_main1_img{
	width: 60%;
	margin: auto;
}

.story_main1_txt{
	width: 100%;
	margin: 20px 0;
}
	
.story_main2{
	margin-bottom: 40px;
}

.story_main2_img{
	width: 60%;
	margin: auto;
	order: 0;
}

.story_main2_txt{
	width: 100%;
	margin-top: 20px;
	order: 1;
}
	
.story_main3_img{
	width: 60%;
	margin: auto;
	order: 0;
}

.story_main3_txt{
	width: 100%;
	margin-top: 20px;
	order: 1;
}
	
.story_main3_txt h3 span{
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.story_main h3{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin-bottom: 15px;
	line-height: 1.4em;
}

.story_main p{
	color: #fff;
	font-weight: bold;
	
}

.movie{
	margin-top: 60px;
}
	




/* review
--------------------------------------------------*/







/* instagram
--------------------------------------------------*/

#instagram .contents_title{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #000;
	margin-bottom: 60px;
}

.insta_list li{
	width: 46%;
	margin-bottom: 30px;
}

/* insta option */
.instagram-media{
	min-width: 100% !important;
}

.HeaderCta{
	display: none !important;
}
/*  */
	




/* Recipe
--------------------------------------------------*/

.recipe_photo li{
	width: 46%;
	margin-top: 30px;
}

.recipe_photo li h3{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 35px;
}

.recipe_photo li h3 {
  	align-items: center;
  	display: flex;
  	justify-content: space-between;
}
.recipe_photo li h3::before,
.recipe_photo li h3::after {
 	 background-color: #000;
  	content: "";
  	height: 2px;
  	width: 40px;
	margin-bottom: -6px;
}
.recipe_photo li h3::before {
  	margin-right: 10px;
  	transform: rotate(60deg);
}
.recipe_photo li h3::after {
  	margin-left: 10px;
  	transform: rotate(-60deg);
}


.recipe_photo li.sp{
	width: 100% !important;
	display: flex;
  	justify-content: center;
}
.recipe_photo li.sp h3{
	margin-bottom: 0;
}


.recipe_photo li.child0{
	order: 0;
}
.recipe_photo li.child1{
	order: 1;
}
.recipe_photo li.child2{
	order: 3;
}
.recipe_photo li.child3{
	order: 4;
}
.recipe_photo li.child4{
	order: 6;
}
.recipe_photo li.child5{
	order: 7;
}
.recipe_photo li.child6{
	order: 2;
}
.recipe_photo li.child7{
	order: 5;
}
.recipe_photo li.child8{
	order: 8;
}
	
	
	


/* Product
--------------------------------------------------*/

.product_box.flex{
	display: block;
	
}

.product_photo{
	width: 100%;
}

.product_photo .slide{
	border: solid 1px #ddd;
}

.product_detail{
	width: 100%;
	margin-top: 60px;
}

.product_detail th{
	width: 30%;
	text-align: center;
	border: solid 1px #ddd;
	vertical-align: middle;
}

.product_detail td{
	width: 70%;
	border: solid 1px #ddd;
}


.attention li{
	font-weight: bold;
	padding: 15px 20px;
	margin-bottom: 10px;
	background-color: #f4f5f5;
}



/* FAQ
--------------------------------------------------*/
	
	
	
	
	

	
	
/* COMPANY
--------------------------------------------------*/

.company_detail{
	width: 100%;
}

.company_detail th{
	width: 30%;
	text-align: center;
	border: solid 1px #ddd;
	vertical-align: middle;
}

.company_detail td{
	width: 70%;
	border: solid 1px #ddd;
}
	
	
	
	
	
	


/* Shopping Guide
--------------------------------------------------*/

#guide .img_bnr{
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	height: 220px;
	position: relative;
}

#guide .img_bnr_img img{
	width: 100%;
	height: 220px;
	object-fit: cover;
	position: relative;
}

.guide_back_navi{
	
}

.guide_back_navi a{
	text-decoration: underline;
}
.guide_back_navi a:hover{
	color: #005487;
}

.guide_title1{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #c30d23;
	margin-bottom: 60px;
	padding: 15px;
	border: solid 1px #c30d23;
}
.guide_title2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #fff;
	margin-bottom: 40px;
	padding: 15px;
	background-color: #008042;
}
.guide_title3{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1.3em;
	color: #fff;
	margin-bottom: 40px;
	padding: 15px;
	background-color: #ae1064;
}


.guide_box{
	margin-bottom: 60px;
}

.guide_txt{
	padding-bottom: 40px;
	border-bottom: solid 1px #bbb;
}
	
.guide_box_txt.flex{
	align-items: flex-start !important;
}

.guide_box_txt{
	width: 60%;
}

.guide_box_img{
	width: 34%;
	height: 100%;
}


.guide_box_txt h4{
	font-size: 18px;
	font-weight: bold;
	color: #005487;
	letter-spacing: 0.04em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
	
.guide_box_txt p{
	font-size: 14px;
}

.guide_box_txt .bold{
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px #bbb;
}

.guide_box_txt .bold span{
	color: #c30d23;
}

.guide_box_img img{
	border: solid 1px #ddd;
}

.tokuten_guide{
	font-size: 14px;
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: solid 1px #bbb;
}
	
	
	
	
	
	
	
	
/* FOOTER
--------------------------------------------------*/

footer{
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 0 0 160px 0;
}

footer{
	color: #888;
	background-color: #f7f7f7;
}

footer p{
    text-align: center;
	margin-bottom: 80px;
}

.copyright{
	font-size: 12px;
	text-align: center;
}

.copyright span{
	display: inline-block;
	padding-left: 10px;color: #333;
}
.copyright span a{
	text-decoration: none;
	
}