@charset "utf-8";
/* ---------------------------------------------
	micro clearfix
--------------------------------------------- */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom: 1;
}
.fl {
	float: left;
}
.fr {
	float: right;
}


/* ---------------------------------------------
	css
--------------------------------------------- */
*{
	list-style: none;
}

html { color: #000; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{	margin:0;padding:0; }


p,li,dt,dd,a,h1,h2,h3,h4{
	font-size: 16px;
	line-height: 1.7em;
	margin: 0;
	padding: 0;
	color: #333;
	font-family:"メイリオ",Meiryo, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/* -webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg); */
}



img {
	width: 100%;
}


.inner {
	width:100%;
	margin: 0 auto;
}


section {
	margin:0 auto;
}
section dl {
	text-align: left;
}


.scroll_icon {
	bottom: -630px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100px;
}


h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 27px;
	padding-bottom: 20px;
}

.br-sp{
	display: none;
}


.lo_alpha_70 a:hover img {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";}

.lo_alpha_80 a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";}

.lo_alpha_90 a:hover img {
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";}

.pc {display:block;}
.sp {display:none;}




/*-------------------------------------------------------------------------
		header
--------------------------------------------------------------------------*/
header {
	width: 100%;
	background-color: #fff;
}
header .inner {
	height: 60px;
	position: relative;	
}
header .inner .logo {
	width: 160px;
	position: absolute;
	top: 15px;
	left: 120px;
}


/*-------------------------------------------------------------------------
		modal
--------------------------------------------------------------------------*/

.modal{
display: none;
}

.modalwrap{ 
position: fixed;
z-index: 7777;	
top: 50%;
left: 50%;
transform: translate(-50%,-50%);	
width: 600px;
margin: 0 auto;
background-color: #FFFFFF;
font-family: YuGothic, “Yu Gothic medium”, “Hiragino Sans”, Meiryo, “sans-serif”;
font-feature-settings: “palt”;	
padding: 41px 30px 35px;	
text-align: center;
}

.modalwrap p {
margin-bottom:10px; 
line-height: 1.5;
color: #000000;}

.modalwrap a{ cursor:pointer; }

.modatext_b img{
width: 200px;
object-fit: contain;
padding-bottom: 15px;}

.modalwrap ul{
width: 80%;
margin: 0px auto 20px;	
display: flex;
justify-content: space-between;	
}

.modalwrap li{
	width: 47%;}

.modalwrap li a{
height: 60px;
display: flex;
justify-content: center;
align-items: center;	
color: #FFFFFF;	
background-color:#483729;	
font-size: 20px;
font-weight: bold;
text-decoration: none;	
position: relative;	
}

.modalwrap li a:hover{
transition: 0.3s ease;
background-color:#ef3c52;	}

ul.modalbutton li span:before{
position: absolute;
left: 20px;
margin-top: 3.3%;
content: "";
 display: inline-block;
width: 1em;
height: 1em;
background: url(../images/arrow.png) no-repeat;
background-size: contain;}

.modaltext_a{
display: inline-block;
font-size: 28px;
font-weight: bold;
margin: 10px 0 0;
line-height: 1.3;}

.BtnText_01 li{
margin-top:-3%;
font-size:15px;}

input[type="checkbox"] {
border-color: #000000;}



/*-------------------------------------------------------------------------
		main-v
--------------------------------------------------------------------------*/
#main {
  width: 100%;
  min-width: 1200px;	
	height: 810px;
	background: url("../images/topmv_pc.jpg") center center /cover no-repeat;
	position: relative;}

.pcmv_on{
text-align: center;	
}

.pcmv_on img{
width: auto;
margin: 0 auto;

height: 810px;	
padding: 50px 0 0;	
object-fit: contain;
}



/*-------------------------------------------------------------------------
		navi
--------------------------------------------------------------------------*/

#link_btn {
  width: 100%;	
bottom: 0;
  min-width: 1200px;
	position:absolute;
background-color:rgba(41,26,14,0.84);
}

#link_btn .inner {
  text-align:center;
max-width: 900px;	
display: flex;
justify-content: space-between;}


#link_btn img {	
  width:100%;
padding: 14px 15px;
object-fit: contain;	
}




/*-------------------------------------------------------------------------
		#contents common
--------------------------------------------------------------------------*/

.contentswrap{	
padding: 0;	
 min-width: 1200px;	
background: url("../images/background.png") repeat;
}


#contents h2 {
	margin: 0 auto;
	overflow: hidden;
}

