/* *************************************************************
　　　全体
************************************************************* */

*{
   margin:0;
   padding:0;
   font-family: 'Noto Sans JP', sans-serif;
}

#wapper{
   width:100%;
   margin:0 auto;
   padding:0;
   overflow: hidden;
}

a:focus, *:focus { outline:none; }

.clr{
    clear:both;
	margin:0;
	padding:0;
}

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

@media screen and (max-width: 698px){	
.br-pc { display:none; }
.br-sp { display:block; }
}

/* *************************************************************
　　　見出し
************************************************************* */
h2{
   font-size:28px;
   letter-spacing:0.2em;
   font-weight:700;
   color:#333333;
}

h2 span{
   font-family: 'Roboto Slab', serif;
   display:block;
   color:#EB7BAB;
   font-weight:normal;
   font-size:18px;
}
/* *************************************************************
　　　ヘッダー
************************************************************* */

#top-head {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 0;
    line-height: 1;
	
	padding-left:50px;
	
	-moz-box-sizing: border-box;
   box-sizing: border-box;

}
#top-head:after {
    content: "";
    display: block;
    height: 1px;

    width: 980px;
    margin: 30px auto 0;
}
 
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
 
#top-head .inner {
    position: relative;
 
}
h1 img{
    width:130px;
}

/* transition */
#top-head,
#top-head:after,
h1 img{
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
/* Fixed */
#top-head.fixed {
    padding-top: 15px;
    background: rgba(255,255,255,.7);
}
#top-head.fixed h1 img {
    width:100px;
}
 
#top-head.fixed:after {
    width: 100%;
    margin-top: 20px;
}

/* *************************************************************
　　　フッタ
************************************************************* */
#footer{
    clear:both;
	background-color:#666666;
	color:#FFFFFF;
	width:100%;
	padding:50px 0;
}

#footer_inner{
    width:1080px;
	margin:auto;
}

#footer_l{
    float:left;
}

#footer_r{
    float:right;
	font-family: 'Roboto Slab', serif;
	font-size:12px;
}

@media screen and (max-width: 1079px) {
#footer_inner{
   width:100%;   
   padding:10px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

#footer_l{
    float:none;
	text-align:center;
}
#footer_r{
    float:none;
	text-align:center;
	padding:10px 0 0 0;
}

}


/* *************************************************************
　　　アイキャッチ
************************************************************* */
#main{
   width:100%;
   background:url(../img/main.jpg) no-repeat center;
   background-size: cover;
   height:350px;
   padding-top:350px;
   text-align:center;
}

#main p{
   font-size:32px;
   letter-spacing:0.3em;
   font-weight:700;
   color:#FFFFFF;
   line-height:1.8em;
   text-shadow: 1px 1px 1px rgba(0,0,0,0.6);  

}

@media screen and (max-width: 1079px) {
#main{
   height:240px;
   padding-top:240px;
}

#main p{
   font-size:24px;
}

}

/* *************************************************************
　　　コンテンツ
************************************************************* */

/*---　メッセージ　---*/
#message{
   width:100%;
   text-align:center;
   background-color:#F3F3F3;
   padding:50px 0 0 0;
}

#message_inner{
   width:1080px;
   margin:auto;
}

#message_l{
   float:left;
   width:30%;
}

#message_l img{
   width:100%;
}

#message_r{
   float:right;
   width:70%;
   text-align:left;
}

#message p{
   font-size:16px;
   color:#333333;
   line-height:2em;
   margin:20px 0 0 0;
   letter-spacing:1px;
   font-weight:700;
}

.sign{
   float:right;
   margin:30px 10px 0 0;
}
@media screen and (max-width: 1079px) {

#message{
   padding:50px 0;
}

#message_inner{
   width:100%;
   padding:10px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#message_l{
   float:none;
   width:100%;
}


#message_r{
   float:none;
   width:100%;
   text-align:left;
}

}

/*---　経営理念　---*/
#keiei{
   width:100%;
   padding:30px 0;
}

#keiei_inner{
   width:1080px;
   margin:auto;
}

#keiei_l{
   width:100%;
   text-align:center;
   
}

