@charset "UTF-8";

/*
======== table of content. ===============

summary:メニューページ要素

==========================================
*/

@media screen and (max-width:767px){
	#wrapper {
		padding-top: 130px; /* 固定headerの高さ分余白を作って重ならないようにする */
	}
	header {
	}
	#globalnav a {
		color: #FFFFFF;
	}
	header .box_contact_en{background-position: center right; 
	}
	section h2 {
		margin: 2rem 0; /* SP用の余白を追加*/
		font-size: 2.4rem;
	}
	section h2::before {
		width: 4rem;
		height: 0;
	}
	section h2::after {
		width: 4rem;
	}
	section h3 {
	font-size: 2.0rem;
	}
	section ul{
		font-size:1.6rem;
		list-style: disc;
		margin-left: 1em;
		margin-bottom: 2rem; /* SP用の余白を追加*/
	}
	.box_inner {
		padding: 10% 4% 10% 4%; /* 他の余白と併せて設定すること */
	}
	.box_flex {
		flex-direction: column;
	}
	.box_flex.first {
		margin-bottom: 5%;
	}
	.box_flex.second {
		flex-direction: column;
	}
	.box_flex .box_text {
		width: 100%;
		padding-left: 0%;
	}
	.box_flex figure {
		width: 100%;
	}

}

.display_non {
	display: block;
	margin: 25px 0px;
}

.display_non_2 {
	display: none;
	margin: 15px;
}

@media screen and (max-width:767px){
/* 個別の設定 */

	#ippin ul {
	}

	#ippin .list_photo {
		margin-top: 7%;
		margin-bottom:7% ;
		width: 100%;
	}
	#ippin .list_photo li {
		width: 31%;
	}
	#ippin .list_name {
		flex-direction: column;
		margin-bottom:7% ;
		font-size: 1.6rem;
	}
	#ippin .list_name li {
		margin-left: 1em;
	}
	#nomimono .box_inner {
		flex-direction: column;
		padding-left: 7%;
	}
	#nomimono h3{
		font-size: 2rem;
	}
	#nomimono ul{
	}
	#nomimono .box_inner li {
		font-size: 1.4rem;
	}
	#nomimono .nomimono_menu {
		width: 100%;
	}
	#nomimono .nomimono_menu ul{	
	margin-bottom: 10%;
	}


}