/*//////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
スマホレイアウト
////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*共通設定*/
.pc-none{
  display: block !important;
}
.sp-none{
  display: none !important;
}
.row{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.in_row{
  width:100%;
  padding: 0 0px 0;
  box-sizing: border-box;
  margin:0 auto;
  text-align:center;
}
p{font-size: 14px}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.header_main{
  width: 100%;
}
div.head_in{
  padding: 10px 0 10px;
  display: flex; 
  justify-content: center; 
  align-items: center;  
}
div.head_in img{width: 55%;}

/*--------------------------------
ナビゲーション
---------------------------------*/
.navi_area{
  border-top: 1px solid #e55851;
  border-bottom: 1px solid #e55851;
}

.mainnavi {
  display: block;
  top:7px;
  position:fixed;
  right: 5px;
  z-index:300001;
}
#hamburgerbtn {
  color:#e55851;
  cursor: pointer;
  width:45px;
  padding:10px 5px 10px;
  box-sizing: border-box;
  z-index: 300001;
  font-size:14px;
}
#hamburgerbtn span {
  display: block;
  width: 100%;
  color:#e55851;
  height: 2px;
  background: #e55851;
  border-radius: 4px;
  margin-bottom: 8px;
  z-index: 300001;
}
#hamburgerbtn span:nth-of-type(3) {
  margin-bottom: 3px;
}
/*
  ハンバーガーメニューがクリックされたら
  上の線を真ん中に移動させて45℃回転
*/
.open #hamburgerbtn span:nth-of-type(1){
  transform: rotate(45deg);
  margin:10px 0 0 0;
}
/* 
  ハンバーガーメニューがクリックされたら
  真ん中の線は透明化して見えないようにする
*/
.open #hamburgerbtn span:nth-of-type(2) {
  opacity: 0; 
}
/*
  ハンバーガーメニューがクリックされたら
  下の線は真ん中に移動させて-45℃回転
*/
.open #hamburgerbtn span:nth-of-type(3){
  transform: rotate(-45deg);
  margin:-12px 0 13px 0;
}
#slidemenu {
  display: none;
  position: fixed;
  top: 0;
  width:100%;
  height: auto;
  list-style: none;
  margin:0px auto 0 auto;
  z-index: 300000;
  padding: 0;
}

#slidemenu li{
  width:100%;
  display: block;
  text-align:left;
  border:none;
  margin:0;
  padding:5px;
  background:#fff;
  -webkit-border-radius: 0px;/* for Safari and Chrome */
  -moz-border-radius: 0px; /* for Firefox */
  -o-border-radius: 0px; /* for opera */
  border-radius: 0px;
  box-sizing: border-box;
}
#slidemenu a {
  display: block;
  text-align:left;
  color: #e55851;
  text-decoration: none;
  padding: 7px 0px 7px 15px;
  box-sizing: border-box;
  font-size:14px !important;
  border-bottom:1px dotted #e55851;
  -webkit-border-radius: 0px;/* for Safari and Chrome */
  -moz-border-radius: 0px; /* for Firefox */
  -o-border-radius: 0px; /* for opera */
  border-radius: 0px;
}

#glaylayer {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000;
  opacity: 0.3;
}
/*--------------------------------------------------------
main view
--------------------------------------------------------*/
div.mainview{
  background-size: cover;
  height: 230px;
  align-items: center;
}
div.mainview_in{
  width: 100%;
}
div.mainview_in h1{
  font-size: 18px;
  line-height: 1.5;
  padding: 0 15px 0;
  box-sizing: border-box;
}

/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
div.footer{
  padding:10px 20px 10px;
}
ul.foot_nav{
  flex-direction: column;
  justify-content: flex-start; 
  align-items: flex-start; 
  padding: 10px 0 10px;
}
ul.foot_nav li{
  border: none;
  text-align: left;
  padding: 0 0 5px 0;
}
ul.foot_nav li:last-child{
  border: none;
}

ul.foot_nav li a{
  text-align: left;
  font-size: 14px;
  padding: 0.1em 0.3em;
  position: relative;
  display: inline-block;
  transition: .3s;
  color: #666;
}
div.foot_copy{
  padding:10px 0 10px 0;
}
div.foot_copy h5{
  color: #666;
  font-weight: normal;
  font-size: 14px;
}
.d-none{
  display: none;
}

h2.titleh2 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  font-size: 20px; 
  margin-bottom: 20px;
}
h2.titleh2:before, h2.titleh2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 55px;
  height: 2px;
  background-color: #e55851;
}
h2.titleh2:before {
  left:0;
}
h2.titleh2:after {
  right: 0;
}


/*--------------------------------------------------------
about
--------------------------------------------------------*/
.about{
  padding: 30px 0 10px;
}
.about p{
  font-size: 14px;
  padding: 10px 20px 10px;
  box-sizing: border-box;
}

/*--------------------------------------------------------
service
--------------------------------------------------------*/
.service{
  padding: 30px 0 10px;
}
ul.sv_list{
  width: 90%;
  margin: 0 auto;
}
ul.sv_list li{
  flex-direction: column;
  margin: 10px auto 0;
  border: 2px solid #e55851;
  padding: 20px;
  box-sizing: border-box;
  display: flex; 
  justify-content: space-around; 
  align-items: center;  
}
ul.sv_list li img{
  width: 100%;
}
.sv_right h3{
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
}
.sv_right p{
  text-align: left;
  font-size: 14px;
}

/*--------------------------------------------------------
company
--------------------------------------------------------*/
.company{
  padding: 30px 0 10px;
}
.com_img{
  padding: 0px 0 0;
}
.com_img img{
  width: 90%;
}
/*--------------------------------------------------------
company
--------------------------------------------------------*/
.contact{
  padding: 30px 0 10px;
}
.contact p{
  padding: 10px;
  box-sizing: border-box;
}



/*--------------------------------------------------------
下層ページ　デザイン
--------------------------------------------------------*/
.privacy_wrap{
  padding: 10px;
  box-sizing: border-box;
  text-align: left;
  width: 90%;
  margin: 0 auto;
}
.privacy_wrap img{
  width: 100%;
}