@charset "utf-8";

html, body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,ul, ol, li, dl, dt, dd, table, th, td,form, fieldset, input, textarea{
  margin: 0;
  padding: 0;
  height: auto;
}

body {
    font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:84%;
	background-color: transparent;
width:750px;
margin-right: auto;
margin-left : auto;
}

#Wrapper {width:750px; padding-top:30px; margin:0 auto; text-align:center;}

/*** clear fix ***/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac  */
*html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*** clear fix ***/


h3 { font-size: 20px; font-weight: bold; }
h4 { font-size: 16px; font-weight: normal;}

#side_menu ul { list-style: none; margin-top: 70px; }
#main { width: 960px; margin: 50px; 25px;}
#side_menu { width: 250px; float: left;}
#side_menu ul li { padding: 0 20px 50px; font-weight: bold; font-size: 14px; color: #999; }
#side_menu ul .current { color: #000 !important; }
#side_menu ul .flow {
  background-image: url(../images/next.png);
  background-repeat: no-repeat;
  background-position: 80px 25px;
}


#single_main { margin: 50px; 25px;}
#single_contents { margin: 10px 0px; }
#single_contents #title_bar { padding: 15px 10px; width: 690px; }

#main_contents { width: 710px;/* float: left;*/}

#title_bar {
  /*background-color: #efefef;
  border: 1px solid #ccc;*/
/*  width: 500px;*/
/*  height: 30px;*/
  padding: 15px 10px;
  text-align: center;
}

.bar1 {
  /*background-color: #efefef;
  border: 1px solid #ccc;*/
/*  width: 500px;*/
/*  height: 30px;*/
  padding: 15px 10px;
}

.bar2 {
  /*background-color: #efefef;
  border: 1px solid #ccc;*/
/*  width: 500px !important;*/
/*  height: 30px;*/
  padding: 15px 10px;
}

#title_bar h2 { font-size: 36px; font-weight: bold; }

#description { margin-top: 20px; font-weight: normal;}
.comment { margin-top: 10px; line-height: 120%; font-weight: normal; font-size: 15px;}
#description ul li { line-height: 180%; }
.notice { margin-top: 20px; font-size: 14px; }

.attention { color: #f00; font-size: 12px; }

#cancel_description { margin-top: 20px; font-weight: bold; font-size: 14px; padding: 0 30px; }

#entry_block { margin-top: 20px; width: 710px; }
#entry_block table { width: 100%; font-size: 14px; font-weight: normal; }
#entry_block table tr { height: 35px; }
#entry_block table td.c1 { width: 25%; }
#entry_block table td.c2 { width: 75%; vertical-align: bottom; }
.text_box { width: 500px; height: 30px;}

#usage {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 680px;
  height: 250px;
  
/*  font-size: 14px;
  overflow: scroll;
  line-height: 140%;
  padding: 0 15px;
  font-size: 12px;
  border: 1px solid #ccc;*/
}

/*
#usage table { width: 100%; }
#usage table td { width: 100%; }
*/

#usage_area {
/*  margin-top: 15px;
  margin-bottom: 15px;*/
  width: 676px;
  height: 440px;
  font-size: 14px;
  line-height: 150%;
  padding: 10px 15px;
  resize: none;
  font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#privacy_block { margin-top: 230px; width: 100%; }


/* 送信ボタン */
#submit_block						{ padding:30px 0 80px; text-align:center; margin-left: 30px;}
#submit_block ul					{ margin:0 !important;}
#submit_block li					{ display:inline-block; padding:0 40px 10px;}
#submit_block input[type="submit"],
#submit_block .close-link			{ display:inline-block; min-width:10em; padding:15px 50px; font-size:1.2rem; color:#fff; border:none; background:#000; text-decoration:none; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:opacity 200ms; transition:opacity 200ms; font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#submit_block input[type="submit"]:hover,
#submit_block .close-link:hover		{ opacity:0.7;}

/* 閉じるボタン */
#cancel_submit_block						{ padding:30px 0 80px; text-align:center; margin-left: 60px;margin-top:2em}
#cancel_submit_block ul					{ margin:0 !important;}
#cancel_submit_block li					{ display:inline-block; padding:0 40px 10px;}
#cancel_submit_block input[type="submit"],
#cancel_submit_block .close-link			{ display:inline-block; min-width:10em; padding:15px 50px; font-size:1.2rem; color:#fff; border:none; background:#000; text-decoration:none; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:opacity 200ms; transition:opacity 200ms; font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#cancel_submit_block input[type="submit"]:hover,
#cancel_submit_block .close-link:hover		{ opacity:0.7;}


#footer { margin: 10px 50px; height: 100px; border-top: 1px solid #ccc; }

@media screen and (max-width:1000px){

body {width:100%}
#main {width: 100%; margin: 50px 0;}
#main_contents {width:auto;float:none;margin:0 20px}
#usage {width:100%;}
#usage_area {width:95%;}
#entry_block { margin-top: 20px; width:100%;}
#entry_block table td {display:table;width:100% !important}
.text_box {width:100%}

#submit_block {margin-left:0}
#cancel_submit_block {margin-left:0}
#submit_block input    {
    font-size :1.2rem;
    border : 1px solid #000;
    -webkit-border-radius : 0;
    -webkit-appearance : none;
    -webkit-tap-highlight-color : rgba(0,0,0,0);
}

}
.onlysp {display:none}

@media screen and (max-width:500px){
.onlysp {display:block}
#title_bar h2 { font-size: 28px;}
#main_contents {margin:0 20px}
#cancel_description {padding: 0;}
#single_main { margin: 50px 0;}
#usage_area {width:90%;}
#submit_block li { display: block; padding-left: 0; padding-right: 0;}
}