@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 767px) {

/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth;   font-size: 50%;  }
body {  color:#444; } 

/* display none */
.only_sp_none {display:none!important; }

/*画像*/
img{max-width:100%; height:auto;}

/*---------------------------------------------
 **  カラム
---------------------------------------------*/
.clounm_wrapper{margin: 0 5%; }

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.flex_item_clounm_3 { width:100%; }
.flex_item_clounm_2 { width:100%;  }
.flex_item_clounm_4 {width:100%;}

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;position:relative;background-size: cover;text-align:center;}
.header_inner  {width:100% !important;height: 80px;margin: 0 !important;}



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

/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {
  width: 175px;
  height: 58px;
  margin: 0px auto 0px;
}
#footer #logo {width: 224px;height: 77px;margin: 0 auto 15px;}
.sp_tel {width: 51px;height: 51px;position:absolute;top: 1px;left: 3%;}

/*---------------------------------------------
 **  タイトル
---------------------------------------------*/




/*=================================================================================================================================*/
/**  TOP	*/
/*=================================================================================================================================*/

.catch_copy {
  
}
.catch_copy_wrapper {
  top: 0;
position:relative;
}

.catch_copy {
  width: 10%;
  height: auto;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
}



.header_p {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 1.5rem auto 0 auto;
  width: 100%;
  color: #000;
  font-size: 1.6rem;
  text-align: justify;
}

.header_bg img{
  box-sizing: border-box ; /*通常の記述*/
-webkit-box-sizing: border-box ;  /*Google ChromeやSafariの機能を利用*/
-moz-box-sizing: border-box ;  /*Firefoxの機能を利用*/
padding: 0;
}

.logo{
  position: absolute;
  top: 82%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
}
#main{
  padding: 0;
}


h2 {
  font-size: 2.5rem;
  line-height: 1.3;
  margin-bottom: 2rem;
  padding: 1.5rem 4rem 1.5rem;
  font-weight: bold;
}



h3{
 clear: both;
 margin-top: 3.5rem;
}

.item_wrapper {
  padding: 0 2rem 1rem;
}

.mt_img_01{
  margin: 1rem 0 0 ;
}

.mlm4rem {
  margin-left: -2rem;
}

.orang, .blue {
  color: #FFF;
  padding: 0.2rem 0.4rem;
  display: inline-block;
font-size:1.4rem;
float: left;
margin-right: 1rem;



}
.span_min {
  min-width: unset;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: -1px;
}

.fr{
  width: 100%;
}

}