@charset "UTF-8";

/* 共通部分
---------------- */
html{
    font-size: 100%;
}
body{
        font-family: "Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;
    line-height: 1.7;
        color: #432;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
}
/* HEADER
--------------- */
.logo{
    width: 320px;
    margin-top: 20px;
}
.main-nav{
    display: flex;
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-top: 10px;
    list-style: none;
}
.main-nav li{
    margin-left: 48px;
}
.main-nav a{
    color: #ffffff;
}
.main-nav a:hover{
    color: #0bd;
}
.page-header{
    display: flex;
    justify-content: space-between;
}
.wrapper{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 4%;
}
/* home
----------- */
.home-content{
    text-align: left;
    margin-top: 8%;
    color: #f15922;
}
.home-content p {
    font-size: 1.125rem;
    color: #dddddd;
    margin: 10px 0 42px
}
/* 見出し */
.page-title{
    font-size: 3rem;
    font-family: 'M PLUS 1p', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

/* ボタン */
.button{
    font-size: 1.375rem;
    background: #0bd;
    color: #fff;
    border-radius: 5px;
    padding: 18px 32px;
}
.button:hover{
    background: #0090aa;
}
/* 大きな背景画像 */
.big-bg{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#home{
    background-image: url(../images/main-bg_2-min.jpg);
    min-height: 100vh;
}
#home .page-title{
    text-transform: none;
}
/* プロフィール 背景画像*/
.profile-bg{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#profile-home{
    background-image: url(../images/profile.jpg);
    min-height: 100vh;
}
#profile-home .page-title{
    text-transform: none;
}
/* プロフィール */
.profile-content{
    text-align: left;
    margin-top: 1%;
    color: #f15922;
}
.profile-content ul {
    font-size: 1rem;
    color: #dddddd;
    list-style-type: none;
}

/* プロフィール タイトル*/
.profile-title{
    font-size: 1.5rem;
    font-family: 'M PLUS 1p', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

/* プロフィール 優勝修飾*/
span{
    color: red;
}

/* プロフィール ボタン*/
.profile-button{
    font-size: 1.375rem;
    background: #0bd;
    color: #fff;
    border-radius: 5px;
    padding: 18px 32px;
    position: absolute;bottom: 4%;right: 4%;
}
  .profile-button:hover{
      background: #0090aa;
}

/* スケジュール 背景画像*/
.schedule-bg{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#schedule-home{
    background-image: url(../images/test5.jpg);
    min-height: 100vh;
}
#schedule-home .page-title{
    text-transform: none;
}

/* スケジュール */
.schedule-content{
    text-align: left;
    margin-top: 1%;
    color: #f15922;
}
.schedule-content ul {
    font-size: 1rem;
    color: #dddddd;
    list-style-type: none;
}

/* スケジュール タイトル*/
.schedule-title{
    font-size: 1.5rem;
    font-family: 'M PLUS 1p', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}

/* スケジュール 注意事項 */
.schedule-check{
    font-size: 0.8rem;
    color: #cccccc;
    margin-top: 2%;
}

/* 問い合わせ 背景画像*/
.contact-bg{
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}
#contact-home{
    background-image: url(../images/contact_4.jpg);
    min-height: 100vh;
}
#contact-home .page-title{
    text-transform: none;
}

/* お問い合わせ */
.contact-content{
    text-align: left;
    margin-top: 1%;
    color: #f15922;
}
.contact-content p {
    font-size: 1rem;
    color: #dddddd;
    margin: 0% 0% 2% 0%
}

/* コンタクト タイトル*/
.contact-title{
    font-size: 1.5rem;
    font-family: 'M PLUS 1p', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    margin : 4% 0 0 0;
}

/* メールボタン */
.contact-button{
    font-size: 1.375rem;
    background: #0bd;
    color: #fff;
    border-radius: 5px;
    padding: 18px 32px;
}
.contact-button:hover{
    background: #0090aa;
}