@charset "UTF-8";
@import url(reset.css);
/*▼PC版トップからの変更箇所▼
.画像パスを/lite/com/imgに
.9.モバイル幅用 は統合&削除
.bootstrapは未使用に
.reset.cssはbasic.css内でインポート→圧縮(.min化)で統合
*/
/*▼▼ リセット**************************************************/
/*▼bootstrap使用時▼*/
/*リセット*/
/* html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  padding:0;
}

nav ul {
  list-style:none;
}

ul, ol {
  list-style:none;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  empty-cells: show;
} */
/*▼bootstrap独自タグ上書き▼*/
/*横スク表示　無効*/
/* .row {
	margin-right: 0;
	margin-left: 0;
	> *[class^="col-"] {
		padding-right: 5px;
		padding-left: 5px;
	}
}
ootstrap
header {
	.row {
		margin-right: -15px;
		margin-left: -15px;
		> *[class^="col-"] {
			padding-right: 15px;
			padding-left: 15px;
		}
	}
} */
/*★注意
・このCSSはreset.css適用を前提に作成されています。
・目次と汎用クラスを参照し、作成した箇所には目印を入れてください。
・修正/追加の記録を残してください。
*/
/*▼▼大目印*********************************************************/
/*▼中目印
-------------------------------------------*/
/*----- 小目印 -----*/
/*極小目印*/
/*▼修正記録(「MMDD追加or修正」で検索)
-------------------------------------------*/
/*MMDD追加… , */
/*202001追加 … TRY&スマホアプリの併記*/
/*202211追加 … TRY&スマホアプリの併記なし、TRYのみに*/
/*202303追加 … スマッピーLPを追加、不要要素は削除*/
/*202305修正 … 右下リンクのデザイン変更*/
/*▼目次
-------------------------------------------*/
/*
..リセット(bootstrap上書き用。bootstrap未使用時はreset.css読み込み)
0.Sass設定
1.Bootstrapと同じ機能
2.タグそのものに適用
3.基本構成要素
4.単純な意味のスタイル
5.ヘッダー /　パンくず / 2カラム / 1カラム　/ フッター
6.ページ共通
7.ページ個別
8.外部プラグイン
9.モバイル幅用(CSSスプライト)
  【構成】
  横幅767px用(bootstrap準拠へ修正414→767)
*/
/*▼汎用クラス(単体で使用せず個別IDの子として)
-------------------------------------------*/
/*
.day, .ttl, .txt, .pic, .new, .category, .toHead, .toTop, .cls, .selected
.mail, .search, .hint, .down, .detail, .buy, .nx, .dl, .sp
*/
/* @import "../imgs/top/system/*.gif";
@include all-system-sprites; */
/*▼▼ 0.Sass設定**************************************************/
/*ミックスイン*/
/*グラデーション*/
/*グリッド*/
/*変数*/
/*202303追加*/
/*最大横幅*/
/*bootstrap準拠に変更940→1140→768→100%*/
/*2カラム　サイド*/
/*2カラム　メイン*/
/*1カラム　横余白あり(記事など)*/
/*基本フォント色*/
/*リンクテキスト色*/
/*基本角丸半径*/
/*基本マージン*/
/*マージン 狭い*/
/*基本パディング*/
/*パディング　狭い*/
/*パディング　広い*/
/*ページ個別*/
/*ページ個別*/
/*▼▼ 1.Bootstrapと同じ機能**************************************************/
/*------ 基本 ------*/
.block-m {
  display: block; }

.none-m {
  display: none; }

/*------ グリッド ------*/
.rows:after {
  display: table;
  clear: both;
  content: ''; }

.col, .col-m-1, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-m-10, .col-m-11, .col-m-12 {
  min-height: 40px;
  margin-bottom: 20px;
  float: left; }

/*片側に配置*/
.col-m-1 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 7.5%;
  /* width: calc((100% - 20px * 0)/1); */
  width: calc((100% - 20px*11) /12 * 1 - 20px*0*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 1 + 20px*0);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(1n+1) { */ }
  .col-m-1:last-child {
    margin-right: 0;
    float: right; }

.col-m-2 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 15.5%;
  /* width: calc((100% - 20px * 1)/2); */
  width: calc((100% - 20px*11) /12 * 2 - 20px*1*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 2 + 20px*1);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(2n+2) { */ }
  .col-m-2:last-child {
    margin-right: 0;
    float: right; }

.col-m-3 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 23.5%;
  /* width: calc((100% - 20px * 2)/3); */
  width: calc((100% - 20px*11) /12 * 3 - 20px*2*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 3 + 20px*2);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(3n+3) { */ }
  .col-m-3:last-child {
    margin-right: 0;
    float: right; }

.col-m-4 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 32.5%;
  /* width: calc((100% - 20px * 3)/4); */
  width: calc((100% - 20px*11) /12 * 4 - 20px*3*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 4 + 20px*3);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(4n+4) { */ }
  .col-m-4:last-child {
    margin-right: 0;
    float: right; }

.col-m-5 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 40.5%;
  /* width: calc((100% - 20px * 4)/5); */
  width: calc((100% - 20px*11) /12 * 5 - 20px*4*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 5 + 20px*4);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(5n+5) { */ }
  .col-m-5:last-child {
    margin-right: 0;
    float: right; }

.col-m-6 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 48.5%;
  /* width: calc((100% - 20px * 5)/6); */
  width: calc((100% - 20px*11) /12 * 6 - 20px*5*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 6 + 20px*5);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(6n+6) { */ }
  .col-m-6:last-child {
    margin-right: 0;
    float: right; }

.col-m-7 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 57.5%;
  /* width: calc((100% - 20px * 6)/7); */
  width: calc((100% - 20px*11) /12 * 7 - 20px*6*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 7 + 20px*6);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(7n+7) { */ }
  .col-m-7:last-child {
    margin-right: 0;
    float: right; }

.col-m-8 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 65.5%;
  /* width: calc((100% - 20px * 7)/8); */
  width: calc((100% - 20px*11) /12 * 8 - 20px*7*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 8 + 20px*7);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(8n+8) { */ }
  .col-m-8:last-child {
    margin-right: 0;
    float: right; }

.col-m-9 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 73.5%;
  /* width: calc((100% - 20px * 8)/9); */
  width: calc((100% - 20px*11) /12 * 9 - 20px*8*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 9 + 20px*8);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(9n+9) { */ }
  .col-m-9:last-child {
    margin-right: 0;
    float: right; }

