@charset "UTF-8";

/*----------------------------------------------------
	BODY
----------------------------------------------------*/

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

html,div {
  margin: 0;
  padding: 0;
  font-family: "游ゴシック"," Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;
  color: #000;
}


/* スクロールバーの有無によるズレ対策 */
html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 13px;
  background: #fff url() no-repeat top left;
}

/* for IE6 */
* html body{
  font-size: 75%;
}

/* for IE7 */
*:first-child+html body{
  font-size: 75%;
}

h1,h2,h3,h4,h5,h6,p,dt,dd {
   margin: 0;
   padding: 0;
   line-height: 1.8em;
   font-size: 12px;
   font-weight: normal;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

a img {
  border:none;
}

a:link, a:visited {
  color: #D41447;
  text-decoration: none;
  outline : 0;
  opacity: 1;
  transition: 0.3s;
}

a:hover {
  color: #D41447;
  text-decoration: underline;
  outline : 0;
  opacity: 0.7;
  transition: 0.3s;
}


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

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

em,i {
  font-style: normal;
}


.visible_sp{
  display: none;
}






/* BLOCK REVEAL */
.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
}


/* style
*****************************************/

/* common */
#WRAP{
width: 100%;
margin: 0 auto;
}
#WRAP div.container{
width: auto;
margin: 0 auto;
padding:0 0 130px 0;
}
#WRAP div.container div.inner{
width: auto;
/*max-width: 1200px;*/
margin: 0 auto;
}
#WRAP div.container div.inner div.content{
width: auto;
margin: 0 auto;
}






/* header
*************************************/
#WRAP header{
width: auto;
margin: 0 auto;
padding: 0;
background-color: #d8d8d8;
}
#WRAP header div.inner{
width: auto;
min-width: 1000px;
max-width: 1053px;
margin: 0 auto;
position: relative;
}
#WRAP header div.inner figure{
width: auto;
margin: 0 auto;
}
#WRAP header div.inner figure img{
width: auto;
margin: 80px 0 0 80px;
}
#WRAP header div.inner h1{
width: auto;
position: absolute;
top:50px;
left: 45px;
}


/* container 01
*************************************/
#WRAP div.con01{
background-color: #fff;
}
#WRAP div.con01 div.inner{
}
#WRAP div.con01 div.inner div.content{
}
#WRAP div.con01 div.inner div.content div.content01{
width: auto;
min-width: 1000px;
margin: 0 auto;
background: url(../images/con01_bg.png)no-repeat center center;
background-size: 333px;
}
#WRAP div.con01 div.inner div.content div.content01 h2{
width: auto;
margin: 0 auto;
padding: 120px 0 130px 0;
}
#WRAP div.con01 div.inner div.content div.content01 h2 img{
width: 819px;
}

/* 3つのwill section */
#WRAP div.con01 div.inner div.content section{
width: auto;
padding: 0 0 130px 0;
position: relative;
}
#WRAP div.con01 div.inner div.content section div.wrap{
width: 75.2%;
height: 576px;
}

#WRAP div.con01 div.inner div.content section:nth-of-type(odd) div.wrap{
margin: 0 0 0 auto;
}

#WRAP div.con01 div.inner div.content section:nth-of-type(odd) div.wrap div.txt_img{
width: auto;
position: absolute;
left:145px;
top:80px;
}
#WRAP div.con01 div.inner div.content section div.wrap div.txt_img h3{
width: auto;
}
#WRAP div.con01 div.inner div.content section div.wrap div.txt_img h3 img{
width: 100%;
}

#WRAP div.con01 div.inner div.content section.section02 div.wrap div.txt_img{
width: 327px;
position: absolute;
right: 154px;
top:80px
}

/* con1 3つのwill bg */
#WRAP div.con01 div.inner div.content section div.wrap div.bg_block{
width: ;
height: 576px;
}
#WRAP div.con01 div.inner div.content section.section01 div.wrap div.bg_block{
margin: 0 auto;
background: url(../images/con01_bg_firstwill.png)no-repeat center center;
}
#WRAP div.con01 div.inner div.content section.section02 div.wrap div.bg_block{
background: url(../images/con01_bg_secondtwill.png)no-repeat center center;
}
#WRAP div.con01 div.inner div.content section.section03 div.wrap div.bg_block{
background: url(../images/con01_bg_thirdwill.png)no-repeat center center;
}

