@charset "utf-8";
@media screen and (min-width : 751px) and (max-width: 1465px) {
	#tmp_archive_anchor .container{
		max-width: 1160px;
		padding: 0 40px;
	}
	#tmp_archive_anchor .anchor_list > li{
		width: calc(100% / 6);
	}
}
@media screen and (min-width : 751px) and (max-width: 1100px) {
	#tmp_main_visual .main_visual_wap .mv_des span{
		top:-35px;
	}
	#tmp_characteristics .sec_ttl h2{
		background-size: calc(60% + 227px);
	}
	#tmp_environment .sec_ttl h2{
		background-size: calc(20% + 491px);
	}
}
@media screen and (min-width : 751px) and (max-width: 850px) {
	#tmp_archive_anchor .container {
        max-width: 515px;
    }
	#tmp_archive_anchor .anchor_list {
        row-gap: 30px;
    }
	#tmp_archive_anchor .anchor_list > li {
        width: 50%;
    }
	#tmp_archive_anchor .anchor_list > li:nth-child(2n+1) {
        border-left: 2px solid #F2F0E9;
    }
}
@media screen and (max-width : 750px) {
/* Style common */
.sec_ttl h2{
	height: 25px;
	background-size: auto 25px;
}
.sec_ttl h3{
    padding-top: 49px;
	font-size: 131.2%;
	letter-spacing: 0.09em;
	margin-bottom: 23px;
}
.sec_ttl h3::before{
	height: 25px;
    top: -5px;
	margin-left: -1px;
}
.btn_more{
	margin-top: 50px;
}
.btn_more a{
	font-size: 75%;
	padding: 13px 40px 14px;
	background-size: 16px auto;
}
/* Mainvs */
#tmp_main_visual{
	height: calc(100vh - 50px);
	flex-direction: inherit;
	background-image: url(/site/shared/templates/naranoki_en_top/images/main_kv_sp.jpg);
}
#tmp_main_visual .main_visual_wap .mv_des span{
    letter-spacing: 0.07em;
	width: 100%;
	top: 0;
	font-size: 62.5%;
	text-align: center;
}
#tmp_main_visual .main_visual_wap h2{
	width: 287px;
	height: 101px;
	background: url(/site/shared/templates/naranoki_en_top/images/yoshino_wood_sp.png);
	background-size: 100% auto;
	margin: 0 auto;
	margin-bottom: 30px;
}
#tmp_main_visual .main_visual_wap {
    padding-top: 125px;
}
#tmp_main_visual .main_visual_wap .btn_play{
	position: relative;
	width: 100%;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
}
#tmp_main_visual .main_visual_wap a{
	width: 102px;
	height: 102px;
	padding: 38px 0 0 0;
	background-position: calc(50% + 2px) calc(40% + -1px);
	background-size: 22px auto;
	background-image: url(/site/shared/templates/naranoki_en_top/images/icon_play_icon_sp.png)
}
#tmp_main_visual .main_visual_wap a::before{
	width: 102px;
	height: 102px;
	background-image: url(/site/shared/templates/naranoki_en_top/images/icon_play_circle_sp.png)
}
#tmp_main_visual .main_visual_wap a img {
    width: 24px;
}
#tmp_main_visual .main_visual_wap .mv_des{
	margin-bottom: 29px;
}
#tmp_main_visual .scroll{
	bottom: 50px;
	font-size: 75%;
	letter-spacing: 0.06em;
	left: calc(50% - 17px);
}
#tmp_main_visual .scroll::before{
	height: 80px;
	top: 22px;
}
/* Anchor */
#tmp_archive_anchor .container{
	max-width: 70%;
	min-width: 260px;
}
/* About */
#tmp_about{
    padding: 75px 0;
	background: #ffffff url(/site/shared/templates/naranoki_en_top/images/about_map.png) no-repeat;
	background-position: center 70%;
	background-size: 455px auto;
}
#tmp_about .about_inner_wrap{
	padding: 0;
	background: transparent;
}
#tmp_about .about_inner_wrap:after{
    content: none;
}
#tmp_about .about_nara{
	width: 100%;
}
#tmp_about h2{
	position: relative;
	width: 100%;
	height: 25px;
	background-image: url(/site/shared/templates/naranoki_en_top/images/txt_about_sp.png);
	background-position: center top;
	background-size: auto 25px;
}
#tmp_about h3{
	position: relative;
	font-size: 131.2%;
    margin-bottom: 22px;
	text-align: center;
    padding-top: 59px;
	letter-spacing: 0.09em;
}
#tmp_about h3::before{
	content: "";
	display: block;
	width: 1px;
	height: 25px;
	background-color: #000000;
	margin: 20px auto 0;
	position: absolute;
    top: 5px;
	left: 50%;
	margin-left: -1px;
}
#tmp_about .about_des{
	margin-bottom: 180px;
}
#tmp_about .about_des p{
	font-size: 75%;
	line-height: 1.7;
    letter-spacing: 0.043em;
}
#tmp_about .about_nara .about_nara_ttl{
	font-size: 75%;
	letter-spacing: 0.08em;
	margin-bottom: 10px;
}
#tmp_about .about_nara .about_nara_cnt{
	font-size: 62.5%;
	line-height: 1.7;
    letter-spacing: 0.05em;
}
/* Articles */
#tmp_article{
	padding-top: 20px;
	padding-bottom: 40px;
}
#tmp_article .sec_ttl h2{
	background-image: url(/site/shared/templates/naranoki_en_top/images/txt_article_sp.png);
	background-size: 163px auto;
}
/* Environment */
#tmp_environment{
	margin-bottom: calc(100% - 6px);
}
#tmp_environment .environment_wrap{
	background-image: url(/site/shared/templates/naranoki_en_top/images/bg_environment_sp.jpg);
	background-size: contain;
	background-position: left bottom;
	background-color: #f0fafa;
}
#tmp_environment .sec_ttl h2{
	background-image: url(/site/shared/templates/naranoki_en_top/images/txt_environment_sp.png);
	background-size: 270px auto;
}
#tmp_environment .sec_ttl {
    margin-top: -12px;
}
#tmp_environment .environment_des{
	line-height: 1.7;
	font-size: 75%;
	text-align: left;
	letter-spacing: 0.07em;
	margin-bottom: calc(35% + 1px);
}
#tmp_environment .ph_wrap{
    margin-bottom: calc(-95% + 1px);
	flex-wrap: wrap;
	gap: 6px 10px;
}
#tmp_environment .ph_wrap li:first-child{
	order: 2;
}
#tmp_environment .ph_wrap li:nth-child(2){
	order: 3;
}
#tmp_environment .ph_wrap li:nth-child(3){
	width: 100%;
	order: 1;
}
#tmp_environment .ph_wrap li {
	width: calc((100% - 10px) / 2);
}
/* Characteristics */
#tmp_characteristics{
	padding-top: 30px;
}
#tmp_characteristics .characteristics_infor{
	background: #ffffff;
	margin-bottom: 0;
	padding-bottom: 43px;
}
#tmp_characteristics .sec_ttl h3{
	margin-bottom: 18px;
    padding-top: 37px;
}
#tmp_characteristics .characteristics_cnt{
	padding: 0;
}
#tmp_characteristics .sec_ttl h2{
    background-image: url(/site/shared/templates/naranoki_en_top/images/txt_characteristics_sp.png);
	max-width: 324px;
	width: 100%;
	background-size: 100% auto;
	margin: 0 auto;
	top: -12px;
}
#tmp_characteristics .sec_ttl h3::before {
    top: -17px;
}
#tmp_characteristics .dense_annual_ttl{
	font-size: 131.2%;
	margin-bottom: 11px;
}
#tmp_characteristics .dense_annual{
	padding-top: 7px;
}
#tmp_characteristics .dense_annual_ttl span{
	padding: 7px 6px 5px 74px;
	letter-spacing: 0.034em;
	background-size: 60px auto;
	background-position: 5px 8px;
}
#tmp_characteristics .dense_annual_ttl span:first-letter{
	font-size: 190.4%;
}
#tmp_characteristics .dense_annual_note{
	padding-right: 0;
	letter-spacing: 0.05em;
	font-size: 87.5%;
	margin-bottom: 15px;
}
#tmp_characteristics .dense_annual ul{
	display: block;
	text-align: center;
	margin-bottom: 18px;
}
#tmp_characteristics .dense_annual ul li{
	margin-bottom: 20px;
}
#tmp_characteristics .dense_annual ul li:last-child{
	margin-bottom: 0;
}
#tmp_characteristics .box_parameter{
	padding: 30px 20px 33px;
	display: block;
}
#tmp_characteristics .box_parameter h4{
	display: block;
	margin-right: 0;
	width: 100%;
	font-size: 87.5%;
	text-align: center;
	margin-bottom: 23px;
	letter-spacing: 0.05em;
}
#tmp_characteristics .box_parameter h4::after{
	width: 100%;
	top: calc(50% - 2px);
}
#tmp_characteristics .box_parameter h4 span{
	position: relative;
	display: inline-block;
	padding: 0 8px;
	background-color: #f2f0e9;
	z-index: 2;
	letter-spacing: 0.05em;
}
#tmp_characteristics .box_parameter ul{
	gap: 0;
    align-items: initial;
}
#tmp_characteristics .box_parameter ul li{
	display: block;
	width: 50%;
	border-left: 1px solid #000000;
	text-align: center;
	padding: 0 5px;
}
#tmp_characteristics .box_parameter ul li:first-child{
	border: 0;
}
#tmp_hectare .txt_black .number{
	width: 86px;
    height: 44px;
    background-image: url(/site/shared/templates/naranoki_en_top/images/character_1_sp.png);
	background-size: 100% auto;
}
#tmp_hectare .txt_red .number{
	width: 98px;
    height: 46px;
    background-image: url(/site/shared/templates/naranoki_en_top/images/character_2_sp.png);
	background-size: 100% auto;
}
#tmp_characteristics .box_parameter ul li .txt{
	font-size: 62.5%;
	letter-spacing: 0.07em;
	margin-bottom: 16px;
	display: block;
	padding-top: 1px;
}
#tmp_cutting .txt_black .number{
	background-image: url(/site/shared/templates/naranoki_en_top/images/character_3_sp.png);
	background-size: 100% auto;
	width: 100%;
    height: 23px;
	max-width: 120px;
}
#tmp_cutting .txt_red .number {
    width: 100%;
	max-width: 115px;
    height: 43px;
    background: url(/site/shared/templates/naranoki_en_top/images/character_4_sp.png);
	background-size: 100% auto;
}
#tmp_cutting.box_parameter h4{
	margin-bottom: 24px;
}
#tmp_cutting.box_parameter{
	padding-bottom: 35px;
}
#tmp_characteristics .characteristics_des{
	font-size: 75%;
	text-align: left;
	margin-top: 25px;
	line-height: 1.7;
	letter-spacing: 0.06em;
}

