/*
エージェント別
*/
.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: 768px) {
.u-pc { display: none !important; }
.u-pc__inline { display: none !important; }
.u-sp { display: block !important; }
.u-sp__inline { display: inline !important; }
}

/*
margin top
*/
.u-mt__200__75 { margin-top: 200px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-mt__200__75 { margin-top: 75px !important; }
}

.u-mt__150__75 { margin-top: 150px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-mt__150__75 { margin-top: 75px !important; }
}

.u-mt__100__80 { margin-top: 100px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-mt__100__80 { margin-top: 80px !important; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mt__30 { margin-top: 30px !important; }

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

.u-mt__24__18 { margin-top: 24px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-mt__24__18 { margin-top: 18px !important; }
}

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

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

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

.u-mt__20 { margin-top: 20px !important; }

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

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

.u-mt__16 { margin-top: 16px !important; }

.u-mt__14__7 { margin-top: 14px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-mt__14__7 { margin-top: 7px !important; }
}

.u-mt__14 { margin-top: 14px !important; }

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

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

.u-mt__10 { margin-top: 10px !important; }

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

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

.u-mt__8 { margin-top: 8px !important; }

.u-mt__5 { margin-top: 5px !important; }

.u-mt__0 { margin-top: 0 !important; }

/*
フォントサイズ
*/
.u-fs__240__120 { font-size: 240px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-fs__240__120 { font-size: 120px !important; }
}

.u-fs__60__40 { font-size: 60px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-fs__60__40 { font-size: 40px !important; }
}

.u-fs__60__35 { font-size: 60px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-fs__60__35 { font-size: 35px !important; }
}

.u-fs__54__28 { font-size: 60px !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-fs__54__28 { font-size: 35px !important; }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-fs__22 { font-size: 22px !important; }

.u-fs__16 { font-size: 16px !important; }

.u-fs__14 { font-size: 14px !important; }

.u-fs__12 { font-size: 12px !important; }

/*
行間
*/
.u-lh__2_5 {
  line-height: 2.5em !important;
}

.u-lh__1_4 {
  line-height: 1.4em !important;
}

.u-lh__1_2 {
  line-height: 1.2em !important;
}

.u-lh__1 {
  line-height: 1em !important;
}

.u-ls__0_1 {
  letter-spacing: -0.1em !important;
}

.u-ls__0_05 {
  letter-spacing: -0.05em !important;
}

/*
フォントウェイト
*/
.u-fw__b { font-weight: 700 !important; }
.u-fw__m__b { font-weight: 500 !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-fw__m__b { font-weight: 700 !important; }
}

/*
フォントカラー1489ff
*/
.u-fc__lightblue { color: #000099 !important; }
.u-fc__gray { color: #333333 !important; }
.u-fc__white { color: #000099 !important; }
.u-fc__orange { color: #ffa500 !important; }
.u-fc__navyblue { color: #171c61 !important; }

/*
文字揃え
*/
.u-txt__l { text-align: left !important; }
.u-txt__c { text-align: center !important; }
.u-txt__r { text-align: right !important; }

.u-txt__c__pc { text-align: center !important; }
/********* sp *********/
@media only screen and (max-width: 768px) {
.u-txt__c__pc { text-align: left !important; }
}

/*
汎用 hover 透過 
*/
/********* pc *********/
@media only screen and (min-width: 769px) {
/* 画像 */
.u-ov__img:hover {
  -webkit-transition: 0.2s ease-in-out;  
  -moz-transition: 0.2s ease-in-out;  
  -o-transition: 0.2s ease-in-out;  
  transition: 0.2s ease-in-out;
  opacity: 0.7;  
  filter: alpha(opacity=70);
 }
}

.u-img__auto {
  width: auto;
}

.u-img__w50 {
  max-width: 50%;
}

.u-link__pdf {
  position: relative;
}

.u-link__pdf:after {
  content:"";
  margin-left:5px;
  padding: 0 0 5px 20px;
  background: url(../images/common/ico_pdf.png) left .2em no-repeat;
}

.u-link__excel {
  position: relative;
}

.u-link__excel:after {
  content:"";
  margin-left:5px;
  padding: 0 0 5px 20px;
  background: url(../images/common/ico_excel.png) left .2em no-repeat;
}

.u-link__word {
  position: relative;
}

.u-link__word:after {
  content:"";
  margin-left:5px;
  padding: 0 0 5px 20px;
  background: url(../images/common/ico_word.png) left .2em no-repeat;
}

.u-link__ppt {
  position: relative;
}

.u-link__ppt:after {
  content:"";
  margin-left:5px;
  padding: 0 0 5px 20px;
  background: url(../images/common/ico_ppt.png) left .2em no-repeat;
}

.u-link__youtube {
  position: relative;
}

.u-link__youtube:after {
  content:"";
  margin-left:5px;
  padding: 0 0 5px 20px;
  background: url(../images/common/youtube_icon.png) left .2em no-repeat;
}

/*
背景色
*/
.u-bg__lightgray { background: #f5f5f5 !important; }

.u-bg__white { background: #ffffff !important; }

.u-bg__gray { background: #ebebeb !important; }

.u-bg__lightblue { background: #cccccc !important; }/*1489ff*/

/*
※ボタン
*/
.u-btn__white-m {
  display: inline-block;
  height: 30px;
  text-align: center;
  border-radius: 15px;
  border: 2px #ffffff solid;
  padding: 0 25px;
  color: #fff;
  font-size: 14px;
}

.u-btn__white-m:hover {
  border: 2px #ffffff solid;
  color: #1489ff;
  background-color: #ffffff;
}

.u-btn__lightblue-m {
  display: inline-block;
  width: 100%;
  height: 30px;
  text-align: center;
  border-radius: 15px;
  border: 2px #000099 solid;
  padding: 0 25px;
  color: #000099;
  font-size: 14px;
}

.u-btn__lightblue-m:hover {
  border: 2px #000099 solid;
  color: #ffffff;
  background-color: #1489ff;
}

.u-txt__indent,
.u-txt__indent li {
  padding-left: 1em;
  text-indent: -1em;
}

.u-txt__indent_1_5 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}



/*
※ページtop
*/
.u-btn__pagetop {
  position: fixed;
  right: 0;
  bottom: 20px;
  color: #ffffff;
  cursor: pointer;
  width: 130px;
  height: 40px;
  line-height: 40px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #1489ff;
  z-index: 50;
  text-align: right;
  padding-right: 10px;
}

.u-btn__pagetop span {
 position: relative;
 margin-left: -20px;
 padding-left: 5px;
}

.u-btn__pagetop span:before {
 background-image: url(../images/common/ico_pagatop_arrow.png);
 content:"";
 position:absolute;
 top: 50%;
 left: -15px;
 width: 16px;
 height: 15px;
 margin-top: -8px;
 background-repeat: no-repeat;
 background-size: cover;
}

/*
clearfix
*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/*
<!--追加スタイル 会員専用　標準ページ-->
body class standard0808 >テスト確認ファイル
*/

body.standard0808 ul {
    list-style-type: disc;
    position: relative;
    border-radius: 5px;
    padding: 3rem 3rem 1rem;
    /*box-shadow: 0 0 10px 5px #eee;*/
}

body.standard0808 ul::before {
    position: absolute;
    top: 1rem;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    background: linear-gradient(transparent 60%, #ff6 60% 90%, transparent 90%);
    font-weight: bold;
    font-size: 18px;
    color: #333;
    content: attr(data-title);
}

body.standard0808 ul li {
    color: #333;
    line-height: 2;
	font-weight: normal;
}

/*コメントリスト*/

/*
<!--追加スタイル 会員専用　標準ページ-->
body class standard　>本番公開ファイル
body.standard div.l-main--right 
*/

body.standard div.l-main--right ul li.comment ul {
	box-shadow: none;
}

body.standard div.l-main--right ul li.comment ul li {
	list-style: disc;
	line-height: 1.5;
}

body.standard div.l-main--right ul {
    list-style-type: disc;
    position: relative;
    border-radius: 5px;
    padding: 3rem 3rem 1rem;
    /*box-shadow: 0 0 10px 5px #eee;*/
}

body.standard div.l-main--right ul::before {
    position: absolute;
    top: 1rem;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    background: linear-gradient(transparent 60%, #ff6 60% 90%, transparent 90%);
    font-weight: bold;
    font-size: 18px;
    color: #333;
    content: attr(data-title);
}

body.standard div.l-main--right ul li {
    color: #333;
    line-height: 2;
	font-weight: normal;
}

/*コメントリスト*/

body.standard div.l-main--right ul li.comment ul {
	box-shadow: none;
}

body.standard div.l-main--right ul li.comment ul li {
	list-style: disc;
	line-height: 1.5;
}