#WRAP div.con01 div.inner div.content section.section01,
#WRAP div.con01 div.inner div.content section.section02,
#WRAP div.con01 div.inner div.content section.section03 {
width: auto;
max-width: 1300px;
min-width: 1000px;
margin: 0 auto;
}


#WRAP div.con01 div.inner div.content div.content02{
min-width: 1000px;
max-width: 1020px;
margin: 0 auto;;
}
#WRAP div.con01 div.inner div.content div.content02 div.wrap{
width: auto;
position: relative;
}
#WRAP div.con01 div.inner div.content div.content02 div.wrap div.bg_block{
width: 600px;
height: 394px;
background: url(../images/con01_bg_contents02.png)no-repeat left top;
}
#WRAP div.con01 div.inner div.content div.content02 div.wrap div.txt_img{
width: auto;
position: absolute;
top:60px;
right: 0;
}




/* container 02
*************************************/
#WRAP div.con02{
background: url(../images/bg_itadaki.png)no-repeat top center;
background-size: 100% auto;
padding: 0;
background-color: #f3f3f3;
}
#WRAP div.con02 div.inner{
width: auto;
}
#WRAP div.con02 div.inner div.content{
width: auto;
}

#WRAP div.con02 div.inner div.content div.content01{
width: auto;
/*max-width: 1200px;*/
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content01 div.wrap{
width: 1000px;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content01 div.wrap h2{
width: auto;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content01 div.wrap h2 img{
width: auto;
}

#WRAP div.con02 div.inner div.content div.content02{
width: auto;
/*max-width: 1200px;*/
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap{
width: 1000px;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap h3{
width: auto;
margin: 0 auto;
padding: 0 0 30px 0;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap h3 img{
width: auto;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap div.txt_img{
width: auto;
margin: 0 auto;
padding: 0 0 30px 0;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap div.txt_img figure{
width: auto;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap div.txt_img figure img{
width: auto;
}

#WRAP div.con02 div.inner div.content div.content02 div.wrap div.imgbox{
width: auto;
max-width: 970px;
margin: auto;
padding: 0 0 60px 0;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap div.imgbox img{
width: auto;
}
#WRAP div.con02 div.inner div.content div.content02 div.wrap div.imgbox:nth-of-type(3) img{
width: auto;
}

#WRAP div.con02 div.inner div.content div.content03{
width: auto;
margin: 0 auto;
/*background: url(../images/con02_bg02.png)no-repeat center 170px;*/
background: url(../images/bg_right.png)no-repeat 35% 0;
}
#WRAP div.con02 div.inner div.content div.content03 div.wrap{
width: auto;
/*max-width: 805px;*/
margin: 0 auto;
background: url(../images/bg_left.png)no-repeat -20% 600px;
-webkit-background-size: ;
background-size: 500px;
}
#WRAP div.con02 div.inner div.content div.content03 div.wrap h3{
width: auto;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content03 div.wrap h3 img{
width: auto;
margin: 0 auto;
}
#WRAP div.con02 div.inner div.content div.content03 div.wrap h4{
/*width: auto;*/
width: 768px;
margin: 0 auto;
padding: 0 0 95px 0;
}
#WRAP div.con02 div.inner div.content div.content03 div.wrap h4 img{
width: 100%;
margin: 0 auto;
}




/* container 03
*************************************/
#WRAP div.con03{
background-color: #f3f3f3;
}
#WRAP div.con03 div.inner{
}
#WRAP div.con03 div.inner div.content{
}

#WRAP div.con03 div.inner div.content div.content01{
width: auto;
padding: 0 0 0px 0;
background: url(../images/bg_right.png)no-repeat 45% 0;
}
#WRAP div.con03 div.inner div.content div.content01 div.wrap{
width: 1000px;
margin: 0 auto;
}
#WRAP div.con03 div.inner div.content div.content01 div.wrap h2{
width: auto;
padding: 20px 0 20px 0;
}
#WRAP div.con03 div.inner div.content div.content01 div.wrap h2 img{
width: auto;
}