.col-m-10 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 82.5%;
  /* width: calc((100% - 20px * 9)/10); */
  width: calc((100% - 20px*11) /12 * 10 - 20px*9*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 10 + 20px*9);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(10n+10) { */ }
  .col-m-10:last-child {
    margin-right: 0;
    float: right; }

.col-m-11 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 90.5%;
  /* width: calc((100% - 20px * 10)/11); */
  width: calc((100% - 20px*11) /12 * 11 - 20px*10*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 11 + 20px*10);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(11n+11) { */ }
  .col-m-11:last-child {
    margin-right: 0;
    float: right; }

.col-m-12 {
  /* $num2: ceil(percentage(1 / $num)-5); */
  /*0.4→1.5 for iPad*/
  /*for ~Android4.3*/
  width: 98.5%;
  /* width: calc((100% - 20px * 11)/12); */
  width: calc((100% - 20px*11) /12 * 12 - 20px*11*-1 - 0.1px);
  /*IE少数点以下対応-0.1px*/
  /* @if $column2 == "side" {
  	width: calc((100% - (20px*1)) /2 * 12 + 20px*11);
  } */
  margin-right: 5px;
  /*base→narrow/2 for iPad*/
  /* &:nth-child(12n+12) { */ }
  .col-m-12:last-child {
    margin-right: 0;
    float: right; }

/* #side .col-m-1 {
	@include cols(1,side);
}
#side .col-m-2 {
	@include cols(2,side);
} */
/*左右均等にマージン*/
/* .col-m2-3 {
	width: 29%;
	width: calc((100% - 20px * 3)/3);
	margin-right: $margin-base/2;
	margin-left: $margin-base/2;
	@extend .col;
	&:after {
		@extend .clearfix:after;
	}
} */
/* .col-m-3 {
	width: 29%;
	width: calc((100% - 20px * 2)/3);
	margin-right: $margin-base;
	@extend .col;
	&:after {
		@extend .clearfix:after;
	}
	&:nth-child(3n+3) {
		margin-right: 0;
		float: right;
	}
} */
/*グリッド確認用*/
/* .col-m2-12 {
	width: calc((100% - 20px * 12)/12);
	margin-right: $margin-base/2;
	margin-left: $margin-base/2;
	@extend .col;
	&:after {
		@extend .clearfix:after;
	}
} */
/*------ ボタン ------*/
.but, .stepTitle {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: 8px 12px;
  border: 1px solid #ffffff;
  border-radius: 4px; }
  .but > *, .stepTitle > * {
    vertical-align: middle; }
  .but:hover, .stepTitle:hover {
    opacity: 0.7; }

.but-ml {
  font-weight: bold;
  font-size: 16px; }

.but-block {
  display: block; }

.but-shadow {
  /*追加*/
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.3); }

