@charset "UTF-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  min-height: 100%;
  position: relative;
}

body {
	line-height:1;
  	font-family: 'Roboto', sans-serif;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

img{
	line-height:1;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5{font-weight: normal;}



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

   SP用

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

@media screen and (max-width:640px) { 
	/*　画面サイズが640px以下の場合、ここのスタイルを読み込む　*/
.pc{display: none;}
.breadcrumb{display: none;}
#main{display: none;}

#header_en{
position: relative;
width: 100%;
height: calc((218 / 620) * 100 * 1vw);
background-image: url(../images/navi_back_sp.png);
background-position: center top;
background-repeat: repeat-x;
background-size: 100% auto;
z-index: 2000;
overflow: hidden;
}

#header_en .headInner{
width: 100%;
margin: 0 auto;
position: relative;
}

#header_en .headInner #logo{
display: block;
width: calc((159 / 620) * 100 * 1vw);
height: calc((59 / 620) * 100 * 1vw);
margin: calc((20 / 620) * 100 * 1vw) auto 0;
}
#header_en .headInner #logo img{
width: 100%;
height: auto;
}

#header_en .headInner #enNavi{width: calc((450 / 620) * 100 * 1vw);margin: calc((35 / 620) * 100 * 1vw) auto 0;overflow: hidden;}
#header_en .headInner #enNavi .menu{
margin: 0 auto;
overflow: hidden;
}
#header_en .headInner #enNavi .menu li{
	display: block;
	float: left;
	margin: 0 calc((15 / 620) * 100 * 1vw);
	text-align: center;
}
#header_en .headInner #enNavi .menu li a{
	color: #03803F;
	font-weight: bold;
	text-decoration: none;
	font-size: calc((18 / 620) * 100 * 1vw);
	line-height: calc((20 / 620) * 100 * 1vw);
}
#header_en .headInner #enNavi .menu li.contact a{
	display: block;
	width:calc((46 / 620) * 100 * 1vw);
	height:calc((46 / 620) * 100 * 1vw);
	background-image: url(../images/contact_en_icon.svg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	position: absolute;
	top:calc((10 / 620) * 100 * 1vw);
	right:calc((90 / 620) * 100 * 1vw);
}
#header_en .headInner #enNavi .menu li.contact a:hover{
opacity: 0.8;
}
#header_en .headInner #enNavi .menu li.contact,
#header_en .headInner #enNavi .menu li.change_JP{
	margin-top: 0;
	margin-right: 0;
}
#header_en .headInner #enNavi .menu li.change_JP a{
	display: block;
	width:calc((46 / 620) * 100 * 1vw);
	height:calc((46 / 620) * 100 * 1vw);
	border-radius: calc(3.7 * 1vw);
	background-color: #2B3D25;
	color: #FFF;
	font-size: calc((14 / 620) * 100 * 1vw);
	font-weight: normal;
	line-height:calc((46 / 620) * 100 * 1vw);
	text-align: center;
	position: absolute;
	top:calc((10 / 620) * 100 * 1vw);
	right:calc((30 / 620) * 100 * 1vw);
}

#main_sp{
clear: both;
width: 100%;
margin-top: calc((-23 / 620) * 100 * 1vw);
}
#main_sp ul {
width: 100%;
}
#main_sp ul li{
width: 100%;   
}
#main_sp ul li img{
width: 100%;
}

#video,#about_MVM{
background-color: #F3F3F3;
}
#video{
padding: calc((79 / 620) * 100 * 1vw) 0 calc((69 / 620) * 100 * 1vw);
width: 100%;
}
#video .wrap_video{
width: 90%;
height: calc((315 / 620) * 100 * 1vw);
margin: 0 auto;
}

#video .wrap_video iframe{
width: 100%;
height: 100%;
}

#about_MVM{width: 100%;}

#about_MVM .wrap_about_MVM{
width: 100%;
height: auto;
margin: 0 auto;
}

#about_MVM .wrap_about_MVM h2{
font-weight: bold;
font-size: calc((50 / 620) * 100 * 1vw);
color: #03803F;
line-height: calc((31 / 620) * 100 * 1vw);
margin-top: calc((-20 / 620) * 100 * 1vw);
margin-bottom: calc((65 / 620) * 100 * 1vw);
position: relative;
text-align: center;
}
#about_MVM .wrap_about_MVM h2 span{
font-weight: normal;
font-size: calc((18 / 620) * 100 * 1vw);
}
#about_MVM .wrap_about_MVM h2::after{
content: "";
display: block;
width: calc((23 / 620) * 100 * 1vw);
border-top: #03803F solid 1px;
position: absolute;
top:calc((95 / 620) * 100 * 1vw);
left: calc(50% - (9 / 620) * 100 * 1vw);
}

