@charset "utf-8";
/* @group reset */
*{margin:0;padding:0;font-family:sans-serif,Helvetica;box-sizing: border-box;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;}
/* end @group reset */

#content-wrapL p{text-indent:15px;line-height:2em;}
h1.company-name{font-size:24px;}
a:hover,header a:hover,footer a:hover,h1.company-name a:hover,a.td-none:hover{opacity:0.7;}
#member-login .btn01 a:hover{opacity:1;}
#main-contents a,#member-login a,footer a,.btn01 a{text-decoration:underline;}
#main-contents a:hover,#member-login a:hover,footer a:hover,.btn01 a:hover{text-decoration:none;}
header a,h1.company-name a,a.td-none{text-decoration:none;}
#main-contents h1,#main-contents h2,#main-contents h3,#main-contents h4,#main-contents h5,#main-contents h6{font-size:18px;line-height:1.5em;}
@media screen and (max-width:499px) {
#main-contents h1,#main-contents h2,#main-contents h3,#main-contents h4,#main-contents h5,#main-contents h6{font-size:18px;}
}
h1#page-title{font-size:24px;text-align:center;}
#title_no-slider h1#page-title{margin-top:0;}
@media screen and (max-width:499px) {
h1#page-title{font-size:20px;}
}
#main-contents p,#main-contents th,#main-contents td,#main-contents li,#main-contents a,footer *,.btn01 a,.btn02 a,.btn03 a,.btn04 a,.btn05 a,.btn06 a{line-height:1.75em;font-style:normal;color:#4b4b4b;}
#main-contents p,#main-contents th,#main-contents td,#main-contents li{font-size:15px;}
#main-contents p{margin-top:0.6em;}
#main-contents p a{text-decoration:underline;}
@media screen and (max-width:499px) {
#main-contents p,#main-contents th,#main-contents td,#main-contents li,#main-contents div,#main-contents a{font-size:15px;}
}

/*レイアウト用のCSS*/
/*メインコンテンツ*/

#contents,.wrap{width:100%;}
#PC-header,#main-contents,#contents,footer,.inner{width:100%;max-width:960px;margin:0 auto;}

@media screen and (min-width:500px) {
#main{padding:0 4px;}
.page-mv{width:100%;margin-bottom:10px;}
.page-mv img{max-width:100%;}

/*ヘッダー*/
header#header_wrap{width:100%;position:fixed;top:0;z-index:9999;background-color:#fff;border-bottom:2px solid #006;}
#header_wrap header ul{list-style:none;}
#PC-header,#ftllp_sitetitle{height:70px;}
#ftllp_sitetitle{width:20%;float:left;/*background:#fff;*/margin:0;}
#ftllp_sitetitle a{display:block;}
#ftllp_sitetitle p{font-size:12px;padding-top:6px;}
#ftllp_sitetitle h1{font-size:28px;font-weight:bolder;}

#glonav-pagemenu{width:75%;float:right;}
#glonav-pagemenu ul#pc-nav01,#glonav-pagemenu ul#pc-nav02{text-align:right;}
#glonav-pagemenu ul#pc-nav01 li{margin:0;}
#g-nav{padding:6px;background: #ffffff;border-top:1px solid #efefef;margin-top:2px;}

#glonav-pagemenu ul#pc-nav01 li,#glonav-pagemenu ul#pc-nav02 li{display:inline-block;}
#glonav-pagemenu ul#pc-nav01 li a{font-size:12px;padding:4px 8px;}
#glonav-pagemenu ul#pc-nav01 li a:hover{text-decoration:underline;}
#glonav-pagemenu ul#pc-nav02 li a{font-size:14px;padding:8px;font-weight:bold;}
#glonav-pagemenu ul#pc-nav02 li a:hover{border-bottom:2px solid #ff5c06;padding-bottom:8px;}

#content-wrapR{width:18%;float:right;}
#content-wrapL{width:79%;float:left;}
}


