@charset "UTF-8";
/* ***---***---***---***---***---*** perts ***---***---***---***---***---*** */
*{
	-webkit-appearance: none;
}
body{
	color: #333;
	font-family: "Kaisei HarunoUmi", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 0;  /* inline-blockで横並びにした際の余白をリセット */
	letter-spacing: .04em;
	background: #f5f5f5;
	background-attachment: fixed;
	width:100vw;
	margin:0 0;
	opacity: 0;
	transition: all 1.8s ease;
	z-index: 0;
}
.active_disp{
	opacity: 1;
}
/* display: inline-block; で横並びにする際、並べたい要素につける */
.block{
	display: inline-block;
	vertical-align: top;
}
a{
	color: #333;
	cursor:pointer;
	filter: brightness(1);
}
/* ******************** img display ******************** */
.display_mb{
	display: none;
}
/* ******************** icon ******************** */
.fa-plus{
	font-size: 3vw;
	margin: 6vw 48.5vw 0;
}
/* ******************** new line ******************** */
.crlf_pc{
	display: block;
}
.crlf_tb{
	display: none;
}
.crlf_mb{
	display: none;
}
/* ******************** line ******************** */
.line{
	width: 98vw;
	height: .1vw;
	margin: 6vw 1vw 0;
	background-image: -webkit-linear-gradient(left, transparent, #333 25%, #333 75%, transparent);
	background-image: linear-gradient(to right, transparent, #333 25%, #333 75%, transparent);
	background-position: center;
	background-repeat: no-repeat;
}
/* ******************** list style ******************** */
.none{
	list-style: none outside;
}
.number{
	list-style: decimal outside;
}
.disc{
	list-style: disc outside;
}
.asterisk{

}
/* ******************** menu ******************** */
/* ---------- button ---------- */
#nav_toggle{
	position: fixed;
	padding: 1.6vw 0 0;
	right: 6vw;
	cursor: pointer;
}
#nav_toggle > div{
	position: relative;
	width: 2.9vw;
	height: 2.9vw;
}
#nav_toggle span{
	width: 2.9vw;
	height: 0.3vw;
	display: block;
	background: #fff;
	position: absolute;
	transition: transform .3s ease-in-out, top .5s ease;
}
#nav_toggle span:nth-child(1){
	top: 0;
}
#nav_toggle span:nth-child(2){
	top: 1vw;
}
#nav_toggle span:nth-child(3){
	top: 2vw;
}
#nav_toggle:hover span:nth-child(1){
	top: .2vw;
}
#nav_toggle:hover span:nth-child(3){
	top: 1.8vw;
}
/* ---------- button open ---------- */
.open #nav_toggle span:nth-child(1){
	top: 1vw;
	transform: rotate(45deg);
	transition: all .8s ease;
}
.open #nav_toggle span:nth-child(2){
	top: 1vw;
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3){
	top: 1vw;
	transform: rotate(-45deg);
	transition: all .8s ease;
}
/* *** -zindex- menuButton > menuList > contents  *** */
#nav_toggle{
	z-index: 1000;
}
#nav_global nav{
	z-index: 999;
}
main{
	z-index: 900;
}
/* ---------- screen ---------- */
#nav_global{
	background-color: #b62e00;
	position: fixed;
	width: 100vw;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 990;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	transform: translateX(-100%);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open #nav_global{
	transform: translateX(0);
}
/* ---------- list ---------- */
#nav_global ul{
	padding-top: 2.5vw;
}
#nav_global ul li{
	font-size: 2vw;
	line-height: 1.2;
	margin: 0 0 1vw 7vw;
	position: relative;
	transform: translateX(-450px);
	transition: transform 1.3s ease;
}
#nav_global ul li:nth-child(2){
	transition-delay: .15s;
}
#nav_global ul li:nth-child(3){
	transition-delay: .3s;
}
#nav_global ul li:nth-child(4){
	transition-delay: .45s;
}
#nav_global ul li:nth-child(5){
	transition-delay: .6s;
}
#nav_global ul li:nth-child(6){
	transition-delay: .75s;
}
#nav_global ul li:nth-child(7){
	transition-delay: .9s;
}
#nav_global ul li:nth-child(8){
	transition-delay: 1.05s;
}
.open #nav_global li{
	transform: translateX(0);
}
#nav_global a{
	color: #fff;
	border-bottom: 0.1vw solid rgba(255, 255, 255, 0);
	display: inline-block;
	padding-left: 0.5vw;
	transition: all 1s ease;
}
.open #nav_global a:hover{
	border-color: #fff;
	padding-right: 5vw;
}
/* ***---***---***---***---***---*** header ***---***---***---***---***---*** */
.main_header .label{
	background-color: #b62e00;
	opacity: .95;
	width: 100vw;
	padding: 1vw 46vw;
	position: fixed;
	z-index: 990;
}
.main_header .label h1{
	font-size: 2.6vw;
	filter: brightness(1);
}
.main_header  .label h1 a{
	color: #fff;
}
.main_header .label h1:hover{
	filter: brightness(1.3);
	transition: filter .2s cubic-bezier(0, 2.5, 0.2, 2.5);
}
/* ***---***---***---***---***---*** segment ***---***---***---***---***---*** */
/* ******************** header ********************* */
.content_header{
	height: 100vh;
	background-size: 100vw auto;
	background-repeat:no-repeat;
	background-position:contain;
}
.content_header h2{
	font-size: 4vw;
	color: #fff;
	text-align: center;
	text-shadow: 0.1vw 0.1vw 0 #338749, -0.1vw 0.1vw 0 #338749, 0.1vw -0.1vw 0 #338749, -0.1vw -0.1vw 0 #338749;
	padding: 24vw 0 0;
}
.content_header img{
	width: 100vw;
}
/* ******************** section ********************* */
.set_section{
	padding: 6vw 0;
}
section{
	margin: 6vw 10vw 0;
}
section .area_title{
	padding: 0 0 2vw 0;
}
section .area_title h2{
	font-size: 2vw;
	text-align: center;
}
section .area_title p{
	font-size: 1vw;
	line-height: 1.4;
	text-align: center;
	margin: 2vw 0 0;
}
section .contents{
	margin: 2vw 0 0;
}
section .contents p,
section .contents ul li,
section .contents dl dd{
	font-size: 1vw;
	line-height: 1.4;
	text-align: center;
}
/* ***---***---***---***---***---*** page_main ***---***---***---***---***---*** */
/* ******************** segment_service ******************** */
.segment_service{
	margin: 0 10vw;
}
.segment_service .contents{
	width: 80vw;
}
.segment_service .contents dl{
	margin: 0 .5vw 1.8vw;
}
.segment_service .contents dl dt{
	width: 19vw;
}
.segment_service .contents dl dt img{
	width: 19vw;
}
.segment_service .contents dl dd{
	width: 19vw;
}
.segment_service .contents dl dd .text,
.segment_service .contents_right dl dd .text{
	margin: .6vw 0 0;
	text-align: center;
}
.segment_service .contents dl dd .text h3,
.segment_service .contents_right dl dd .text h3{
	font-weight: bold;
	line-height: 1.2;
}
.segment_service .contents dl dd .text h3{
	font-size: 1vw;
	margin: 0 0 .2vw;
}
.segment_service .contents dl dd .text p{
	font-size: .8vw;
}
/* ******************** segment_materials ******************** */
.segment_materials .contents_left{
	width: 35vw;
}
.segment_materials .contents_left{
	margin: 0 5vw 0 0;
}
.segment_materials .contents_left dl dt img{
	width: 35vw;
}
.segment_materials .contents_left dl dd .text h3{
	font-size: 2.1vw;
}
.segment_materials .contents_right{
	width: 40vw;
}
.segment_materials .contents_right dl:nth-child(1),
.segment_materials .contents_right dl:nth-child(3){
	margin: 0 1vw 1.8vw 0;
}
.segment_materials .contents_right dl:nth-child(2),
.segment_materials .contents_right dl:nth-child(4){
	margin: 0 0 1.8vw 1vw;
}
.segment_materials .contents_right dl dt img{
	width: 19vw;
}
.segment_materials .contents_right dl dd{
	width: 19vw;
}
.segment_materials .contents_left dl dd .text,
.segment_materials .contents_right dl dd .text{
	margin: .6vw 0 0;
	text-align: center;
}
.segment_materials .contents_left dl dd .text h3,
.segment_materials .contents_right dl dd .text h3{
	line-height: 1.2;
}
.segment_materials .contents_right dl dd .text h3{
	font-size: 1vw;
}
/* ******************** segment_insurance ******************** */
.segment_insurance .contents .area_img img{
	width: 50vw;
	padding: 0 15vw;
}
.segment_insurance .contents .area_text{
	width: 35vw;
	margin: 1vw 22.5vw 0;
}
.segment_insurance .contents .area_text p{
	font-size: 1.2vw;
	color: #333;
	text-align: center;
}
.segment_insurance .contents .area_text .link{
	font-size: 1vw;
	color: #333;
	text-align: center;
	margin: .8vw;
}
.segment_insurance .contents .area_text .link a{
	color: #333;
	transition: all .6s ease;
}
.segment_insurance .contents .area_text .link a:hover{
	color: #ef0f00;
}
/* ******************** segment_ideology ******************** */
.segment_ideology .contents{
	padding: 0 8.5vw;
}
.segment_ideology .contents dl{
	width: 15vw;
	padding: 0 3vw;
}
.segment_ideology .contents dl dt img{
	width: 6vw;
	padding: 0 4.5vw 1.2vw;
}
.segment_ideology .contents dl dd h3{
	text-align: center;
	margin: 0 0 .3vw;
}
/* ***---***---***---***---***---*** page_about ***---***---***---***---***---*** */
.page_about .segment_textAlignLeft{
	width: 60vw;
	margin: 6vw 20vw 0;
}
.page_about .segment_textAlignLeft .contents{
	text-align: left;
}
.page_about .segment_textAlignLeft .contents dl{
	width: 60vw;
}
.page_about .segment_textAlignLeft .contents dl dt{
	border-bottom: solid .1vw #333;
	vertical-align: baseline;
	width: 19vw;
	padding: 0 0 .6vw 1vw;
}
.page_about .segment_textAlignLeft .contents dl dd{
	border-bottom: solid .1vw #333;
	line-height: 1;
	vertical-align: baseline;
	width: 40vw;
	padding: 0 0 .6vw;
	margin: 4vw 0 0;
}
.page_about .segment_textAlignLeft .contents dl dt,
.page_about .segment_textAlignLeft .contents dl dd,
.page_about .segment_textAlignLeft .contents dl dd ul li{
	font-size: 1.2vw;
	line-height: 1.2;
}
.page_about .segment_textAlignLeft .contents dl dd ul li{
	margin: 0 0 .6vw 0;
}
.page_about .segment_textAlignLeft .contents dl dd ul li:last-child{
	margin: 0;
}
.page_about .segment_textAlignLeft .contents dl dd:last-child ul li{
	margin: 0 0 .6vw 1.2vw;
}
.page_about .segment_textAlignLeft .contents dl dd:last-child ul li:last-child{
	margin: 0 0 0 1.2vw;
}
.page_about .segment_textAlignLeft .contents dl dd ul li a{
	line-height: 1;
}
/* ***---***---***---***---***---*** page_company ***---***---***---***---***---*** */
.page_company .segment_brand .contents dl:nth-child(1){
	margin: 0 0 3vw 0;
}
.page_company .segment_brand .contents dl dt{
	width: 40vw;
}
.page_company .segment_brand .contents dl dt .text{
	padding: 2.5vw 5vw;
}
.page_company .segment_brand .contents dl dt .text h3{
	font-size: 1.5vw;
	margin: 0 0 1vw 0;
}
.page_company .segment_brand .contents dl dd img{
	width: 40vw;
}
.page_company .segment_brand .contents dl dt img{
	width: 40vw;
}
.page_company .segment_brand .contents dl dd{
	width: 40vw;
}
.page_company .segment_brand .contents dl dd .text{
	padding: 2.5vw 5vw;
}
.page_company .segment_brand .contents dl dd .text h3{
	font-size: 1.5vw;
	margin: 0 0 1vw 0;
}
.page_company .segment_factory .area_title h2{
	padding: 0 0 1vw 0;
}
.page_company .segment_factory .area_title p{
	width: 40vw;
	margin: 0 20vw;
}
.page_company .segment_factory  .contents ul{
	width: 63vw;
	margin: 0 8.5vw;
}
.page_company .segment_factory .contents ul li{
	width: 20vw;
	margin: .5vw;
}
/* ***---***---***---***---***---*** footer ***---***---***---***---***---*** */
footer{
	background-color: #b62e00;
	padding: 3vw 10vw;
}
footer h2{
	font-size: 1.6vw;
	color: #fff;
	text-align: center;
	margin: 0 0 2vw 0;
}
footer h3{
	font-size: 1vw;
	color: #fff;
	text-align: center;
}
footer p,
footer ul li,
footer a{
	font-size: 1vw;
	color:#fff;
	transition: all .6s ease;
}
footer p:hover,
footer ul li:hover,
footer a:hover{
	opacity: .7;
}
footer ul li{
	margin: 0 0 1.6vw 0;
}
footer .line{
	width: 80vw;
	margin: 6vw 0 4.2vw;
	background-image: -webkit-linear-gradient(left, transparent, #fff 25%, #fff 75%, transparent);
	background-image: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent);
}
/* ******************** segment_infomation ******************** */
.segment_infomation{
	width: 12vw;
	margin: 0 34vw 0;
}
.segment_infomation h2{
	font-size: 2.4vw;
	margin: 0 0 1.4vw 0;
}
.segment_infomation a p{
	text-align: center;
}
/* ******************** segment_copyright ******************** */
.segment_copyright{
	width: 12vw;
	margin: 1vw 34vw 0;
}
.segment_copyright p{
	font-size: .7vw;
	line-height: 1;
	text-align: center;
}