/*種類*/
.but-default {
  /*白*/
  color: #333 !important;
  background-color: #ffffff;
  border-color: #CCCCCC; }

.but-primary {
  /*青*/
  color: #ffffff !important;
  background-color: #0277BD;
  border: none; }

.but-success, .stepTitle {
  /*緑*/
  color: #ffffff !important;
  background-color: #558B2F;
  border: none; }

.but-info {
  /*水色*/
  color: #ffffff !important;
  background-color: #0097A7;
  border: none; }

.but-warning {
  /*オレンジ*/
  color: #ffffff !important;
  background-color: #FF8F00;
  border: none; }

.but-danger {
  /*赤*/
  color: #ffffff !important;
  background-color: #C96059;
  border: none; }

.but-link {
  /*白+青文字*/
  color: #677EB5 !important;
  background-color: #ffffff;
  border: none; }

.but-guide {
  /*グラデ　追加*/
  color: #333 !important;
  /*IE*/
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#D8D8D8');
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#D8D8D8');
  /*IE10~,Android4.0~,iOS5.1~*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #D8D8D8 100%);
  /*IE10~,Android4.4~,iOS7~*/
  background: linear-gradient(to bottom, #ffffff 0%, #D8D8D8 100%);
  background-color: #DBDBDB;
  border-color: #cccccc; }

.but-experience {
  /*金色グラデ　追加*/
  color: #ffffff !important;
  /*IE*/
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B4AF54',EndColorStr='#777015');
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B4AF54',EndColorStr='#777015');
  /*IE10~,Android4.0~,iOS5.1~*/
  background: -webkit-linear-gradient(top, #B4AF54 0%, #777015 100%);
  /*IE10~,Android4.4~,iOS7~*/
  background: linear-gradient(to bottom, #B4AF54 0%, #777015 100%);
  background-color: #777015;
  border-color: #767149;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5); }
  .but-experience.but-shadow {
    box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5), 0px 2px 6px rgba(0, 0, 0, 0.3); }

/*------ タブ ------*/
.tabPanel .tab {
  /*下に記載*/ }
.tabPanel .tab.pill {
  /*下に記載*/ }

/*------ テーブル ------*/
.tables th,
.tables td {
  padding: 6px;
  border-bottom: 1px solid #DDDDDD; }
.tables tr:last-child th,
.tables tr:last-child td {
  border-bottom: none; }
.tables th {
  white-space: nowrap;
  background-color: #F5F5F5; }
  .tables th[scope="col"] {
    text-align: center;
    padding: 10px; }
.tables.striped tr:nth-child(odd) {
  background-color: #F5F5F5; }
.tables.bordered th,
.tables.bordered td,
.tables.bordered tr:last-child th,
.tables.bordered tr:last-child td {
  border: 1px solid #DDDDDD; }
.tables .responsive {
  /*スマホ幅時に横スクロール表示*/ }

/*▼▼ 2.タグそのものに適用*********************************************/
/*bootstrap未使用*/
body {
  font-family: ArialMT, "HiraKakuProN-W3";
  font-size: 14px;
  color: #333; }
  body * {
    line-height: 1.4;
    box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

a {
  color: #333399;
  text-decoration: underline;
  font-weight: normal; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

input {
  height: 1.5em;
  box-sizing: content-box; }

select {
  height: 2em; }

p {
  margin: 0 0 7px 0; }

/*bootstrap使用*/
/* body {
	font-size: $font-size-base;
	color: $color-base;
	* {
		box-sizing: border-box;
	}
}
h1, h2, h3, h4, h5, h6 {
	font-size: $font-size-base;
	font-weight: normal;
	line-height: 1.4;
	margin: 0;
}
a,
a:hover {
	background-position: 0% 0%;
}
a:visited {

}
strong, th {
	font-style: normal;
	font-weight: normal;
}
p {
	margin: 0 0 7px 0;
}
body > header {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.1;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h1 {
		font-size: 36px;
		font-weight: bold;
	}
} */
/*▼▼ 3.基本構成要素*****************************************************/
/*clearfix*/
.clearfix:after, #contents:after, .tabPanel .tab:after, .tabPanel .tab ~ .pnl > li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

#contents {
  width: 100%;
  margin: 0 auto; }

/*カテゴリー内容*/
.cont {
  width: 96%;
  max-width: 100%;
  max-width: 1170px;
  /*202303追加*/
  margin: 0 auto; }

#pageTitle {
  font-size: 26px;
  margin: 20px 0;
  padding: 4px 15px;
  border-bottom: solid 5px #E7E7E7; }

.largeTitle {
  max-width: 100%;
  max-width: 1170px;
  /*202303追加*/
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 20px auto 10px auto;
  padding: 10px 15px;
  /* @include linear-gradient(#69A155,#207204); */
  background-color: #2F7C12; }

.cateTitle {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding: 10px 15px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border: solid 1px #e0e0e0;
  /*IE*/
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#dbdbdb');
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff',EndColorStr='#dbdbdb');
  /*IE10~,Android4.0~,iOS5.1~*/
  background: -webkit-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
  /*IE10~,Android4.4~,iOS7~*/
  background: linear-gradient(to bottom, #ffffff 0%, #dbdbdb 100%);
  background-color: #E6E6E6; }

/*小見出し*/
.subHead {
  font-size: 16px;
  margin: 15px 10px 0 10px;
  padding-left: 27px;
  background: url(../img/bg-h3.gif) left center no-repeat; }

/*▼▼ 4.単純な意味のスタイル***********************************************/
/*非表示*/
.hdn {
  visibility: hidden; }

/*存在*/
.block {
  display: block; }

/*消去*/
.none {
  display: none; }

.inline {
  display: inline !important; }

.inBlk {
  display: inline-block; }

/*フォント色*/
.f_white {
  color: #fff; }

.f_gray {
  color: #666; }

.f_lightgray {
  color: #999; }

.f_green {
  color: #217403; }

.f_red {
  color: #FF0000; }

.f_orange {
  color: #FF7C00; }

/*フォント大きさ*/
.f_L {
  font-size: 20px; }

.f_LS {
  font-size: 18px; }

.f_ML {
  font-size: 16px; }

.f_M {
  font-size: 14px; }

.f_MS {
  font-size: 12px; }

.f_S {
  font-size: 10px; }

/*太さ*/
.bold {
  font-weight: bold; }

.normal {
  font-weight: normal; }

/*ボーダー*/
.bdr1 {
  border: 1px solid #DDDDDD; }

.bdrc_gray {
  border-color: #9E9E9E; }

/*リストタイプ*/
.li, .li_dec, .li_disc, .li_cir {
  margin: 1em 0;
  padding-left: 1.5em; }

/*算用数字*/
.li_dec {
  list-style-type: decimal; }

/*黒丸*/
.li_disc {
  list-style-type: disc; }

/*白丸*/
.li_cir {
  list-style-type: circle; }

/*罫線　ドット*/
.li_dot li {
  padding: 8px 12px;
  border-bottom: 1px dotted #46C319; }
  .li_dot li:first-child {
    border-top: 1px dotted #46C319; }

/*もっと見る*/
.more {
  display: block;
  text-align: right; }

#small {
  display: block; }

/*テキスト揃え*/
.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

/*画像*/
/*横幅*/
.width100 {
  width: 100%; }

.width33 {
  width: 33.3%; }

.w_fitCon {
  /*202211追加*/
  width: fit-content; }

/* .widthSub {
	width: 240px;
	padding-left: 20px;
} */
.seg2 > * {
  width: 50%; }

.seg3 > * {
  width: 33.3%; }

.seg4 > * {
  width: 25%; }

.seg5 > * {
  width: 20%; }

/*マージン*/
.noMargin {
  margin: 0; }

.marginA {
  margin: 0 auto; }

.marginLR {
  margin: 0 10px; }

.marginLR2 {
  margin: 0 20px; }

.marginT {
  margin-top: 10px; }

.marginT2 {
  margin-top: 20px; }

.marginB {
  margin-bottom: 10px; }

.marginB2 {
  margin-bottom: 20px; }

.marginR {
  margin-right: 10px; }

.marginR2 {
  margin-right: 20px; }

.marginL {
  margin-left: 10px; }

.marginL2 {
  margin-left: 20px; }

/*パディング*/
.noPadding {
  padding: 0; }

.padding {
  padding: 10px; }

.paddingTB {
  padding: 14px 0; }

.paddingLR {
  padding: 0 10px; }

.paddingLR2 {
  padding: 0 20px; }

.paddingT {
  padding-top: 10px; }

.paddingT2 {
  padding-top: 50px; }

.paddingB {
  padding-bottom: 10px; }

.paddingB2 {
  padding-bottom: 30px; }

.paddingR {
  padding-right: 10px; }

.paddingR2 {
  padding-right: 20px; }

.paddingL {
  padding-left: 10px; }

.paddingL2 {
  padding-left: 20px; }

/*縦位置*/
.vAlineT * {
  vertical-align: top !important; }

.vAlineM * {
  vertical-align: middle !important; }

/*位置*/
.posRe {
  position: relative; }

.posAb {
  position: absolute; }

/*フロート*/
.floatL {
  float: left; }

.floatR {
  float: right; }

.floatN {
  float: none; }

/*for モバイル*/
/* .mbShow {
	display: none;
} */
/*for PC*/
/* .pcShow {
	display: block;
} */
/*ボタン*/
.btns > a {
  display: block; }

.bg_btn1 > * {
  color: #333;
  font-weight: bold;
  text-shadow: 1px 1px 2px #ffffff;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #9E9E9E;
  /*IE*/
  -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F2F2F2',EndColorStr='#9C9C9C');
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#F2F2F2',EndColorStr='#9C9C9C');
  /*IE10~,Android4.0~,iOS5.1~*/
  background: -webkit-linear-gradient(top, #F2F2F2 0%, #9C9C9C 100%);
  /*IE10~,Android4.4~,iOS7~*/
  background: linear-gradient(to bottom, #F2F2F2 0%, #9C9C9C 100%);
  background-color: #DBDBDB;
  box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5); }

/*リンク*/
.link_arrow {
  margin-bottom: 10px;
  padding-left: 15px;
  background: url(../img/blt-01.gif) 2px 2px no-repeat !important; }

.link_q {
  padding-left: 20px;
  background: url(../img/blt-faq-q.gif) left top no-repeat; }

/*アンダーライン*/
.uLine {
  text-decoration: underline; }

.noUline {
  text-decoration: none; }

/*背景色*/
.bg_white {
  background-color: #fff; }

.bg_lightgray {
  background-color: #ECEFF1; }

.bg_darkgray {
  background-color: #616161; }

.bg_blue {
  background-color: #1E88E5; }

.bg_yellow {
  background-color: #FFEB3B; }

.bg_green {
  background-color: #43A047; }

.bg_red {
  background-color: #EF5350; }

/*画像背景*/
.bg_dot {
  padding: 0 0 4px 0;
  background: url(../img/dot-03.gif) left bottom repeat-x; }

/*カーソルホバー*/
a:hover,
a:hover.hover > *,
a:hover *.hover {
  opacity: 0.7; }

/*NEWアイコン*/
.new {
  background-color: #FFA000; }

/*------ カテゴリー ------*/
/*更新性のため.bg_cate→.cate*/
.cate01 {
  /*コンテンツ*/
  background-color: #B39DDB; }

.cate02 {
  /*JRA*/
  background-color: #7CB342; }

.cate03 {
  /*製品*/
  background-color: #FF7043; }

.cate04 {
  /*PC*/
  background-color: #64B5F6; }

.cate05 {
  /*スマホ*/
  background-color: #00BCD4; }

.cate06 {
  /*ケータイ*/
  background-color: #F48FB1; }

/*------ SVG ------*/
/*塗りつぶし色*/
.fill_green {
  fill: #00853D; }

.fill_blue {
  fill: #1976D2; }

.fill_white {
  fill: #fff; }

.fill_black {
  fill: #000; }

.fill_gray {
  fill: #666; }

.fill_lightgray {
  fill: #AAAAAA; }

/*サイズ*/
.size_rogo1 {
  width: 192px;
  height: 28px; }

.size_rogo2 {
  width: 384px;
  height: 56px; }

.size_icon0 {
  width: 12px;
  height: 12px; }

.size_icon1 {
  width: 16px;
  height: 16px; }

.size_icon2 {
  width: 20px;
  height: 20px; }

.size_icon3 {
  width: 30px;
  height: 30px; }

.size_icon4 {
  width: 40px;
  height: 40px; }

.flex {
  /*202211追加*/
  display: flex;
  /*flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  > * {
    flex: 0 0 auto;
  }*/ }

.aItemC {
  /*202211追加*/
  align-items: center; }

.jConC {
  /*202211追加*/
  justify-content: center; }

.indent1 {
  /*202211追加*/
  text-indent: -1em;
  margin-left: 1em; }

/*▼▼ 5.ヘッダー /　パンくず / 2カラム / 1カラム　/ フッター *********************************************************/
#header a:hover {
  opacity: 1; }

#header {
  position: relative; }
  #header .cont {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 60px;
    border-top: 4px solid #217408;
    border-bottom: 1px solid #CCCCCC;
    /* @include linear-gradient(#FCFFFF,#F0F0F0); */
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FAFAFA 50%, #F4F4F4 75%, #F1F1F1 96%, #FFFFFF 100%); }
    #header .cont h1, #header .cont h2 {
      display: none; }
    #header .cont #rogo {
      position: absolute;
      top: 18px;
      left: 10px;
      width: 182px;
      height: 26px;
      background: url(../img/header.svg) left top no-repeat;
      background-size: auto 26px;
      background-position: -78px top; }
  #header #toPc {
    position: absolute;
    top: 16px;
    right: 66px;
    width: 28px;
    height: 28px;
    background: url(../img/header.svg) left top no-repeat;
    background-size: auto 28px;
    background-position: -56px top;
    display: block; }
  #header #nav {
    position: static; }
    #header #nav .ddBtn {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      cursor: pointer; }
      #header #nav .ddBtn:after {
        position: absolute;
        right: 10px;
        top: 12px;
        content: "";
        width: 24px;
        height: 24px;
        background: url(../img/header.svg) left top no-repeat;
        background-size: auto 24px;
        transition: all 0.1s 0s linear; }
      #header #nav .ddBtn.opn:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      #header #nav .ddBtn + ul {
        z-index: 10;
        width: 100%;
        height: auto; }
        #header #nav .ddBtn + ul li {
          border-top: 1px solid #C9C9C9; }
          #header #nav .ddBtn + ul li:first-child {
            border-top: 0; }
          #header #nav .ddBtn + ul li a {
            display: block;
            width: 100% !important;
            height: 50px;
            line-height: 50px;
            color: #333;
            font-size: 16px;
            text-decoration: none;
            text-shadow: 2px 2px 2px #ffffff;
            padding-left: 15px;
            background-color: #FFFFFF; }
    #header #nav > .ddBtn {
      position: absolute;
      top: 0;
      right: 0;
      width: 51px;
      height: 54px; }
      #header #nav > .ddBtn:after {
        content: none; }
      #header #nav > .ddBtn > span {
        position: absolute;
        left: 7px;
        width: 22px;
        height: 3px;
        background-color: #00853D;
        transition: all 0.3s 0s linear; }
        #header #nav > .ddBtn > span:first-child {
          top: 21px; }
        #header #nav > .ddBtn > span:first-child + span {
          top: 29px; }
        #header #nav > .ddBtn > span:first-child + span + span {
          top: 37px; }
      #header #nav > .ddBtn.opn > span:first-child {
        -webkit-transform: translateY(8px) rotate(-45deg);
        transform: translateY(8px) rotate(-45deg); }
      #header #nav > .ddBtn.opn > span:first-child + span {
        opacity: 0; }
      #header #nav > .ddBtn.opn > span:first-child + span + span {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg); }
      #header #nav > .ddBtn + ul {
        position: absolute;
        /*メニュー下部のスライドなし*/ }
        #header #nav > .ddBtn + ul > li > a {
          font-weight: bold;
          /*IE*/
          -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EEEEEE',EndColorStr='#CFCFCF');
          filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EEEEEE',EndColorStr='#CFCFCF');
          /*IE10~,Android4.0~,iOS5.1~*/
          background: -webkit-linear-gradient(top, #EEEEEE 0%, #CFCFCF 100%);
          /*IE10~,Android4.4~,iOS7~*/
          background: linear-gradient(to bottom, #EEEEEE 0%, #CFCFCF 100%); }
        #header #nav > .ddBtn + ul > li:last-child {
          border-bottom: 1px solid #BDBDBD; }

.ddBtn {
  display: block; }

.ddBtn + * {
  display: none; }

/* html*#nav li {
	float: left;
}
html*#nav li a {
	float: none;
} */
#footer {
  text-align: right;
  margin-top: 40px;
  /* .toHeader {
  	position: relative;
  	color: #000000;
  	font-size: 12px;
  	font-weight: bold;
  	text-decoration: none;
  	margin-right: 10px;
  	padding: 7px 12px 7px 27px;
  	border: 1px solid #CCCCCC;
  	border-radius: $border-radius-base;
  	background-color: #EEEEEE;
  	&:after {
  		position: absolute;
  		top: 2px;
  		left: 9px;
  		content: "";
  		width: 20px;
  		height: 20px;
  		background: url(../img/header.svg) left top no-repeat;
  		background-size: auto 24px;
  		background-position: -28px top;
  	}
  } */
  /* .tbl {
  	display: table;
  	width: 100%;
  	margin-top: 24px;
  	* {
  		line-height: 1.2;
  	}
  	> * {
  		display: table-row;
  		background-color: #ccc;
  		> * {
  			display: table-cell;
  			width: 25%;
  			height: 50px;
  			color: #FFFFFF;
  			font-size: 12px;
  			vertical-align: middle;
  			text-align: center;
  			text-decoration: none;
  			padding-top: 2px;
  			border-right: 1px solid #FFFFFF;
  			border-top: 1px solid #FFFFFF;
  			background-color: #616161;
  			&:last-child {
  				border-right: none;
  			}
  		}
  	}
  	&:after {
  		display: none;
  	}
  } */ }
  #footer .toHead {
    position: fixed;
    top: auto;
    bottom: 10px;
    right: 20px;
    width: 40px;
    height: 40px;
    padding: 0;
    /*border-radius: $border-radius-base;
    background-color: rgba(0,0,0,0.2);*/
    border-radius: 20px;
    background-color: #393939;
    /*202305修正*/
    z-index: 10; }
    #footer .toHead span {
      display: none; }
    #footer .toHead svg {
      display: block; }
  #footer #small {
    /*IE*/
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD',EndColorStr='#F9F9F9');
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#DDDDDD',EndColorStr='#F9F9F9');
    /*IE10~,Android4.0~,iOS5.1~*/
    background: -webkit-linear-gradient(top, #DDDDDD 0%, #F9F9F9 100%);
    /*IE10~,Android4.4~,iOS7~*/
    background: linear-gradient(to bottom, #DDDDDD 0%, #F9F9F9 100%);
    /* padding: 40px 0 4px 0; */
    padding: 10px 0 40px 0;
    font-size: 11px;
    color: #666666;
    text-align: center; }

.scrollShow {
  display: none; }

/*▼▼ 6.ページ共通*********************************************************/
/*ステップ*/
.stepTitle:hover {
  opacity: 1; }

/*擬似テーブル*/
.tbl {
  display: table;
  width: 100%; }
  .tbl > * {
    display: block; }
  .tbl .trow {
    display: table-row; }
    .tbl .trow > * {
      display: block;
      vertical-align: middle; }
  .tbl:after {
    display: none; }

/*----- タブパネル -----*/
.tabPanel {
  /*タブ*/
  /*色付きタブ*/
  /*パネル*/
  /*色付きタブのパネル*/
  /*後ろの.tab*/ }
  .tabPanel .tab {
    margin-top: 20px;
    margin-bottom: -1px; }
    .tabPanel .tab > li {
      float: left; }
      .tabPanel .tab > li a {
        display: block;
        padding: 10px 15px;
        text-align: center;
        text-decoration: none;
        border: solid transparent 1px; }
      .tabPanel .tab > li.active a {
        color: #333;
        border: solid #DDDDDD 1px;
        border-bottom: solid #fff 1px;
        border-radius: 4px; }
  .tabPanel .tab.pill > li.active a {
    color: #fff;
    border: solid transparent 1px;
    background-color: #418BCA; }
  .tabPanel .tab ~ .pnl > li {
    padding: 15px 0;
    border-top: solid #DDDDDD 1px;
    border-bottom: solid #DDDDDD 1px; }
  .tabPanel .tab.pill ~ .pnl > li {
    border-top: none;
    border-bottom: none; }
  .tabPanel .pnl ~ .tab {
    margin-top: -1px;
    margin-bottom: 20px; }
    .tabPanel .pnl ~ .tab > li.active a {
      border-top: solid #fff 1px;
      border-bottom: solid #DDDDDD 1px; }

.tabPanel.noTab {
  /*タブなしの左右遷移ボタンなど*/ }
  .tabPanel.noTab .tab {
    visibility: hidden;
    height: 0; }
  .tabPanel.noTab .pnl > li {
    border: none; }

/*----- モーダルウィンドウ -----*/
.mdl {
  /*bootstrap競合のため.modal→.mdl*/
  cursor: pointer; }

#modal {
  position: fixed;
  display: table;
  text-align: center;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 20; }
  #modal > div {
    display: table-cell;
    vertical-align: middle; }
    #modal > div > div {
      position: relative;
      width: 100% !important;
      /*JS記述の打ち消し*/
      margin: 0 auto;
      padding: 4px 0; }
      #modal > div > div > *:not(.cls) {
        /*bootstrap競合のため.close→.cls*/
        width: 96%;
        margin: 0 4px; }
      #modal > div > div > .cls {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        line-height: 0;
        cursor: pointer; }

/*----- 背景画像表示 -----*/
.bgimg {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain; }

/*▼▼ 7.ページ個別*********************************************************/
/*------------ ▼CSSスプライト▼ ------------*/
/*----- 共通 -----*/
#pack, #list, #proc {
  /*SASS読み込み用*/
  /*アプリの特徴*/
  /*ボタン*/ }
  #pack > *:not(.bg_darkgray), #list > *:not(.bg_darkgray), #proc > *:not(.bg_darkgray) {
    margin-bottom: 40px; }
  #pack > .noMarginB, #list > .noMarginB, #proc > .noMarginB {
    /*引き継ぎ内スタイル*/
    margin-bottom: 0; }
  #pack img, #list img, #proc img {
    width: 100%;
    height: auto;
    max-width: 640px; }
  #pack .bg_dot, #list .bg_dot, #proc .bg_dot {
    padding-bottom: 0; }
    #pack .bg_dot .stepTitle, #list .bg_dot .stepTitle, #proc .bg_dot .stepTitle {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
  #pack .but, #list .but, #proc .but, #pack .stepTitle, #list .stepTitle, #proc .stepTitle {
    margin-right: auto;
    margin-left: auto;
    padding: 10px 12px 6px 12px; }
    #pack .but svg, #list .but svg, #proc .but svg, #pack .stepTitle svg, #list .stepTitle svg, #proc .stepTitle svg {
      margin-top: -4px; }

/*▼▼-------202303追加-------▼▼*/
#pcHeader {
  border-top: 2px solid #2e7d32; }
  #pcHeader .cont {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1170px; }
    #pcHeader .cont .ttl h1 {
      padding: 15px 0 0 0; }
    #pcHeader .cont .ttl a #rogo {
      width: 189px;
      height: 28px;
      margin: 10px 0;
      background: url(../img/header.svg) left top no-repeat;
      background-size: auto 28px;
      background-position: -84px top; }
    #pcHeader .cont .ttl a:hover {
      opacity: 1; }
    #pcHeader .cont .info {
      padding-top: 57px;
      /*.search {
      	&:after {
      		@extend .clearfix:after;
      	}
      	.seachBox {
      		position: relative;
      		width: 270px;
      		margin: 10px 10px 20px 10px;
      		border: 1px solid #d1d1d1;
      		dt {
      			padding: 3px 0 3px 3px;
      			input {
      				width: 228px;
      				height: auto;
      				font-size: 14px;
      				line-height: 14px;
      				border: none;
      				&::placeholder {
      					color: #ccc;
      				}
      			}
      		}
      		button {
      			position: absolute;
      			right: 0;
      			top: 0;
      			border: none;
      			background-color: #fff;
      			span {
      				display: block;
      				width: 20px;
      				height: 20px;
      				margin-top: 2px;
      				background: url(../img/icon_search.jpg) center center no-repeat;
      				background-size: 18px 18px;
      			}
      		}
      	}
      }*/ }
      #pcHeader .cont .info .link {
        margin: 0 0 10px 0; }
        #pcHeader .cont .info .link ul {
          display: flex; }
          #pcHeader .cont .info .link ul li {
            position: relative;
            margin: 0 0 0 14px;
            padding: 0 0 0 18px; }
            #pcHeader .cont .info .link ul li a {
              color: #333;
              text-decoration: none; }
              #pcHeader .cont .info .link ul li a:hover {
                color: #2e7d32;
                text-decoration: underline; }
              #pcHeader .cont .info .link ul li a[href*="/sup/"]:before {
                background: url(../img/icon_beginner.png) center center no-repeat; }
              #pcHeader .cont .info .link ul li a[href*="/dlb/sdv/"]:before {
                background: url(../img/icon_developer.png) center center no-repeat; }
            #pcHeader .cont .info .link ul li:last-child:before {
              background: url(../img/icon_login.png) center center no-repeat; }

#pcHeaderIcon, #pcHeader .cont .info .link ul li a[href*="/sup/"]:before, #pcHeader .cont .info .link ul li a[href*="/dlb/sdv/"]:before, #pcHeader .cont .info .link ul li:last-child:before {
  position: absolute;
  left: 1px;
  top: 3px;
  content: "";
  width: 11px;
  height: 11px;
  background-size: 11px 11px;
  background-color: #e3e3e3; }

#pcNav {
  background: -webkit-linear-gradient(bottom, #101110 0%, #101110 1%, #515352 1%, #656665 52%, #6f6f6f 83%, #787878 99%, #8d8c8c 100%); }
  #pcNav ul {
    display: flex;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto; }
    #pcNav ul li {
      flex-grow: 1;
      /*align-items: center;*/
      width: calc($page-width / 6);
      border-left: 1px #999 solid;
      background: -webkit-linear-gradient(bottom, #101110 0%, #101110 1%, #515352 1%, #656665 52%, #6f6f6f 83%, #787878 99%, #8d8c8c 100%); }
      #pcNav ul li a {
        display: block;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        text-decoration: none; }
        #pcNav ul li a:hover {
          opacity: 1;
          position: relative; }
          #pcNav ul li a:hover:before {
            position: absolute;
            top: 70%;
            left: calc(50% - 6px);
            z-index: 10; }
      #pcNav ul li:last-child {
        border-right: 1px #999 solid; }
  #pcNav[data-active*="fun"] a[href*="/fun/"] {
    position: relative; }
    #pcNav[data-active*="fun"] a[href*="/fun/"]:before {
      position: absolute;
      top: 70%;
      left: calc(50% - 6px);
      z-index: 10; }

