@charset "utf-8";/* 2020.10.12更新 */

/* @group reset */
*{margin:0;padding:0;font-family:source-han-sans-japanese, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;box-sizing: border-box;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;}
/** ボーダーを追加した際、ボーダーの値を計算で考えなくてよくする方法 **/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
/* end @group reset */

/*---------------------------------------------------------------------*/
/* 基本設定
----------------------------------------------------------------*/

body{margin:0px;color:#222;font-size:16px;line-height:2em;}
h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
td,th{color:#333;font-size:15px;text-align:left;vertical-align:top;margin:0;padding:0;}
form{margin:0;padding:0;}
select,input{margin:0 5px 0 0;padding:0;}
textarea{resize:none;}
img{margin:0;padding:0;border:0;vertical-align:top;}
ul,li {list-style:none;margin:0;padding:0;}
option{padding-right:1em;}
a{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}

/* ラッパー
----------------------------------------------------------------*/
.wrap{width:100%;max-width:960px;margin:0 auto;}
.inner{padding:0 4px;}
main{width:100%;}


/*--------------------------------
共通の指示
---------------------------------*/

/* テキストの装飾 */
.ti0{text-indent:0!important;}

.title01{border-bottom:1px solid #d9d9d9;margin-bottom:6px;padding:6px 0;line-height:1.5;}
.title02{border:1px solid #ccc;margin-bottom:6px;padding:10px;font-size:1.125rem;line-height:1.5;}
.title02 h1,.title02 h2,.title02 h3,.title02 h4,.title02 h5,.title02 h6{padding-left:10px;border-left:2px solid #006;}

.title03{border-bottom:1px solid #d9d9d9;margin-bottom:6px;padding:6px 0;font-size:1.125rem;line-height:1.5;}
.title04{margin-bottom:6px;font-size:1.125rem;line-height:1.5;font-size:1.125rem;line-height:1.5;}

#content-wrapL.title01,#content-wrapL.title02,#content-wrapL.title03,#content-wrapL.title04{margin-top:40px;}
@media screen and (max-width:499px){
#content-wrapL.title01,#content-wrapL.title02,#content-wrapL.title03,#content-wrapL.title04{margin-top:20px;}
}

.font01{font-size:1em;}
.font02{font-size:1.125em;}
.font03{font-size:1.35em;}
.font04{font-size:1.4em;}
.font05{font-size:1.6em;}
.font06{font-size:1.75em;}

.red{color:#ff6413;}

/* スマートフォン対応 */
@media screen and (max-width:499px) {
.PC{display:none;}
#content-wrapR .SPnav_lastmax{width:100%;}
} /* --- @スマートフォン対応 ここまで --- */

/* PC用 */
@media screen and (min-width:500px) {
.SP{display:none;}
body{width:100%;}
}

/* レイアウト */
.float-L{float:left;}
.float-R{float:right;}

table{border-spacing:0;border-collapse:inherit;}
table th,table td{border:1px solid #ddd;padding:4px;text-align:left;}
table th{background-color:#eee;}

table.table-legal th,table.table-legal td{border:none;background:none;}
table.table-legal ol li,table.table-legal ul li{list-style:none;}


/*両端への均等配置 mana基礎編P154*/
.container-between{display:flex;justify-content:space-between;}
@media screen and (max-width:499px) {
.container-between{display:inline;}
}
.container-between .item{margin:8px;}

/*複数行に渡り、均等配置 mana基礎編P155*/
.container-flex{display:flex;flex-wrap:wrap;align-content:space-around;}
/*.container-flex .item{margin:8px;}*/

/*下へ順次、追加していく配置 参考：mana基礎編P154*/
.flex-wrap{display:flex;flex-wrap:wrap;}
.flex-wrap ul li{margin-right:40px;}

/* テキストの装飾 */
a.notd{text-decoration:none!important;}
a.notd:hover{text-decoration:none!important;}
.text-R,.right{text-align:right;}
.center{text-align:center;}
.left{text-align:left;}
p.right,p.center,p.left{padding-bottom:0!important;}
.bold{font-weight:bold;}
.big{font-size:1.3em;line-height:2em;}
.mini{font-size:0.75em;line-height:1.5em;}
.clear,.clear-both{clear:both;}
.ti0{text-indent:0!important;}
.sticky{position:-webkit-sticky;position:sticky;bottom:0;}

.clear-both,.clear{clear:both;}
img.border-none{border:none!important;}
.border1px{border-top:1px solid #d9d9d9;}
.txt-gray{color:#ebeef5!important;}

/*--------------------------------
ぱんくずリスト
---------------------------------*/
#breadcrumb ul li{color:#ccc;font-size:10px;list-style:none;display:inline-block;}
#breadcrumb ul li span,#breadcrumb ul li a{text-decoration:none;color:#999;font-size:10px!important;}
#breadcrumb ul li a:hover{text-decoration:underline;opacity:1;}

/*文字サイズ、装飾
----------------------------------------------------------------*/
.txt11{font-size:11px;}
.txt12{font-size:12px;}
.txt13{font-size:13px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.bold{font-weight:bold;}
.cap{font-size:11px;line-height:15px;font-weight:100;}

.red{	color:#FF0000;	}
.orange{	color:#FF6600;	}
.blue{	color:#003399;	}
.green {	color:#5b9000;	}
.brown{	color:#663333;	}
.pink{	color:#FF33CC;	}
.gray{	color:#666666;	}

.center{
text-align:center;
margin:0 auto;
}

/*リスト*/
.list01{list-style-position:outside;margin-left:1em;}
ul.list01 li{list-style-type:disc;}
ol.list01 li{list-style-type:auto;margin-left:1.5em;}
ul.list02{}
ul.list03 li{float:left;text-align:center;}
ul.list03 li a{display:block;}

/* ボタン */
.btn01{text-align:center;margin:14px auto;}
.btn01 a{padding:12px 18px;background-color:#fff;border:1px solid #ccc;text-decoration:none!important;font-size:16px;display:flow-root;}
.btn01 a:hover{border:1px solid #222;background-color:#eee;}

.btn02{text-align:center;margin:14px auto;}
.btn02 a{color:#fff;padding:12px 18px;background-color:#fa0046;text-decoration:none!important;font-size:16px;border-radius:4px;}
.btn02 a:hover{opacity:0.75;}

.btn03{text-align:center;margin:14px auto;}
.btn03 a{color:#fff;padding:12px 18px;
display:block;
padding:8px 16px;
border-radius:4px;
border-style:solid;
border-color:#82563b;
border-width:1px;
box-shadow:1px 1px 1px 1px #b8723f inset;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:15px;
box-shadow:1px 2px 4px 0 rgb(0 0 0 / 40%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
background:#ffa84c;
background:-moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%);
background:-webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%);
background:linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);
text-decoration:none!important;font-size:16px;border-radius:4px;
}
.btn03 a:hover{
background:#ff670f;
background:-moz-linear-gradient(top,  #ff670f 0%, #fc3a0f 100%);
background:-webkit-linear-gradient(top,  #ff670f 0%,#fc3a0f 100%);
background:linear-gradient(to bottom,  #ff670f 0%,#fc3a0f 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#fc3a0f',GradientType=0 );
}

.btn-blue a{
color:#fff!important;border:1px solid rgb(68,114,212);
background: rgb(68,114,212);
background: -moz-linear-gradient(top,  rgb(68,114,212) 0%, rgb(50,93,184) 100%);
background: -webkit-linear-gradient(top,  rgb(68,114,212) 0%,rgb(50,93,184) 100%);
background: linear-gradient(to bottom,  rgb(68,114,212) 0%,rgb(50,93,184) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4472d4', endColorstr='#325db8',GradientType=0 );
}
.btn-orange a{
color:#fff!important;border:1px solid #ff7d38;
background: #ff7d38;
background: -moz-linear-gradient(top,  #ff7d38 0%, #ff5c06 101%);
background: -webkit-linear-gradient(top,  #ff7d38 0%,#ff5c06 101%);
background: linear-gradient(to bottom,  #ff7d38 0%,#ff5c06 101%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d38', endColorstr='#ff5c06',GradientType=0 );
}

/*空間調整・アキ調整*/
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:50px!important;}
.mt60{margin-top:60px!important;}
.mt70{margin-top:70px!important;}
.mt80{margin-top:80px!important;}
.mt90{margin-top:90px!important;}
.mt100{margin-top:100px!important;}

.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb90{margin-bottom:90px!important;}
.mb100{margin-bottom:100px!important;}

.ml0{margin-left:0!important;}
.ml10{margin-left:10px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}
.ml40{margin-left:40px!important;}
.ml50{margin-left:50px!important;}
.ml60{margin-left:60px!important;}
.ml70{margin-left:70px!important;}
.ml80{margin-left:80px!important;}
.ml90{margin-left:90px!important;}
.ml100{margin-left:100px!important;}

.mr0{margin-right:0!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}
.mr40{margin-right:40px!important;}
.mr50{margin-right:50px!important;}
.mr60{margin-right:60px!important;}
.mr70{margin-right:70px!important;}
.mr80{margin-right:80px!important;}
.mr90{margin-right:90px!important;}
.mr100{margin-right:100px!important;}

.pdg0{padding:0!important;}
.pdg5{padding:5px;}
.pdg10{padding:10px;}
.pdg15{padding:15px;}
.pdg20{padding:20px;}
.pdg25{padding:25px;}
.pdg30{padding:30px;}
.pdg40{padding:40px;}
.pdg50{padding:50px;}

.pdgt0{padding-top:0!important;}
.pdgt10{padding-top:10px;}
.pdgt20{padding-top:20px;}
.pdgt30{padding-top:30px;}
.pdgt40{padding-top:40px;}
.pdgt50{padding-top:50px;}
.pdgt60{padding-top:60px;}
.pdgt70{padding-top:70px;}
.pdgt80{padding-top:80px;}
.pdgt90{padding-top:90px;}
.pdgt100{padding-top:100px;}

.pdgb0{padding-bottom:0!important;}
.pdgb10{padding-bottom:10px;}
.pdgb20{padding-bottom:20px;}
.pdgb30{padding-bottom:30px;}
.pdgb40{padding-bottom:40px;}
.pdgb50{padding-bottom:50px;}
.pdgb60{padding-bottom:60px;}
.pdgb70{padding-bottom:70px;}
.pdgb80{padding-bottom:80px;}
.pdgb90{padding-bottom:90px;}
.pdgb100{padding-bottom:100px;}

/* 空間調整 */
.w10{width:9%;margin:0 0.5%;}
.w20{width:19%;margin:0 0.5%;}
.w25{width:23%;margin:0 1%;}
.w30{width:31%;margin:0 1.33%;}
.w40{width:38%;margin:0 1%;}
.w50{width:48%;margin:0 1%;}
.w60{width:58%;margin:0 1%;}
.w70{width:68%;margin:0 1%;}
.w80{width:78%;margin:0 1%;}
.w90{width:88%;margin:0 1%;}
.w100{width:100%;}

.w10PC{width:9%;margin:0 0.5%;}
.w20PC,.w20PC2,.w20PC3{width:19%;margin:0 0.5%;}
.w25PC,.w25PC2,.w25PC3{width:23%;margin:0 1%;}
.w30PC,.w30PC2{width:31%;margin:0 1%;}
.w30PC-mr{margin-right:3.5%;}
.w40PC{width:38%;margin:0 1%;}
.w50PC{width:48%;margin:0 1%;}
.w60PC{width:58%;margin:0 1%;}
.w70PC{width:68%;margin:0 1%;}
.w80PC{width:78%;margin:0 1%;}
.w90PC{width:88%;margin:0 1%;}

@media screen and (max-width:499px){
.w20PC,.w25PC,.w30PC,.w40PC,.w50PC,.w60PC,.w70PC,.w80PC,.w90PC{width:100%;margin:0;}
.w25PC2,.w30PC2{width:46%;margin:0 2%;}
.w20PC3,.w25PC3{width:31%;margin:0 1%;}
.w30PC-mr{margin-right:0;}
}

/*------------------------------
ここから下がハンバーガーメニューに関するCSS
------------------------------*/
/* ハンバーガーメニューはここから */
.drawer{/*width:20%;*/}
@media screen and (max-width:499px){
.slidemenu-header{display:flex;justify-content:space-between;
background: rgb(74,74,74);
background: -moz-linear-gradient(top,  rgb(74,74,74) 0%, rgb(32,32,32) 100%);
background: -webkit-linear-gradient(top,  rgb(74,74,74) 0%,rgb(32,32,32) 100%);
background: linear-gradient(to bottom,  rgb(74,74,74) 0%,rgb(32,32,32) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#202020',GradientType=0 );
position:fixed;width:100%;top:0;z-index:90;}
.header-logo{font-size:24px;}
.drawer-item1{margin:6px 0 0 14px;}
.drawer-item2{margin:6px 0 0 22px;}

/* チェックボックスは非表示に */
.drawer-hidden{display:none;}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height:46px;
  width:46px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #006;
  transition: 0.5s;
  position: absolute;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
  width: 100%;
  height: 100%;
  border-left:1px solid #ddd;
  position: fixed;
  top: 0;
  left: 100%;/* メニューを画面の外に飛ばす */
  z-index: 99;
  background: #fff;
  transition: .2s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
left:70px;/* メニューを画面に入れる（デフォルトは「left: 0;」） */
}
ul.drawer-list1,ul.drawer-list2{display:grid;}
li.drawer-item1,li.drawer-item2{line-height:1em;margin-bottom:16px;}
li.drawer-item1 a,li.drawer-item2 a{text-decoration:none;}
.btn-glonav a{padding:4px 0;display:block;border-radius:4px;text-decoration:none;}
}
/* ハンバーガーメニューはここまで */

/* ========== */