html,body {
width:100%;height:100%;
margin:0;padding:0;
background:#fff;
}
body,td,th {font-size: 12px;font-family: "ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif;}
a {color:#0066CC;}
a:hover {text-decoration: underline; color: #00FFFF;}
/*見出しタグ設定---------------------------------------------------------------------------------*/
h1 {font-weight:normal; margin:0 0 0 0;}
h2 {font-weight:normal; margin:0 0 0 0;}
h3 {font-weight:normal; margin:0 0 0 0;}
h4 {font-weight:normal; margin:0 0 0 0;}
h5 {font-weight:normal; margin:0 0 0 0;}
h6 {font-weight:normal; margin:0 0 0 0;}
h7 {font-weight:normal; margin:0 0 0 0;}
/*button-----------------------------------------------------------------------------------------------*/
button.button1 {
/* 文字サイズ */
font-size: 16px;
/* 背景余白 */
padding: 8px 14px;
/* 背景色 */
background-color: #2ea7e0;
/* 文字色 */
color: #fff;
/* ボーダー */
border-style: none;
}
button.button2 {
/* 文字サイズ */
font-size: 16px;
/* 背景余白 */
padding: 15px 55px;
/* 背景色 */
background-color: #2ea7e0;
/* 文字色 */
color: #fff;
/* ボーダー */
border-style: none;
}
/*フォント設定---------------------------------------------------------------------------------*/
.font_fffb9a_12 {color: #fffb9a; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_10 {color: #000000; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_12 {color: #000000; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_13 {color: #000000; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_14 {color: #000000; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_15 {color: #000000; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_16 {color: #000000; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_18 {color: #000000; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_20 {color: #000000; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_22 {color: #000000; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_000000_24 {color: #000000; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_10 {color: #ffffff; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_12 {color: #ffffff; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_13 {color: #ffffff; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_14 {color: #ffffff; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_15 {color: #ffffff; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_16 {color: #ffffff; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_18 {color: #ffffff; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_20 {color: #ffffff; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_22 {color: #ffffff; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_ffffff_24 {color: #ffffff; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_10 {color: #BF0000; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_12 {color: #BF0000; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_13 {color: #BF0000; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_14 {color: #BF0000; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_15 {color: #BF0000; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_16 {color: #BF0000; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_18 {color: #BF0000; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_20 {color: #BF0000; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_22 {color: #BF0000; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_BF0000_24 {color: #BF0000; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_10 {color: #333333; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_12 {color: #333333; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_13 {color: #333333; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_14 {color: #333333; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_15 {color: #333333; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_16 {color: #333333; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_18 {color: #333333; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_20 {color: #333333; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_22 {color: #333333; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_333333_24 {color: #333333; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_10 {color: #215a9a; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_12 {color: #215a9a; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_13 {color: #215a9a; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_14 {color: #215a9a; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_15 {color: #215a9a; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_16 {color: #215a9a; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_18 {color: #215a9a; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_20 {color: #215a9a; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_22 {color: #215a9a; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_215a9a_24 {color: #215a9a; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_10 {color: #036eb8; font-size: 10px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_12 {color: #036eb8; font-size: 12px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_13 {color: #036eb8; font-size: 13px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_14 {color: #036eb8; font-size: 14px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_15 {color: #036eb8; font-size: 15px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_16 {color: #036eb8; font-size: 16px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_18 {color: #036eb8; font-size: 18px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_20 {color: #036eb8; font-size: 20px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_22 {color: #036eb8; font-size: 22px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
.font_036eb8_24 {color: #036eb8; font-size: 24px; font-family:"ＭＳ Ｐゴシック,ＭＳ ゴシック", sans-serif; }
/*** layout ***/
.wrapper {
display: block;
width: 750px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 750px){
.wrapper {
display: block;
width: 100%;
}
}
.kiyaku_container {
overflow-y: scroll;
overflow-x: hidden;
height: 250px;
}
button.buttonreturn {
display: inline-block;
font-size: 16px;
padding: 15px 55px;
background-color: #999;
color: #fff;
border-style: none;
margin:0 4px;
}
button.buttonsend {
display: inline-block;
font-size: 16px;
padding: 15px 55px;
background-color: #2ea7e0;
color: #fff;
border-style: none;
margin:0 4px;
}
@media (max-width: 750px){
button.buttonreturn, button.buttonsend {
display: block;
width:40%;
margin:0 auto 8px auto;
}
}
/*** form_button ***/
#send{
display:block;
width:75%;
margin-left:auto;
margin-right:auto;
}
#send img{
width:100%;
height: auto;
}
#send img.arrow{
display: block;
width: 12%;
height: auto;
}
.arrow_parrent{
position: relative;
}
.arrow_parrent .arrow{
position: absolute;
top: 15%;
left: -8%;
animation-name: arrowAnime;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 600ms;
}
@keyframes arrowAnime {
0% { transform: translate(9%,0); }
100% { transform: translate(-9%,0); }
}