@charset "UTF-8";

/* ---------------------------------------------
	スタイルリセット
--------------------------------------------- */
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
address {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

img {
    border: none;
    vertical-align: bottom;
}

/* ----------
　　　汎用
---------- */
/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hide from MacIE €*/
* html .clearfix {
    height: 1px;
}

.clearfix {
    display: block;
}

/* End Hide from MacIE */


body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Avenir Next", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

/*@media all and (-ms-high-contrast:none) {
	body{
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W4", "Hiragino Kaku Gothic Pro", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
}*/

html >

/**/
body {
    font-size: 16px;
    line-height: normal;
    overflow-x: hidden;
}

/* except Win IE */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

/* ----------
　   基本
---------- */
html,
body {
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dt,
dd,
li {
    /*background:  url("../img/spacer.gif") repeat 0px 0px;*/
    max-height: 100%;
}

/*共通スタイル*/
.bold {
    font-weight: bold;
}

.center {
    text-align: center;
}

a:link {
    color: #333;
    text-decoration: none;
    font-weight: normal;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
}

a:active {
    color: #333;
    text-decoration: none;
}

.clears {
    clear: both;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.ml10 {
    margin-left: 10px;
}

/*コンテンツ*/
#contact_main {
    width: 640px;
    margin: 0 auto;

}

#contact {
    width:630px;
    margin-bottom: 10px;
}

.title_h {
    text-align: center;
}

.contact_h {
    padding: 0;
    font-size: 24px;
    margin: 20px 0;
    background: linear-gradient(transparent 50%, yellow 50%);
    display: inline-block;

}

.lt2 {
    color: #ff0000;
    font-size: 90%;
}

.fs{
    font-size:80%;
    text-align: left;
    margin-bottom: 10px;
}

.fl{
    font-size:100%;
    text-align: center;
    margin: 150px 0;
}


/* 入力 */
.text,
textarea,
.dropdown {
    border: 1px solid #999;
    padding: 7px 5px;
    color: #333;
    background: #fff;
    border-radius: 5px;
    /* Webkit */
    -webkit-border-radius: 5px;
    /* Firefox */
    -moz-border-radius: 5px;
}

textarea {
    height: 60px;
    width: 400px;
    padding: 5px;
}
/* 入力欄フォーカス */
textarea:focus,
input.text:focus {
    background: #fff8df;
}

/* input幅 */
.pw100 {
    width: 100%;
}

.pw90 {
    width: 90%;
}

.pw80 {
    width: 80%;
}

.pw70 {
    width: 70%;
}

.pw60 {
    width: 60%;
}

.pw50 {
    width: 50%;
}

.pw40 {
    width: 40%;
}

.pw30 {
    width: 30%;
}

.pw20 {
    width: 20%;
}

.pw10 {
    width: 10%;
}

.btn {
    cursor: pointer;
    font-size: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: none;
    padding: 9px 18px;
    margin-right:20px; 
    text-decoration: none;
    display: inline-block;
    color: #333;
        background: #edd83e;
}

.btn:hover {
    cursor: pointer;
    font-size: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: none;
    padding: 9px 18px;
    text-decoration: none;
    display: inline-block;
    color: #333;
    background: #fae75f;
}

.btn2 {
    cursor: pointer;
    font-size: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: none;
    padding: 9px 18px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background: #d40267;
}

.btn2:hover {
    cursor: pointer;
    font-size: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: none;
    padding: 9px 18px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background: #f53390;
}

.close_btn {
    text-align: center;
    margin: 20px 0 0 0;
}

/*ボタン位置*/
.btn_area {
    margin-top: 30px;
    text-align: center;
}

/* フッター */
footer {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    background-color: yellow;

}

/*スマホ用 css*/
@media screen and (max-width: 640px) {
    #contact_main {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }

    #contact {
        width:100%;
        margin: 0;
    }

    .text,
    textarea,
    .dropdown {
        border: 1px solid #999;
        padding: 7px 5px;
    }

    .pw80,
    .pw90,
    .w100 {
        width: 90%;
    }

    footer {
    width: 100%;
        margin:20px 0 0 0;
    padding: 5px 0;
    text-align: center;
    font-size: 12px;
    background-color: yellow;

}
}