@charset "UTF-8";

/*=====================================================================
 HTML5 display definitions  2021.07.01 Re-check 
=====================================================================*/

*, *:before, *:after {box-sizing: border-box;}

html {
  background: #fff;
  color: #222;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size:62.5%; /* remベースで 10px */
}

body {
	font-size:14px;
  font-size:1.4rem; /* 14px */
	line-height: 1.6;
	letter-spacing: .1em;
	text-rendering: optimizeLegibility;
  font-feature-settings: "palt";
	margin: 0px;
}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:1rem;line-height:100%; white-space: pre-wrap}
select,input,button,textarea {font:1rem arial,helvetica,clean,sans-serif;}
audio:not([controls]) {display: none; height: 0;} /* iOS4-7用、displayプロパティを定義 */
audio, video {display: inline-block}
progress {vertical-align: baseline;} /* Chrome, Firefox, Opera：vertical-alignプロパティを定義 */
*, *:before, *:after {-webkit-box-sizing: border-box; box-sizing: border-box}


/*======================================================================
 タイポグラフィ
======================================================================*/
body {
  font-family:
    'Noto Sans JP',
    MyYuGothicM, /* Windows 游ゴシック */
    YuGothic, /* OS X 游ゴシック */
    Yu Gothic, /* Windows 游ゴシック */
    sans-serif;
  font-weight: 400;
}

button,input,select,textarea {font-family: sans-serif;}