article {
	width: 1200px;
	margin: 0 auto;
}



#sec01,#sec02 {
  width: 100%;
  min-width: 1200px;
}

#sec03 {
  width: 100%;
  min-width: 1200px;
}


#sec01 h2,#sec02 h2,#sec03 h2 {
	text-align: center;
}



/*-------------------------------------------------------------------------
		#sec01
--------------------------------------------------------------------------*/


#sec01 h2{
padding-top: 75px;
margin-bottom: 45px;
}

#sec01 h2 img {
  max-width: 868px;
  width: 100%;
margin-bottom: 50px;	
}

#sec01 .columnwrap{
max-width:868px;
width: 100%;
margin: 0 auto;}

.column_a{
width: auto;	
display:flex;
justify-content: space-between;
align-items: center;}

.column_a img{
width:100%;
object-fit: contain;}

.column_aa{
width: 40%;
margin: 0 auto;}

.column_aaa{
width: 50%;}

.column_b{
width: auto;	
display:flex;
justify-content: space-between;
align-items: center;}

.column_b img{
width:100%;
object-fit: contain;}

.column_bb{
width: 50%;}

.column_bbb{
width: 40%;
margin: 0 auto;}




/*-------------------------------------------------------------------------
		#sec02
--------------------------------------------------------------------------*/

#sec02{
margin-top:100px; 
}


#sec02 h2 img {
  max-width: 868px;
  width: 100%;
margin-bottom: 50px;	
}

.originimage{
max-width: 725px;
width: 100%;	
margin: 0 auto;
padding: 10px 0 140px;}



/*-------------------------------------------------------------------------
		#sec03
--------------------------------------------------------------------------*/

#sec03 h2{
  max-width: 868px;
  width: 100%;
margin-bottom: 60px;}

.column_c{
max-width:780px;	
width: 60%;	
display: flex;	
margin: 0 auto;
padding-bottom: 70px;
align-items: center;
justify-content: space-between;}

.column_c img{
width: 46.2%;	
object-fit: contain;}


/*-------------------------------------------------------------------------
		footer
--------------------------------------------------------------------------*/
footer {
	background-color: #483729;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 25px 0 65px;
	position: relative;
  color: #fff;
  min-width: 1200px;}

ul.footercolumn{
width: 100%;
display: flex;	
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #FFFFFF;
font-weight: bold;
justify-content: space-between;
margin: 10px 0 20px;}

.footercolumn li{
width: 23%;}

.footercolumn li a{
display: block;
text-align: center;	
border: 1px solid #FFFFFF;	
border-radius: 50px;
font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
color: #FFFFFF;
text-decoration: none;}

.footercolumn li a:hover{
background-color:#FFFFFF;
color: #483729;
transition: 0.3s ease;}


footer .inner {
text-align: left;	
max-width: 868px;
width: 100%;
font-size: 14px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}

footer .inner p{
color: #FFFFFF;
font-size: 14px;
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"}



.gotop {
	display: inline-block;
	width: 80px;
	right: 5%;
	bottom: 5%;
}
.gotop:hover {
	-webkit-animation: zoom .5s;
	animation: zoom2 .5s;
}
@-webkit-keyframes zoom2 {
	50% {
		-webkit-transform: scale(1.25);
	}
}
@keyframes zoom2 {
	50% {
		transform: scale(1.25);
	}
}


small {
	font-size: 14px;
}