#keiei_l p{
   font-size:22px;
   color:#000;
   line-height:2em;
   margin:10px 0 0 0;
   letter-spacing:1px;
   font-weight:700;
}

#keiei_r{
   width:100%;
   text-align:center;
      padding-top:100px;
}

#keiei_r ul{
   list-style:none;
   margin:10px auto;
   font-weight:700;
   text-align:left;
   max-width:600px;

}


#keiei_r ul li{
   margin:20px 0;
}


#keiei_r ul li span{
    color:#EB7BAB;
	margin-right:10px;
}


@media screen and (max-width: 1079px) {

#keiei_inner{
   width:100%;
   padding:10px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

#keiei_l{
   width:100%;
   text-align:center;
}
#keiei_r{
   width:100%;
   border-left:none;
   padding:30px 0 0 0;
}

#keiei_l p{
   text-align:left;
   font-size:16px;
}

#keiei_r h2{
   text-align:center;
}

}

/*---　運営施設　---*/
#facility{
    width:100%;
}

#facility_l{
    float:left;
	width:50%;
	background:url(../img/facility01.jpg) no-repeat;
	background-size: cover;
	height:400px;

}

#facility_r{
    float:right;
	width:50%;
	background:url(../img/facility02.jpg) no-repeat;
	background-size: cover;
	height:400px;
}

#facility_box{
    background-color:#FFFFFF;
	width:80%;
	margin:auto;
	text-align:center;
	padding:20px 0;
	margin-top:300px;
	height:100px;
}

@media screen and (max-width: 1079px) {

#facility_l,
#facility_r{
    float:none;
	width:100%;
	height:180px;
	padding:20px 0 0 0;
}

#facility_box{
	background:none;
	margin-top:0;

}

}

/*---　法人概要　---*/
#about{
    width:100%;
	padding:50px 0;
	text-align:center;
	background:linear-gradient(180deg,#fff 0%,#fff 5%,#F2F2F2 5%,#F2F2F2 100%);
}

iframe{
    margin:20px 0 0 0;

}





/* *************************************************************
　　　スクロール
************************************************************* */

#scroll{
   width:100%;
   text-align:center;
   padding:30px 0 0 0;

}

#scroll a {
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  font-family: 'Roboto Slab', serif;
  font-size:12px;
  color:#000000;
  font-weight:600;
  letter-spacing:0.1em;
}

#scroll a {
  padding-top: 60px;
}
#scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -12px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb 1.5s infinite;
  animation: sdb 1.5s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

/* *************************************************************
　　　ボタン
************************************************************* */

#btn{
   width:200px;
   margin:10px auto 0 auto;

}

.button_base {
    margin:0;
    border: 0;
    font-size: 16px;
	font-weight:700;
    width: 200px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

/* ### ### ### 04 */
.b04_3d_tick {
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective-origin: center top;
    -webkit-perspective-origin: center top;
    -moz-perspective-origin: center top;
}

.b04_3d_tick div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
    border: #000 solid 1px;
}

.b04_3d_tick div:nth-child(1) {
    color: #000;
    background-color: #ffffff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}

.b04_3d_tick div:nth-child(2) {
    color: #ffffff;
    background-color: #000;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
}

.b04_3d_tick:hover div:nth-child(1) {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    background-color: rgba(0, 0, 0, 0.5);
}

.b04_3d_tick:hover div:nth-child(2) {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}


/* *************************************************************
　　　テーブル
************************************************************* */

table {
	border-collapse: collapse;
	width:70%;
	margin:30px auto;
}

th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}

td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
tr:hover {
    background: #EB7BAB;
    color: #FFFFFF;
}

table.mul{
}


@media screen and (max-width: 1079px) {

table {
	border-collapse: collapse;
	width:100%;
	margin:30px auto;
}


td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	display:block;
	background-color:#EB7BAB;
	color:#FFFFFF;
}

td:nth-child(2n){
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	display:block;
	background:none;
	color:#000000;
}

table.mul td{
    display:table-cell;
	color:#000000;
	background:none;
	font-size:12px;
}

table.mul td:nth-child(2n){
    display:table-cell;
	font-size:12px;
}

tr:hover {
    background: #FFFFFF;
    color: #000;
}


}