h1 {font-size: 2.8rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
h2 {font-size: 2.4rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
h3 {font-size: 2.0rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
h4 {font-size: 1.6rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
h5 {font-size: 1.3rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
h6 {font-size: 1.0rem; margin: 0 0 0.2em; width: 100% ;font-weight: 400;}
p,li,dl,dt,dd {font-size: 1.4rem; margin-top: 0; text-align: justify;}
p {margin-bottom: 1em; width: 100%}

html:lang(en-US) {
p,li,dl,dt,dd {text-align: left;}
} /* 英語サイト用 */

/* rem size utility */
.text05 {font-size: 0.5rem !important} /* =5px */ .text06 {font-size: 0.6rem !important} /* =6px */
.text07 {font-size: 0.7rem !important} /* =7px */ .text08 {font-size: 0.8rem !important} /* =8px */
.text09 {font-size: 0.9rem !important} /* =9px */ .text10 {font-size: 1.0rem !important} /* =10px */
.text11 {font-size: 1.1rem !important} /* =11px */ .text12 {font-size: 1.2rem !important} /* =12px */
.text13 {font-size: 1.3rem !important} /* =13px */ .text14 {font-size: 1.4rem !important} /* =14px */
.text15 {font-size: 1.5rem !important} /* =15px */ .text16 {font-size: 1.6rem !important} /* =16px */
.text17 {font-size: 1.7rem !important} /* =17px */ .text18 {font-size: 1.8rem !important} /* =18px */
.text19 {font-size: 1.9rem !important} /* =19px */ .text20 {font-size: 2.0rem !important} /* =20px */
.text21 {font-size: 2.1rem !important} /* =21px */ .text22 {font-size: 2.2rem !important} /* =22px */
.text23 {font-size: 2.3rem !important} /* =23px */ .text24 {font-size: 2.4rem !important} /* =24px */
.text25 {font-size: 2.5rem !important} /* =25px */ .text26 {font-size: 2.6rem !important} /* =26px */
.text27 {font-size: 2.7rem !important} /* =27px */ .text28 {font-size: 2.8rem !important} /* =28px */
.text29 {font-size: 2.9rem !important} /* =29px */ .text30 {font-size: 3.0rem !important} /* =30px */
.text31 {font-size: 3.1rem !important} /* =31px */ .text32 {font-size: 3.2rem !important} /* =32px */
.text33 {font-size: 3.3rem !important} /* =33px */ .text34 {font-size: 3.4rem !important} /* =34px */
.text35 {font-size: 3.5rem !important} /* =35px */ .text36 {font-size: 3.6rem !important} /* =36px */
.text37 {font-size: 3.7rem !important} /* =37px */ .text38 {font-size: 3.8rem !important} /* =38px */
.text39 {font-size: 3.9rem !important} /* =39px */ .text40 {font-size: 4.0rem !important} /* =40px */

 /* rem size utility：スマホ「縦・横」対応 */
@media only screen and (min-device-width : 320px) and (max-device-width : 639px) {
h1 {font-size: 2.38rem} /* 85% */ h2 {font-size: 2.05rem} /* 85% */
h3 {font-size: 1.70rem} /* 85% */ h4 {font-size: 1.36rem} /* 85% */
h5 {font-size: 1.11rem} /* 85% */ h6 {font-size: 0.85rem} /* 85% */
p,li,dt,dd {font-size: 1.2rem} /* 85% */
.text10 {font-size: 0.80rem !important} /* 85% */ .text11 {font-size: 0.95rem !important} /* 85% */
.text12 {font-size: 1.02rem !important} /* 85% */ .text13 {font-size: 1.10rem !important} /* 85% */
.text14 {font-size: 1.19rem !important} /* 85% */ .text15 {font-size: 1.27rem !important} /* 85% */
.text16 {font-size: 1.36rem !important} /* 85% */ .text17 {font-size: 1.44rem !important} /* 85% */
.text18 {font-size: 1.53rem !important} /* 85% */ .text19 {font-size: 1.62rem !important} /* 85% */
.text20 {font-size: 1.70rem !important} /* 85% */ .text21 {font-size: 1.78rem !important} /* 85% */
.text22 {font-size: 1.87rem !important} /* 85% */ .text23 {font-size: 1.96rem !important} /* 85% */
.text24 {font-size: 2.04rem !important} /* 85% */ .text25 {font-size: 2.13rem !important} /* 85% */
.text26 {font-size: 2.21rem !important} /* 85% */ .text27 {font-size: 2.30rem !important} /* 85% */
.text28 {font-size: 2.39rem !important} /* 85% */ .text29 {font-size: 2.47rem !important} /* 85% */
.text30 {font-size: 2.55rem !important} /* 85% */ .text31 {font-size: 2.64rem !important} /* 85% */
.text32 {font-size: 2.72rem !important} /* 85% */ .text33 {font-size: 2.81rem !important} /* 85% */
.text34 {font-size: 2.89rem !important} /* 85% */ .text35 {font-size: 2.97rem !important} /* 85% */
.text36 {font-size: 3.06rem !important} /* 85% */ .text37 {font-size: 3.16rem !important} /* 85% */
.text38 {font-size: 3.23rem !important} /* 85% */ .text39 {font-size: 3.36rem !important} /* 85% */
.text40 {font-size: 3.40rem !important} /* 85% */
}

abbr[title] {
  border-bottom: none; /* Firefox39+：下線を取り除く */
  text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;} /* Firefox以外：title属性を使用したabbrに点線を定義 */

b, strong {font-weight: inherit;} /* Safari6用、次の指定「font-weight: bolder;」の重複適用を防ぐ */
b, strong {font-weight: bold;} /* Chrome, Edge, Safari用、strongにフォントのウェイトを定義 */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;} /* 全ブラウザ：整形テキストの最適化 */

/* 全ブラウザ：subとsupが「line-height」に影響を与えるのを妨げる */
sub,sup {font-size: 6px; font-size: 0.6rem; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

hr {-webkit-box-sizing: content-box ;box-sizing: content-box; height: 0; overflow: visible; margin-left: 1px;}



/*======================================================================
 フォーム
======================================================================*/
button, input, select, textarea {font: inherit; margin: 0;} /* 全ブラウザ：フォーム「font: inherit;」を定義　Firefox, Safariマージンを取り除く */
optgroup {font-weight: bold;} /* 前の指定により、optgroupにフォントのウェイトを再定義 */
button, input, select {overflow: visible;} /* Edge用、inputを定義　Edge, Firefox, IE用、select要素を定義 */
button, select {text-transform: none;} /* Edge, Firefox, IE：text-transformの継承を取り除く　Firefox：text-transformの継承を取り除く */
button, [type="button"], [type="reset"], [type="submit"] {cursor: pointer;} /* ブラウザ：buttonのカーソルを変更 */
[disabled] {cursor: default;} /* 前指定のdisabledを指定した要素はデフォルトのカーソルに戻す */
button, html [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;} /* Android4、iOS調整 */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} /* Firefox：buttonとinputの調整 */
button:-moz-focusring, input:-moz-focusring {outline: 1px dotted ButtonText;} /* 前の指定により、フォーカス時のスタイルを再定義 */
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} /* 全ブラウザ：fieldsetのborder調整 */
legend {-webkit-box-sizing: border-box;box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
textarea {overflow: auto;} /* IE：デフォルトの垂直方向のスクロールバーを取り除く */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;} /* Chrome：増減ボタンのカーソルのスタイルを修正 */
[type="search"] {-webkit-appearance: textfield;} /* Chrome, Safari：検索の入力エリアのアピアランスを修正 */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} /* OS XのChrome, Safari用、キャンセルボタン調整 */
textarea {vertical-align: top;} /* 全ブラウザ：調整 */


/*======================================================================
 テーブル
======================================================================*/
table {border-collapse: collapse; border-spacing: 0;width: 100%; margin-bottom: 30px;}
table tr th,table tr td {margin: 0; text-align: left; padding: 1em 1.2em; border: 1px #e5e5e5 solid;; font-size: 1.4rem}
table tbody, table thead, table tfoot {border: 1px solid #f1f1f1; background-color: #fefefe}
table thead {background: #f8f8f8;}
table tfoot {background: #f1f1f1;}
table caption {margin-bottom: 0.3em; text-decoration: none; text-align: left; font-size: 1.6rem}
table tbody tr:nth-child(even) {border-bottom: 0; background-color: #f1f1f1}

table.no_sideline {border: none;}
table.no_sideline tr th, table.no_sideline tr td {border-top: none; border-left: none; border-bottom: 1px #e5e5e5 solid; border-right :none; }


/*======================================================================
 リンク
======================================================================*/
a:active, a:hover {outline-width: 0;} /* 全ブラウザ：リンクのアクティブ・ホバー時にフォーカス要素のアウトライン回避 */
a {color:#000; text-decoration: none; outline:none; transition: all 0.3s ease; -webkit-text-decoration-skip: objects} /* リンクされた文字 */
a:link {color:inherit} /* 未訪問 */
a:visited {color:inherit} /* 訪問後 */
a:hover {opacity: .8; text-decoration: none;} /* マウスオーバー */
a:active {color:inherit} /*クリック中*/
a:focus {outline: none;}
a img {transition: all 0.3s ease; backface-visibility: hidden; /* 1pxのズレ防止 */ }
a img:hover {opacity: 0.9;}

a.unlink {pointer-events: none;}

a.fade {transition: all 0.3s ease;}
a.fade:hover {opacity: 0.9}

a.box_btn {color: white; display: inline-block; padding: 10px 30px; background: silver; max-width: 300px}
a.box_btn:hover {opacity: 0.9}

a.round_btn {color: black; display: inline-block; padding: 10px 50px; background: #e1e1e1; border-radius: 30px; max-width: 300px}
a.round_btn:hover {background: silver;}

a.ghost_btn {color: gray; display: inline-block; padding: 10px 30px; border: 1px solid silver; max-width: 300px}
a.ghost_btn:hover {border: 1px solid black;}

a.ghost_round_btn {color: #2B4088; display: inline-block; padding: 15px 50px; background: white; border-radius:30px; border: 1px solid gray; max-width: 300px}
a.ghost_round_btn:hover {background: gray; color: white}

a.move_arrow {display: inline-block; position: relative; padding: 20px 40px; border: 2px solid silver; text-decoration: none; color: black; transition: all 0.3s ease; background: #f3f3f3; max-width: 300px}
a.move_arrow span {position: absolute; top: auto; right: -30px; transition: transform 0.3s ease; background: url(../img/common/bg_arrow.svg) no-repeat left top; width: 50px; height: 12px;}
a.move_arrow:hover {border: 2px solid black; background: #ff7474; color: white; border-radius:50px}
a.move_arrow:hover span {transform: translate3d(10px, 0, 0);}

a.move_r:hover {margin-left: 30px}


/*======================================================================
 効果 装飾
======================================================================*/
.zoom {position: relative; overflow: hidden;}
.zoom img {vertical-align: top; transition: all 0.5s ease-out;}
.zoom:hover img {transform: scale(1.03);}

.blink {animation:blink 1.5s ease-in-out infinite alternate;} /* 点滅 */
@keyframes blink {0% {opacity:0;} 100% {opacity:1;}}

.red {color: red} .black {color: black} .white {color: white}
.underline {text-decoration: underline}
b.marker {background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), color-stop(40%, #ffff4f)); background: -webkit-linear-gradient(transparent 40%, #ffff4f 40%); background: linear-gradient(transparent 40%, #ffff4f 40%);}


/*======================================================================
 Utility Style
======================================================================*/
img {border-style: none; vertical-align: bottom; border:0; max-width:100%; height: auto;} /* レスポンシブ対応 */
em {color: red; font-weight: bold; font-style: normal}
hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, .6); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
dd {margin-left: 0}
.cf:after {content:""; display: block; clear: both;} /* clearfix */
.none {display: none !important}
.in_site_link {text-align: center; margin-top: 20px}

ul,ol {margin: 0px; padding: 0px; list-style-type: none}
ul.buret {list-style: none; padding-left: 0; display: table;}
ul.buret li:after {content: ""; display: block; margin-bottom: 0.3em;}
ul.buret li {display: table-row;}
ul.buret li:before {content: "•"; display: table-cell; padding-right: 0.4em;}
ul.kome {list-style: none; padding-left: 0; display: table;}
ul.kome li:after {content: ""; display: block; margin-bottom: 0.3em;}
ul.kome li {display: table-row;}
ul.kome li:before {content: "※"; display: table-cell; padding-right: 0.4em;}
ol.buret {list-style: none; padding-left: 0; display: table;}
ol.buret li:after {content: ""; display: block; margin-bottom: 0.3em;}
ol.buret li {display: table-row; counter-increment: table-ol;}
ol.buret li:before {content: counter(table-ol) "."; display: table-cell; padding-right: 0.4em; text-align: right;}
ol.circle {counter-reset: my-counter;}
ol.circle li {margin-bottom: 10px; padding-left: 24px; position: relative; font-size: 1.3rem} /* 丸数字のol */
ol.circle li:before {content: counter(my-counter); counter-increment: my-counter; background-color: #ececec; color: #222; display: block; float: left; line-height: 18px; margin-left: -24px; text-align: center; height: 18px; width: 18px; border-radius: 50%; font-size: 1.2rem}


/* 行による文字制限 */
.omit_one {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.omit_two {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} /* Chrome Safari のみ */
.omit_three {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;} /* Chrome Safari のみ */
.omit_four {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;} /* Chrome Safari のみ */

/* flexbox */
.flex {display: flex; flex-wrap: wrap;} /* 左寄せ */
.flex_end {display: flex; justify-content: flex-end; flex-wrap: wrap;} /* 右寄せ */
.flex_center {display: flex; justify-content: center; flex-wrap: wrap;} /* 中央揃え */
.flex_between {display: flex; justify-content: space-between; flex-wrap: wrap;} /* 均等配置（） */
.flex_around {display: flex; justify-content: space-around; flex-wrap: wrap;} /* 両端揃え */

/* text-align */
.text_center {text-align: center !important}
.text_left {text-align: left !important}
.text_right {text-align: right !important}
.text_justify {text-align: justify !important}

/* box */
.box_center {margin: 0 auto; display: block}

/* margin-padding */
.margin0 {margin: 0} .padding0 {padding: 0}

.mt0  {margin-top: 0 !important;}    .mt5 {margin-top: 5px !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;}

.mt-10 {margin-top: -10px !important;} .mt-15 {margin-top: -15px !important;}
.mt-20 {margin-top: -20px !important;} .mt-25 {margin-top: -25px !important;}
.mt-30 {margin-top: -30px !important;} .mt-35 {margin-top: -35px !important;}
.mt-40 {margin-top: -40px !important;} .mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}

.mb0  {margin-bottom: 0 !important;}    .mb5 {margin-bottom: 5px !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;}

.ml0  {margin-left: 0 !important;}    .ml5 {margin-left: 5px !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;}

.mr0  {margin-right: 0 !important;}    .mr5 {margin-right: 5px !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;}

.pt0  {padding-top: 0 !important;}    .pt5 {padding-top: 5px !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;}

.pb0  {padding-bottom: 0 !important;}    .pb5 {padding-bottom: 5px !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;}

.pl0  {padding-left: 0 !important;}    .pl5  {padding-left: 5px !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;}

.pr0  {padding-right: 0 !important;}    .pr5 {padding-right: 5px !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;}

.plr_1 {padding-left: 1em !important; padding-right: 1em !important}
.plr_2 {padding-left: 2em !important; padding-right: 2em !important}

 /* PCモニター（1025px以降 IPad 12.9 含まない ） */
@media only screen and (min-width : 1025px) {
.ml0_pc  {margin-left: 0 !important;}    .ml5_pc  {margin-left: 5px !important;}
.ml10_pc {margin-left: 10px !important;} .ml15_pc {margin-left: 15px !important;}
.ml20_pc {margin-left: 20px !important;} .ml25_pc {margin-left: 25px !important;}
.ml30_pc {margin-left: 30px !important;} .ml35_pc {margin-left: 35px !important;}
.ml40_pc {margin-left: 40px !important;} .ml45_pc {margin-left: 45px !important;}
.ml50_pc {margin-left: 50px !important;}

.pl0_pc  {padding-left: 0 !important;}    .pl5_pc  {padding-left: 5px !important;}
.pl10_pc {padding-left: 10px !important;} .pl15_pc {padding-left: 15px !important;}
.pl20_pc {padding-left: 20px !important;} .pl25_pc {padding-left: 25px !important;}
.pl30_pc {padding-left: 30px !important;} .pl35_pc {padding-left: 35px !important;}
.pl40_pc {padding-left: 40px !important;} .pl45_pc {padding-left: 45px !important;}
.pl50_pc {padding-left: 50px !important;} .pl55_pc {padding-left: 55px !important;}
.pl60_pc {padding-left: 60px !important;} .pl65_pc {padding-left: 65px !important;}
.pl70_pc {padding-left: 70px !important;} .pl75_pc {padding-left: 75px !important;}
.pl80_pc {padding-left: 80px !important;} .pl85_pc {padding-left: 85px !important;}
.pl90_pc {padding-left: 90px !important;} .pl85_pc {padding-left: 95px !important;}
.pl100_pc {padding-left: 100px !important;} 

.pr0_pc  {padding-right: 0 !important;}    .pr5_pc  {padding-right: 5px !important;}
.pr10_pc {padding-right: 10px !important;} .pr15_pc {padding-right: 15px !important;}
.pr20_pc {padding-right: 20px !important;} .pr25_pc {padding-right: 25px !important;}
.pr30_pc {padding-right: 30px !important;} .pr35_pc {padding-right: 35px !important;}
.pr40_pc {padding-right: 40px !important;} .pr45_pc {padding-right: 45px !important;}
.pr50_pc {padding-right: 50px !important;} .pr55_pc {padding-right: 55px !important;}
.pr60_pc {padding-right: 60px !important;} .pr65_pc {padding-right: 65px !important;}
.pr70_pc {padding-right: 70px !important;} .pr75_pc {padding-right: 75px !important;}
.pr80_pc {padding-right: 80px !important;} .pr85_pc {padding-right: 85px !important;}
.pr90_pc {padding-right: 90px !important;} .pr95_pc {padding-right: 95px !important;}
.pr100_pc {padding-right: 100px !important;} 
}

 /* スマホ対応 */
@media only screen and (min-device-width : 320px) and (max-device-width : 639px) {
.w10_sp {width: 10% !important} .w20_sp {width: 20% !important} .w30_sp {width: 30% !important}
.w40_sp {width: 40% !important} .w50_sp {width: 50% !important} .w60_sp {width: 60% !important}
.w70_sp {width: 70% !important} .w80_sp {width: 80% !important} .w90_sp {width: 90% !important}
.w100_sp {width: 100% !important}
}

 /* タブレット対応 */
@media only screen and (min-device-width : 640px) and (max-device-width : 1023px) {
.w10_tb {width: 10% !important} .w20_tb {width: 20% !important} .w30_tb {width: 30% !important}
.w40_tb {width: 40% !important} .w50_tb {width: 50% !important} .w60_tb {width: 60% !important}
.w70_tb {width: 70% !important} .w80_tb {width: 80% !important} .w90_tb {width: 90% !important}
.w100_tb {width: 100% !important}
}


/*======================================================================
 Font Character Set
======================================================================*/
.mincho {font-family: 'Yu Mincho', YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif !important;}


/*======================================================================
 メディアクエリー display hide 
======================================================================*/
@media screen and (max-width: 39.99875em) {
.hide-for-small-only {display: none !important;}
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {display: none !important;} 
}

@media print, screen and (min-width: 40em) {
.hide-for-medium {display: none !important;}
}

@media screen and (max-width: 39.99875em) {
.show-for-medium {display: none !important;}
}

@media screen and (min-width: 40em) and (max-width: 63.99875em) {
.hide-for-medium-only {display: none !important;}
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
.show-for-medium-only {display: none !important;}
}

@media print, screen and (min-width: 64em) {
.hide-for-large {display: none !important;}
}

@media screen and (max-width: 63.99875em) {
.show-for-large {display: none !important;}
}

@media screen and (min-width: 64em) and (max-width: 74.99875em) {
.hide-for-large-only {display: none !important;}
}

@media screen and (max-width: 63.99875em), screen and (min-width: 75em) {
.show-for-large-only {display: none !important;}
}


/*======================================================================
 SCROLL TRIGGER Animations
======================================================================*/
.fadeIn {transition: opacity 1.5s ease; opacity: 1;}
.fadeOut {transition: opacity 1.5s ease; opacity: 0;}

.fromTopIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromTopOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,-10px); opacity: 0.0;}

.fromBottomIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromBottomOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,10px); opacity: 0.0;}

.fromLeftIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromLeftOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(-10px,0); opacity: 0.0;}

.fromRightIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(0,0); opacity: 1.0;}
.fromRightOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: translate(10px, 0); opacity: 0.0;}

.scaleUpIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0;}
.scaleUpOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.1,1.1); opacity: 0.0;}

.scaleDownIn {transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(1.0,1.0); opacity: 1.0;}
.scaleDownOut {transition: transform 1.0s ease, opacity 1.0s ease; transform: scale(0.9,0.9); opacity: 0.0;}