#activeArrow, #pcNav ul li a:hover:before, #pcNav[data-active*="fun"] a[href*="/fun/"]:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #fff; }

.breadCrumb {
  font-size: 12px;
  padding: 8px 0 8px 2px;
  background-color: #efefef; }
  .breadCrumb ol {
    display: block;
    max-width: 1170px;
    margin: 0 auto; }
    .breadCrumb ol li {
      position: relative;
      display: inline-block;
      padding-right: 18px; }
      .breadCrumb ol li a {
        color: #333;
        text-decoration: none; }
        .breadCrumb ol li a:hover {
          opacity: 1;
          text-decoration: underline; }
      .breadCrumb ol li:before {
        position: absolute;
        top: 2px;
        right: 0;
        content: "›";
        width: 10px;
        height: 14px;
        font-size: 14px;
        line-height: 14px; }
      .breadCrumb ol li:last-child:before {
        content: ""; }

/*メインビジュアル*/
#mainImg {
  /* @extend #pack;
  text-align: center; 
  background-color: #467e0b;*/ }
  #mainImg #main_vis {
    /*202303追加*/
    /*position: relative;
    height: 46vw;*/
    background: url(../img/main_vis.jpg) center center no-repeat;
    background-size: cover; }
    #mainImg #main_vis img {
      /*position: absolute;
      bottom: 0;
      width: 95vw;*/
      width: 100%;
      max-width: 1170px;
      height: auto;
      margin: 0 auto; }

