@charset "UTF-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*Focus Template Layout*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*設定*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");.mincho {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.gothic {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }

section {
        padding-top: 30px;
}

html {
        overflow-x: hidden; }

body {
        font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
        line-height: 1.4;
        font-weight: normal;
        margin: 0px;
        /*background-image: url(../img/bg.png);*/
        background-attachment: fixed;
        background-size: auto;
        background-repeat: repeat;
        max-width: 600px;
        margin: auto; }

.wrap {
}

.Input-frame{
        height: 40px;
        margin-bottom: 2%;
        background-color: #f1f1f1;
        border: none;
}

button{
        font-family: sans-serif;
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
        *vertical-align: middle;
        line-height: normal;
        *overflow: visible;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
 cursor: pointer;
 -webkit-appearance: button;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

#header img{
        width: 100%;
}

.main{
        width: 100%;
        text-align: center;
}

.main img{
        width: 100%;
        margin-bottom: 7%;
}

.main .button{
        width: 70%;
        margin-bottom: 2%;
}

.detail{
        padding: 0 6%;
        font-family: sans-serif;
        text-align: justify;
}

.detail h1{
        text-align: center;
        font-size: 20px;
        margin-bottom: 7%;
}

.detail p{
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 7%;
        line-height: 1.5;
}

.buttonarea{
        text-align: center;
}

.back{
        background-color: #ffa7a7;
        border: none;
        color: #fff;
        width: 10em;
        border-radius: 20px;
        margin-bottom: 7%;
}

.back a{
        text-decoration: none;
        color: #fff;
}

.footer{
        background-color: #ffa7a7;
        padding-bottom: 2%;
}

.contents{
        padding: 3% 5% 1%;
}

.footer a{
        display: block;
        color: #fff;
        text-decoration: none;
        margin-bottom: 4%;
        border-bottom: 1px #fff solid;
}

.footer p{
        color: #fff;
        font-size: 0.5rem;
        text-align: center;
}

@media only screen and (min-width: 750px) {
        .contents{
                width: 50%;
                margin: auto;
                padding: 3% 5% 1%;
        }
}