* {
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

a  { text-decoration: none; display: inline-block; margin: 0px; padding: 0px }
p  { text-decoration: none; margin: 0px; padding: 0px }
ul  { list-style: none; }


input.mail  { width: 80%; padding: 5px; }
input.pass  { width: 50%; padding: 5px; }
input.form_01   { width: 60%; padding: 5px; }
input.form_02  { width: 80%; padding: 5px; }
input.form_03  { width: 25%; padding: 5px; }
textarea.form_05  { width: 100%; padding: 5px; }
input.form_06  { width: 15%; padding: 5px; }
input.form_07  { width: 20%; padding: 5px; }
input.form_08  { width: 50%; padding: 5px; }
input.form_09   { width: 50%; height: 30px; font-size: 16px;  }
select  { font-size: 16px; line-height: 26px; border: solid 1px #eee; height: 30px }


.line_01              { margin-bottom: 5px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #3a3a3a }


.space_01             { margin-bottom: 30px }
.space_02             { margin-top: 10px }




.text_24          { color: #3a3a3a; font-weight: bold; font-size: 24px }

.text_18         { color: #6a6a6a; font-size: 16px; line-height: 26px }
.text_18 a        { color: #1881a8; font-size: 16px; line-height: 26px; text-decoration: none }
.text_18 a:hover     { color: #dc8c50; font-size: 16px; text-decoration: none }

.text_18_1         { color: #ffffff; font-size: 22px; line-height: 36px }

.text_16_base         { color: #3a3a3a; font-size: 16px; line-height: 30px }

.text_16         { color: #3a3a3a; font-size: 16px; line-height: 30px }
.text_16 a        { color: #175C97; line-height: 30px; text-decoration: none }
.text_16 a:hover     { color: #74C6CD; text-decoration: none }

.text_16_phone         { color: #3a3a3a; font-size: 24px; line-height: 30px }
.text_16_phone a        { color: #175C97; font-size: 24px; line-height: 30px; text-decoration: none }
.text_16_phone a:hover     { color: #74C6CD; font-size: 24px; text-decoration: none }

.text_16_1         { color: #3E7C97; font-size: 16px; line-height: 30px }
.text_16_2         { color: #E7E7E7; font-size: 16px; line-height: 30px }


.text_14        { color: #3a3a3a; font-size: 14px; line-height: 24px }
.text_14 a    { color: #1881a8; font-size: 14px; line-height: 24px; text-decoration: none }
.text_14 a:hover   { color: #dc8c50; font-size: 14px; text-decoration: none }

.text_14_1        { color: #fff; font-size: 14px; line-height: 24px }

.text_12   { color: #6a6a6a; font-size: 12px; line-height: 20px }
.text_12 a    { color: #bf3e00; font-size: 12px; line-height: 20px; text-decoration: none }
.text_12 a:hover     { color: #ffa636; font-size: 12px; text-decoration: none }

.text_10  { color: #ebebeb; font-size: 10px; line-height: 12px }
.text_10 a      { color: #cd7404; font-size: 10px; line-height: 12px; text-decoration: none }
.text_10 a:hover    { color: #ffa636; font-size: 10px; text-decoration: none }

.text_10_1  { color: #E2E2E2; font-size: 12px; line-height: 12px }
.text_10_1 a      { color: #E2E2E2; font-size: 12px; line-height: 12px; text-decoration: none }
.text_10_1 a:hover    { color: #E2E2E2; font-size: 12px; text-decoration: none }

.page         { margin-right: 4px; padding-right: 3px; padding-left: 3px; border: solid 1px #6a6a6a }
.pagelink a       { margin-right: 4px; padding-right: 3px; padding-left: 3px; border: solid 1px #1881a8 }
.pagelink a:hover       { background-color: #f5f5f5; margin-right: 4px; padding-right: 3px; padding-left: 3px; border: solid 1px #dc8c50 }


#pageTop     { position: fixed; right: 30px; bottom: 30px }

.tb    { border:1px solid #d7d7d7; border-collapse:collapse; }
.tb td    { border:1px solid #d7d7d7; border-collapse:collapse; }




/* マウスオーバーでアンダーライン */

.list-item::after{
   content: '';
        display:block;
        width:0;
        margin: 5px auto 0;
        border-bottom: 2px solid  #C81553;
        transition: width 0.2s ease-in-out;
}

.list-item:hover::after{
  width: 100%;
}