.flex {
  display: flex; }

.itemCenter {
  align-items: center; }

.w_fitCon {
  width: fit-content; }

.w_100pc {
  width: 100%; }

.largeTitle.umaca {
  background-color: #7E308E; }

#begin > .txt {
  line-height: 1.1; }

.spDown .block-m .ttl {
  font-size: 18px;
  /*padding-top: 2px;*/ }
.spDown .block-m .down img {
  width: 100px; }
.spDown .block-m .pic img {
  width: 50%; }

/*3つの便利*/
#conv .list {
  max-width: 600px;
  padding: 10px 14px 5px 14px;
  border: 6px solid #DDDDDD; }
  #conv .list li {
    height: 36px; }
    #conv .list li .posRe {
      width: 30px; }
    #conv .list li span.posAb {
      top: 5px;
      left: 10px;
      font-size: 16px;
      font-weight: bold; }
    #conv .list li .txt > span {
      display: inline-block;
      font-size: 18px;
      margin-top: 4px;
      margin-left: 36px;
      background: url(../img/crayon_green.png) left bottom repeat-x;
      background-size: 320px; }
      #conv .list li .txt > span a {
        color: inherit;
        text-decoration: none; }
#conv .item .bg_dot {
  padding-bottom: 0; }
  #conv .item .bg_dot .stepTitle {
    font-size: 16px;
    font-weight: bold;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
