@charset "utf-8";

/*--------------------------------------------
マージン
--------------------------------------------*/
.u-mt__60 {  margin-top: 60px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__60 {  margin-top: 30px !important; }
}


.u-mt__50 {  margin-top: 50px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__50 {  margin-top: 25px !important; }
}

.u-mt__40 {  margin-top: 40px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__40 {  margin-top: 20px !important; }
}

.u-mt__30 {  margin-top: 30px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__30 {  margin-top: 15px !important; }
}

.u-mt__20 {  margin-top: 20px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__20 {  margin-top: 20px !important; }
}

.u-mt__16 {  margin-top: 16px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__16 {  margin-top: 8px !important; }
}

.u-mt__10 {  margin-top: 10px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__10 {  margin-top: 5px !important; }
}

.u-mt__6 {  margin-top: 6px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-mt__6 {  margin-top: 3px !important; }
}

.u-mt__1em {  margin-top: 1em !important; }
.u-mt__0_8em {  margin-top: 0.8em !important; }
.u-mt__0_5em {  margin-top: 0.5em !important; }
.u-mt__0_3em {  margin-top: 0.3em !important; }
.u-mt__0_2em {  margin-top: 0.2em !important; }
.u-mt__0_1em {  margin-top: 0.1em !important; }
.u-mt__0 {  margin-top: 0 !important; }


/*--------------------------------------------
フォントサイズ
--------------------------------------------*/
.u-fs__40 {  font-size: 40px !important;line-height: 1.4 !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__40 {  font-size: 26px !important; }
}

.u-fs__34 {  font-size: 34px !important;line-height: 1.4 !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__34 {  font-size: 23px !important; }
}

.u-fs__32 {  font-size: 32px !important;line-height: 1.4 !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__32 {  font-size: 22px !important; }
}

.u-fs__30 {  font-size: 30px !important;line-height: 1.4 !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__30 {  font-size: 21px !important; }
}

.u-fs__26 {  font-size: 26px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__26 {  font-size: 19px !important; }
}

.u-fs__24 {  font-size: 24px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__24 {  font-size: 18px !important; }
}

.u-fs__22 {  font-size: 22px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__22 {  font-size: 17px !important; }
}

.u-fs__21 {  font-size: 21px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__21 {  font-size: 17px !important; }
}

.u-fs__20 {  font-size: 20px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__20 {  font-size: 16px !important; }
}

.u-fs__18 {  font-size: 18px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__18 {  font-size: 15px !important; }
}

.u-fs__16 {  font-size: 16px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__16 {  font-size: 14px !important; }
}

.u-fs__15 {  font-size: 15px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__15 {  font-size: 13px !important; }
}

.u-fs__12 {  font-size: 12px !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-fs__12 {  font-size: 12px !important; }
}

/*--------------------------------------------
ユーティリティ
--------------------------------------------*/
/*
エージェント別
*/
.u-pc { display: block !important; }
.u-pc__inline { display: inline !important; }
.u-sp { display: none !important; }
.u-sp__inline { display: none !important; }
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-pc { display: none !important; }
.u-pc__inline { display: none !important; }
.u-sp { display: block !important; }
.u-sp__inline { display: inline !important; }
}

/*
注釈 1文字
*/
.u-list {
  margin-top: 5px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-list {
  margin-top: 5px;
 }
}

.u-list li {
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  margin: 0.2em 0;
}

/*
注釈 ＊1
*/
.u-list__02 {
  margin-top: 15px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-list__02 {
  margin-top: 10px;
 }
}

.u-list__02 li {
  line-height: 1.4;
  text-indent: -1.95em;
  padding-left: 1.95em;
}

/*
フォントカラー
*/
.u-fc__red {  color: #e50044; }
.u-fc__orange {  color: #ed6d46; }
.u-fc__orange__02 {  color: #ed6c00; }
.u-fc__beige {  color: #a94a00; }
.u-fc__white {  color: #fff; }
.u-fc__navy {  color: #072856; }
.u-fc__blue {  color: #004ea2; }

/*
下線
*/
.u-line__orange { border-bottom: solid 1px #f39800; }
.u-line__black { border-bottom: solid 1px #000; }

/*
行揃え
*/
.u-txt__l {  text-align: left; }
.u-txt__c {  text-align: center; }
.u-txt__r {  text-align: right; }


.u-ic {
  width: 1.5em;
  vertical-align: middle;
  margin: -0.2em 0 0 0.3em;
}

/*--------------------------------------------
閉じるボタン
--------------------------------------------*/
.u-btn__close {
  position: absolute;
  left: 50%;
  bottom: 20px;
  width: 230px;
  height: 56px;
  margin-left: -115px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__close {
  position: absolute;
  left: 20px;
  bottom: 17px;
  margin-left: 0;
  height: 36px;
 }
}

.u-btn__close a {
  background: #003686 url(../images/ic_close.png) no-repeat;
  background-size: 1.2em;
  background-position: left 28px center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 15px 0 0 1em;
  width: 230px;
  height: 56px;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__close a {
  background: #003686 url(../images/ic_close.png) no-repeat;
  background-size: 0.8em;
  background-position: left 8px center;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  padding: 7px 0 0 0.5em;
  height: 36px;
 }
}


/*--------------------------------------------
page top ボタン
--------------------------------------------*/
.u-btn__pagetop {
  position: fixed;
  right: 20px;
  bottom: 18px;
  z-index: 10;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__pagetop {
  right: 15px;
  bottom: 15px;
 }
}

.u-btn__pagetop img {
  display: inline-block;
  cursor: pointer;
  max-width: 100%;
  border: solid 2px #fff;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
.u-btn__pagetop img {
  width: 40px
 }
}


.u-list__box {
  border: solid 1px #000;
  padding:16px 20px;
}

/********* sp *********/
@media only screen and (max-width: 750px) {
  .u-list__box {
    padding: 10px 10px;
  }
}


/*--------------------------------------------
オンマウスで透過（PCのみ）
--------------------------------------------*/
@media only screen and (min-width: 751px) {
.u-ov__alpha:hover {
  -webkit-transition: 0.3s ease-in-out;  
  -moz-transition: 0.3s ease-in-out;  
  -o-transition: 0.3s ease-in-out;  
  transition: 0.3s ease-in-out;
  opacity: 0.7;  
  filter: alpha(opacity=70);
 }
}