#about_MVM .wrap_about_MVM .wrap_about_contents{
width: 100%;
margin: 0 auto;
padding-bottom: calc((37 / 620) * 100 * 1vw);
position: relative;
}

#about_MVM .wrap_about_MVM .wrap_about_contents h3{
font-weight: bold;
font-style: italic;
font-size: calc((32 / 620) * 100 * 1vw);
padding-left: calc((40 / 620) * 100 * 1vw);
text-align: center;
margin-bottom: calc((28 / 620) * 100 * 1vw);
}
#about_MVM .wrap_about_MVM h3::after{
content: "";
display: block;
width: calc((36 / 620) * 100 * 1vw);
border-top: #000000 solid 1px;
position: absolute;
top: calc((17 / 620) * 100 * 1vw);
left: calc((90 / 620) * 100 * 1vw);
}

#about_MVM .wrap_about_MVM .wrap_about_contents p{
width: 90%;
margin: 0 auto;
font-size: calc((22 / 620) * 100 * 1vw);
line-height: calc((37 / 620) * 100 * 1vw);
letter-spacing: 0.05em;
color: #262626;
margin-bottom: calc((37 / 620) * 100 * 1vw);
}

#about_MVM .about_img1{
width: 100%;
margin-top: calc((20 / 620) * 100 * 1vw)!important;
margin-bottom: calc((52 / 620) * 100 * 1vw)!important;
}
#about_MVM .about_img2{
display: block;
width: 90%;
height: auto;
margin: calc((56 / 620) * 100 * 1vw) auto!important;
}

.sub_img{
width: 100%;
}
.sub_img img{
width: 100%;
height: auto;
}
.info_top{
height: calc((230 / 620) * 100 * 1vw);
}

#corporate_information{
clear: both;
width: 100%;
position: relative;
}

#corporate_information .wrap_corporate_information{
width: 90%;
height: auto;
margin: 0 auto calc((45 / 620) * 100 * 1vw);
padding-top: calc((69 / 620) * 100 * 1vw);
overflow: hidden;
}

#corporate_information .wrap_corporate_information h2{
font-weight: bold;
font-size: calc((43 / 620) * 100 * 1vw);
text-align: center;
color: #03803F;
line-height: calc((21 / 620) * 100 * 1vw);
margin-top: calc((9 / 620) * 100 * 1vw);
position: relative;
}
#corporate_information .wrap_corporate_information h2 span{
font-weight: normal;
font-size: calc((18 / 620) * 100 * 1vw);
text-align: center;
}
#corporate_information .wrap_corporate_information h2::after{
content: "";
display: block;
width: calc((23 / 620) * 100 * 1vw);
border-top: #03803F solid 1px;
position: absolute;
top:calc((57 / 620) * 100 * 1vw);
left: calc(50% - (11.5 / 620) * 100 * 1vw);
}
#corporate_information .wrap_corporate_information .wrap_info_contens{
width: 100%;
margin-top: calc((45 / 620) * 100 * 1vw);
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl{
overflow: hidden;
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl dt{
font-style: italic;
font-size: calc((24 / 620) * 100 * 1vw);
line-height: calc((35 / 620) * 100 * 1vw);
font-weight: 400;
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl dd{
font-size: calc((22 / 620) * 100 * 1vw);
line-height: calc((38 / 620) * 100 * 1vw);
color: #262626;
margin-bottom: calc((29 / 620) * 100 * 1vw);
padding-left: 1.5em;
}

.group_top{
height: calc((155 / 620) * 100 * 1vw);
}

#MVM_group{
background-color: #03803F;
color: #FFFFFF;
width: 100%;
}
#MVM_group .wrap_MVM_group{
width: 90%;
height: auto;
margin: 0 auto;
overflow: hidden;
padding-top: calc((70 / 620) * 100 * 1vw);
padding-bottom: calc((44 / 620) * 100 * 1vw);
}
#MVM_group .wrap_MVM_group h2{
font-weight: bold;
font-size: calc((50 / 620) * 100 * 1vw);
line-height: calc((29 / 620) * 100 * 1vw);
margin-top: calc((-15 / 620) * 100 * 1vw);
position: relative;
text-align: center;
}
#MVM_group .wrap_MVM_group h2 span{
font-weight: normal;
font-size: calc((18 / 620) * 100 * 1vw);
text-align: center;
}
#MVM_group .wrap_MVM_group h2::after{
content: "";
display: block;
width: calc((23 / 620) * 100 * 1vw);
border-top: #FFFFFF solid 1px;
position: absolute;
top:calc((95 / 620) * 100 * 1vw);
left: calc(50% - (11.5 / 620) * 100 * 1vw);
}
#MVM_group .wrap_MVM_group .wrap_group_contents{
width: 90%;
margin-top: calc((87 / 620) * 100 * 1vw);
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl{
width: 100%;
margin-bottom: calc((60 / 620) * 100 * 1vw);
letter-spacing: 0.1em;
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dt{
font-size: calc((26 / 620) * 100 * 1vw);
font-weight: bold;
line-height: calc((48 / 620) * 100 * 1vw);
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dd{
font-size: calc((21 / 620) * 100 * 1vw);
line-height: calc((36 / 620) * 100 * 1vw);
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dd.url a{
color: #FFFFFF;
}
#footer{
background-color: #03803F;
width: 100%;
}
#footer .footerInnerContents{
width: 100%;
height: auto;
overflow: hidden;
padding:calc((21 / 620) * 100 * 1vw) 0;
color: #FFFFFF;
text-align: center;
font-size: calc((12 / 620) * 100 * 1vw);
letter-spacing: 0.1em;
}
.pagetop {
    width: 80px;
    height: 54px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}

}/*SP用end*/




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

   PC用

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


