@charset "utf-8";
/* ============================================================================================== */
/* [追加フォント]                                                                                 */
/* ============================================================================================== */
/* ページ:追加フォント */
/* ------------------------------------- */
@font-face {
	font-family: 'OpenSans-Light';
	src: url('../../../fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
	font-weight: 100;
}
/* ============================================================================================== */
/* [CUSTOMIZE] CMD_CHILD_HEADLINE                                                                 */
/* ============================================================================================== */
body#meijitokachi #main #cmd_child_headline {
	background-image: url('../../../images/brandsite/about/headline_bg.jpg');
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #cmd_child_headline {
		background-image: url('../../../images/brandsite/about/headline_bg_sp.jpg');
	}
}
/* ============================================================================================== */
/* LocalCommonDesign                                                                              */
/* ============================================================================================== */
#main .lcmd_headline {
	text-align: left;
	color: #214928;
	font-size: 51px;
	font-weight: bold;
	line-height: 1.2;
	z-index: 1;

	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
}
@media screen and (max-width: 640px) {
	#main .lcmd_headline {
		font-size: 8.2vw;
	}
}
/* ============================================================================================== */
/* FIRSTVIEW                                                                                      */
/* ============================================================================================== */
body#meijitokachi #main #firstview {
}
body#meijitokachi #main #firstview .item.num01 {
	height: 800px;
	background-image: url('../../../images/brandsite/about/fv_bg.jpg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
body#meijitokachi #main #firstview .item.num01 dl {
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
	padding-top: 85px;
	padding-left: 385px;
}
body#meijitokachi #main #firstview .item.num01 dl dt {
	color: #214928;
	font-size: 51px;
	font-weight: bold;
	line-height: 1.27;
}
body#meijitokachi #main #firstview .item.num01 dl dd {
	margin-top: 14px;
	color: #000000;
	font-size: 20px;
	line-height: 2.05;
	white-space: nowrap;
}
body#meijitokachi #main #firstview .item.num02 {
	width: 980px;
	height: 495px;
	margin: -75px auto 0;
	position: relative;
}
body#meijitokachi #main #firstview .item.num02 .lcmd_headline {
	position: absolute;
	top: 0;
	right: 0;
}
body#meijitokachi #main #firstview .item.num02 ul {
	letter-spacing: -.40em;
}
body#meijitokachi #main #firstview .item.num02 ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
body#meijitokachi #main #firstview .item.num02 ul li:nth-child(n + 2) {
	margin-left: 25px;
}
body#meijitokachi #main #firstview .item.num02 ul li .image {
	position: relative;
}
body#meijitokachi #main #firstview .item.num02 ul li .image .text {
	color: #214928;
	font-size: 40px;
	font-weight: bold;

	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;

	position: absolute;
	top:   30px;
	right: 30px;
}
body#meijitokachi #main #firstview .item.num02 ul li .link {
	margin-top: 20px;
	text-align: center;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #firstview {
	}
	body#meijitokachi #main #firstview .item.num01 {
		height: auto;
		background-position: top center;
		background-size: 100% auto;
	}
	body#meijitokachi #main #firstview .item.num01 dl {
		width: 92vw;
		padding-top:  10.6vw;
		padding-left: 0;
	}
	body#meijitokachi #main #firstview .item.num01 dl dt {
		padding-left: 42.6vw;
		font-size: 8.2vw;
	}
	body#meijitokachi #main #firstview .item.num01 dl dd {
		margin-top: 22.5vw;
		font-size: 4vw;
		line-height: 2.05;
		white-space: normal;
	}
	body#meijitokachi #main #firstview .item.num02 {
		width: 92vw;
		height: auto;
		margin: 11vw auto 13vw;
	}
	body#meijitokachi #main #firstview .item.num02 .lcmd_headline {
	}
	body#meijitokachi #main #firstview .item.num02 ul {
	}
	body#meijitokachi #main #firstview .item.num02 ul li {
		display: block;
	}
	body#meijitokachi #main #firstview .item.num02 ul li:nth-child(n + 2) {
		margin-top: 9.8vw;
		margin-left: 0;
	}
	body#meijitokachi #main #firstview .item.num02 ul li .image {
		width: 66vw;
	}
	body#meijitokachi #main #firstview .item.num02 ul li .image img {
		width: 100% !important;
	}
	body#meijitokachi #main #firstview .item.num02 ul li .image .text {
		font-size: 6.6vw;
		top:   4.5vw;
		right: 4.5vw;
	}
	body#meijitokachi #main #firstview .item.num02 ul li .link {
		width: 66vw;
		margin-top: 4vw;
	}
}
/* ============================================================================================== */
/* GOAL                                                                                           */
/* ============================================================================================== */
body#meijitokachi #main #goal {
	background: #edf1ee;
}
body#meijitokachi #main #goal .inner {
	width: 980px;
	margin: 0 auto;
	text-align: right;
	position: relative;
}
body#meijitokachi #main #goal .inner .lcmd_headline {
	position: absolute;
	top: 100px;
	left: 0;
}
body#meijitokachi #main #goal .inner .text {
	width: 294px;
	text-align: left;
	font-size: 18px;
	line-height: 1.72;
	position: absolute;
	top: 105px;
	left: 220px;
	z-index: 1;
}
body#meijitokachi #main #goal .inner .image {
	padding: 65px 0;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #goal {
		padding: 16vw 0 14.5vw;
	}
	body#meijitokachi #main #goal .inner {
		width: 92vw;
	}
	body#meijitokachi #main #goal .inner .lcmd_headline {
		top: 0;
		left: 0;
	}
	body#meijitokachi #main #goal .inner .text {
		width: 56vw;
		font-size: 3.7vw;
		top: 0;
		left: auto;
		left: initial;
		right: 0;
	}
	body#meijitokachi #main #goal .inner .image {
		padding: 37vw 0 0;
	}
	body#meijitokachi #main #goal .inner .image img {
		width: 100% !important;
	}
}
/* ============================================================================================== */
/* HISTORY                                                                                        */
/* ============================================================================================== */
body#meijitokachi #main #history {
	padding: 90px 0 225px;
	background: url('../../../images/brandsite/about/history_bg.png');
	background-size: 1400px auto;
}
body#meijitokachi #main #history .inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
body#meijitokachi #main #history .inner .lcmd_headline {
	position: absolute;
	top:   0;
	right: 0;
}
body#meijitokachi #main #history .inner .flow {
	width: 487px;
	height: 2235px;
	border-right: 6px solid #214928;
	position: relative;
}
body#meijitokachi #main #history .inner .flow::after {
	content: "";
	display: block;
	height: 138px;
	width: 6px;

	background-image: linear-gradient(to bottom, #214928 0px, #214928 6px, transparent 6px, transparent 12px);
	background-position: bottom center;
	background-size: 12px 12px;

	visibility: visible;
	position: absolute;
	top: 100%;
	right: -6px;
}
body#meijitokachi #main #history .inner .flow dl.item {
	position: absolute;
}
body#meijitokachi #main #history .inner .flow dl.item dt {
	font-family: 'OpenSans-Light' !important;
	color: #b3c0b6;
	font-size: 70px;
	font-weight: 100;
	line-height: 1;
	letter-spacing: -.05em;
}
body#meijitokachi #main #history .inner .flow dl.item dt::before {
	content: "";
	display: block;
	width: 163px;
	height: 2px;

	background-image: linear-gradient(to right, #214928 0px, #214928 2px, transparent 2px, transparent 4px);
	background-position: center left;
	background-size: 4px 2px;

	position: absolute;
	top: 32px;
	right: 0;
}
body#meijitokachi #main #history .inner .flow dl.item dt::after {
	content: "";
	display: block;
	width:  15px;
	height: 15px;
	border-radius: 8px;
	background: #214928;
	position: absolute;
	top:    25.5px;
}
body#meijitokachi #main #history .inner .flow dl.item dd {
	margin-top: 5px;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul.nowrap {
	white-space: nowrap;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li {
	letter-spacing: -.40em;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li:nth-child(n + 2) {
	margin-top: 10px;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li div.image,
body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li div.image {
	padding-right: 15px;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text {
	font-size: 16px;
	line-height: 1.375;
}
body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text .annotation {
	padding-left: 1em;
	text-indent: -1em;
	padding-top: 12px;
	font-size: 12px;
	line-height: 1.33;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #history {
		padding: 21vw 0 41.3vw;
		background: url('../../../images/brandsite/about/history_bg_sp.png');
		background-size: 100% auto;
	}
	body#meijitokachi #main #history .inner {
		width: auto;
		padding-left: 6vw;
	}
	body#meijitokachi #main #history .inner .lcmd_headline {
		top: -5.3vw;
		right: 6vw;
	}
	body#meijitokachi #main #history .inner .flow {
		width: auto;
		height: auto;
		border-right: none;
		border-left: 1.2vw solid #214928;
	}
	body#meijitokachi #main #history .inner .flow::after {
		height: 31vw;
		width: 1.2vw;

		background-image: linear-gradient(to bottom, #214928 0px, #214928 1.2vw, transparent 1.2vw, transparent 2.4vw);
		background-position: top center;
		background-size: 2.4vw 2.4vw;

		right: auto;
		right: initial;
		left: -1.2vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item {
		position: static;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(n + 2) {
		margin-top: 8vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dt {
		font-size: 14vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dt::before {
		content: "";
		display: block;
		width: 163px;
		height: 2px;

		background-image: linear-gradient(to right, #214928 0px, #214928 2px, transparent 2px, transparent 4px);
		background-position: center left;
		background-size: 4px 2px;

		position: absolute;
		top: 5.5vw;
		right: 0;
	}
	body#meijitokachi #main #history .inner .flow dl.item dt::after {
		width:  3vw;
		height: 3vw;
		border-radius: 3vw;
		top:    4.0vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dd {
		margin-top: 1.5vw;
		padding-left: 12.5vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul.nowrap {
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li {
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li:nth-child(n + 2) {
		margin-top: 2vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li div.image,
	body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text {
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li div.image {
		padding-right: 1.5vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text {
		font-size: 3.2vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item dd ul li div.text .annotation {
		padding-top: 2vw;
		font-size: 2.66vw;
	}
}
/* ============================================ */
/* HISTORY:FLOW:ITEM(ODD/EVEN)                  */
/* ============================================ */
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) {
	width: 330px;
	transform: translateY(-33px);
	right: 0;
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) {
	width: 330px;
	transform: translateY(-33px);
	left: calc(100% + 40px);
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt {
	padding-left: 115px;
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) dt::before {
	width: 163px;
	right: 0;
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt::before {
	width: 150px;
	left: -37px;
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) dt::after {
	right: -10.5px;
}
body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt::after {
	left: -44.5px;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) {
		width: auto;
		transform: translateY(-5.5vw);
		right: 0;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) {
		width: auto;
		transform: translateY(-5.5vw);
		left: 0;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) dt,
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt {
		padding-left: 13.5vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) dt::before {
		width: 12.5vw;
		right: auto;
		right: initial;
		left: 0;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt::before {
		width: 12.5vw;
		left: 0;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n - 1) dt::after {
		right: auto;
		right: initial;
		left: -2.1vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item:nth-child(2n) dt::after {
		left: -2.1vw;
	}
}
/* ============================================ */
/* HISTORY:FLOW:ITEM(位置の個別調整)            */
/* ============================================ */
body#meijitokachi #main #history .inner .flow dl.item.num01 { top:    0px; }
body#meijitokachi #main #history .inner .flow dl.item.num03 { top:  130px; }
body#meijitokachi #main #history .inner .flow dl.item.num04 { top:  243px; }
body#meijitokachi #main #history .inner .flow dl.item.num05 { top:  372px; }
body#meijitokachi #main #history .inner .flow dl.item.num06 { top:  550px; }
body#meijitokachi #main #history .inner .flow dl.item.num07 { top:  800px; }
body#meijitokachi #main #history .inner .flow dl.item.num08 { top:  953px; }
body#meijitokachi #main #history .inner .flow dl.item.num09 { top: 1071px; }
body#meijitokachi #main #history .inner .flow dl.item.num10 { top: 1385px; }
body#meijitokachi #main #history .inner .flow dl.item.num11 { top: 1531px; }
body#meijitokachi #main #history .inner .flow dl.item.num12 { top: 1665px; }
body#meijitokachi #main #history .inner .flow dl.item.num13 { top: 1951px; }
body#meijitokachi #main #history .inner .flow dl.item.num14 { top: 2105px; }
body#meijitokachi #main #history .inner .flow dl.item.num15 { top: 2235px; }
body#meijitokachi #main #history .inner .flow dl.item.num01 dd ul li:nth-child(1) .text { margin-top: 10px; }
body#meijitokachi #main #history .inner .flow dl.item.num06 dd ul li:nth-child(1) .text { margin-top: 10px; }
body#meijitokachi #main #history .inner .flow dl.item.num05 dd ul li:nth-child(2) .text a {
	color: #214928;
	font-size: 14px;
	line-height: 1.29;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #history .inner .flow dl.item.num01 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num03 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num04 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num05 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num06 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num07 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num08 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num09 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num10 { top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num11 { padding-bottom: 8vw; top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num12 { padding-bottom: 8.5vw; top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num13 { padding-bottom: 8vw; top: 100%; left: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num14 { padding-bottom: 8.5vw; top: 0; }
	body#meijitokachi #main #history .inner .flow dl.item.num15 { margin-top: 0; top: 100%; left: 0; padding-bottom: 8.5vw; position: absolute;}
	body#meijitokachi #main #history .inner .flow dl.item.num01 dd ul li:nth-child(1) .text { margin-top: 2vw; }
	body#meijitokachi #main #history .inner .flow dl.item.num06 dd ul li:nth-child(1) .text { display: block; margin-top: 2vw; }
	body#meijitokachi #main #history .inner .flow dl.item.num05 dd ul li:nth-child(2) .text a {
		font-size: 2.8vw;
	}
	body#meijitokachi #main #history .inner .flow dl.item.num01 dd ul li:nth-child(1) .image img { width: 45.0vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num03 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num04 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num05 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num05 dd ul li:nth-child(2) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num05 dd ul li:nth-child(3) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num06 dd ul li:nth-child(1) .image img { width: 32.0vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num07 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num08 dd ul li:nth-child(1) .image img { width: 16.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num08 dd ul li:nth-child(2) .image img { width: 16.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num09 dd ul li:nth-child(1) .image img { width:  6.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num09 dd ul li:nth-child(2) .image img { width: 14.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num09 dd ul li:nth-child(3) .image img { width: 14.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num10 dd ul li:nth-child(1) .image img { width: 14.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num11 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num12 dd ul li:nth-child(1) .image img { width: 14.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num12 dd ul li:nth-child(2) .image img { width: 14.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num12 dd ul li:nth-child(3) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num13 dd ul li:nth-child(1) .image img { width: 16.4vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num14 dd ul li:nth-child(1) .image img { width: 18.6vw !important; }
	body#meijitokachi #main #history .inner .flow dl.item.num15 dd ul li:nth-child(1) .image img { width: 16.4vw !important; }
}
/* ============================================================================================== */
/* FOOT_MENU                                                                                      */
/* ============================================================================================== */
body#meijitokachi #main #foot_menu {
	padding: 69px 0 58px;
	background: #edf1ee;
}
body#meijitokachi #main #foot_menu .inner {
	width: 980px;
	margin: 0 auto;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
body#meijitokachi #main #foot_menu dl dt {
	background: #ffffff;
	position: relative;
}
body#meijitokachi #main #foot_menu dl dt .text {
	width: 100%;
	padding-top: 50px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;

	position: absolute;
	top: 0;
	left: 0;
}
body#meijitokachi #main #foot_menu dl dt .text div:nth-child(1) {
	font-size: 23px;
	position: relative;
}
body#meijitokachi #main #foot_menu dl dt .text div:nth-child(1)::after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: #ffffff;
	visibility: visible;
	transform: translateX(-50%);
	position: absolute;
	bottom: 0;
	left: 50%;
}
body#meijitokachi #main #foot_menu dl dt .text div:nth-child(2) {
	margin-top: 8px;
	font-size: 28px;
}
body#meijitokachi #main #foot_menu dl dd {
	margin-top: 10px;
}
body#meijitokachi #main #foot_menu dl dd a {
	color: #000000;
	font-size: 14px;
	line-height: 1;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #foot_menu {
		padding: 6.5vw 0 7vw;
	}
	body#meijitokachi #main #foot_menu .inner {
		width: 92vw;
		display: block;
	}
	body#meijitokachi #main #foot_menu dl:nth-child(n + 2) {
		margin-top: 4vw;
	}
	body#meijitokachi #main #foot_menu dl dt {
	}
	body#meijitokachi #main #foot_menu dl dt img {
		width: 100% !important;
	}
	body#meijitokachi #main #foot_menu dl dt .text {
		padding-top: 9.4vw;
	}
	body#meijitokachi #main #foot_menu dl dt .text div:nth-child(1) {
		font-size: 4.5vw;
	}
	body#meijitokachi #main #foot_menu dl dt .text div:nth-child(1)::after {
		width: 9.6vw;
		height: 0.4vw;
	}
	body#meijitokachi #main #foot_menu dl dt .text div:nth-child(2) {
		margin-top: 3.2vw;
		font-size: 5.3vw;
	}
	body#meijitokachi #main #foot_menu dl dd {
		margin-top: 2vw;
	}
	body#meijitokachi #main #foot_menu dl dd a {
		font-size: 3.2vw;
	}
}
/* ============================================================================================== */
/* ABOUT_MODAL                                                                                    */
/* ============================================================================================== */
body#meijitokachi #main #about_modal {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.73);
	color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