#conv .item .box {
  max-width: 640px;
  margin: 0 auto; }
#conv .item .txt {
  padding-top: 20px;
  text-align: center; }
#conv .item .umaca {
  margin-top: 20px; }
  #conv .item .umaca .stepTitle {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    background-color: #7E308E; }

@media screen and (min-width: 768px) {
  /*.item {
  	.rows {
  		display: flex;
  		> * {
  			position: relative;
  			> div {
  				padding: 60px;
  			}
  			.txt {
  				position: absolute;
  				left: 0;
  				right: 0;
  				bottom: 0;
  			}
  			&:nth-child(2) {
  				img[src*="conv_item2"] {
  					margin-top: 10%!important;
  				}
  			}
  		}
  	}
  }*/ }
#slickBox {
  position: relative;
  /*.slick-next.slick-arrow.slick-disabled:before {
  	opacity: 0.25;
  }*/ }
  #slickBox #slick .slider li img {
    width: 80%;
    margin: 0 auto; }
  #slickBox .slider-arw .slick-arrow {
    /*戻る有効化(動的生成クラス)*/
    z-index: 10; }
  #slickBox .slider-arw .slick-next,
  #slickBox .slider-arw .slick-prev {
    position: absolute;
    top: calc(50% + 10px); }
  #slickBox .slider-arw .slick-next {
    right: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #803b9d; }
    #slickBox .slider-arw .slick-next:before {
      content: ""; }
    #slickBox .slider-arw .slick-next.slick-disabled {
      border-left-color: #DFCEE6; }
  #slickBox .slider-arw .slick-prev {
    left: 20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 25px solid #803b9d; }
    #slickBox .slider-arw .slick-prev:before {
      content: ""; }
    #slickBox .slider-arw .slick-prev.slick-disabled {
      border-right-color: #DFCEE6; }
  #slickBox .slick-dots li button {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background-color: #DFCEE6; }
    #slickBox .slick-dots li button:before {
      opacity: 0 !important; }
    #slickBox .slick-dots li button:hover {
      background-color: #8645A2; }
  #slickBox .slick-dots li[aria-hidden="false"] button {
    background-color: #8645A2; }