@media screen and (min-width:641px) {
body{min-width: 1260px;}
.sp{display: none;}
#main_sp{display: none;}

#header_en{
position: relative;
width: 100%;
height: 130px;
background-size: 3000px 130px;
background-image: url(../images/navi_back.svg);
background-position: center top;
background-repeat: repeat-x;
z-index: 2000;
min-width: 1180px;
overflow: hidden;
}

#header_en .headInner{
position: relative;
width: 1180px;
height: 36px;
margin: 0 auto;
margin-top: 44px;
}

#header_en .headInner #logo{
display: block;
position: absolute;
top:-14px;
left: 0;
}

#header_en .headInner #enNavi{
	float: right;
	height: 36px;
}
#header_en .headInner #enNavi .menu li{
	display: block;
	height: 15px;
	float: left;
	margin:10.5px 25px 0;
}
#header_en .headInner #enNavi .menu li a{
	color: #03803F;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
	transition: .4s;
}
#header_en .headInner #enNavi .menu li.contact a{
	display: block;
	width:36px;
	height:36px;
	background-image: url(../images/contact_en_icon.svg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -2000px;
	transition: .4s;
}
#header_en .headInner #enNavi .menu li.contact a:hover{
opacity: 0.8;
}
#header_en .headInner #enNavi .menu li.contact,
#header_en .headInner #enNavi .menu li.change_JP{
	margin-top: 0;
	margin-right: 0;
}
#header_en .headInner #enNavi .menu li.change_JP a{
	display: block;
	width:36px;
	height:36px;
	border-radius: 18px;
	background-color: #2B3D25;
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	line-height:36px;
	text-align: center;
}

#header_en .headInner #enNavi .menu li.change_JP a:hover{
opacity: 0.8;
}

#main{
clear: both;
width: 100%;
min-width: 1260px;
min-height: 772px;
margin-top: -25px;
position: relative;
}
#main ul {
    width: 100%;
}
#main ul li{
    width: 100%;
    background-image: url(../images/main_back.svg),url(../images/main_img01.png);
    background-position: center bottom,center top;
    background-repeat: no-repeat,no-repeat;
	background-size: 3000px 130px,cover;
    margin-top: -30px;
    min-width: 1260px;
    min-height: 772px;
	padding-top: 300px;
    position: relative;
}

#main p{
font-family: 'Cinzel', serif;
font-weight: normal;
text-align: center;
color: #FFFFFF;
letter-spacing: 0.15em;
line-height: 1em;
text-shadow:0px 0px 3px rgba(0,0,0,0.6);
}
#main p.main_str1{
font-size: 25px;
margin-bottom: 18.5px;
display: none;
}
#main p.main_str2{
font-size: 64.4px;
display: none;
}
#main p.main_str2 span{
font-size: 74.15px;
}

#video,#about_MVM{
background-color: #F3F3F3;
overflow: hidden;
}
#video{
padding: 90px 0;
min-width: 1260px;
margin-top: -2px;
}
#video .wrap_video{
width: 960px;
height: auto;
margin: 0 auto;
}
#video iframe{
width: 960px;
height: 539px;
}

#about_MVM{min-width: 1260px;}