#tmp_characteristics .characteristics_post{
	background-color: #f2f0e9;
	padding-top: 51px;
}
#tmp_characteristics .post_item{
	margin-bottom: 51px;
}
#tmp_characteristics .post_item:after{
	top: 35.6%;
	left: 0;
    right: 0;
}
#tmp_characteristics .post_item_wrap{
	display: block;
	padding: 0 0 44px;
}
#tmp_characteristics .post_item_wrap:after{
	content: none;
}
#tmp_characteristics .post_item .cnt{
	display: block;
	padding-top: 0;
}
#tmp_characteristics .post_item .dense_annual_ttl{
	width: 100%;
	margin-bottom: 8px;
}
#tmp_few_knots.post_item .dense_annual_ttl span{
	padding-left: 68px;
	background-position: 0 8px;
}
#tmp_characteristics .post_item .img {
	max-width: 100%;
    margin-bottom: 17px;
}
#tmp_attractive_color.post_item .img{
	width: 100%;
}
#tmp_characteristics .post_item .txt{
	line-height: 1.7;
	font-size: 75%;
	letter-spacing: 0.06em;
	padding-top: 0;
}
#tmp_attractive_color.post_item .dense_annual_ttl span{
	padding-left: 68px;
	background-position: 0px 8px;
}