#free1month {
  width: fit-content;
  font-size: 26px;
  font-weight: bold;
  color: #7E308E;
  margin: 40px auto 20px auto;
  padding: 4px 12px 0 16px;
  border: 3px double #7E308E; }

.youtube {
  text-align: center;
  margin-bottom: 10px; }
  .youtube iframe {
    /*width: 560px;
    height: 315px;*/ }
  .youtube img {
    /*YouTube埋め込み高速化(JS記述あり)*/
    width: 100%; }

/*@media screen and (max-width:767px){*/
.youtube {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .youtube:before {
    content: "";
    display: block;
    padding-top: 56.25%; }
  .youtube:after {
    /*YouTube埋め込み高速化　エラー対応*/
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #fff;
    z-index: 10;
    cursor: pointer; }
  .youtube.play:after {
    /*YouTube埋め込み高速化　エラー対応*/
    display: none; }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .youtube img {
    /*YouTube埋め込み高速化(JS記述あり)*/
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    transform: translateY(-50%);
    cursor: pointer; }

/*}*/
@media screen and (min-width: 768px) {
  #infoMovie .youtube {
    width: calc(50% - 10px);
    float: left; }
  #infoMovie .youtube:nth-child(2) {
    float: right; } }
/*▼YouTube埋め込み高速化(JS記述あり)▼*/
.youtube-arw,
.youtube-arw:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%); }

.youtube-arw {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  pointer-events: none; }

.youtube-arw:before {
  width: 0;
  height: 0;
  margin-left: 2px;
  border-style: solid;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #222; }

/*▲YouTube埋め込み高速化(JS記述あり)▲*/
　
#inst {
  max-width: 710px;
  margin: 40px auto; }

#notes {
  max-width: 710px;
  margin: 40px auto;
  padding: 10px; }
  #notes ul li {
    text-indent: -1em;
    padding-left: 1em;
    /*margin: 0 $margin-base;*/ }

/*▲▲-------202303追加-------▲▲*/
/*一覧*/
/*お手続き*/
/*引き継ぎ*/
/*解除*/
#sup, #list, #proc, #transfer, #release {
  /*SASS読み込み用*/
  margin-bottom: 40px; }
  #sup .but, #list .but, #proc .but, #transfer .but, #release .but, #sup .stepTitle, #list .stepTitle, #proc .stepTitle, #transfer .stepTitle, #release .stepTitle {
    /*ボタンのインデント*/
    text-indent: -35px;
    padding-left: 35px;
    margin-bottom: 10px; }
    #sup .but p, #list .but p, #proc .but p, #transfer .but p, #release .but p, #sup .stepTitle p, #list .stepTitle p, #proc .stepTitle p, #transfer .stepTitle p, #release .stepTitle p {
      margin-bottom: 0; }

/*一覧*/
#list .seg2 {
  margin-top: 40px; }
  #list .seg2 .but-default {
    color: #FFF !important;
    border-right: none;
    border-color: #90A4AE;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #90A4AE; }
  #list .seg2 .but-guide {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

/*お手続き*/
/*引き継ぎ*/
#transfer {
  margin-bottom: 0 !important; }

/*解除*/
#release {
  margin-bottom: 80px !important; }