body#meijitokachi #main #about_modal .modal_item {
	display: none;
	box-sizing: border-box;
	width: 900px;
	max-height: 90vh;
	padding: 40px 50px 0;
	background: #ffffff;
	transform: translate(-50%, -50%);
	overflow: auto;
	position: absolute;
	top:  50%;
	left: 50%;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #about_modal {
	}
	body#meijitokachi #main #about_modal .modal_item {
		width: 92vw;
		max-height: 90vh;
		padding: 13.3vw 4vw 0;
	}
}
/* ============================================ */
/* ABOUT_MODAL:見出し・タイトル                 */
/* ============================================ */
body#meijitokachi #main #about_modal .modal_item .item.type_headline {
	color: #214928;
	font-size: 50px;
	font-weight: bold;

	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;

	position: absolute;
	top:   50px;
	right: 40px;
	z-index: 1;
}
body#meijitokachi #main #about_modal .modal_item .item.type_title {
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #about_modal .modal_item .item.type_headline {
		font-size: 8.2vw;
		top:   12vw;
		right: 4vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_title {
		font-size: 4.8vw;
		line-height: 1.38;
	}
}
/* ============================================ */
/* ABOUT_MODAL:内容                             */
/* ============================================ */
body#meijitokachi #main #about_modal .modal_item .item.type_content {
	margin-top: 30px;
	width: 715px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl:nth-child(n + 2) {
	margin-top: 25px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt {
	font-size: 22px;
	font-weight: bold;
	line-height: 1;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt.opt_return {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt.opt_return div:nth-child(n + 2) {
	margin-top: 3px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt .mini {
	font-size: 18px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dd {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 200;
	line-height: 1.71;

	display: -webkit-flex;
	display: flex;
}
body#meijitokachi #main #about_modal .modal_item .item.type_content dl dd div:nth-child(2) {
	margin-left: 19px;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #about_modal .modal_item .item.type_content {
		margin-top: 7.5vw;
		width: auto;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl:nth-child(n + 2) {
		margin-top: 6.5vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt {
		font-size: 4.5vw;
		line-height: 1.4;

		display: block;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt.opt_return {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt.opt_return div:nth-child(n + 2) {
		margin-top: 0;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dt .mini {
		font-size: 3.7vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dd {
		margin-top: 3.2vw;
		font-size: 3.2vw;

		display: block;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dd .image {
		text-align: center;
	}
	body#meijitokachi #main #about_modal .modal_item.type_place .item.type_content dl dd .image img {
		width: 77vw !important;
	}
	body#meijitokachi #main #about_modal .modal_item.type_wisdom .item.type_content dl dd .image img {
		width: 26.6vw !important;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_content dl dd div:nth-child(2) {
		margin-top: 4vw;
		margin-left: 0;
	}
}
/* ============================================ */
/* ABOUT_MODAL:閉じるボタン                     */
/* ============================================ */
body#meijitokachi #main #about_modal .modal_item .item.type_close {
	cursor: pointer;
	position: absolute;
	top:   18px;
	right: 18px;
	z-index: 1;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close img {
	width:  20px;
	height: 20px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close2 {
	margin-top: 10px;
	padding-bottom: 30px;
	text-align: center;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close2 div {
	display: inline-block;
	width: 113px;
	background: #214928;
	border-radius: 6px;
	color: #ffffff;
	font-size: 18px;
	line-height: 34px;
	letter-spacing: -.40em;
	cursor: pointer;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span:nth-child(2) {
	margin-left: 10px;
}
body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span img {
	width:  14px;
	height: 14px;
}
@media screen and (max-width: 640px) {
	body#meijitokachi #main #about_modal .modal_item .item.type_close {
		top:   4.8vw;
		right: 3.3vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close img {
		width:  4vw;
		height: 4vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close2 {
		margin-top: 3.2vw;
		padding-bottom: 5.6vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close2 div {
		width: 22.6vw;
		border-radius: 1.4vw;
		font-size: 3.6vw;
		line-height: 6.8vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span {
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span:nth-child(2) {
		margin-left: 2vw;
	}
	body#meijitokachi #main #about_modal .modal_item .item.type_close2 div span img {
		width:  2.8vw;
		height: 2.8vw;
	}
}