@media screen and (max-width:499px) {
#main-contents{}
}
@media screen and (min-width:500px) {
#main-contents{margin-top:66px!important;}
}

/*スライダーとメインビジュアル用*/
#title_no-slider{vertical-align:middle;display:table-cell;height:300px;width:100%;}
@media screen and (max-width:499px) {
#title_no-slider{height:100px;}
}
#title_no-slider h1{margin-left:20px;}

/*サイドバーにあるニュースのタイトルリストの編集*/
#content-wrapL #newsWrap span.up_ymd{font-size:14px;line-height:1.5;}
#content-wrapL #newsWrap span.newMark,#content-wrapR #newsWrap span.newMark{display:inline-block;padding:2px 4px;line-height:100%;background:#fe661b;color:#fff;vertical-align:text-top;}
#content-wrapL #newsWrap span.newMark{font-size:14px;}
#content-wrapR #newsWrap span.newMark{font-size:11px;}
#content-wrapL #newsWrap span.title{line-height:1.6;}

#sidebar-newslist{border:1px solid #ccc;padding:10px;}
#content-wrapR .up_ymd{font-size:12px;}
#content-wrapR .title{font-size:14px;line-height:1.5;}
#content-wrapR #postID_1 span.up_ymd{font-size:12px;}
#content-wrapR #postID_1 span.title{font-size:13px;}


/* スマートフォン専用のグローバルナビゲーション */
/* グローバルナビゲーション*/
@media screen and (min-width:500px){
header table th{background-color:#ececf0;}
/*
#header_wrap header ul li a{padding:10px 0;display:inline-block;margin:0;color:#444;font-weight:bold;}
#header_wrap header ul li a:hover{opacity:0.8;}
*/
#header_wrap header table tbody th{/*border-left:1px solid #999;*/}
#header_wrap header table tbody th a{padding:10px 10px;display:block;margin:0;font-weight:bold;font-size:16px;border-left:1px solid #b9b9b9;
background: rgb(234,234,234);
background: -moz-linear-gradient(top,  rgb(234,234,234) 0%, rgb(255,255,255) 50%, rgb(242,242,242) 51%, rgb(221,221,221) 100%);
background: -webkit-linear-gradient(top,  rgb(234,234,234) 0%,rgb(255,255,255) 50%,rgb(242,242,242) 51%,rgb(221,221,221) 100%);
background: linear-gradient(to bottom,  rgb(234,234,234) 0%,rgb(255,255,255) 50%,rgb(242,242,242) 51%,rgb(221,221,221) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dddddd',GradientType=0 );
}
}


/* ハンバーガーメニューはここから */
@media screen and (max-width:499px){
.slidemenu-header{display:flex;justify-content:space-between;
/*align-items:center;padding:0 20px;*/
position:fixed;width:100%;top:0;z-index:90;

background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );

}

@media screen and (max-width:499px){
h1#ftllp_sitetitle p.header-logo{font-size:26px;margin-left:8px;}
h1#ftllp_sitetitle span{font-size:12px;}
.header-logo{font-size:30px;}
}
.drawer-item1{padding:8px 14px;}
.drawer-item2{padding:8px 1em;}

/*------------------------------
  ここから下がハンバーガーメニュー
  に関するCSS
------------------------------*/
  
/* チェックボックスは非表示に */
.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: 115px;/* メニューを画面に入れる（デフォルトは「left: 0;」） */
}
ul.drawer-list1,ul.drawer-list2{display:grid;}
li.drawer-item1,li.drawer-item2{}
}
/* ハンバーガーメニューはここまで */

/*
#breadcrumb-list{margin-bottom:20px;}
*/
@media screen and (min-width:500px){
#breadcrumb-list{margin:2px 0 8px;}
}
#breadcrumb-list a{text-decoration:underline;}
#breadcrumb-list p,#breadcrumb-list a{font-size:10px;}
#breadcrumb-list a:hover{text-decoration:none;}