/*▼▼ 8.外部プラグイン*********************************************************/
/*
#slickJSBox &.nodots …Android Ver4.2 エラー対応(JSで.nodots付与)
*/
/*▼ slick ▼*/
/* #slickJSBox {
	width: 100%;
	max-width: $width-fixed;
	margin: 0 auto;
	ul {
		margin-bottom: 0;
	}
	&.nodots {
		.slick-dots {
			li {
				button:before {
					opacity: 0.5 !important;
				}
			}
		}
	}
}

#slickJS {
	position: relative;
}
.slider-for {
	li {
		p {
			position: relative;
			height: auto !important;
			color: $color-base;
			a {
				text-decoration: none;
				img {
					width: 100%;
					height: auto;
				}
			}
		}
	}
	.slick-slide {
		height: auto !important;
	}
}
.slick-slide.slick-center {
}
.slick-slide:not(.slick-center) {
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

.slider-arw {
	.slick-prev,
	.slick-next {
		top: 45%;
		width: 50px;
		height: 50px !important;
		opacity: 1;
		transition: all 1s ease;
		&:before {
			 content: "";
		}
		p {
			height: 100%;
			border-radius: 25px;
			background-color: rgba(255,255,255,0.75);
		}
		svg {
			margin-top: 6px;
		}
	}
	.slick-prev {
		left: 4px;
		svg {
			margin-top: 4px;
		}
	}
	.slick-next {
		right: 4px;
	}
}
.slick-arrow {
	z-index: 10;
}
.slick-dots {
	position: static !important;
	top: 270px;
	margin-top: 10px !important;
	li {
		button:before {
			font-size: 16px !important;/
			color: #666 !important;
		}
	}
} */
/*▲ slick ▲*/
/*▼▼ 9.モバイル幅用*********************************************************/
/************************************************
	横幅767px用
*************************************************/
@media screen and (max-width: 767px) {
  /*bootstrap準拠へ修正414→767*/
  /*▼ 1.Bootstrapと同じ機能
  -------------------------------------------*/
  /*------ 基本 ------*/
  .block-s {
    display: block; }

  .none-s {
    display: none; }

  /*------ グリッド ------*/
  .clearfix-s:after, .col-s-1:after, .col-s-2:after, .col-s-3:after, .col-s-4:after, .col-s-5:after, .col-s-6:after, .col-s-7:after, .col-s-8:after, .col-s-9:after, .col-s-10:after, .col-s-11:after, .col-s-12:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  .col-s, .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12 {
    min-height: 40px;
    margin-bottom: 10px;
    float: left; }

  .col-s-1 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 8.6%;
    /* width: calc((100% - 10px * 0)/1); */
    width: calc(100%/12 * 1);
    /* width: calc((100% - (10px*1)) /2 * 1 + 10px*0);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(1n+1) { */ }
    .col-s-1:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-2 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 16.6%;
    /* width: calc((100% - 10px * 1)/2); */
    width: calc(100%/12 * 2);
    /* width: calc((100% - (10px*1)) /2 * 2 + 10px*1);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(2n+2) { */ }
    .col-s-2:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-3 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 24.6%;
    /* width: calc((100% - 10px * 2)/3); */
    width: calc(100%/12 * 3);
    /* width: calc((100% - (10px*1)) /2 * 3 + 10px*2);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(3n+3) { */ }
    .col-s-3:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-4 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 33.6%;
    /* width: calc((100% - 10px * 3)/4); */
    width: calc(100%/12 * 4);
    /* width: calc((100% - (10px*1)) /2 * 4 + 10px*3);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(4n+4) { */ }
    .col-s-4:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-5 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 41.6%;
    /* width: calc((100% - 10px * 4)/5); */
    width: calc(100%/12 * 5);
    /* width: calc((100% - (10px*1)) /2 * 5 + 10px*4);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(5n+5) { */ }
    .col-s-5:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-6 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 49.6%;
    /* width: calc((100% - 10px * 5)/6); */
    width: calc(100%/12 * 6);
    /* width: calc((100% - (10px*1)) /2 * 6 + 10px*5);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(6n+6) { */ }
    .col-s-6:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-7 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 58.6%;
    /* width: calc((100% - 10px * 6)/7); */
    width: calc(100%/12 * 7);
    /* width: calc((100% - (10px*1)) /2 * 7 + 10px*6);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(7n+7) { */ }
    .col-s-7:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-8 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 66.6%;
    /* width: calc((100% - 10px * 7)/8); */
    width: calc(100%/12 * 8);
    /* width: calc((100% - (10px*1)) /2 * 8 + 10px*7);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(8n+8) { */ }
    .col-s-8:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-9 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 74.6%;
    /* width: calc((100% - 10px * 8)/9); */
    width: calc(100%/12 * 9);
    /* width: calc((100% - (10px*1)) /2 * 9 + 10px*8);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(9n+9) { */ }
    .col-s-9:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-10 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 83.6%;
    /* width: calc((100% - 10px * 9)/10); */
    width: calc(100%/12 * 10);
    /* width: calc((100% - (10px*1)) /2 * 10 + 10px*9);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(10n+10) { */ }
    .col-s-10:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-11 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 91.6%;
    /* width: calc((100% - 10px * 10)/11); */
    width: calc(100%/12 * 11);
    /* width: calc((100% - (10px*1)) /2 * 11 + 10px*10);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(11n+11) { */ }
    .col-s-11:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  .col-s-12 {
    /* $num2: ceil(percentage(1 / $num)-11); */
    /*for ~Android4.3*/
    width: 99.6%;
    /* width: calc((100% - 10px * 11)/12); */
    width: calc(100%/12 * 12);
    /* width: calc((100% - (10px*1)) /2 * 12 + 10px*11);
    margin-right: $margin-narrow; */
    margin-right: 0;
    padding: 0 3px;
    /*PC幅を上書き*/
    /* &:nth-child(n) {
    	margin-right: $margin-narrow;
    	float: left;
    	background-color: blue;
    } */
    /* &:nth-child(12n+12) { */ }
    .col-s-12:last-child {
      /* margin-right: 0; */
      /* float: right; */ }

  /*------ テーブル ------*/
  /* .tableOvf {
  	width: 100%;
  	overflow: auto;
  	white-space: nowrap;
  	text-overflow: ellipsis;
  }
  .pcShow {
  	display: none;
  } */
  /* .ddBtn {
  	display: block;
  }
  .ddBtn + * {
  	display: none;
  } */
  /*スクロール後表示*/
  /* .scrollShow {
  	display: none;
  } */
  /*画像*/
  .sp_img {
    width: 100%;
    height: auto; }

  /*▼ 7.ページ個別
  -------------------------------------------*/
  /*▼▼-------202303追加-------▼▼*/
  #mainImg {
    /*202303追加*/ }
    #mainImg #main_vis {
      /*position: static;
      height: 281px;*/ }
      #mainImg #main_vis img {
        /*position: static;
        width: 258px;
        height: 281px;
        margin: 0 auto;*/
        max-width: 480px; }

  #begin > .txt {
    font-size: 18px; }

  #conv .item .paddingB2 {
    padding-bottom: 0; }
  #conv .item .txt {
    padding-top: 5px; }

  #conv .list {
    padding: 10px 7px 5px 7px; }

  /*▲▲-------202303追加-------▲▲*/
  #sp > *.sp {
    /*スマホ　ボタンエリア（上）*/ }
    #sp > *.sp .down > div {
      text-align: center !important; }

  /*▼ 8.外部プラグイン
  -------------------------------------------*/
  /* .slider-arw {
  	display: none;
  } */ }

/*# sourceMappingURL=basic.css.map */