@charset "utf-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*font-style
---------------------------------------*/

html {
  font-size: 62.5%; /*ベースを10pxにしています*/
}

body {
  font-size: 1.6rem;
  line-height:1.8;
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  -webkit-text-size-adjust:100%; /* NEW! */
  text-size-adjust:100%; /* NEW! */
}

a {
  color: #0071AC;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #337ab7;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  max-width: 100%;
    height: auto;
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.bold { font-weight:bold; }
.bold-none { font-weight:normal; }

/*fontsize-style
---------------------------------------*/
.text24 { font-size:24px; }
.text22 { font-size:22px; }
.text20 { font-size:20px; }
.text18 { font-size:18px; }
.text16 { font-size:16px; }
.text14 { font-size:14px; }
.text12 { font-size:12px; }
.text10 { font-size:10px; }


/*color-style
---------------------------------------*/
.red { color:#db1111; }
.blue { color:#000099; }
.green { color:#009900; }
.yellow { color:#FFFF00; }


/*** CLEAR-FIX ***/
.clearfix {zoom: 1;}

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

/*** ROLL-OVER  ***/
.transparent a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }
.transparent_png a:hover img { opacity:0.7;  -moz-opacity:0.7; }
.transparent_none{  opacity:0.4; filter:alpha(opacity=40); -moz-opacity:0.4;}

/*** FLOAT ***/
.fr { float:right; }
.fl { float:left; }
.fn { float:none; }

.cb{clear:both;}

/*** PADDING ***/
.pt0   { padding-top:0 !important;}
.pt1   { padding-top:1px !important;}
.pt2   { padding-top:2px !important;}
.pt3   { padding-top:3px !important;}
.pt4   { padding-top:4px !important;}
.pt5   { padding-top:5px !important;}
.pt6   { padding-top:6px !important;}
.pt7   { padding-top:7px !important;}
.pt8   { padding-top:8px !important;}
.pt9   { padding-top:9px !important;}
.pt10   { padding-top:10px !important;}
.pt15   { padding-top:15px !important;}
.pt20   { padding-top:20px !important;}
.pt25   { padding-top:25px !important;}
.pt30   { padding-top:30px !important;}
.pt35   { padding-top:35px !important;}
.pt40   { padding-top:40px !important;}
.pt45   { padding-top:45px !important;}
.pt50   { padding-top:50px !important;}
.pt55   { padding-top:55px !important;}
.pt60   { padding-top:60px !important;}
.pt65   { padding-top:65px !important;}
.pt70   { padding-top:70px !important;}
.pt75   { padding-top:75px !important;}
.pt80   { padding-top:80px !important;}
.pt85   { padding-top:85px !important;}
.pt90   { padding-top:90px !important;}
.pt95   { padding-top:95px !important;}
.pt100   { padding-top:100px !important;}

.pr0   { padding-right:0 !important;}
.pr1   { padding-right:1px !important;}
.pr2   { padding-right:2px !important;}
.pr3   { padding-right:3px !important;}
.pr4   { padding-right:4px !important;}
.pr5   { padding-right:5px !important;}
.pr6   { padding-right:6px !important;}
.pr7   { padding-right:7px !important;}
.pr8   { padding-right:8px !important;}
.pr9   { padding-right:9px !important;}
.pr10   { padding-right:10px !important;}
.pr15   { padding-right:15px !important;}
.pr20   { padding-right:20px !important;}
.pr25   { padding-right:25px !important;}
.pr30   { padding-right:30px !important;}
.pr35   { padding-right:35px !important;}
.pr40   { padding-right:40px !important;}
.pr45   { padding-right:45px !important;}
.pr50   { padding-right:50px !important;}
.pr55   { padding-right:55px !important;}
.pr60   { padding-right:60px !important;}
.pr65   { padding-right:65px !important;}
.pr70   { padding-right:70px !important;}
.pr75   { padding-right:75px !important;}
.pr80   { padding-right:80px !important;}
.pr85   { padding-right:85px !important;}
.pr90   { padding-right:90px !important;}
.pr95   { padding-right:95px !important;}
.pr100   { padding-right:100px !important;}

.pl0   { padding-left:0 !important;}
.pl1   { padding-left:1px !important;}
.pl2   { padding-left:2px !important;}
.pl3   { padding-left:3px !important;}
.pl4   { padding-left:4px !important;}
.pl5   { padding-left:5px !important;}
.pl6   { padding-left:6px !important;}
.pl7   { padding-left:7px !important;}
.pl8   { padding-left:8px !important;}
.pl9   { padding-left:9px !important;}
.pl10   { padding-left:10px !important;}
.pl15   { padding-left:15px !important;}
.pl20   { padding-left:20px !important;}
.pl25   { padding-left:25px !important;}
.pl30   { padding-left:30px !important;}
.pl35   { padding-left:35px !important;}
.pl40   { padding-left:40px !important;}
.pl45   { padding-left:45px !important;}
.pl50   { padding-left:50px !important;}
.pl55   { padding-left:55px !important;}
.pl60   { padding-left:60px !important;}
.pl65   { padding-left:65px !important;}
.pl70   { padding-left:70px !important;}
.pl75   { padding-left:75px !important;}
.pl80   { padding-left:80px !important;}
.pl85   { padding-left:85px !important;}
.pl90   { padding-left:90px !important;}
.pl95   { padding-left:95px !important;}
.pl100   { padding-left:100px !important;}

.pb0   { padding-bottom:0 !important;}
.pb1   { padding-bottom:1px !important;}
.pb2   { padding-bottom:2px !important;}
.pb3   { padding-bottom:3px !important;}
.pb4   { padding-bottom:4px !important;}
.pb5   { padding-bottom:5px !important;}
.pb6   { padding-bottom:6px !important;}
.pb7   { padding-bottom:7px !important;}
.pb8   { padding-bottom:8px !important;}
.pb9   { padding-bottom:9px !important;}
.pb10   { padding-bottom:10px !important;}
.pb15   { padding-bottom:15px !important;}
.pb20   { padding-bottom:20px !important;}
.pb25   { padding-bottom:25px !important;}
.pb30   { padding-bottom:30px !important;}
.pb35   { padding-bottom:35px !important;}
.pb40   { padding-bottom:40px !important;}
.pb45   { padding-bottom:45px !important;}
.pb50   { padding-bottom:50px !important;}
.pb55   { padding-bottom:55px !important;}
.pb60   { padding-bottom:60px !important;}
.pb65   { padding-bottom:65px !important;}
.pb70   { padding-bottom:70px !important;}
.pb75   { padding-bottom:75px !important;}
.pb80   { padding-bottom:80px !important;}
.pb85   { padding-bottom:85px !important;}
.pb90   { padding-bottom:90px !important;}
.pb95   { padding-bottom:95px !important;}
.pb100   { padding-bottom:100px !important;}

/*** MARGIN ***/

.mt0   { margin-top:0 !important;}
.mt1   { margin-top:1px !important;}
.mt2   { margin-top:2px !important;}
.mt3   { margin-top:3px !important;}
.mt4   { margin-top:4px !important;}
.mt5   { margin-top:5px !important;}
.mt6   { margin-top:6px !important;}
.mt7   { margin-top:7px !important;}
.mt8   { margin-top:8px !important;}
.mt9   { margin-top:9px !important;}
.mt10   { margin-top:10px !important;}
.mt15   { margin-top:15px !important;}
.mt20   { margin-top:20px !important;}
.mt25   { margin-top:25px !important;}
.mt30   { margin-top:30px !important;}
.mt35   { margin-top:35px !important;}
.mt40   { margin-top:40px !important;}
.mt45   { margin-top:45px !important;}
.mt50   { margin-top:50px !important;}
.mt55   { margin-top:55px !important;}
.mt60   { margin-top:60px !important;}
.mt65   { margin-top:65px !important;}
.mt70   { margin-top:70px !important;}
.mt75   { margin-top:75px !important;}
.mt80   { margin-top:80px !important;}
.mt85   { margin-top:85px !important;}
.mt90   { margin-top:90px !important;}
.mt95   { margin-top:95px !important;}
.mt100   { margin-top:100px !important;}

.mr0   { margin-right:0 !important;}
.mr1   { margin-right:1px !important;}
.mr2   { margin-right:2px !important;}
.mr3   { margin-right:3px !important;}
.mr4   { margin-right:4px !important;}
.mr5   { margin-right:5px !important;}
.mr6   { margin-right:6px !important;}
.mr7   { margin-right:7px !important;}
.mr8   { margin-right:8px !important;}
.mr9   { margin-right:9px !important;}
.mr10   { margin-right:10px !important;}
.mr15   { margin-right:15px !important;}
.mr20   { margin-right:20px !important;}
.mr25   { margin-right:25px !important;}
.mr30   { margin-right:30px !important;}
.mr35   { margin-right:35px !important;}
.mr40   { margin-right:40px !important;}
.mr45   { margin-right:45px !important;}
.mr50   { margin-right:50px !important;}
.mr55   { margin-right:55px !important;}
.mr60   { margin-right:60px !important;}
.mr65   { margin-right:65px !important;}
.mr70   { margin-right:70px !important;}
.mr75   { margin-right:75px !important;}
.mr80   { margin-right:80px !important;}
.mr85   { margin-right:85px !important;}
.mr90   { margin-right:90px !important;}
.mr95   { margin-right:95px !important;}
.mr100   { margin-right:100px !important;}

.ml0   { margin-left:0 !important;}
.ml1   { margin-left:1px !important;}
.ml2   { margin-left:2px !important;}
.ml3   { margin-left:3px !important;}
.ml4   { margin-left:4px !important;}
.ml5   { margin-left:5px !important;}
.ml6   { margin-left:6px !important;}
.ml7   { margin-left:7px !important;}
.ml8   { margin-left:8px !important;}
.ml9   { margin-left:9px !important;}
.ml10   { margin-left:10px !important;}
.ml15   { margin-left:15px !important;}
.ml20   { margin-left:20px !important;}
.ml25   { margin-left:25px !important;}
.ml30   { margin-left:30px !important;}
.ml35   { margin-left:35px !important;}
.ml40   { margin-left:40px !important;}
.ml45   { margin-left:45px !important;}
.ml50   { margin-left:50px !important;}
.ml55   { margin-left:55px !important;}
.ml60   { margin-left:60px !important;}
.ml65   { margin-left:65px !important;}
.ml70   { margin-left:70px !important;}
.ml75   { margin-left:75px !important;}
.ml80   { margin-left:80px !important;}
.ml85   { margin-left:85px !important;}
.ml90   { margin-left:90px !important;}
.ml95   { margin-left:95px !important;}
.ml100   { margin-left:100px !important;}

.mb0   { margin-bottom:0 !important;}
.mb1   { margin-bottom:1px !important;}
.mb2   { margin-bottom:2px !important;}
.mb3   { margin-bottom:3px !important;}
.mb4   { margin-bottom:4px !important;}
.mb5   { margin-bottom:5px !important;}
.mb6   { margin-bottom:6px !important;}
.mb7   { margin-bottom:7px !important;}
.mb8   { margin-bottom:8px !important;}
.mb9   { margin-bottom:9px !important;}
.mb10   { margin-bottom:10px !important;}
.mb15   { margin-bottom:15px !important;}
.mb20   { margin-bottom:20px !important;}
.mb25   { margin-bottom:25px !important;}
.mb30   { margin-bottom:30px !important;}
.mb35   { margin-bottom:35px !important;}
.mb40   { margin-bottom:40px !important;}
.mb45   { margin-bottom:45px !important;}
.mb50   { margin-bottom:50px !important;}
.mb55   { margin-bottom:55px !important;}
.mb60   { margin-bottom:60px !important;}
.mb65   { margin-bottom:65px !important;}
.mb70   { margin-bottom:70px !important;}
.mb75   { margin-bottom:75px !important;}
.mb80   { margin-bottom:80px !important;}
.mb85   { margin-bottom:85px !important;}
.mb90   { margin-bottom:90px !important;}
.mb95   { margin-bottom:95px !important;}
.mb100   { margin-bottom:100px !important;}

/*** WIDTH ***/

.w100   { width:100px;}  .w105   { width:105px;}
.w110   { width:110px;}  .w115   { width:115px;}
.w120   { width:120px;}  .w125   { width:125px;}
.w130   { width:130px;}  .w135   { width:135px;}
.w140   { width:140px;}  .w145   { width:145px;}
.w150   { width:150px;}  .w155   { width:155px;}
.w160   { width:160px;}  .w165   { width:165px;}
.w170   { width:170px;}  .w175   { width:175px;}
.w180   { width:180px;}  .w185   { width:185px;}
.w190   { width:190px;}  .w195   { width:195px;}
.w200   { width:200px;}  .w205   { width:205px;}
.w210   { width:210px;}  .w215   { width:215px;}
.w220   { width:220px;}  .w225   { width:225px;}
.w230   { width:230px;}  .w235   { width:235px;}
.w240   { width:240px;}  .w245   { width:245px;}
.w250   { width:250px;}  .w255   { width:255px;}
.w260   { width:260px;}  .w265   { width:265px;}
.w270   { width:270px;}  .w275   { width:275px;}
.w280   { width:280px;}  .w285   { width:285px;}
.w290   { width:290px;}  .w295   { width:295px;}
.w300   { width:300px;}  .w305   { width:305px;}
.w310   { width:310px;}  .w315   { width:315px;}
.w320   { width:320px;}  .w325   { width:325px;}
.w330   { width:330px;}  .w335   { width:335px;}
.w340   { width:340px;}  .w345   { width:345px;}
.w350   { width:350px;}  .w355   { width:355px;}
.w360   { width:360px;}  .w365   { width:365px;}
.w370   { width:370px;}  .w375   { width:375px;}
.w380   { width:380px;}  .w385   { width:385px;}
.w390   { width:390px;}  .w395   { width:395px;}
.w400   { width:400px;}  .w405   { width:405px;}
.w410   { width:410px;}  .w415   { width:415px;}
.w420   { width:420px;}  .w425   { width:425px;}
.w430   { width:430px;}  .w435   { width:435px;}
.w440   { width:440px;}  .w445   { width:445px;}
.w450   { width:450px;}  .w455   { width:455px;}
.w460   { width:460px;}  .w465   { width:465px;}
.w470   { width:470px;}  .w475   { width:475px;}
.w480   { width:480px;}  .w485   { width:485px;}
.w490   { width:490px;}  .w495   { width:495px;}
.w500   { width:500px;}  .w505   { width:505px;}
.w510   { width:510px;}  .w515   { width:515px;}
.w520   { width:520px;}  .w525   { width:525px;}
.w530   { width:530px;}  .w535   { width:535px;}
.w540   { width:540px;}  .w545   { width:545px;}
.w550   { width:550px;}  .w555   { width:555px;}
.w560   { width:560px;}  .w565   { width:565px;}
.w570   { width:570px;}  .w575   { width:575px;}
.w580   { width:580px;}  .w585   { width:585px;}
.w590   { width:590px;}  .w595   { width:595px;}
.w600   { width:600px;}  .w605   { width:605px;}
.w610   { width:610px;}  .w615   { width:615px;}
.w620   { width:620px;}  .w625   { width:625px;}
.w630   { width:630px;}  .w635   { width:635px;}
.w640   { width:640px;}  .w645   { width:645px;}
.w650   { width:650px;}  .w655   { width:655px;}
.w660   { width:660px;}  .w665   { width:665px;}
.w670   { width:670px;}  .w675   { width:675px;}
.w680   { width:680px;}  .w685   { width:685px;}
.w690   { width:690px;}  .w695   { width:695px;}
.w700   { width:700px;}  .w705   { width:705px;}
.w710   { width:710px;}  .w715   { width:715px;}
.w720   { width:720px;}  .w725   { width:725px;}
.w730   { width:730px;}  .w735   { width:735px;}
.w740   { width:740px;}  .w745   { width:745px;}
.w750   { width:750px;}  .w755   { width:755px;}
.w760   { width:760px;}  .w765   { width:765px;}
.w770   { width:770px;}  .w775   { width:775px;}
.w780   { width:780px;}  .w785   { width:785px;}
.w790   { width:790px;}  .w795   { width:795px;}
.w800   { width:800px;}  .w805   { width:805px;}
.w810   { width:810px;}  .w815   { width:815px;}
.w820   { width:820px;}  .w825   { width:825px;}
.w830   { width:830px;}  .w835   { width:835px;}
.w840   { width:840px;}  .w845   { width:845px;}
.w850   { width:850px;}  .w855   { width:855px;}
.w860   { width:860px;}  .w865   { width:865px;}
.w870   { width:870px;}  .w875   { width:875px;}
.w880   { width:880px;}  .w885   { width:885px;}
.w890   { width:890px;}  .w895   { width:895px;}
.w900   { width:900px;}  .w905   { width:905px;}
.w910   { width:910px;}  .w915   { width:915px;}
.w920   { width:920px;}  .w925   { width:925px;}
.w930   { width:930px;}  .w935   { width:935px;}
.w940   { width:940px;}  .w945   { width:945px;}
.w950   { width:950px;}  .w955   { width:955px;}
.w960   { width:960px;}


.center{
  margin-left:auto !important;
  margin-right:auto !important;
}

/*** ALIGN ***/
.tc { text-align:center; }
.tr { text-align:right; }
.tl { text-align:left; }


/* Table Class */
.t-format1 {
  border-top:1px solid #d1d1d1;
  border-left:1px solid #d1d1d1;
  background:#f5f5f5;
  border-collapse:collapse;
  padding:0;
  width:100%;
}

.t-format1 td {
  border-bottom:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  padding:8px;
  background:#fff;
}
.t-format1 th {
  border-bottom:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  width:200px;
  padding:8px;
  text-align:left;
}
.t-format1 td table td { border:none; }


button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

*[data-role="button"] {
  display: inline;
  width: auto;
  min-width: 144px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 1px;
  padding-right: 1.957494407rem;
  padding-bottom: 1px;
  padding-left: 1.957494407rem;
  font-family: inherit;
  font-size: .894rem;
  line-height: 34px;
  white-space: nowrap;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border: 1px solid #95a5a6;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

*[data-role="button"]:hover {
  background-color: #ecf0f1;
}

a[data-role="button"] {
  border: none;
}

a[data-role="button"]:hover {
  background-color: transparent;
}

input,
textarea,
select {
  display: inline;
  width: inherit;
  padding-right: 13px;
  padding-left: 13px;
  font-family: inherit;
  border: 1px solid #95a5a6;
}

input,
textarea {
  line-height: 34px;
  width: 100%;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

input[type="checkbox"],
input[type="radio"] {
  width: 34px;
}

textarea {
  min-height: 144px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff;
}

select {
  height: 38px;
  padding-right: 13px;
  padding-left: 13px;
  line-height: 38px;
  background-color: #ecf0f1;
}

option {
  height: 38px;
  padding-top: 8px;
  padding-right: 13px;
  padding-bottom: 8px;
  padding-left: 13px;
  line-height: 38px;
}


option:selected {
  padding-top: 0;
  padding-bottom: 0;
}

label {
  display: block;
  font-weight: 700;
  line-height: 2.144607843;
}
