@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:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", YuGothic, sans-serif;
  color: #554337;
}

body {
  min-width: 1000px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 14px;
  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 {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

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: #333;
  text-decoration: none;
  outline : 0;
}

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

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


.clear {
  clear: both;
}

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

/*----------------------------------------------------
	WRAPP
----------------------------------------------------*/
div#wrapp {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}



/*----------------------------------------------------
	Ver check
----------------------------------------------------*/

div.noBrowser {
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background-color: #990000;
}




/*----------------------------------------------------
	HEADER
----------------------------------------------------*/


#HEADER_WRAPP {
  border-top: 5px #FFA0AD solid;
  width: 100%;
  height: 95px;
  background-color: #fff;
  border-bottom: 1px #DDD solid;
  position: fixed;
  z-index: 9999;
}

#HEADER_WRAPP div.header_inner {
  width: 1000px;
  margin: 0 auto;

}

#HEADER_WRAPP div.header_inner div.left_container {
  width: 240px;
  float: left;
}



#HEADER_WRAPP div.header_inner div.left_container h1 {
  width: 240px;
  padding: 10px 0 0 0;
}

#HEADER_WRAPP div.header_inner div.right_container {
  width: 720px;
  float: right;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner {
  width: 720px;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner p.call {
  width: 300px;
  float: left;
  padding: 7px 0 0 0;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area {
  width: 390px;
  float: right;
  padding: 13px 0 10px 0;
  vertical-align: top;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area img {
  width: 100%;
  vertical-align: top;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area p.title {
  width: 390px;
  padding: 0 0 3px 0;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area div.btn_block {
  width: 390px;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area div.btn_block p.btn_line {
  width: 190px;
  height: 45px;
  float: left;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area div.btn_block p.btn_line img {
  width: 190px;
  vertical-align: middle;
  display: block;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area div.btn_block p.btn_contact {
  width: 190px;
  height: 45px;
  float: right;
}

#HEADER_WRAPP div.header_inner div.right_container div.right_inner div.right_area div.btn_block p.btn_contact img{
  width: 190px;
  vertical-align: middle;
  display: block;
}


/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

div.bl_inner {
 width: 1000px;
  margin: 0 auto;
}

div.liquid_inner {
 width: 100%;
  margin: 0 auto;
}

div.camp_container ul li a:hover {
  opacity: 0.7;
}

div.camp_container p a:hover {
  opacity: 0.7;
}
/*----------------------------------------------------
	KEY
----------------------------------------------------*/

div.key_wrapp {
  width: 100%;
  height: 543px;
  padding: 95px 0 0 0;
  border-bottom: 1px #DADADA solid;
  background: transparent url(../images/020-c_pc_bg_2307.png) no-repeat 0 90px;
  background-size: cover;
  position: relative;
}

div.key_wrapp div.key_inner {
  width: 1000px;
  margin: 0 auto;
}

div.key_wrapp div.key_inner h2 {
  width: 1000px;
  margin: 0 auto;
 padding: 9px 0 0 0;
 padding: 9px 0 0 0;
}

p.open_icon {
  width: 140px;
  position: absolute;
  top: 98px;
  right: 0;
}

/*----------------------------------------------------
	BL001
----------------------------------------------------*/

#BL001 {
  width: 1000px;
  margin: 0 auto;
}

#BL001 div.grey_bg_block {
  width: 1000px;
  background-color: #F5F5F5;
}


/*----------------------------------------------------
	BL002
----------------------------------------------------*/

#BL002 {
  width: 1000px;
  margin: 0 auto;
}

#BL002 div.camp_container {
  width: 1000px;
}

#BL002 div.camp_container {
  width: 1000px;
}

#BL002 div.camp_container div.inner {
  width: 1000px;
}

#BL002 div.camp_container div.inner h3 {
  width: 1000px;
  height: 35px;
}

#BL002 div.camp_container div.inner h3 img {
  width: 100%;
  vertical-align: middle;
}

#BL002 div.camp_container div.inner div.body_block {
  width: 1000px;
  padding: 20px 0;
  background: transparent url(../images/camp_body.png) repeat-y top left;
}

#BL002 div.camp_container div.inner div.body_block ul.top {
  width: 1000px;
  padding: 20px 0 0 0;
}

#BL002 div.camp_container div.inner div.body_block ul.top li {
  width: auto;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

#BL002 div.camp_container div.inner div.body_block ul.top li.monitor {
  width: auto;
  margin: 0 auto;
  padding: 0 0 10px 0;
}

#BL002 div.camp_container div.inner div.body_block ul.top li.text {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#BL002 div.camp_container div.inner span.foot {
  width: 1000px;
}
#BL002 div.camp_container div.inner span.foot img {
  width: 1000px;
  display: block;
  vertical-align: middle;
}
/*----------------------------------------------------
	BL003
----------------------------------------------------*/

#BL003 {
  width: 1000px;
  margin: 0 auto;
}





/*----------------------------------------------------
	footer
----------------------------------------------------*/

footer {
  width: 100%;
  padding: 20px 0;
  background-color: #FFA0AD;
}

