@charset "utf-8";

/*=================================================================================================================================*/
/**  個別指定 for PC	*/
/*=================================================================================================================================*/
@media screen and (min-width: 741px) {

/* fook */
.only_pc_none {display:none!important; }
.sp_br{display: none;}

.float_L{ float: left !important;}
.float_R{ float: right !important; }


.movie iframe{ max-width:800px; height: 450px;}

/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav-toggle{ display:none !important;}

#nav {
  width:66%;
  position: absolute;
  top:34px;
  left:200px;
}

#nav ul {
  width:100%;
  margin: 0 auto;
}
#nav ul li{
  font-size:1.6rem;
  font-weight: bold;
  padding:0 20px;
  float:left;
  display: block;
  position: relative;
}
#nav ul li::after{
  content:'/';
  position:absolute;
  top:0;
  right:-5px;
}
#nav ul li.last::after{
  content:'';
  padding-right:0;
}
#nav ul li a{
  text-decoration: none;
  display: block;
}

#nav ul li a:hover{
  color:#c54720;
}

.tel_box p{
  padding: 10px 0px 20px 65px;
}


/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
h2{}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{ font-size: 26px; }

/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {}



/*---------------------------------------------
 ** width
---------------------------------------------*/
.w1100{width:1100px !important;}

/*---------------------------------------------
 ** margin
---------------------------------------------*/
.mb0{ margin-bottom: 0 !important;}

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.display_flex {display:flex;}
.flex_wrapper {display:flex;flex-wrap:wrap;justify-content: space-between;}
.flex_item_clounm_3 { width:31.5%; }
.flex_item_clounm_2 { width:48.5%; margin-bottom:25px; }
.flex_item_clounm_4 {width:23.5%;margin-bottom:25px;}

/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
/* ヘッダー */

/* ロゴ */
h1 a{ display: block; width: 200px; height: 60px; background: url( ../img/common/logo2.png) no-repeat; background-size: 90%;}

/* TEL */
.tel {width: 315px; height:64px; float:left; margin: 20px 0 0 0; background:url( ../img/common/tel.png) 0 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

/* メインイメージ */
.main_img .pc{
  display: block;
}
.main_img p.sp {
  display: none;
}

.illust{ width:300px; margin: 0 auto;}


/*=================================================================================================================================*/
/**  TOPコンテンツ	*/
/*=================================================================================================================================*/

.info_block ul li span{ border-right:1px solid #ccc; }

.info_block ul li a{ padding-left: 15px;}


/*---------------------------------------------
 **  フッター
---------------------------------------------*/
/* フッター */
.footer_inner   {}

/* ページTOPへ */
#pageTop a {  width: 55.5px; height: 67px; }



/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/
.floor dd{
  height: 138px;
}

.today_block_inner{
  width: 19%;
 }

 .today_text p{}
 text-overflow: ellipsis;
 white-space: nowrap;
}
.today_text p a{ font-size: 14px !important;}

.dm_illust {margin:0 auto; text-align: center;}
.dm_illust img{ max-width: 750px; margin:0 auto;}

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

/*---------------------------------------------
 **  ご挨拶
---------------------------------------------*/
.greeting{
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 3rem auto;
  padding: 3rem 0;
  border-top: 2px solid #D80000;
  border-bottom: 2px solid #D80000;
}
.greeting img{
  width: 250px;
  height: 175px;
  margin-right: 20px;
  margin-top: 8%;
}
.greeting p{
  width: calc( 100% - 270px);
}

.c_info{
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c_info img{
  width: 250px;
  height: 439px;
  margin-left: 20px;
}
.c_info table{
  /* width: calc( 100% - 270px); */
  width: 100%;
}
.c_info table th{
  padding: 14px 15px 14px 15px;
}
.c_info table td{
  padding: 13px 15px 13px 20px;
}

/*---------------------------------------------
 **  SNS部分変更
---------------------------------------------*/
.introsns{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.introsns .item{ width: 48%;}

.movie{
  margin:5rem auto 1rem auto;
}

/*---------------------------------------------
 **  フロー図
---------------------------------------------*/
.flowwrap{
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}
.flowwrap .item{
  width: 40%;
}
.flowwrap .item:last-child{ margin-left: 2rem;}
.flowwrap .item a h3{
  background-color: #D80000;
  background-image: url(../img/common/icon_arrow.png);
  background-position: 95% 50%;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.2em;
  box-sizing: border-box;
  border-radius:  20px 20px 0 0;
  padding: 2rem 4rem;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
}
.flowwrap .item a{
  text-decoration: none;
}

.flowwrap .item ul{
  width: 100%;
  box-sizing: border-box;
  background-color: #F0F0E1;
  padding: 2rem 5rem;
  border-radius: 0 0 20px 20px;
  margin: 0;
}
.flowwrap .item ul li{
  border-radius: 20px;
  border: 2px solid #D80000;
  background-color: #fff;
  color: #D80000;
  text-align: center;
  box-sizing: border-box;
  padding: 0.8rem 0;
  letter-spacing: 0.2em;
  font-size: 24px;
  font-weight: bold;
  margin: 1rem auto 4rem auto;
  position: relative;
}
.flowwrap .item ul li:after{
  width: 0;
  height: 0;
  content: " ";
  position: absolute;
  top: 63px;
  left: 45%;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid  #D80000;
}
.flowwrap .item ul li:last-child:after{
  display: none;
}

.flowwrap .item .img{
  text-align: center;
  margin-top: 3rem;
}
.flowwrap .item .img img{
  width: 265px;
}



/*---------------------------------------------
 ** フロー
---------------------------------------------*/
#sec01b{ margin-top: 5rem;}

#flow{
  box-sizing: border-box;
  padding-top: 100px;
  margin-bottom: 10rem;
}
#flow .sec_in{
  width: 60%;
  max-width: 950px;
  margin: 0 auto;
}
#flow h2{
  background-color: #F0F0E1;
  border-radius: 20px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.2em;
  box-sizing: border-box;
  padding: 2rem 4rem;
  text-align: left;
  margin-bottom: 2rem;
  margin-top: 5rem;
}

.flowwrap.bdr{
  border: 2px solid #D80000;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 2rem;
  margin-top: 2rem;
}

.flowwrap.bdr .img{
  width: 25%;
  margin-right: 2rem;
}
.flowwrap .txt{
  width: 70%;
}
.flowwrap .txt h3{
  font-weight: bold;
  color: #D80000;
  letter-spacing: 0.2em,;
}

.arrow{
  display: block;
  position: relative;
}
.arrow:after{
  width: 0;
  height: 0;
  content: " ";
  position: absolute;
  top: 15px;
  left: 45%;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid  #D80000;
}

.mt100{
  margin-top: 5rem;
}


.snsbnt{
  width:100%;
  display:flex;
   justify-content:center;
}
.youtube_btn{ margin-right: 1rem;}

}