#tmp_characteristics .characteristics_other {
    padding: 0px 0 69px;
}
#tmp_characteristics .other_ttl{
	background-size: 89px auto;
	padding-top: 48px;
	margin-bottom: 24px;
}
#tmp_characteristics .other_ttl h3{
	font-size: 131.2%;
}
#tmp_characteristics .other_list{
	max-width: 400px;
	flex-wrap: wrap;
	gap: 0 31px;
	padding: 0 26px;
}
#tmp_characteristics .other_list .other_item{
	width: calc((100% - 31px) / 2);
	font-size: 75%;
	letter-spacing: 0.06em;
	margin-bottom: 25px;
}
#tmp_characteristics .other_item .img{
	padding: 0 13px;
	margin-bottom: 14px;
}
#tmp_characteristics .other_item .txt{
	line-height: 1.5;
	align-items: flex-start;
}

/* History */
#tmp_history .sec_ttl h2 {
    background-size: 165px;
}
#tmp_history .history_wood{
	min-height: 302px;
	padding-top: 100px;
	padding-bottom: 8px;
	background-image: url(/site/shared/templates/naranoki_en_top/images/history_sp.jpg);
}
#tmp_history .history_wood_info{
	text-align: center;
    background-color: #ffffff;
    padding: 30px 25px;
	margin-bottom: 0;
}
#tmp_history .history_wood_info .ttl {
    font-size: 100%;
    margin-bottom: 16px;
}
#tmp_history .sec_ttl h3{
	padding-top: 50px;
}
#tmp_history .note{
    font-size: 62.5%;
	margin-right: -18px;
}
#tmp_history .history_wood_info .txt {
    line-height: 1.7;
	font-size: 75%;
	letter-spacing: 0.06em;
}
/* Archive */
#tmp_archive{
	padding-top: 70px;
}
#tmp_archive .sec_ttl h2{
	max-width: 156px;
}
#tmp_archive .sec_ttl h3{
	line-height: 1;
	padding-top: 56px;
    margin-bottom: 30px;
}
#tmp_archive .archive_box{
	flex-direction: column;
	padding: 25px;
	gap: 16px;
}
#tmp_archive .intro{
	font-size: 75%;
	letter-spacing: 0.06em;
	max-width: 100%;
}
#tmp_archive .archive_box .archive_thumb{
	width: 100%;
}
#tmp_archive .archive_box .archive_cnt{
	max-width: 100%;
}
#tmp_archive .archive_box h3 {
    font-size: 137.5%;
	margin-bottom: 2px;
}
#tmp_archive .archive_box .des{
	font-size: 75%;
	letter-spacing: 0.06em;
}
/* Applications */
#tmp_application{
	padding: 100px 0;
}
#tmp_application .sec_ttl h2 {
    max-width: 266px;
	background-image: url(/site/shared/templates/naranoki_en_top/images/txt_applications_sp.png);
}
#tmp_application .sec_ttl h3 {
    padding-top: 49px;
}
#tmp_application .application_list{
    display: block;
}
#tmp_application .application_list > li{
    width: 100%;
    margin-bottom: 50px;
}
#tmp_application .application_item_img{
	margin-bottom: 26px;
}
#tmp_application .application_item_img .cap{
	font-size: 68.7%;
	bottom: 2px;
	letter-spacing: 0.04em;
	line-height: 1.6;
}
#tmp_application .application_item_cnt .ttl {
	font-size: 87.5%;
	margin-bottom: 20px;
}
#tmp_application .application_item_cnt .txt {
	font-size: 75%;
	letter-spacing: 0.06em;
	line-height: 1.7;
	margin-bottom: 8px;
}
#tmp_application .application_item_cnt .tag {
	font-size: 62.5%;
	padding: 2px 8px;
}
#tmp_application .btn_more{
	margin-top: 50px;
}
#tmp_application .btn_more a{
	background-size: 15px auto;
	background-position: right 20px center;
	background-image: url(/site/shared/templates/naranoki_en_top/images/more_icon_sp.png);
}
#tmp_application .btn_more a.hide{
    background-image: url(/site/shared/templates/naranoki_en_top/images/less_icon_sp.png);
}
/* Related-links */
#tmp_related_links .related_links_wrap h2{
	position: static;
	transform: translate(0);
	font-size: 131.2%;
	text-align: center;
	letter-spacing: 0.04em;
	margin-bottom: 42px;
}
#tmp_related_links .related_links_wrap h3{
	font-size: 100%;
	letter-spacing: 0.09em;
	margin-bottom: 16px;
}
#tmp_related_links .related_links_wrap h3 span{
	padding-right: 16px;
}
#tmp_related_links .related_links_wrap h3::before{
	top: calc(50% - 2px);
}
#tmp_related_links .related_links_wrap{
	padding-left: 0;
}
#tmp_related_links .related_links_wrap ul{
	flex-direction: column;
	gap: 64px;
}
#tmp_related_links .related_links_wrap ul li{
	width: 100%;
}
#tmp_related_links .related_links_wrap ul li:last-child{
	margin-bottom: 0;
}
#tmp_related_links .related_links_wrap ul a{
	letter-spacing: 0.06em;
}
#tmp_related_links .related_links_wrap .related_item {
    margin-bottom: 47px;
}
#tmp_related_youtube.related_item  ul a .img{
	margin-bottom: 11px;
}
#tmp_related_pamphlet.related_item ul a,
#tmp_related_youtube.related_item  ul a{
	font-size: 62.5%;
    letter-spacing: 0.07em;
}
#tmp_related_youtube .img::before{
	width: 65px;
	height: 45px;
}
#tmp_related_pamphlet a .txt::after{
	width: 15px;
	height: 15px;
	margin-left: 4px;
}
#tmp_related_links{
	padding: 100px 0 43px;
}
#tmp_related_pamphlet.related_item ul{
	gap: 40px;
	align-items: center;
}
#tmp_related_pamphlet.related_item ul li {
	width: 100%;
	max-width: 282px;
}
#tmp_related_pamphlet.related_item ul a .img{
    margin-bottom: 10px;
}
/* Reset Hover */
#tmp_related_links .related_links_wrap ul a:hover{
    text-decoration: none;
}
#tmp_related_links .related_links_wrap ul a:hover img,
#tmp_main_visual .main_visual_wap a:hover {
    opacity: 1;
}
.btn_more a:hover{
    color: #ffffff;
    background-color: #000000;
    background-image: url(/site/shared/templates/naranoki_en_top/images/arrow_icon.png);
}
#tmp_application .btn_more a:hover{
    background-image: url(/site/shared/templates/naranoki_en_top/images/more_icon_sp.png);
}
#tmp_application .btn_more a.hide:hover{
    background-image: url(/site/shared/templates/naranoki_en_top/images/less_icon_sp.png);
}
/* no_javascript
================================================== */
.no_javascript #tmp_history .history_wood_info{
	margin-bottom: 10px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}