footer p {
  width: auto;
  text-align: center;
  color: #FFF;
  font-size: 14px;
}


/*----------------------------------------------------
	contact
----------------------------------------------------*/



div.contact_area {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0 50px 0;
}

div.contact_area div.inner {
  width: 1000px;
  height: 300px;
  position: relative;
  background: transparent url(../images/contact_bg.png) no-repeat top left;
}

div.contact_area div.inner div.block {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 85px;
}

div.contact_area p.hukidashi {
  width: 182px;
  position: absolute;
  top: -110px;
  right: 5px;
}


div.contact_area div.inner p.title {
  width: 300px;
}

div.contact_area div.inner p.contact_btn {
  width: 300px;
  padding: 10px 0 0 0;
}

div.contact_area div.inner p.line_btn {
  width: 300px;
  padding: 15px 0 0 0;
}

div.contact_area_top {
  width: 1000px;
  margin: 0 auto;
  padding: 130px 0 50px 0;
}





/******contact_area_01********/

div.contact_area_01 {
  width: 1000px;
}

div.contact_area_01 div.inner {
  width: 1000px;
  height: 300px;
  position: relative;
  background: transparent url(../images/contact_bg.png) no-repeat top left;
}

div.contact_area_01 div.inner div.block {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 85px;
}


div.contact_area_01 div.inner p.title {
  width: 300px;

}

div.contact_area_01 div.inner p.contact_btn {
  width: 300px;
padding: 10px 0 0 0;
}

div.contact_area_01 div.inner p.line_btn {
  width: 300px;
padding: 10px 0 0 0;

}

/******contact_area_02********/

div.contact_area_02 {
  width: 1000px;
}

div.contact_area_02 div.inner {
  width: 1000px;
  height: 300px;
  position: relative;
  background: transparent url(../images/contact_bg02.png) no-repeat top left;
}

div.contact_area_02 div.inner div.block {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 85px;
}


div.contact_area_02 div.inner p.title {
  width: 300px;

}

div.contact_area_02 div.inner p.contact_btn {
  width: 300px;
padding: 10px 0 0 0;
}

div.contact_area_02 div.inner p.line_btn {
  width: 300px;
padding: 10px 0 0 0;
}


/******contact_area_03********/

div.contact_area_03 {
  width: 1000px;
}

div.contact_area_03 div.inner {
  width: 1000px;
  height: 300px;
  position: relative;
  background: transparent url(../images/contact_bg02.png) no-repeat top left;
}

div.contact_area_03 div.inner div.block {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 85px;
}


div.contact_area_03 div.inner p.title {
  width: 300px;

}

div.contact_area_03 div.inner p.contact_btn {
  width: 300px;
padding: 10px 0 0 0;
}

div.contact_area_03 div.inner p.line_btn {
  width: 300px;
padding: 10px 0 0 0;
}



/******contact_area_04********/

div.contact_area_04 {
  width: 1000px;
}

div.contact_area_04 div.inner {
  width: 1000px;
  height: 300px;
  position: relative;
  background: transparent url(../images/contact_bg04.png) no-repeat top left;
}

div.contact_area_04 div.inner div.block {
  width: 300px;
  position: absolute;
  bottom: 20px;
  right: 85px;
}


div.contact_area_04 div.inner p.title {
  width: 300px;

}

div.contact_area_04 div.inner p.contact_btn {
  width: 300px;
padding: 10px 0 0 0;
}

div.contact_area_04 div.inner p.line_btn {
  width: 300px;
padding: 10px 0 0 0;
}





/*******top_contact_area*******/

div.top_contact_area {
  width: 900px;
  margin: 0 auto;
}

div.top_contact_area div.inner {
  width: auto;
}

div.top_contact_area div.inner p.banner_night {
  width: 900px;
  margin: 0 auto;
  padding: 35px 0 0 0;
}

div.top_contact_area div.inner p.banner_night a:hover {
  opacity: 0.7;
}

div.top_contact_area div.inner p.title {
  width: 364px;
  margin: 0 auto;
  padding: 30px 0 20px 0;
}

div.top_contact_area div.inner div.btn_block {
  width: 870px;
  margin: 0 auto;
}

div.top_contact_area div.inner div.btn_block p.line_btn {
  width: 420px;
  float: left;
}

div.top_contact_area div.inner div.btn_block p.contact_btn {
  width: 420px;
  float: right;
}

div.top_contact_area div.inner div.btn_block p.line_btn img {
  width: 420px;
  vertical-align: middle;
  display: block;
}

div.top_contact_area div.inner div.btn_block p.contact_btn img {
  width: 420px;
  vertical-align: middle;
  display: block;
}







/*****add 2018_0209******/


div.camp_container {
  width: 1000px;
  margin: 0 auto;
}

div.camp_container {
  width: 1000px;
}

div.camp_container div.inner {
  width: 1000px;
}

div.camp_container div.inner h3 {
  width: 1000px;
  height: 35px;
}

div.camp_container div.inner h3 img {
  width: 100%;
  vertical-align: middle;
}