@media screen and (max-width: 1024px) and (min-height: 940px){
	/* ***---***---***---***---***---*** perts ***---***---***---***---***---*** */
	/* ******************** img display ******************** */
	.display_pc{
		display: none;
	}
	.display_mb{
		display: block;
	}
	/* ******************** new line ******************** */
	.crlf_pc{
		display: none;
	}
	.crlf_tb{
		display: block;
	}
	/* ******************** line ******************** */
	.line{
		width: 94vw;
		height: .2vw;
		margin: 12vw 3vw 0;
	}
	/* ******************** menu ******************** */
	/* ---------- button ---------- */
	#nav_toggle{
		padding: 3vw 0 0;
		right: 10vw;
	}
	#nav_toggle span{
		width: 9vw;
		height: .8vw;
	}
	#nav_toggle span:nth-child(1){
		top: 0;
	}
	#nav_toggle span:nth-child(2){
		top: 3vw;
	}
	#nav_toggle span:nth-child(3){
		top: 6vw;
	}
	#nav_toggle:hover span:nth-child(1){
		top: 0vw;
	}
	#nav_toggle:hover span:nth-child(3){
		top: 6vw;
	}
	/* ---------- button open ---------- */
	.open #nav_toggle span:nth-child(1){
		top: 3vw;
	}
	.open #nav_toggle span:nth-child(2){
		top: 3vw;
	}
	.open #nav_toggle span:nth-child(3){
		top: 3vw;
	}
	/* ---------- list ---------- */
	#nav_global ul{
		padding-top: 16vw;
	}
	#nav_global ul li{
		font-size: 4.6vw;
		margin: 0 0 3vw 7vw;
	}
	/* ***---***---***---***---***---*** header ***---***---***---***---***---*** */
	.main_header .label{
		padding: 2vw 0;
	}
	.main_header .label h1{
		font-size: 6vw;
		text-align: center;
		width: 100%;
	}
	/* ***---***---***---***---***---*** segment ***---***---***---***---***---*** */
	/* ******************** header ******************** */
	.content_header h2{
		font-size: 7vw;
		line-height: 1.4;
		text-shadow: 0.2vw 0.2vw 0 #338749, -0.2vw 0.2vw 0 #338749, 0.2vw -0.2vw 0 #338749, -0.2vw -0.2vw 0 #338749;
		padding: 60vw 0 0;
	}
	/* ******************** section ******************** */
	.set_section{
		padding: 0 0 8vw;
	}
	section{
		margin: 12vw 10vw 0;
	}
	section .area_title h2 {
		font-size: 3.6vw;
		line-height: 1;
	}
	section .area_title p {
		font-size: 2vw;
		line-height: 1.4;
		margin: 2vw 0 0;
	}
	section .contents{
		margin: 4vw 0 0;
	}
	section .contents p,
	section .contents ul li,
	section .contents dl dd{
		font-size: 2vw;
		line-height: 1.4;
	}
	.segment_service {
		margin: 12vw 6vw 0;
	}
	.segment_service .contents{
		width: 88vw;
	}
	.segment_service .contents dl{
		width: 40vw;
	}
	.segment_service .contents dl{
		margin: 0 2vw 5vw;
	}
	.segment_service .contents dl dt img{
		width: 40vw;
	}
	.segment_service .contents dl dd{
		width: 40vw;
	}
	.segment_service .contents dl dd{
		margin: 1vw 0 0;
	}
	.segment_service .contents dl dd .text {
		margin: 0;
	}
	.segment_service .contents dl dd .text h3 {
		font-size: 3vw;
	}
	.segment_service .contents dl dd .text p{
		font-size: 2vw;
	}
	/* ******************** segment_materials ******************* */
	.segment_materials{
		margin: 12vw 6vw 0;
	}
	.segment_materials .contents_right{
		width: 88vw;
	}
	.segment_materials .contents_right dl{
		width: 38vw;
	}
	.segment_materials .contents_right dl:nth-child(1){
		margin: 0 3vw 5vw;
	}
	.segment_materials .contents_right dl:nth-child(2){
		margin: 0 3vw 5vw;
		}
	.segment_materials .contents_right dl:nth-child(3){
		margin: 0 3vw 5vw;
	}
	.segment_materials .contents_right dl:nth-child(4){
		margin: 0 3vw 5vw;
	}
	.segment_materials .contents_right dl dt img{
		width: 38vw;
		}
	.segment_materials .contents_right dl dd{
		width: 38vw;
	}
	.segment_materials .contents_right dl dd{
		margin: 3vw 0 0;
	}
	.segment_materials .contents_right dl dd .text {
		margin: 0;
	}
	.segment_materials .contents_right dl dd .text h3 {
		font-size: 3vw;
	}
	.segment_materials .contents_left{
		width: 88vw;
		margin: 0;
	}
	.segment_materials .contents_left dl{
		width: 88vw;
		margin: 0 0 5vw;
	}
	.segment_materials .contents_left dl dt img{
		width: 88vw;
	}
	.segment_materials .contents_left dl dd{
		width: 88vw;
	}
	.segment_materials .contents_left dl dd{
		margin: 1.5vw 0 0;
	}
	.segment_materials .contents_left dl dd .text {
		margin: 0;
	}
	.segment_materials .contents_left dl dd .text h3 {
		font-size: 5vw;
	}
	/* ******************** segment_insurance ******************** */
	.segment_insurance{
		margin: 12vw 6vw 0;
	}
	.segment_insurance .contents{
		margin: 0;
	}
	.segment_insurance .contents .area_img img {
		width: 88vw;
		padding: 0;
	}
	.segment_insurance .contents .area_text {
		width: 88vw;
		margin: 3vw 0 0;
	}
	.segment_insurance .contents .area_text p{
		font-size: 3vw;
		text-shadow: 0.3vw 0.3vw 0 #fff, -0.3vw 0.3vw 0 #fff, 0.3vw -0.3vw 0 #fff, -0.3vw -0.3vw 0 #fff;
	}
	.segment_insurance .contents .area_text .link{
		font-size: 3vw;
		text-shadow: 0.3vw 0.3vw 0 #fff, -0.3vw 0.3vw 0 #fff, 0.3vw -0.3vw 0 #fff, -0.3vw -0.3vw 0 #fff;
		margin: 2.4vw;
	}
	/* ******************** segment_ideology ******************** */
	.segment_ideology{
		margin: 12vw 5vw 0;
	}
	.segment_ideology .contents{
		padding: 0;
		margin: 0;
	}
	.segment_ideology .contents dl{
		width: 26vw;
		padding: 0 2vw;
	}
	.segment_ideology .contents dl dt img{
		width: 10vw;
		padding: 0 6.5vw 4vw;
	}
	.segment_ideology .contents dl dd h3{
		font-size: 4vw;
		font-weight: 900;
		margin: 0 0 1vw;
	}
	.segment_ideology .contents dl dd p{
		font-size: 3vw;
	}
	/* ***---***---***---***---***---*** page_about ***---***---***---***---***---*** */
	.page_about .set_section{
		padding: 0 0 16vw;
	}
	/* ******************** segment_textAlignLeft ******************** */
	.segment_textAlignLeft {
		width: 80vw;
		margin: 18vw 10vw 0;
	}
	.segment_textAlignLeft .contents ul li{
		margin: 0 0 2.4vw 5vw;
	}
	.segment_textAlignLeft .contents ul li ul li{
		margin: 0 0 0 5vw;
	}
	.segment_textAlignLeft .contents h3{
		font-size: 2.8vw;
		margin: 6vw 0 2vw 5vw;
	}
	.page_about .segment_textAlignLeft{
		width: 90vw;
		padding: 26vw 0 0;
		margin: 0 5vw;
	}
	.page_about .segment_textAlignLeft .area_title{
		padding: 0;
	}
	.page_about .segment_textAlignLeft .area_title h2 {
        font-size: 4vw;
        line-height: 1;
    }
	.page_about .segment_textAlignLeft .contents {
        margin: 0;
    }
	.page_about .segment_textAlignLeft .contents dl {
		width: 90vw;
		margin: 6vw 0 0;
	}
	.page_about .segment_textAlignLeft .contents dl dt{
		font-size: 3vw;
		border-bottom: solid .4vw #333;
		width: 28vw;
		padding: 0 0 1.6vw 2vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd{
		width: 58vw;
		border-bottom: solid .4vw #333;
		padding: 0 0 1.6vw 2vw;
		margin: 0vw 0 12vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child{
		margin: 0;
	}
	.page_about .segment_textAlignLeft .contents dl dd,
	.page_about .segment_textAlignLeft .contents dl dd ul li{
		font-size: 3vw;
		text-align: left;
	}
	.page_about .segment_textAlignLeft .contents dl dd ul li{
		margin: 0 0 3vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child ul li {
		margin: 0 0 2vw 4.2vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child ul li:last-child {
		margin: 0 0 0 4.2vw;
	}
	/* ***---***---***---***---***---*** page_company ***---***---***---***---***---*** */
	.page_company .segment_brand{
		width: 90vw;
		padding: 26vw 0 0;
		margin: 0 5vw 0;
	}
	.page_company .segment_brand .area_title {
		padding: 0 0 6vw;
	}
	.page_company .segment_brand .contents{
		margin: 0;
	}
	.page_company .segment_brand .contents dl{
		width: 90vw;
	}
	.page_company .segment_brand .contents dl:nth-child(1) {
		margin: 0 0 6vw 0;
	}
	.page_company .segment_brand .contents dl dt{
		width: 45vw;
	}
	.page_company .segment_brand .contents dl dt .text {
		padding: 0;
	}
	.page_company .segment_brand .contents dl dt .text h3,
	.page_company .segment_brand .contents dl dd .text h3 {
		font-size: 4vw;
		margin: 0 0 1vw 0;
	}
	.page_company .segment_brand .contents dl p{
		font-size: 3vw;
		text-align: left;
	}
	.page_company .segment_brand .contents dl dd{
		width: 45vw;
	}
	.page_company .segment_brand .contents dl dd img {
		width: 40vw;
		padding: 10vw 0 0 5vw;
	}
	.page_company .segment_brand .contents dl dt img {
		padding: 50vw 5vw 0 0;
	}
	.page_company .segment_brand .contents dl dd .text {
		padding: 0;
	}
	.page_company .segment_factory{
		width: 90vw;
		margin: 12vw 5vw 0;
	}
	.page_company .segment_factory .area_title{
		width: 90vw;
	}
	.page_company .segment_factory .area_title h2{
		font-size: 4vw;
		padding: 0 0 6vw 0;
	}
	.page_company .segment_factory .area_title p {
		font-size: 3vw;
		width: 80vw;
		margin: 0 5vw;
	}
	.page_company .segment_factory .contents ul{
		width: 90vw;
		margin: 0;
	}
	.page_company .segment_factory .contents ul li{
		width: 30vw;
		margin: 0 0 3vw;
	}
	.page_company .segment_factory .contents ul li img{
		width: 30vw;
	}
	/* ***---***---***---***---***---*** footer ***---***---***---***---***---*** */
	footer{
		padding: 10vw 6vw 6vw;
		margin: 0;
	}
	footer h2{
		font-size: 4vw;
		margin: 0 0 8vw 0;
	}
	footer h3{
		font-size: 4vw;
		margin: 0 0 1vw;
	}
	footer p,
	footer ul li,
	footer a{
		font-size: 3vw;
	}
	footer ul li{
		margin: 0 0 6vw 0;
	}
	footer .line {
    width: 80vw;
    margin: 12vw 0 4.2vw;
	}
	/* ******************** segment_infomation ******************** */
.segment_infomation{
	width: 88vw;
	margin: 0;
}
.segment_infomation h2{
	font-size: 6vw;
	margin: 0 0 3vw 0;
}
.segment_infomation a p{
	text-align: center;
}
	/* ******************** segment_copyright ******************** */
	.segment_copyright{
		width: 88vw;
		padding: 0;
		margin: 5vw 0;
	}
	.segment_copyright p{
		font-size: 3vw;
		margin: 0 0 4vw 0;
	}
	.segment_copyright p{
		line-height: 1;
	}
}



@media screen and (max-width: 720px) and (min-height: 550px){
	/* ***---***---***---***---***---*** perts ***---***---***---***---***---*** */
	/* ******************** line ******************** */
	.line {
		height: .4vw;
		margin: 18vw 1vw 0;
	}
	/* ******************** new line ******************** */
	.crlf_tb{
		display: none;
	}
	.crlf_mb{
		display: block;
	}
	/* ******************** icon ******************** */
	.fa-plus {
		font-size: 8vw;
		margin: 12vw 46vw 0;
	}
	/* ******************** img display ******************** */
	.display_pc{
		display: none;
	}
	.display_mb{
		display: block;
	}
	/* ******************** menu ******************** */
	/* ---------- button ---------- */
	#nav_toggle{
		padding: 4.5vw 0 0;
		right: 12vw;
	}
	#nav_toggle span{
		width: 12vw;
		height: 1vw;
	}
	#nav_toggle span:nth-child(1){
		top: 0;
	}
	#nav_toggle span:nth-child(2){
		top: 4vw;
	}
	#nav_toggle span:nth-child(3){
		top: 8vw;
	}
	#nav_toggle:hover span:nth-child(1){
		top: 0vw;
	}
	#nav_toggle:hover span:nth-child(3){
		top: 8vw;
	}
	/* ---------- button open ---------- */
	.open #nav_toggle span:nth-child(1){
		top: 4vw;
	}
	.open #nav_toggle span:nth-child(2){
		top: 4vw;
	}
	.open #nav_toggle span:nth-child(3){
		top: 4vw;
	}
	/* ---------- list ---------- */
	#nav_global ul{
		padding-top: 20vw;
	}
	#nav_global ul li{
		font-size: 6.6vw;
		margin: 0 0 6vw 7vw;
	}
	/* ***---***---***---***---***---*** header ***---***---***---***---***---*** */
	.main_header .label{
		padding: 3vw 0 3vw 38vw;
	}
	.main_header .label h1{
		font-size: 8vw;
	}
	/* ***---***---***---***---***---*** segment ***---***---***---***---***---*** */
	/* ******************** segment ******************** */
	/* ---------- section ---------- */
	.set_section{
		padding: 18vw 0;
	}
	/* ---------- segment_textAlignLeft ---------- */
	.segment_textAlignLeft {
		width: 80vw;
		margin: 18vw 10vw 0;
	}
	.segment_textAlignLeft .contents ul li{
		margin: 0 0 2.4vw 5vw;
	}
	.segment_textAlignLeft .contents ul li ul li{
		margin: 0 0 2vw 5vw;
	}
	.segment_textAlignLeft .contents h3{
		font-size: 4.6vw;
		margin: 6vw 0 2vw 5vw;
	}
	/* ---------- area_title ---------- */
	section .area_title h2 {
		font-size: 6vw;
		line-height: 1.4;
	}
	/* ***---***---***---***---***---*** page_main ***---***---***---***---***---*** */
	.segment_service{
		margin: 0;
	}
	.segment_service .contents{
		width: 94vw;
		margin: 0 3vw;
	}
	.segment_service .contents dl{
		width: 43vw;
		margin: 0 2vw 10vw;
	}
	.segment_service .contents dl dt{
		width: 43vw;
	}
	.segment_service .contents dl dt img{
		width: 43vw;
	}
	.segment_service .contents dl dd{
		background-color: inherit;
		width: 43vw;
		height: auto;
	}
	.segment_service .contents dl dd{
		margin: 3vw 0 0;
	}
	.segment_service .contents dl dd .text {
		margin: 0;
	}
	.segment_service .contents dl dd .text h3 {
		font-size: 5vw;
	}
	.segment_service .contents dl dd .text p {
		font-size: 4vw;
	}
	/* ******************** segment_materials ******************* */
	.segment_materials{
		margin: 18vw 0 0;
	}
	.segment_materials .contents_right{
		width: 100vw;
	}
	.segment_materials .contents_right dl{
		width: 45vw;
	}
	.segment_materials .contents_right dl:nth-child(1){
		margin: 0 5vw 10vw 0;
	}
	.segment_materials .contents_right dl:nth-child(2){
		margin: 0 0 10vw 5vw;
	}
	.segment_materials .contents_right dl:nth-child(3){
		margin: 0 5vw 0 0;
	}
	.segment_materials .contents_right dl:nth-child(4){
		margin: 0 0 0 5vw;
	}
	.segment_materials .contents_right dl dt img{
		width: 45vw;
	}
	.segment_materials .contents_right dl dd{
		background-color: inherit;
		width: 45vw;
		height: auto;
	}
	.segment_materials .contents_right dl dd{
		margin: 3vw 0 0;
	}
	.segment_materials .contents_right dl dd .text {
		margin: 0;
	}
	.segment_materials .contents_right dl dd .text h3 {
		font-size: 5vw;
	}
	.segment_materials .contents_left{
		width: 100vw;
		margin: 0;
	}
	.segment_materials .contents_left dl{
		width: 100vw;
		margin: 0 0 10vw;
	}
	.segment_materials .contents_left dl dt img{
		width: 100vw;
	}
	.segment_materials .contents_left dl dd{
		background-color: inherit;
		width: 100vw;
		height: auto;
	}
	.segment_materials .contents_left dl dd{
		margin: 3vw 0 0;
	}
	.segment_materials .contents_left dl dd .text {
		margin: 0;
	}
	.segment_materials .contents_left dl dd .text h3 {
		font-size: 5vw;
	}
	/* ******************** segment_insurance ******************** */
	.segment_insurance{
		margin: 18vw 0 0;
	}
	.segment_insurance .contents{
		margin: 0;
	}
	.segment_insurance .contents .area_img img {
		width: 100vw;
		padding: 0;
	}
	.segment_insurance .contents .area_text {
		width: 80vw;
		margin: 3vw 10vw 0;
	}
	.segment_insurance .contents .area_text p{
		font-size: 4vw;
		text-shadow: 0.3vw 0.3vw 0 #fff, -0.3vw 0.3vw 0 #fff, 0.3vw -0.3vw 0 #fff, -0.3vw -0.3vw 0 #fff;
	}
	.segment_insurance .contents .area_text .link{
		font-size: 4vw;
		text-shadow: 0.3vw 0.3vw 0 #fff, -0.3vw 0.3vw 0 #fff, 0.3vw -0.3vw 0 #fff, -0.3vw -0.3vw 0 #fff;
		margin: 2.4vw;
	}
	/* ******************** segment_ideology ******************** */
	.segment_ideology{
		margin: 18vw 10vw 0;
	}
	.segment_ideology .contents{
		padding: 0;
		margin: 0;
	}
	.segment_ideology .contents dl{
		width: 80vw;
		padding: 0;
	}
	.segment_ideology .contents dl dt img{
		width: 30vw;
		padding: 0 25vw 4vw;
	}
	.segment_ideology .contents dl dd h3{
		font-size: 6vw;
		font-weight: 900;
		margin: 0 0 1vw;
	}
	.segment_ideology .contents dl dd p{
		font-size: 4vw;
	}
	/* ***---***---***---***---***---*** page_about ***---***---***---***---***---*** */
	/* ******************** segment_textAlignLeft ******************** */
	.page_about .segment_textAlignLeft{
		width: 80vw;
		padding: 36vw 0 0;
		margin: 0 10vw;
	}
	.page_about .segment_textAlignLeft .contents dl{
		width: 80vw;
	}
	.page_about .segment_textAlignLeft .contents dl dt{
		font-size: 5vw;
		border-bottom: solid 0 #333;
		width: 80vw;
		padding: 0 0 0 2vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd{
		width: 80vw;
		border-bottom: solid .4vw #333;
		padding: 0 0 2vw 2vw;
		margin: 3.6vw 0 12vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child{
		margin: 3.6vw 0 0;
	}
	.page_about .segment_textAlignLeft .contents dl dd,
	.page_about .segment_textAlignLeft .contents dl dd ul li{
		font-size: 4vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd ul li{
		margin: 0 0 2vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child ul li {
		margin: 0 0 2vw 4.2vw;
	}
	.page_about .segment_textAlignLeft .contents dl dd:last-child ul li:last-child {
		margin: 0 0 0 4.2vw;
	}
	/* ***---***---***---***---***---*** page_company ***---***---***---***---***---*** */
	/* ******************** segment_brand ******************** */
	.page_company .segment_brand{
		width: 100vw;
		margin: 18vw 0 0;
	}
	.page_company .segment_brand .contents dl:nth-child(1) {
		margin: 0 0 10vw 0;
	}
	.page_company .segment_brand .contents dl dt{
		width: 100vw;
	}
	.page_company .segment_brand .contents dl dt .text {
		padding: 8vw 5vw;
	}
	.page_company .segment_brand .contents dl dt .text h3 {
		font-size: 5vw;
		text-align: center;
		margin: 0 0 3vw 0;
	}
	.page_company .segment_brand .contents dl dt .text p{
		font-size: 4vw;
	}
	.page_company .segment_brand .contents dl dd{
		width: 100vw;
	}
	.page_company .segment_brand .contents dl dd img{
		width: 100vw;
	}
	.page_company .segment_brand .cocntents dl dd{
		width: 100vw;
	}
	.page_company .segment_brand .contents dl dt img{
		width: 100vw;
	}
	.page_company .segment_brand .contents dl dd .text {
		padding: 8vw 5vw;
	}
	.page_company .segment_brand .contents dl dd .text h3{
		font-size: 5vw;
		text-align: center;
		margin: 0 0 3vw 0;
	}
	.page_company .segment_brand .contents dl dd .text p{
		font-size: 4vw;
	}
	.page_company .segment_brand .cocntents dl dd{
		width: 100vw;
	}
	/* ******************** segment_factory ******************** */
	.page_company .segment_factory{
		width: 100vw;
		margin: 18vw 0 0;
	}
	.page_company .segment_factory .area_title p {
		font-size: 4vw;
		width: 90vw;
		margin: 0 5vw;
	}
	.page_company .segment_factory .contents ul {
		width: 90vw;
		margin: 0 5vw;
	}
	.page_company .segment_factory .contents ul li {
		width: 90vw;
		margin: 6vw 0;
	}
	.page_company .segment_factory .contents ul li img{
		width: 90vw;
	}
	/* ***---***---***---***---***---*** footer ***---***---***---***---***---*** */
	footer{
		padding: 18vw 10vw 8vw;
		margin: 0;
	}
	footer h2{
		font-size: 8vw;
		margin: 0 0 8vw 0;
	}
	footer h3{
		font-size: 5vw;
		margin: 0 0 1vw;
	}
	footer p,
	footer ul li,
	footer a{
		font-size: 4vw;
	}
	footer ul li{
		margin: 0 0 6vw 0;
	}
	footer .line {
    width: 80vw;
    margin: 12vw 0 4.2vw;
	}
	/* ******************** segment_infomation ******************** */
.segment_infomation{
	width: 80vw;
	margin: 0;
}
.segment_infomation h2{
	font-size: 10vw;
	margin: 0 0 3vw 0;
}
.segment_infomation a p{
	text-align: center;
}
	/* ******************** segment_copyright ******************** */
	.segment_copyright{
		width: 80vw;
		padding: 0;
		margin: 5vw 0;
	}
	.segment_copyright p{
		font-size: 4vw;
		margin: 0 0 4vw 0;
	}
	.segment_copyright p{
		line-height: 1;
	}
}