<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */

/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/

input[type="text"],
input[type="password"]{ height:30px; margin-right:4px; padding:4px 10px; box-sizing: border-box!important; }
input[type="checkbox"] { -webkit-appearance: checkbox!important; display: inline-block; margin:-2px 0 0; cursor: pointer; }
label{ cursor: pointer;}


/* btn
**********************************************************************/
.btn{ display: block; background:#666; min-width: 160px; padding:9px 18px 8px!important; font-size: 15px; color: #FFF !important; text-decoration: none!important; text-align: center; border-radius: 3px; box-sizing: border-box; outline: none; }
input.btn,
button.btn{ border: none!important; cursor: pointer;}

.btn,
.btn02{ transition: background 0.3s ease-in-out 0s;}
.btn02 a:hover,
.btn02 input:hover{ background: #9FE165; }


/*color*/
.greenBtn,
input.greenBtn,
.blueBtn,
input.blueBtn{  background: #005bac!important; }
.whiteBtn,
input.whiteBtn{  background: #fff!important; color: #1ea880!important; }
.grayBtn,
input.grayBtn{ background: #a6a5a5!important;}
.navyBtn,
input.navyBtn{ background: #0E4B98!important;}
.blackBtn,
input.blackBtn{ background: #333!important;}
.btn02 a,
.btn02 input{ background: #84D83A!important;}


/*hover*/
.btn:hover{ background:#999;}
.greenBtn:hover,
input.greenBtn:hover,
.blueBtn:hover,
input.blueBtn:hover{ background: #0063B7!important;}
.whiteBtn:hover,
input.whiteBtn:hover{  background: #1ea880!important; color: #fff!important; }
.grayBtn:hover,
input.grayBtn:hover{ background: #bdbcbc!important;}
.blackBtn:hover,
input.blackBtn:hover{ background: #4c4c4c !important;}
.navyBtn:hover,
input.navyBtn:hover{ background: #125EBF!important;}


/*disabled*/
.disabled,
input.disabled{ background: #ddd!important; color: #fff!important;  cursor: default!important; }
.disabled *,
input.disabled *{ color: #fff!important;}
.disabled:hover,
input.disabled:hover{ background: #ddd!important; }

.grayBtn.disabled:hover,
input.grayBtn.disabled:hover{ background: #a6a5a5!important;}
.blueBtn.disabled,
.blueBtn.disabled:hover{ background: #005bac!important; opacity: 0.3;}


/*sns*/
.btn.fb,
.btn.tw{ position: relative;}
.btn.fb{ background: #134180;}
.btn.tw{ background: #000;}

.btn.fb:before,
.btn.tw:after{ content: ""; display: block; width: 24px; height: 22px; position: absolute; top: 50%; left: 17px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.btn.fb:before{ background: url("../img/btn/icon_facebook.png") no-repeat; background-size: 24px auto;}
.btn.tw:after{ background: url("../img/btn/icon_twitter.png") no-repeat; background-size: 24px auto;}

.btn.fb:hover{ background: #375e94;}
.btn.tw:hover{ background: #121212;}


/* form
**********************************************************************/
input[type=text],
input[type=submit],
input[type=button],
button,
select,
textarea{ -webkit-appearance: none; -moz-appearance:none; appearance: none; box-sizing: border-box; outline: none; }

input[type=text],
input[type=button],
button,
select,
textarea{ border-radius: 2px;}

input[type=submit],
input[type=button],
button,
select{ cursor: pointer;}

/*input*/
input[type=text]{ border: solid 1px #bbb;}


/* select */
select{ background: url(/parts/img/arrow_select.gif) no-repeat right #FFFFFF; width: 100%; max-width: 300px; height:30px; padding:2px 22px 2px 10px; border:solid 1px #bbb; }
select::-ms-expand { display: none; }


/* textarea */
textarea{ padding:12px; border:solid 1px #bbb;}


/*placeholder*/
::-webkit-input-placeholder { color: #ddd; opacity: 1; }
:-moz-placeholder { color: #ddd; }
::-moz-placeholder { color: #ddd; opacity: 1; }
:-ms-input-placeholder { color: #ddd; }


/*submit*/
input[type="submit"]{ background:#666; padding:3px 6px; color:#FFF; cursor:pointer; border: none; border-radius: 3px; }
input[type="submit"].inputB{ padding:5px 6px; }
input[type="submit"]:hover{background:#999;}


/* submitBox
**********************************************************************/
.submitBox{ display: table; margin: 20px auto 0;}
.submitBox li:first-child{ margin: 0 0 10px;}


/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px) {

  /* form
  **********************************************************************/
  .submitBox{ margin: 40px auto 0; overflow: hidden; }
  .submitBox li{ margin: 0!important; float: left; }
  .submitBox li .btn{ margin: 0!important;}
  .submitBox li:first-child{ margin: 0 20px 0 0!important; }
}
</pre></body></html>