#about_MVM .wrap_about_MVM{
width: 1000px;
height: auto;
margin: 0 auto;
}

#about_MVM .wrap_about_MVM h2{width: 245px;float: left;font-weight: bold;font-size: 50px;color: #03803F;line-height: 52px;margin-top: -10px;position: relative;}
#about_MVM .wrap_about_MVM h2 span{
font-weight: normal;
font-size: 18px;
width: 144px;
display: inline-block;
text-align: center;
}
#about_MVM .wrap_about_MVM h2::after{content: "";display: block;width: 23px;border-top: #03803F solid 2px;position: absolute;top: 169px;left: 62.5px;}

#about_MVM .wrap_about_MVM .wrap_about_contents{
width: 755px;
float: left;
padding-bottom: 76px;
position: relative;
}

#about_MVM .wrap_about_MVM .wrap_about_contents h3{
font-weight: bold;
font-style: italic;
font-size: 32px;
padding-left: 50px;
}
#about_MVM .wrap_about_MVM h3::after{
content: "";
display: block;
width: 36px;
border-top: #000000 solid 2px;
position: absolute;
top: 16px;
left: 1px;
}

#about_MVM .wrap_about_MVM .wrap_about_contents p{
padding: 0 50px;
margin-top: 28px;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.05em;
color: #262626;
text-align: justify;
}

.sub_img{
width: 100%;
min-width: 1260px;
}
.sub_img img{
width: 100%;
height: auto;
}
.info_top{
min-height: 474px;
}

#corporate_information{
clear: both;
min-width: 1260px;
position: relative;
}

#corporate_information .wrap_corporate_information{
width: 1000px;
height: auto;
margin: 0 auto;
padding-top: 91px;
overflow: hidden;
}

#corporate_information .wrap_corporate_information h2{
width: 245px;
float: left;
font-weight: bold;
font-size: 43px;
color: #03803F;
line-height: 20px;
margin-top: 10px;
position: relative;
}
#corporate_information .wrap_corporate_information h2 span{
font-weight: normal;
font-size: 18px;
width: 247px;
display: inline-block;
text-align: center;
}
#corporate_information .wrap_corporate_information h2::after{
content: "";
display: block;
width: 23px;
border-top: #03803F solid 2px;
position: absolute;
top:63px;
left: 111px;
}
#corporate_information .wrap_corporate_information .wrap_info_contens{
width: 755px;
float: left;
padding-left: 50px;
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl{
overflow: hidden;
margin-bottom: 57px;
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl dt{
width: 200px;
float: left;
clear: left;
font-style: italic;
font-size: 16px;
font-weight: 400;
margin-bottom: 35px;
}
#corporate_information .wrap_corporate_information .wrap_info_contens dl dd{
float: left;
font-size: 15px;
color: #262626;
margin-bottom: 35px;
}

.group_top{
min-height: 315px;
}

#MVM_group{
clear: both;
background-color: #03803F;
color: #FFFFFF;
min-width: 1260px;
}
#MVM_group .wrap_MVM_group{
width: 1000px;
height: auto;
margin: 0 auto;
overflow: hidden;
padding-top: 74px;
padding-bottom: 35px;
}
#MVM_group .wrap_MVM_group h2{
width: 245px;
height: 200px;
float: left;
font-weight: bold;
font-size: 50px;
line-height: 30px;
margin-top: -15px;
position: relative;
}
#MVM_group .wrap_MVM_group h2 span{
font-weight: normal;
font-size: 18px;
width: 136px;
display: inline-block;
text-align: center;
}
#MVM_group .wrap_MVM_group h2::after{
content: "";
display: block;
width: 23px;
border-top: #FFFFFF solid 2px;
position: absolute;
top:100px;
left: 56px;
}
#MVM_group .wrap_MVM_group .wrap_group_contents{
width: 755px;
float: left;
padding-left: 50px;
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl{
width: 312px;
float: left;
margin-bottom: 50px;
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dt{
font-size: 16px;
font-weight: bold;
line-height: 26px;
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dd{
font-size: 13px;
line-height: 20px;
}
#MVM_group .wrap_MVM_group .wrap_group_contents dl dd.url a{
color: #FFFFFF;
}
#footer{
background-color: #03803F;
min-width: 1260px;
margin-top: -2px;
}
#footer .footerInnerContents{
width: 1000px;
height: auto;
margin: 0 auto;
overflow: hidden;
padding:23px 0;
color: #FFFFFF;
text-align: center;
font-size: 10px;
}
.pagetop {
    width: 80px;
    height: 54px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}
}/*PC用end*/