/*--------------------------------
ぱんくずリスト
---------------------------------*/
#breadcrumb,#breadcrumb ul,#breadcrumb li,#breadcrumb h1 {margin:0;padding:0;font-weight:normal;}
#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:11px!important;}
#breadcrumb ul li a:hover{text-decoration:underline;opacity:1;}


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;}

#SP-Gnav{z-index:9999;}


/* 文章のカラム */
.text-column{column-gap:60px;column-count:2;column-rule-style:dotted;column-rule-width:1px;column-rule-color:#444;margin-bottom:40px;}


.text-strong{font-weight:bold;}
.option-mark{font-size:0.8em;color:#f667bd;font-weight:100;border:solid 2px #f667bd;padding:2px;width:80px;text-align:center;line-height:1em;border-radius:6px;margin-right:6px;}
.list1 li{margin-left:1.5em;font-size:15px;color:#666;margin:12px 0;list-style-position:outside;}
.list2 li{margin-left:1.2em;list-style-type:disc;list-style:inside;list-style-position:outside;}
.list3 li{list-style-type:none;list-style:inside;display:inline;}
article section{/*margin-bottom:2em;*/}

/* リスト */
ul.list01 li{list-style:disc;list-style-position:outside;margin-left:1.5em;}
ol.list01 li{list-style-type:decimal;list-style-position:outside;margin-left:1.5em;}
.swiper-container{z-index:1;}




/* メインコンテンツ */
@media screen and (max-width:499px){
#main-contents{margin-top:40px;}
}


/*よくあるご質問（FAQ）ページの設定*/
.question,.answer{font-weight:bolder;display:initial;font-size:1.8em;vertical-align:text-top;}
.question{}
.answer{}
.area_column{padding:24px;border:solid 2px #dfdfdf;margin-top:20px;border-radius:8px;}
.area_column .btn01{margin:0;}

/*サイドメニュー*/
.page-case_side-nav a{font-size:15px;}
@media screen and (max-width:499px){
.page-case_side-nav a{font-size:13px;}
}
@media screen and (max-width:499px){
ul#sub-nav li a{line-height:2em;}
}

/*フッター*/
footer.wrap{background-color:#fff;}
footer.inner{padding:40px 4px 10px;}
footer address{font-style:normal;}
footer aside.social{}
footer p,footer a{line-height:20px;font-size:0.85em;}
footer h2{font-size:13px;}
footer ul.other-link li{display:inline;margin-right:20px;font-size:0.9em;}
#footer_01 img{padding-left:3px;padding-top:5px;}
#footer_02{/*width:690px;*/}
#footer_02 .company-name{font-size:28px;}
#footer_02 .tel-number{font-size:26px;font-family:Helvetica;font-weight:bolder;line-height:25px;}

footer #office ul li{font-size:13px;}
@media screen and (min-width:500px) {
footer #office{margin-right:60px;}
}





/*共通の指示*/

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

.title01{border:1px solid #ccc;background-color:#fff;margin-bottom:6px;padding:10px;font-size:1.125rem;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 #999;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:1.125em;}
.font02{font-size:1.25em;}
.font03{font-size:1.35em;}
.font04{font-size:1.4em;}
.font05{font-size:1.6em;}
.font06{font-size:1.75em;}

.red{color:#ff6413;}


.area01{border:1px solid #ccc;padding:20px;margin-bottom:30px;}
@media screen and (max-width:499px){
.area01{padding:10px;margin-bottom:8px;}
}
.area02{background-color:#ececf0;padding:20px;margin-bottom:30px;}
.area03{}

.alert01{border:2px solid #dc3838;padding:4px;}
.alert01 p,.alert01 a{color:#dc3838;}
.alert02{border:2px solid #006;padding:4px;}
.alert02 p,.alert02 a{color:#006;}


/*トップページ*/
.page-home_mv{width:100%;margin-bottom:0;}
img.page-home_mv{}


/*メンバーログインの部分*/
#member-login{/*background-color:#efefef;*/background-color:#ececf0;}
#member-login .area01{background-color:#fff;}


/* スマートフォン対応 */
@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%;}
}


/*メインビジュアル*/
#main-visual{background-color:#ececf0;margin-bottom:40px;}
@media screen and (max-width:499px) {
#main-visual{background-color:#ececf0;margin-bottom:20px;}
}

/*メインコンテンツ*/
#main{padding:0;}
.page-mv{margin-bottom:20px;width:100%;}

.textandnophoto{width:440px;margin-right:60px;float:left;}
#go-to-top a{font-size:14px;;margin-bottom:0;padding:12px;background-color: #ececf0;border-radius:8px 8px 0 0;}

/*トップページ*/
.page-home_mv{margin-bottom:35px;}
/*
.page-home_textandimg{float:right;width:510px;}
.page-home_textandimg-img{float:left;width:390px;}
*/
#page-home_main_infoarea{margin-top:20px;max-width:600px;width:65%;}

#page-home_blogarea{width:700px;}
#page-home_blogarea table{margin-top:10px;width:100%;border-bottom:solid 1px #d0d0d0;}
#page-home_blogarea table td{border:none;border-top:solid 1px #d0d0d0;padding:6px 0;}
#page-home_outbound-list{width:210px;float:right;margin-top:37px;}
#page-home_outbound-list img{width:210px;margin-bottom:10px;float:right;}


/*会則・規約等のページ*/
.table-legal th{vertical-align:top;}



/*全体の共通CSS*/

/** ボーダーを追加した際、ボーダーの値を計算で考えなくてよくする方法 **/
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}


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

/*両端への均等配置 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;}


/* テキストの装飾 */
.text-L,.left{text-align:left!important;}
.text-R,.right{text-align:right!important;}
.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.8em!important;}

.clear-both,.clear{clear:both;}
img.border-none{border:none!important;}

.txt-gray{color:#ebeef5!important;}

/* ボタン */
.btn01 a{font-size:15px;font-weight:bold;display:block;border-radius:4px;padding:8px 16px;margin:10px 0;border:1px solid #ddd;text-align:center;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}

.btn-membersite,.btn-ft-join{}
.btn-membersite a,.btn-ft-join a{color:#fff;font-size:13px;font-weight:bold;padding:6px 14px;display:block;border-radius:0 0 4px 4px;}
@media screen and (max-width:499px) {
.btn-membersite a,.btn-ft-join a{border-radius:6px;font-size:17px;text-align:center;padding:8px auto;margin-bottom:8px;margin-left:10px;width:240px;}
}

.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 );
}

@media screen and (max-width:499px){
.btn01 a{font-size:14px;}
}

/*空間調整・アキ調整*/
.mt0{margin-top:0!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;}
.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;}

.pdg5{padding:5px;}
.pdg10{padding:10px;}
.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%;}
.w20{width:19%;}
.w25{width:23%;}
.w30{width:31%;}
.w40{width:38%;}
.w50{width:48%;}
.w60{width:58%;}
.w70{width:68%;}
.w80{width:78%;}
.w90{width:88%;}
.w100{width:100%;}

.w10PC{width:9%;}
.w20PC{width:19%;}
.w25PC{width:23%;}
.w30PC{width:31%;}
.w30PC-mr{margin-right:3.5%;}
.w40PC{width:38%;}
.w50PC{width:48%;}
.w60PC{width:58%;}
.w70PC{width:68%;}
.w80PC{width:78%;}
.w90PC{width:88%;}

@media screen and (max-width:499px){
.w10PC{width:100%;}
.w20PC{width:100%;}
.w25PC{width:100%;}
.w30PC{width:100%;}
.w30PC-mr{margin-right:0;}
.w40PC{width:100%;}
.w50PC{width:100%;}
.w60PC{width:100%;}
.w70PC{width:100%;}
.w80PC{width:100%;}
.w90PC{width:100%;}
}