#WRAP div.con03 div.inner div.content div.content01 div.wrap div.txt_img{
/*width: auto;*/
width: 562px;
margin: -30px auto 0 auto;
padding: 0 0 30px 0;
}
#WRAP div.con03 div.inner div.content div.content01 div.wrap div.txt_img img{
width: 100%;
}

#WRAP div.con03 div.inner div.content ul{
/*width: auto;*/
width: 1000px;
margin: 0 auto;
padding: 0 0 95px 0;
}
#WRAP div.con03 div.inner div.content ul li{
width: 742px;
margin: 0 auto;
}
#WRAP div.con03 div.inner div.content ul li figure{
width: 742px;
margin: 0 auto;
}
#WRAP div.con03 div.inner div.content ul li figure img{
width: 100%;
}

#WRAP div.con03 div.inner div.content div.txt_img{
/*width: auto;*/
width: 1000px;
margin: auto;
padding: 40px 0 0 0;
}
#WRAP div.con03 div.inner div.content div.txt_img img{
width: 815px;
margin: 0 auto;
}


/*============================
slider
============================*/

#WRAP div.con03 div.inner div.content div.slide_wrapp{
width: 780px;
margin: 0 auto;
position: relative;
}

#WRAP div.con03 div.inner div.content div.slide_wrapp ul{
width: auto;
}


#WRAP div.con03 div.inner div.content div.slide_wrapp p#NEXT_BT{
width: 43px;
height: 43px;
}


#WRAP div.con03 div.inner div.content div.slide_wrapp p#NEXT_BT a {
width: 43px;
height: 43px;
display: block;
text-indent: -9999px;
background: url(../images/con03_arrow_L.png) 0 0 no-repeat;
position: absolute;
top: 38%;
left: -50px;
}

#WRAP div.con03 div.inner div.content div.slide_wrapp p#PREV_BT a {
width: 43px;
height: 43px;
display: block;
text-indent: -9999px;
background: url(../images/con03_arrow_R.png) 0 0 no-repeat;
position: absolute;
top: 38%;
right: -50px;
}


/* container 04
*************************************/
#WRAP div.con04{
padding:0;
}
#WRAP div.con04 div.inner{
}
#WRAP div.con04 div.inner div.content{
padding: 100px 0 0 0;
}

#WRAP div.con04 div.inner div.content div.content01{
/*width: auto;*/
width: 1200px;
margin: 0 auto;
background: url(../images/con04_bg_hand.png)no-repeat bottom right;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap{
width: auto;
width: 1040px;
height: 705px;
margin: 0 auto;
position: relative;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap h2{
width: auto;
max-width: 761px;
padding:20px 259px 0 0;
text-align: left;
background: url(../images/con04_bg_promise.png)no-repeat;
background-position: 88% top;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap h2 img{
width: 100%;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap div.txt_img{
width: auto;
margin: 0 auto;
padding: 50px 0 0 0;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap div.txt_img figure{
width: auto;
max-width: 848px;
margin: 0 auto;
}
#WRAP div.con04 div.inner div.content div.content01 div.wrap div.txt_img figure img{
width: 100%;
}



/* container 05 mission
*************************************/
#WRAP div.con05{
}
#WRAP div.con05 div.inner{
width: auto;
}
#WRAP div.con05 div.inner div.content{
padding: 105px 0 0 0;
background: url(../images/con05_bg03.png)no-repeat center top;
/*background-size: cover;*/
}

#WRAP div.con05 div.inner div.content div.content01{
/*width: auto;*/
width: 1000px;
margin: 0 auto;
padding:0 0 180px 0;
}
#WRAP div.con05 div.inner div.content div.content01 div.wrap{
width: auto;
margin: 0 auto;
}
#WRAP div.con05 div.inner div.content div.content01 div.wrap h2{
width: auto;
margin: 0 auto;
padding: 0 0 40px 0;
}
#WRAP div.con05 div.inner div.content div.content01 div.wrap h2 img{
width: auto;
margin: 0 auto;
}

#WRAP div.con05 div.inner div.content div.content01 div.wrap div.txt_img{
/*width: auto;*/
width: 697px;
margin: 0 auto;
padding:0 0 50px 0;
}
#WRAP div.con05 div.inner div.content div.content01 div.wrap div.txt_img img{
width: 100%;
}

