@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
	font-weight: 500;
	  font-family: "游ゴシック","YuGothic","Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

body, table, input, textarea, select, option {
font-weight: 500;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	height: auto;
	vertical-align: top;
	max-width: 100%
}
a, a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
}
a:hover {
	color: #333;
}
a:active {
	color: #333;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	font-size: 1.6rem;
	line-height: 1.5;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	background-color: #FFF;
	width: 100vw;
}

.container {
background-position: 0% 0%;
background-repeat: no-repeat;
padding-bottom: 15vw;
}

header {
background-color: rgba(0,0,0,1.00);
position: relative;
height: 15vw;
}
header h1{
position: absolute;
top :2.5vw;
left: 2.5vw;
}
header h1 img{
height: 10vw
}
header .contact_btn{
position: absolute;
top :0vw;
right: 0vw;
}
header .contact_btn img{
height: 15vw
}

.container {
width: 100vw;
}

.m_window {
background-color: rgba(0,0,0,0.50);
width: 100vw;
height: 100vh;
position: fixed;
z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.m_window .cam_bg {
margin: auto;
display: block;
max-width: 80vw;
max-height: 80vh;
position: relative;
}

.m_window .cam_btn {
position: absolute;
top:3vw;
right: 3vw;
}




.sec11 {
margin-bottom: 9vw;
}


.sec11 .title {
width: 45vw;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: -10vw;
margin-bottom: 9vw;
}

.sec11 dt{
margin-left: 5vw;
margin-right: 5vw;
padding-left: 0vw;
font-size: 5.5vw;
color: rgba(0,100,40,1.00);
font-weight: 900;
}
.sec11 .icon{
width: 7vw;
margin-top: 0vw;
margin-right: 2vw;
}
.sec11 .txt {
font-size: 3.6vw;
font-weight: 700;
line-height: 6.5vw;
margin-bottom: 2vw;
margin-left: 15vw;
margin-right: 5vw;
}


.sec12 a{
background-color: rgba(0,0,0,1.00);
margin-bottom: 1px;
display: block;
color: rgba(255,255,255,1.00);
font-size: 4.5vw;
font-weight: 500;
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 5vw;

}

.sec13 p{
background-color: rgba(0,100,40,1.00);
margin-bottom: 1px;
display: block;
color: rgba(255,255,255,1.00);
font-size: 3.5vw;
font-weight: 500;
padding-top: 4vw;
padding-bottom: 4vw;
padding-left: 5vw;
text-align: center;
}

.sec14 {
position: fixed;
bottom: 0px;
width: 100vw;
}


.sec14 a{
float: left;
width: 50vw;
color: rgba(255,255,255,1.00);
font-size: 3.5vw;
font-weight: 700;
}

.sec14 a.line{
background-color: rgba(6,199,85,1.00);
text-align: center;
height: 15vw;
}
.sec14 a.line img{
margin-top: 4vw;
width: 35vw;
}

.sec14 a.contact{
background-color: rgba(247,118,27,1.00);
text-align: center;
height: 15vw;
}
.sec14 a.contact img{
margin-top: 4vw;
width: 46vw;
}
.pc_menu ,
.pc_menu3 {
display: none;
}

@media all and (min-width: 1000px) {
.pc_menu ,
.pc_menu3 {
display: block;
}
}

@media all and (min-width: 751px) {
	.sp {
		display: none !important;
	}
body {
position: relative;
width: 100%;
min-height: 100vh;
background-image: url("../img/index/bg.jpg");
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: auto 100vh;
 background-attachment: fixed;
 background-size: cover;
}

.container {
width: 750px;
margin-left: auto;
margin-right: auto;
background-color: rgba(255,255,255,1.00);
padding-bottom: 0px;
}
.m_window {
background-color: rgba(0,0,0,0.50);
width: 100vw;
height: 100vh;
position: fixed;
left: 0px;
z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}

.m_window .cam_bg {
margin: auto;
display: block;
max-width: 700px;
max-height: 80vh;
position: relative;
}

.m_window .cam_btn {
position: absolute;
top:10px;
right: 10px;
}

.pc_menu {
width: calc((100vw - 750px)/2);
position: fixed;
top: 0px;
left: 0px;
}

.pc_menu .menu {
background-color: rgba(0,100,40,0.80);
position: absolute;
top: 40px;
right: 80px;
width: 280px;
padding-bottom: 30px;
}
.pc_menu .menu a img{
width: 220px;
margin-top: 30px;
margin-left: 30px;
}

.pc_menu .menu ul{
width: 220px;
margin-left: 30px;
border-top: 1px solid rgba(255,255,255,1.00);
margin-top: 30px;
}

.pc_menu .menu li{
width: 220px;
border-bottom: 1px solid rgba(255,255,255,1.00);
}

.pc_menu .menu li a{
color: rgba(255,255,255,1.00);
font-size: 20px;
text-align: center;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
padding-left: 10px;
text-align: left;
}


.pc_menu3 {
width: calc((100vw - 750px)/2);
position: fixed;
top: 0px;
right: 0px;
}

.pc_menu3 .menu {
background-color: rgba(0,0,0,0.80);
position: absolute;
top: calc(100vh - 220px);
left: 80px;
width: 150px;
padding-bottom: 30px;
}
.pc_menu3 .menu p {
color: rgba(255,255,255,1.00);
font-size: 16px;
font-weight: 700;
text-align: center;
margin-top: 10px;
}
.pc_menu3 img {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}


header {
height: 100px;
}
header h1{

top :10px;
left: 10px;
}
header h1 img{
height: 80px
}
header .contact_btn img{
height: 100px
}




.sec11 {
margin-bottom: 67px;
}


.sec11 .title {
width: 337.5px;
margin-left: auto;
margin-right: auto;
display: block;
margin-top:  -75px;
margin-bottom: 67px;
}

.sec11 dt{
margin-left: 41px;
margin-right: 41px;
padding-left: 0px;
font-size: 41px;
color: rgba(0,100,40,1.00);
font-weight: 900;
}
.sec11 .icon{
width: 52.5px;
margin-top: 0px;
margin-right: 15px;
}
.sec11 .txt {
font-size: 27px;
font-weight: 700;
line-height: 48.7px;
margin-bottom: 15px;
margin-left: 112px;
margin-right: 41px;
}


.sec12 a{
background-color: rgba(0,0,0,1.00);
margin-bottom: 1px;
display: block;
color: rgba(255,255,255,1.00);
font-size: 33.7px;
font-weight: 500;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 41px;

}

.sec13 p{
background-color: rgba(0,100,40,1.00);
margin-bottom: 1px;
display: block;
color: rgba(255,255,255,1.00);
font-size: 26.25px;
font-weight: 500;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 41px;
text-align: center;
}

.sec14 {
display: none;
}


}





@media all and (max-width: 751px) {
	.pc {
		display: none !important;
	}




}