@charset "UTF-8";

/*********************************************************
Title: news_entry.css
Since: 20xx-00-00
Last Modified: 20xx-00-00
***********************************************************/

p{
  font-size: 14px;
}

h3.formCtg {
  background: #1641b0 none repeat scroll 0 0;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  height: auto;
  margin: 0 auto 20px;
  padding: 15px 10px;
  width: 100%;
}

h3{
  box-sizing: border-box;
  font-size: 15px;
  font-weight: bold;
  height: auto;
  margin: 0 auto;
  padding: 0 0;
  width: 100%;
}

h3.mainTitle{
  width:100%;
  height: auto;
  margin: 0 auto 0;
  padding: 10px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: #1641B0;
  color:#fff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  font-size: 1.15em;
}

.introArea{
  width:100%;
  height: auto;
  margin: 0 auto 10px;
  padding:  0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  font-size: 1.0em;
  line-height: 1.3;
}

.introArea p{
  width:100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 15px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  line-height: 1.3;
}

p.listTitle{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding:  0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  font-size: 1.1em;
  line-height: 1.3em;
  font-weight: bold;
}

p.intro br{
  display: none;
}

p.intro.complete{
  text-align: center;
}

p.intro.complete br{
  display: block;
}

ul.formInfo{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  font-size: 1.1em;
}

ul.formInfo li{
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 5px 0 10px;
  margin: 0 0 8px 0;
  display: inline-block;
  line-height: 1.3em
}

ul.formInfo li:after {
  content: "";
  width: 4px;
  height: 4px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../img/icon_listimg.png)0 0 no-repeat;
  background-size: 4px 4px;
  position: absolute;
  top:7px;
  left: 0;
}