#WRAP div.con05 div.inner div.content div.content01 div.wrap div.sig {
width: auto;
margin: 0 20px 0 0;
text-align: right;
}
#WRAP div.con05 div.inner div.content div.content01 div.wrap div.sig img{
width: auto;
}


#WRAP div.con05 div.inner div.content div.content02{
width: auto;
max-width: 1500px;
margin: 0 auto;
background: url(../images/con05_bg_triangle.png)no-repeat center top;
}
#WRAP div.con05 div.inner div.content div.content02 div.wrap{
width: 1000px;
margin: 0 auto;
background: url(../images/con05_bg_dr02.png)no-repeat right top;
}
#WRAP div.con05 div.inner div.content div.content02 div.wrap h3{
width: auto;
margin: 0 0 0 120px;
padding: 0 0 83px 0;
text-align: left;
position: relative;
}
#WRAP div.con05 div.inner div.content div.content02 div.wrap h3::before{
width: 190px;
height: 1px;
margin: 0 0 0 0;
content:'';
background-color: #000;
position: absolute;
top:25px;
left:-220px;

}
#WRAP div.con05 div.inner div.content div.content02 div.wrap h3 img{
width: auto;
}
#WRAP div.con05 div.inner div.content div.content02 div.wrap div.txt_img {
width: 443px;
margin: 0 0 0 120px;
padding:0 0 90px 0;
}





/* container 06
*************************************/
#WRAP div.con06{
}
#WRAP div.con06 div.inner{
}
#WRAP div.con06 div.inner div.content{
/*width: auto;*/
width: 1000px;
margin: 0 auto;
padding: 30px 0 0 0;
}

#WRAP div.con06 div.inner div.content div.content01{
width: auto;
margin: 0 auto;
}
#WRAP div.con06 div.inner div.content div.content01 div.wrap{
width: auto;
margin: 0 auto;
}
#WRAP div.con06 div.inner div.content div.content01 div.wrap h2{
width: auto;
margin: 0 auto;
padding: 0 0 80px 0;
}
#WRAP div.con06 div.inner div.content div.content01 div.wrap h2 img{
width: auto;
margin: 0 auto;
}

#WRAP div.con06 div.inner div.content div.content01 div.wrap div.txt_img{
width: auto;
margin: 0 auto;
padding: 0 0 40px 0;
}
#WRAP div.con06 div.inner div.content div.content01 div.wrap div.txt_img img{
width: auto;
margin: 0 auto;
}

#WRAP div.con06 div.inner div.content div.content01 div.wrap figure{
/*width: auto;*/
width: 858px;
margin: 0 auto;
padding: 0 0 60px 0;
}
#WRAP div.con06 div.inner div.content div.content01 div.wrap figure img{
width: 100%;
margin: 0 auto;
}





/* container 07
*************************************/
#WRAP div.con07{
background-color: #dcdcdc;
padding: 0;
}
#WRAP div.con07 div.inner{
width: 1000px;
background: url(../images/con07_bg02.png)no-repeat center center;
}
#WRAP div.con07 div.inner div.content{
width: auto;
}

#WRAP div.con07 div.inner div.content div.wrap{
width: auto;
margin: 0 auto;
}
#WRAP div.con07 div.inner div.content div.wrap h2{
width: auto;
max-width: 502px;
margin: 0 auto;
padding: 70px 0 65px 0;
}
#WRAP div.con07 div.inner div.content div.wrap h2 img{
width: 100%;
margin: 0 auto;
}
#WRAP div.con07 div.inner div.content div.wrap div.imgbox{
width: auto;
margin: 0 auto;
padding: 0 0 80px 0;
}
#WRAP div.con07 div.inner div.content div.wrap div.imgbox figure{
width: auto;
}
#WRAP div.con07 div.inner div.content div.wrap figure img{
width: auto;
margin: 0 auto;
}




/* footer
*************************************/
footer{
width: auto;
background-color: #313131;
}
footer div.inner{
width: auto;
margin: 0 auto;
}
footer div.inner p{
width: auto;
padding: 25px 0;
text-align: center;
color: #fff;
}


/*==============================================================
#PRICE
==============================================================*/
#PRICE {
  width: auto;
  padding: 0 0 80px 0;
}

#PRICE p.price_title {
  width: auto;
  padding: 0 0 40px 0;
  font-size: 35px;
  text-align: center;
  letter-spacing: 0.2em;
  font-family:"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
}

