/* ===================================================
   Premium Domain
   marry.jp
=================================================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    sans-serif;

    background:#fafafa;

    color:#444;

    line-height:1.8;

}

.container{

    width:92%;

    max-width:960px;

    margin:auto;

}

/* ========================= */

header{

    text-align:center;

    padding:70px 20px 40px;

}

header h1{

    font-size:54px;

    color:#d86c93;

    font-weight:300;

    letter-spacing:2px;

}

header p{

    margin-top:10px;

    color:#888;

    font-size:20px;

}

/* ========================= */

section{

    margin:40px 0;

}

.box{

    background:#fff;

    padding:40px;

    border-radius:10px;

    box-shadow:0 4px 18px rgba(0,0,0,.06);

}

.box h2{

    margin-bottom:25px;

    font-size:28px;

    color:#333;

}

.box p{

    margin-bottom:18px;

}

/* ========================= */

.feature{

    list-style:none;

}

.feature li{

    padding:10px 0;

    border-bottom:1px solid #eee;

}

.feature li:last-child{

    border:none;

}

/* ========================= */

.button{

    text-align:center;

    margin:50px 0;

}

.button a{

    display:inline-block;

    padding:15px 40px;

    background:#d86c93;

    color:#fff;

    text-decoration:none;

    border-radius:30px;

    transition:.25s;

}

.button a:hover{

    opacity:.85;

}

/* ========================= */

form{

    margin-top:20px;

}

label{

    display:block;

    margin-top:18px;

    margin-bottom:6px;

    font-weight:bold;

}

input[type=text],
input[type=email],
textarea{

    width:100%;

    padding:12px;

    border:1px solid #ccc;

    border-radius:6px;

    font-size:16px;

}

textarea{

    min-height:180px;

    resize:vertical;

}

button{

    margin-top:25px;

    background:#d86c93;

    color:#fff;

    border:none;

    padding:15px 40px;

    border-radius:30px;

    cursor:pointer;

    font-size:16px;

}

button:hover{

    opacity:.85;

}

/* ========================= */

footer{

    text-align:center;

    color:#888;

    font-size:13px;

    padding:40px 0;

}

/* ========================= */

@media (max-width:768px){

header h1{

    font-size:38px;

}

header p{

    font-size:18px;

}

.box{

    padding:25px;

}

.box h2{

    font-size:24px;

}

.button a,
button{

    width:100%;

}

}
select{

width:100%;

padding:12px;

border:1px solid #ccc;

border-radius:6px;

font-size:16px;

background:#fff;

}