@charset "utf-8";

@media screen and (max-width : 750px) {
#tmp_contents h1{
	font-size: 175%;
    line-height: 1.15;
	margin-bottom: 0.3em;
}
/* ==================================================
contents
================================================== */
#tmp_contents .article_cnt{
	padding: 50px 23px 53px;
}
#tmp_contents .article_cnt .container{
	padding: 0;
}
#tmp_contents .article_detail .container{
	padding: 0 23px;
}
#tmp_contents .article_cnt .img {
    margin-bottom: 23px;
}
#tmp_contents .article_cnt .img img {
	height: clamp(300px, 56vw, 460px);
}
/* ==================================================
idx
================================================== */
#tmp_article{
	padding: 38px 0 92px
}
#tmp_contents .sec_ttl h1{
	height: 25px;
	background-size: auto 25px;
}
#tmp_contents .sec_ttl h2{
    padding-top: 49px;
	font-size: 131.2%;
	letter-spacing: 0.09em;
	margin-bottom: 23px;
}
#tmp_contents .sec_ttl h2::before{
	height: 25px;
    top: -5px;
	margin-left: -1px;
}
#tmp_article .sec_ttl h1{
	background-image: url(/site/shared/templates/naranoki_en_top/images/txt_article_sp.png);
	background-size: 163px auto;
}
#tmp_contents .article_items .item a .item_img img{
	width: 100%;
}
/* archive page */
#tmp_archive_tool{
	padding: 38px 0 53px;
}
#tmp_archive_tool .sec_ttl{
	margin-bottom: 58px;
}
#tmp_archive_tool .sec_ttl h2{
	line-height: 1;
	padding-top: 55px;
}
#tmp_archive_tool .archive_head_info{
	display: block;
}
#tmp_archive_tool .archive_head_info .head_left{
	margin-bottom: 23px;
}
#tmp_archive_tool .archive_head_info .des{
	font-size: 75%;
	letter-spacing: 0.06em;
}
#tmp_archive_tool .archive_head_info h3{
	font-size: 137.5%;
	margin-bottom: 18px;
}
#tmp_archive_tool .archive_head_info .head_tab > ul{
	justify-content: space-between;
}
#tmp_archive_tool .archive_head_info .head_tab li{
	width: calc(100% / 3);
}
#tmp_archive_tool .archive_head_info .head_tab li:nth-child(2){
	min-width: 108px;
}
#tmp_archive_tool .archive_head_info .head_tab li > a{
	display: block;
	text-align: center;
	font-size: 75%;
	letter-spacing: 0.06em;
	padding: 5px 3px 4px;
}
#tmp_archive_tool .archive_info .des{
	max-width: 100%;
	font-size: 75%;
	letter-spacing: 0.06em;
}
#tmp_archive_tool .intro_img_list > li{
	width: calc(50% - 20px);
}
#tmp_archive_anchor{
	max-width: 70%;
	margin-bottom: 58px;
}
#tmp_archive_anchor .anchor_list > li:nth-child(2n+1) {
	border-color: rgba(0, 0, 0, 0.102);
}
#tmp_archive_tool .archive_sec{
	margin-bottom: 78px;
}
#tmp_archive_tool .archive_sec .archive_list{
	display: block;
}
#tmp_archive_tool .archive_sec > h4{
	font-size: 131.2%;
}
#tmp_archive_tool .archive_sec .archive_list > .archive_item{
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 40px;
}
#tmp_archive_tool .archive_item .item_cnt{
	padding-bottom: 20px;
}
#tmp_archive_tool .archive_item .item_cnt h5.ttl{
	font-size: 143.7%;
}
#tmp_archive_tool .archive_item .item_cnt p.detail{
	font-size: 75%;
	letter-spacing: 0.06em;
}
#tmp_archive_tool .archive_item .item_area{
	font-size: 87.5%;
	line-height: 1.4;
}
#tmp_archive_tool .splide_common .splide__pagination{
	bottom: 4px;
}
/* ==================================================
history
================================================== */
#tmp_history_banner{
	padding-top: 90px;
	padding-bottom: 55px;
	min-height: 300px;
	background-position: top center;
	margin-top: -50px;
}
#tmp_history_banner .sec_ttl h2{
	padding: 65px 4% 0;
	line-height: 1;
}
#tmp_history_banner .sec_ttl h1 {
    background-image: url(/site/shared/templates/naranoki_en_free/images/txt_history_sp.png);
	background-size: auto 26px;
}
#tmp_history_cnt{
	padding: 60px 0 71px;
}
#tmp_history_cnt .history_des{
	font-size: 75%;
	letter-spacing: 0.06em;
	margin-bottom: 60px;
}
#tmp_history_cnt .main_container_block .main_container_head{
	font-size: 106.2%;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
}
#tmp_history_cnt .main_container_block .main_container_text + .main_container_img{
	margin-top: 30px;
}
#tmp_history_cnt .main_container_block .main_container_img{
    margin-top: 20px;
}
#tmp_history_cnt .main_container_block .main_container_text{
	font-size: 75%;
	letter-spacing: 0.06em;
}
#tmp_history_cnt .main_container_block .main_container_text .note{
	font-size: 100%;
    line-height: 1.4;
	margin-top: 2px;
}
#tmp_history_cnt .main_container_block{
	padding-top: 54px;
}
#tmp_history_cnt .main_container_block:last-child:before {
    height: calc(100% - 21px);
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}