#PRICE div.price_block {
  width: 900px;
  margin: 0 auto;
  padding: 0 0 50px 0;
}

/*#PRICE div.price_block + div.price_block {
  padding: 50px 0 0 0;
}*/

#PRICE div.price_block h2 {
  width: auto;
  text-align: left;
/*  font-weight: bold;*/
  font-size: 22px;
  color: #000;
  letter-spacing: 0.05em;
}

#PRICE div.price_block h2 span {
  width: auto;
  margin: 0 0 0 20px;
  color: #4E4E4E;
  font-size: 16px;
}

#PRICE div.price_block div.bl_inner {
  width: auto;
  padding: 10px 0 0 0;
}

#PRICE div.price_block div.bl_inner ul {
  width: auto;
  padding: 15px 0;
  background-color: #EEE;
}

#PRICE div.price_block div.bl_inner ul li {
  width: 820px;
  margin: 0 auto;
  padding: 25px 0;
  border-bottom: 1px #C3C3C3 solid;
}

#PRICE div.price_block div.bl_inner ul li:last-of-type {
  border-bottom: none;
}

#PRICE div.price_block div.bl_inner ul li dl {
  width: 790px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#PRICE div.price_block div.bl_inner ul li dl dt {
  width: auto;
  color: #464646;
/*  font-weight: bold;*/
  font-size: 18px;
  text-align: left;
}

#PRICE div.price_block div.bl_inner ul li dl dt.w100 {
  width: 100%;
}

#PRICE div.price_block div.bl_inner ul li dl dd {
  width: auto;
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box {
  width: auto;
  text-align: right;
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box p.price {
  width: auto;
  font-size: 20px;
/*  font-weight: bold;*/
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box .red_text {
  width: auto;
  font-size: 23px;
  color: #bc0000;
/*  font-weight: bold;*/
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box p.red_text_small {
  width: auto;
  font-size: 19px;
/*  font-weight: bold;*/
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box p span {
  width: auto;
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box div.indent_aera {
  width: 760px;
  margin: 0 0 0 30px;
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box div.indent_aera + div.indent_aera {
  padding: 5px 0 0 0;
}

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box div.indent_aera p {
  width: auto;
}

/*#PRICE div.price_block div.bl_inner ul li dl dd div.price_box div.indent_aera p + p {
  padding: 5px 0 0 0;
}*/

#PRICE div.price_block div.bl_inner ul li dl dd div.price_box div.indent_aera p.number {
  width: auto;
  color: #464646;
/*  font-weight: bold;*/
  font-size: 18px;
  text-align: left;
}

#PRICE div.price_block div.bl_inner p.small_text {
  width: auto;
  padding: 8px 0 0 0;
  color: #444;
  font-size: 13px;
  text-align: right;
}





#PRICE div.bottom_block {
  width: auto;
  padding: 80px 0 0 0;
}

#PRICE div.bottom_block p.text {
  width: auto;
  padding: 0 0 30px 0;
  text-align: center;
  line-height: 1.8em;
  font-size: 20px;
}

/*#PRICE div.bottom_block p.btn a {
  width: 270px;
  display: block;
  margin: 0 auto;
  line-height: 60px;
  border: 1px #ccc solid;
  text-align: center;
  background: #FFF url(../images/common/arrow_gry.png) 92% center no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
}

#PRICE div.bottom_block p.btn a:hover {
color: #FFF;
  background: #000 url(../images/common/arrow_gry.png) 92% center no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
}*/

#PRICE div.bottom_block p.btn a {
  width: 250px;
  display: block;
  margin: 0 auto;
  line-height: 50px;
  color: #FFF;
  text-align: center;
  border: 1px #d9b254 solid;
  background: #d9b254 url(../images/common/arrow_wht.png) 92% center no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
}

#PRICE div.bottom_block p.btn a:hover {
color: #d9b254;
  background: #FFF url(../images/common/arrow_gold.png) 92% center no-repeat;
  -webkit-background-size: 8px;
  background-size: 8px;
}

/*============================
common
============================*/

.fc_gold {color: #B68A4A;}
.red {color: #bc0000;}
.brown {color: #d9b254;}
.black {color: #333;}
.blue {color: #1F7EE9;}
.bold {font-weight: bold;}