﻿@charset "utf-8";
/* CSS Document */


html,body{
	font-size: 14px;
	color: #46382C;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	line-height: 1.8em;
	background-color: #FFFFFF;
}

a{ color: #47382E;}
a:hover{ text-decoration: none;}

img{ 
	vertical-align: top;
	border: none;
}

li{ list-style: none;}

*{ margin: 0; padding: 0;}

.clear {clear: both;}



#wrap{
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.wrap1000px{
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.wrap900px{
width: 900px;
margin-left: auto;
margin-right: auto;
}

.cvbox{
width: 1000px;
height: 167px;
background-image: url(../images/cv_area.png);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 0px;
padding-top: 360px;
}
.cvbox .cvbtn{
margin-left: 280px;
}

.cv_setbox {
  width: 1000px;
  height: 159px;
  background-image: url(../images/cv_area_set.png);
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 20px;
  padding-top: 774px;
  }
  .cv_set_btn{
    margin-left: 372px;
    transform: scale(0.89);
  }
    

#firstview{
width: 100%;
background-image: url(../images/mainview-bg.png);
background-repeat: no-repeat;
}
#box01{
width: 100%;
background-image: url(../images/box01-bg.png);
text-align: center;
}
#box01 #box01_cvbox{
width: 100%;
background-image: url(../images/box01-bg-top.png);
background-repeat: no-repeat;
}
#box01 #box01mv{
width: 100%;
background-image: url(../images/box01-mv-bg.png);
background-repeat: no-repeat;
}
#box01 #box01ttl{
width: 100%;
background-image: url(../images/box01-ttl-bg.png);
background-repeat: no-repeat;
}
#box02{
width: 100%;
background-image: url(../images/box01-bg-bottom.png);
background-repeat: no-repeat;
padding-top: 121px;
background-color: #161010;
color: #FFFFFF;
padding-bottom: 70px;
}
#box02 #box02mv{
width: 100%;
background-image: url(../images/box02-mv-bg.png);
background-repeat: no-repeat;
}
#box02 .photo{
float: left;
margin-right: 50px;
margin-bottom: 40px;
}
#box02 .midashi2{
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
}
#box02 .midashi1{
font-size: 30px;
font-weight: bold;
line-height: 2em;
margin-bottom: 15px;
}
#box03{
width: 100%;
background-image: url(../images/box03-mv-bg.png);
background-repeat: no-repeat;
background-color: #000000;
padding-bottom: 80px;
}
#box04{
width: 100%;
background-image: url(../images/box04-bg.png);
padding-bottom: 50px;
}
#box04 #box04mv{
width: 100%;
background-image: url(../images/box04-mv-bg.png);
background-repeat: no-repeat;
}
#box04 #box04ttl1{
width: 100%;
background-image: url(../images/box04-ttl1-bg.png);
background-repeat: no-repeat;
}
#box04 #box04ttl1img{
width: 100%;
background-image: url(../images/box04-ttl1-img-bg.png);
background-repeat: no-repeat;
}
#box04 #zakkokusyoukai .ttl{
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
}

#box05ttl{
width: 100%;
background-image: url(../images/box05-ttl-bg.png);
background-repeat: no-repeat;
height: 198px;
}
#box05{
width: 100%;
background-image: url(../images/box05-img-bg.png);
background-repeat: no-repeat;
background-color: #190B07;
padding-bottom: 70px;
}

#box_nakacv{
width: 100%;
background-color: #FFFFFF;
padding-top: 70px;
padding-bottom: 70px;
}
#box06mv{
width: 100%;
background-image: url(../images/box06-mv-bg.png);
background-repeat: no-repeat;
height: 770px;
}
#box06{
width: 100%;
background-image: url(../images/box06-img-bg.png);
background-repeat: no-repeat;
height: 1165px;
margin-bottom: 100px;
}#box07 {
width: 100%;
background-image: url(../images/box07-bg.png);
margin-bottom: 100px;
}
#box07 .ttl {
width: 900px;
margin-left: auto;
margin-right: auto;
}
#box07 .img-left {
float: left;
}
#box07 .img-right {
float: right;
}
#box07 .txt {
width: 100%;
background-image: url(../images/box07-txt-bg.png);
padding-bottom: 0px;
}
#box08ttl {
background-image: url(../images/box08-ttl-bg.png);
width: 100%;
}
#box08 {
background-image: url(../images/box08-bg.png);
background-position: 8px 3px;
padding-bottom: 140px;
}
#box08 #box-insta {

}

#box09ttl {
background-image: url(../images/box09-ttl-bg.png);
width: 100%;
}
#box09 {
background-color: #0B0A04;
background-image: url(../images/box09-bg-bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
padding-bottom: 160px;
}
#box10 {
background-image: url(../images/box10-bg.png);
background-position: 0px 0px;
padding-bottom: 110px;
}
#box10 .question {
background-image: url(../images/box10-q.png);
background-repeat: no-repeat;
font-weight: bold;
font-size: 18px;
padding-top: 15px;
padding-bottom: 20px;
padding-left: 60px;
}
#box10 .answer {
background-color: #FFFFFF;
margin-left: 10px;
background-image: url(../images/box10-a.png);
background-repeat: no-repeat;
padding-top: 25px;
padding-left: 70px;
padding-bottom: 20px;
border-radius: 10px;
margin-bottom: 40px;
padding-right: 40px;
}


#box11ttl {
width: 100%;
background-image: url(../images/box11-ttl-bg.png);
margin-bottom: 30px;
}
#box_footer {
background-color: #150505;
margin-top: 90px;
padding-top: 30px;
padding-bottom: 10px;
}
#box_footer #f_link  {
text-align: center;
color: #D0D0D0;
}
#box_footer #f_link a {
color: #DCDCDC;
text-decoration: none;
}
#box_footer #f_link a:hover {
text-decoration: underline;
}
#box_footer #f_company {
border-top: 1px solid #8A8A8A;
color: #8A8A8A;
text-align: center;
font-size: 12px;
margin-top: 20px;
padding-top: 20px;
}
#box_footer #f_company a{
color: #685212;
text-decoration: none;
}
#box_footer #f_company .cowaku {
border: 1px solid #685212;
padding-top: 3px;
padding-right: 15px;
padding-bottom: 3px;
padding-left: 15px;
background-color: #685212;
margin-right: 10px;
}





/*===============================*/
/*//トップページへ戻る//*/
/*===============================*/

#page_top{
width: 50px;
height: 50px;
position: fixed;
right: 0;
bottom: 0;
background-color: #000000;
opacity: 0.6;
padding-bottom: 0px;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a:before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