.formArea{
  width:100%;
  height: auto;
  margin: 0 0;
  padding: 15px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.formArea .formInner{
  width:100%;
  height: auto;
  margin: 0 0;
  padding:0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.formArea .formInner .inputBox{
  width:100%;
  height: auto;
  margin: 0 0;
  padding: 15px 0 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border-bottom: 1px solid #aaa;
  font-size: 1.1em;
}

.formArea .formInner .inputBox.last{
  border-bottom: none;
  padding: 15px 0 15px;
}


/*項目の中で2カラム*/
.itemHalf_inner{
  width:100%;
  height: auto;
  margin: 5px 4% 0 0;
  padding: 5px 0 ;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.itemHalf_inner.last{
  margin: 0 0 0 0;
}

/*項目名*/
.inputTitle{
  width: 100%;
  height: auto;
  margin: 3px auto 2px;
  padding: 0 5px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}

.inputItem {
  width: 100%;
  height: auto;
  margin: 5px auto;
  padding: 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}

.inputItem.last{
  border-bottom: none;
  padding: 10px 0 0;
}

ul.inputItem {
  width: 100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}

ul.inputItem li.half{
  width: 50%;
  height: auto;
  margin: 0 auto;
  padding: 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
  text-align: center;
  float: left;
}

/*フォーム関連*/

input[type="text"] {
  width: 100%;
  height: 30px;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
  border: 1px solid #aaa;
  padding: 0 10px;
  margin: 0 0 5px;
  background: #fff;
  font-size: 1em;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  line-height: 30px;
  border-radius: 4px;
}

input[type="text"].mini {
  width:30%;
  display: inline-block;
  margin: 0 5px 5px 0;
}

/*2カラムテキストボックス*/
span.col2_txt{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

input[type="text"].col2_textbox{
  width: 49%;
  float: left;
  margin: 0 2% 0 0;
}

input[type="text"].col2_textbox:last-child{
  margin: 0;
}

/*ラジオボタン
-----------------*/
input[type="radio"] {
  display: none;
  cursor: pointer;
}

label.radioBox {
  width:auto;
  height: 35px;
  margin: 0;
  padding: 0 10px 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:inline-block;
  line-height: 35px;
  position: relative;
  cursor: pointer;
}

label.radioBox:last-child{
  margin: 0 0 0 0;
}

.radioBox:after {
  content: "";
  width: 21px;
  height: 21px;
  margin: auto;
  background: url(../img/form_radiobtn.png)0 0 no-repeat;
  background-size: 21px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.radioBox.checked:after {
  content: "";
  width: 21px;
  height: 21px;
  margin: auto;
  background: url(../img/form_radiobtn_on.png)0 0 no-repeat;
  background-size: 21px auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}



/*セレクトボックス
---------------*/
.inputItem.select{
  padding: 10px 0 0;
  border-bottom: none;
}

select{
  width: 100%;
  height: 30px;
  margin: 3px 0 10px;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../img/form_selectbox_arr.png) 96% 50% no-repeat #FFF;
  background-size: 10.5px 6px;
  font-size: 16px scale(0.9);
  cursor: pointer;
  border: 1px solid #aaa;
  font-size: 1.0em;
  line-height: 30px;
  border-radius: 4px;
}

select.mini {
  width:30%;
  display: inline-block;
  margin: 0 5px 5px 0;
}

/*ie10用*/
select::-ms-expand {
  display: none;
}

/*3カラムセレクトボックス*/
select.col3_select{
  width: 45%;
  float: left;
  margin: 0;
}

span.col3_txt{
  width: 10%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin: 0;
}

/*4カラムセレクトボックス*/
select.col4_select{
  width: 40%;
  float: left;
  margin: 0;
}

span.col4_txt{
  width: 10%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin: 0;
}

/*単位つきセレクト*/
span.unit{
  width: 10%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin: 0 0 5px;
}

select.unit_select{
  width: 90%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin: 0 0 5px 0;
}

/*電話番号*/
input[type="text"].col3_input{
  width: 28%;
  float: left;
  margin: 0;
}

span.col3_txt{
  width: 8%;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 30px;
  margin: 0;
}


/*ボタン*/
.btnWrapper{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: relative;
}

.detailBtn{
  width: 100%; 
  max-width: 250px;
  height: 50px;
  margin: 10px auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: linear-gradient(135deg,  #064d97 0%,#1e3278 100%);
  border: none;
  box-shadow: 0 0 2px 0 #1e3278;
  border:1px solid #354786;
  cursor: pointer;
  text-align: center;
}


.closeBtn{
  width: 49%;
  height: 50px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: #fff;
  border: none;
  box-shadow: 0 0 2px 0 #1e3278;
  border:1px solid #354786;
  cursor: pointer;
  text-align: center;
  float: none;
}

.closeBtn:hover{
  opacity: 0.7;
}

.detailBtn:hover{
  opacity: 0.7;
}

.detailBtn p.btnTxt{
  width: auto;
  height: 50px;
  margin: 0 auto;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:inline-block;
  line-height: 50px;
  position: relative;
//  font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho","Hiragino Mincho Pro",serif;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#fff;
  font-size: 110%;
//  font-weight: bold;
  transform: rotate(0.05deg);
}

.detailBtn.cancel p.btnTxt{
  color:#354786;
}

.closeBtn p.btnTxt{
  width: auto;
  height: 50px;
  margin: 0 auto;
  padding: 0 0 0 35px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:inline-block;
  line-height: 50px;
  position: relative;
  //font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","MS PMincho","Hiragino Mincho Pro",serif;
  font-family: "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  transform: rotate(0.05deg);
  color:#354786;
}

.detailBtn p.btnTxt:after {
  content: "";
  width: 15px;
  height: 15px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../img/icon_menuarr_wh.png)0 0 no-repeat;
  background-size: 15px 15px;
  position: absolute;
  top:0;
  bottom:0;
  left: 0;
}

.detailBtn.cancel p.btnTxt:after{
  background: url(../img/icon_menuarr_pu.png)0 0 no-repeat;
  background-size: 15px 15px;
}

.closeBtn p.btnTxt:after {
  content: "";
  width: 25px;
  height: 25px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top:0;
  bottom:0;
  left: 0; 
  background: url(../img/btn_sidebar_close.png)50% 50% no-repeat #1641B0;
  background-size: 15px 15px;
}

/*※印の文章*/
span.attention {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 5px 0 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: inline-block;
  font-size: 1.0em;
  position: relative;
  font-size: 0.9em;
}

span.attention:after {
  content: "*";
  width: 10px;
  height: auto;
  margin: 0;
  padding: 3px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 0.9em;
}


/*※印の文章*/
span.caution {
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  font-size: 1.0em;
  position: relative;
  font-size: 0.95em;
}

span.caution:after {
  content: "※";
  width: 10px;
  height: auto;
  margin: 0;
  padding: 0 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.95em;
}

/*内容確認ページ*/

h3.inqNumTitle{
  width:100%;
  height: auto;
  margin: 30px auto 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  color:#DD2424;
  font-weight: normal;
  text-align: center;
}

p.inqNum{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  text-align: center;
  font-size: 2.0em;
}

p.thanks{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 30px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  font-weight: normal;
  text-align: center;
}

/*ページ下部お知らせ系*/
.noticeArea{
  width:100%;
  height: auto;
  margin: 0 auto 0;
  padding: 0 15px 15px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border-radius: 5px;
  border:1px solid #aaa;
}

.noticeInner{
  width:100%;
  height: auto;
  margin:  auto;
  padding: 10px 0 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}


h4.notice{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 15px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #fd6007;
  font-size: 1.15em;
  font-weight: bold;
  border-bottom:1px dashed #aaa;
}

p.notice{
  width:100%;
}

ul.noticeLink{
  width:100%;
  height: auto;
  margin: 10px auto 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

ul.noticeLink li{
  width:auto;
  height: auto;
  margin: 0 auto;
  padding: 5px 10px 5px 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

ul.noticeLink li a{
  width:auto;
  height: auto;
  margin: 0 auto;
  padding: 5px 15px 5px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  position: relative;
}

ul.noticeLink li a:after{
  content: "";
  width: 5px;
  height: 7.5px;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: block;
  background: url(../img/icon_menuarr_child.png)0 0 no-repeat;
  background-size: 5px auto;
  position: absolute;
  top:0;
  bottom:0;
  left: 5px;
}


.endLink{
  width:100%;
  height: auto;
  margin: 15px auto 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border-radius: 5px;
  border:1px solid #aaa;
}

h3.end{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  border-bottom:1px solid #aaa;
  font-size: 1.0em;
  font-weight: normal;
}

.endLink ul{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  font-size: 1.0em;
  font-weight: normal;
}

.endLink ul li{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.endLink ul li a{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  text-decoration: none;
  position: relative;
  color:#333;
}

.endLink ul li a:after{
  background: url("../img/icon_menuarr_bk.png") 0 0 no-repeat;
  background-size: 12px auto;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 12px;
  left: 0px;
  margin: auto;
  padding: 0;
  position: absolute;
  top: 0;
  bottom:0;
  width: 12px;
}

.endLink ul li.current a{
  color: #2030B3;
  font-weight: bold;
}

.endLink ul li.current a:after{
  background: url("../img/icon_menuarr_pu.png") 0 0 no-repeat;
  background-size: 12px auto;
}

.conversionLink{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 10px 0 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: #eee;
  box-shadow: 0 0 2px 0 #ddd inset;
}

.conversionLink ul{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.conversionLink ul li{
  width:100%;
  height: auto;
  margin: 0 auto 10px;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 #ddd;
}

.conversionLink ul li a{
  width:100%;
  height: auto;
  margin: 0 auto;
  padding: 15px 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.conversionLink ul li a:hover{
  opacity: 0.7;
}

.conversionLink ul li a img{
  width:190px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display:block;
}


/*===============================
タブレット（768px～）
===============================*/
@media screen and (min-width:768px) {


  .formArea {
    padding: 15px 0;
  }
  
  ul.formInfo li {
    display: block;
    height: auto;
    width: 100%;
    margin: 2px 0;
  }


  .inputTitle {
    box-sizing: border-box;
    margin: 3px auto 2px;
    padding: 0 0 0 10px;
    width: 40%;
    float: left;
  }

  .inputItem {
    width: 60%;
    margin: 0 auto 10px;
    padding: 0 0;
    float: left;
  }

  ul.inputItem {
    width: 60%;
    margin: 0 auto 10px;
    padding: 0 0;
    float: left;
  }

  ul.inputItem li.half{
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0 30px 0 0;
    display: inline-block;
    position: relative;
    text-align: left;
    float: none;
  }


  /*ボタン*/
  .btnWrapper{
    width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    position: relative;
  }

  .btnWrapper_close{
    width: 80%;
  }

  .detailBtn{
    width: 200px;
    margin: 0 auto;
  }

  .detailBtn p.btnTxt{
    width: auto;
    height: 50px;
    line-height: 50px;
    font-size: 1.15em;
  }

  a.helpLink{
    width:auto;
    height: auto;
    margin: 0 auto 10px;
    padding: 5px 0 5px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display:inline-block;
    position: relative;
    text-decoration: none;
    border-bottom:1px dashed #aaa;
  }

  a.helpLink.privacy{
    width:auto;
    height: auto;
    margin: 0 auto 10px;
    padding: 5px 20px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display:inline-block;
    position: relative;
    text-decoration: none;
    border-bottom:1px dashed #aaa;
  }

  a.helpLink.short{
    width:50%;
    float: left;
  }

  .btnWrapper{
    text-align: center;
  }

  select.unit_select{
    margin: 0 0 8px 0;
  }

  input[type="text"] {
    margin: 0 0 10px 0;
  }

  input[type="text"].short {
    width:50%;
    display: inline-block;
    margin: 0 5px 5px 0;
  }

  input[type="text"].mini {
    width:80px;
    display: inline-block;
    margin: 0 5px 5px 0;
  }

  select {
    background-position:right 5px center;
  }


  select.short{
    display: inline-block;
    margin: 0 5px 5px 0;
    width: 50%;
  }

  select.mini {
    width:80px;
    display: inline-block;
    margin: 0 5px 5px 0;
  }


  span.col2_txt {
    width: 20%;
    height:30px;
    float: left;
    line-height: 30px;
  }
  input.col2_textbox[type="text"]{
    width: 39%;
    float: left;
  }


  /*4カラムセレクトボックス*/
  select.col4_select{
    width: 14%;
    float: left;
    margin: 0;
    padding: 0 20px 0 5px;
  }

  span.col4_txt{
    width: 10%;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    margin: 0;
  }

  
  .endLink ul li{
    width:32%;
    height: auto;
    margin: 0 2% 0 0;
    float: left;
  }

  .endLink ul li a:hover{
    text-decoration: underline;
  }

  .endLink ul li:nth-child(3n){
    margin: 0;
  }

  .conversionLink .convInner{
    width:980px;
    margin: 0 auto;
  }

  .conversionLink ul li{
    width:23.5%;
    height: auto;
    margin: 0 2% 0 0;
    float: left;
  }

  .conversionLink ul li:last-child{
    margin: 0
  }
  
  ul.noticeLink li{
    float: left;
  }
  
  ul.noticeLink li a{
    border-right: 1px solid #aaa;
  }

  ul.noticeLink li:last-child a{
    border: none;
  }
  
}

/*===============================
PC（980px～）
===============================*/
@media screen and (min-width:980px) {

}