div.camp_container div.inner div.body_block {
  width: 1000px;
  padding: 20px 0 10px;
  background: transparent url(../images/camp_body.png) repeat-y top left;
}

div.camp_container div.inner div.body_block p {
  width: auto;
  margin: 0 auto;
  padding: 0 0 30px 0;
}

div.camp_container div.inner div.body_block div.banner_under_block {
  width: 933px;
  margin: 0 auto;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under {
  width: 933px;
  overflow: hidden;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li {
  width: 260px;
  padding: 20px 25px;
  float: left;
  border-right: 1px #333 dotted;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li.last {
  border: none;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl {
  width: 260px;
  height: 215px;
  margin: 0 auto;
  position: relative;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl dt {
  width: 260px;
  padding: 0 0 10px 0;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl dd.text {
  width: auto;
  font-size: 12px;
  line-height: 1.5em;
  text-align: left;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl dd.text span.men {
  color: #009CE4;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl dd.text span.women {
  color: #EA3C40;
}

div.camp_container div.inner div.body_block div.banner_under_block ul.under li dl dd.btn {
  width: 110px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
}

div.camp_container div.inner div.body_block p.banner_night {
  width: 760px;
  margin: 0 auto;
  padding: 10px 0 20px 0;
}

div.camp_container div.inner div.body_block p.banner_night a:hover {
  opacity: 0.7;
}

div.camp_container div.inner span.foot {
  width: 1000px;
}
div.camp_container div.inner span.foot img {
  width: 1000px;
  display: block;
  vertical-align: middle;
}















/* ****************************** reflection ****************************** */

div.camp_container div.inner div.body_block ul.top li {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.reflection {
  height      :100%;
  width       :30px;
  position    :absolute;
  top         :-180px;
  left        :20px;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
    0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* ****************************** reflection ****************************** */
















/*----------------------------------------------------
	COMMON
----------------------------------------------------*/

.base_red {
  color: #990000;
}
.brown {color: #B68A4A;}
.bold {font-weight: bold;}
.pink {color: #FFA0AD;}


.pt_5 {padding: 5px 0 0 0;}
.pt_10 {padding: 10px 0 0 0;}
.pt_15 {padding: 15px 0 0 0;}
.pt_20 {padding: 20px 0 0 0;}
.pt_25 {padding: 25px 0 0 0;}
.pt_30 {padding: 30px 0 0 0;}
.pt_35 {padding: 35px 0 0 0;}
.pt_40 {padding: 40px 0 0 0;}
.pt_45 {padding: 45px 0 0 0;}
.pt_50 {padding: 50px 0 0 0;}
.pt_55 {padding: 55px 0 0 0;}
.pt_60 {padding: 60px 0 0 0;}
.pt_65 {padding: 65px 0 0 0;}
.pt_70 {padding: 70px 0 0 0;}

.pb_5 {padding: 0 0 5px 0;}
.pb_10 {padding: 0 0 10px 0;}
.pb_15 {padding: 0 0 15px 0;}
.pb_20 {padding: 0 0 20px 0;}
.pb_25 {padding: 0 0 25px 0;}
.pb_30 {padding: 0 0 30px 0;}
.pb_35 {padding: 0 0 35px 0;}
.pb_40 {padding: 0 0 40px 0;}
.pb_45 {padding: 0 0 45px 0;}
.pb_50 {padding: 0 0 50px 0;}
.pb_55 {padding: 0 0 55px 0;}
.pb_60 {padding: 0 0 60px 0;}


.mt_5 {margin: 5px 0 0 0;}
.mt_10 {margin: 10px 0 0 0;}
.mt_15 {margin: 15px 0 0 0;}
.mt_20 {margin: 20px 0 0 0;}
.mt_25 {margin: 25px 0 0 0;}
.mt_30 {margin: 30px 0 0 0;}
.mt_35 {margin: 35px 0 0 0;}
.mt_40 {margin: 40px 0 0 0;}
.mt_45 {margin: 45px 0 0 0;}
.mt_50 {margin: 50px 0 0 0;}
.mt_55 {margin: 55px 0 0 0;}
.mt_60 {margin: 60px 0 0 0;}
.mt_65 {margin: 65px 0 0 0;}
.mt_70 {margin: 70px 0 0 0;}


.mb_5 {margin: 0 0 5px 0;}
.mb_10 {margin: 0 0 10px 0;}
.mb_15 {margin: 0 0 15px 0;}
.mb_20 {margin: 0 0 20px 0;}
.mb_25 {margin: 0 0 25px 0;}
.mb_30 {margin: 0 0 30px 0;}
.mb_35 {margin: 0 0 35px 0;}
.mb_40 {margin: 0 0 40px 0;}
.mb_45 {margin: 0 0 45px 0;}
.mb_50 {margin: 0 0 50px 0;}
.mb_55 {margin: 0 0 55px 0;}
.mb_60 {margin: 0 0 60px 0;}


.fs20 {font-size: 20px;}
.fs25 {font-size: 25px;}
.fs30 {font-size: 30px;}
.fs35 {font-size: 35px;}
.fs40 {font-size: 40px;}
.fs45 {font-size: 45px;}
.fs50 {font-size: 50px;}