/*------------------------------------
スマホ表示レスポンシブ
-------------------------------------*/
@media screen and (max-width:670px){

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

body{

}

body:before{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    background: url("img/mainvisual-sp.jpg") right no-repeat;
    background-size: cover;
}


main{
    width:100%;
}

.wrapper{
    width: 100%;
}

/*------------------------------
見出し
------------------------------*/

.point::before{
    min-width:20px;
    min-height:20px;
}


/*------------------------------
ヘッダー＋ヘッダーメニュー
------------------------------*/

header{
    padding-top:10px;
    padding-bottom: 10px;
}

.header-wrapper{
    width:100%;
    flex-direction: column;
    font-size: 13px;
}

.site-title{
    font-size: 15px;
}

/*------------------------------
メインビジュアル
------------------------------*/
.mainvisual h2{
    font-size: 1.3rem;
    letter-spacing: 0.4em;
}

.mainvisual-wrapper{
    margin-top:100px;
}



/*------------------------------
企画テンプレート
------------------------------*/

.temp-inner ul{
    flex-direction: row;
}

#template dl{
    flex-direction: column;
}

#template dt{
    width:100%;
    text-align: left;
    padding-right: 0;
    border: none;

}

#template dt::before{
  content: '◆';
}

#template dd{
    width:100%;

}


/*------------------------------
当サイトについて
------------------------------*/
#info dl{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 30px;
}


#info dt{
    text-align: left;
  font-weight: bold;
  width:100%;
  padding-right: 10px;
}

#info dd{
  padding-left: 10px;
  width: 100%;
}


/*------------------------------
フッター
------------------------------*/
.footer-wrapper{
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
}


/*------------------------------

------------------------------*/

/*------------------------------

------------------------------*/

/*------------------------------

------------------------------*/




}