@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/





/*NODOCA CSS*/
@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 */

/* 2021.12.26更新
---------------------------------------------------------------------*/
/* 初期設定
----------------------------------------------------------------*/

*{margin:0;padding:0;}
html,body{height:100%;}
body{margin:0px;font-family:'メイリオ','Meiryo',"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
min-width:320px;word-wrap:break-word;background-color:#fff;}
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,ol li{list-style:none;margin:0;padding:0;}
option{padding-right:1em;}
address{font-style:normal;}

/*サイト編集*/
.de-specs-table .d-atr{min-width:auto;}
.de-specs-table .d-value{width:70%;}



/* ラッパー
----------------------------------------------------------------*/
@media screen and (max-width:499px) {
.PC{display:none;}
}
@media screen and (min-width:500px) {
.SP{display:none;}
}

.list01 li{margin-left:1.5em;font-size:15px;color:#666;margin:12px 0;list-style-position:outside;}
.list02 li{margin-left:1.2em;list-style-type:disc;list-style:inside;list-style-position:outside;}
.list03 li{list-style-type:none;list-style:inside;display:inline;}

/*全ページ共通のCSS*/
.clear{clear:both;}

.font01{font-size:15px!important;}
.font02{font-size:20px!important;}
.font03{font-size:24px!important;}
.font04{}
.font05{}
.font06{}

.pdg5{padding:5px;}
.pdg10{padding:10px;}

.pdgt40{padding-top:40px;}
.pdgb0{padding-bottom:0!important;}

/*空間調整・アキ調整*/
.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:28%;margin:0 1%;}
.w33{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:28%;margin:0 1%;}
.w33PC,.w33PC2{width:29%;margin:0 2%;}
.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,.w33PC2{width:46%;margin:0 2%;}
.w20PC3,.w25PC3,.w33PC3{width:29%;margin:0 2%;}
.w30PC-mr{margin-right:0;}
}

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

.three-column{width:100%;overflow:hidden;margin:0;padding:0;}
.three-column .w30 .title03{margin-top:30px;padding:0.75em 1em;}


/*両端への均等配置 参考：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基礎編P154*/
.flex-wrap{display:flex;flex-wrap:wrap;}
.flex-wrap ul li{margin-right:40px;}

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



/* 枠組み（エリア）の装飾 */
.area01{border:2px solid #999;border-radius:8px;padding:13px 18px;margin:20px auto;}

.border4px,footer{border-top:4px solid #003765;}


/*文字サイズ、装飾
----------------------------------------------------------------*/
.text-R,.right{text-align:right;}
.center,.text-C{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;}
ul.kome li:before{content:'â€» ';margin-left:-14px;}
a.underline{text-decoration:underline!important;}
a.underline:hover{text-decoration:none!important;}
.mini{font-size:78%!important;/*line-height:0.9em;*/text-indent:0;}
.ti0{text-indent:0!important;}

main p{/*text-indent:1em;*/}

table{border-spacing:0;border-collapse:inherit;}

.title01{font-size:40px;margin:60px 0 20px;font-weight:500;line-height:1.5em;margin-top:30px;margin-bottom:5px;}
.title02{font-size:30px;line-height:1.4em;margin-bottom:10px;}
.title03{}
.title04{}
.title05{}

.area01 .title01,.area01 .title02,.area01 .title03,.area01 .title04,.area01 .title05{margin-top:0;}

@media screen and (max-width:499px) {
.title01{font-size:30px;}
.title02{font-size:24px;}
.title03{}
.title04{}
.title05{}
}

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


.btn01{text-align:center;}
.btn01 a{color:#fff!important;font-size:15px;font-weight:bold;display:block;/*border-radius:4px;*/display:inline-block;text-decoration:none;padding:8px 14px;margin:10px auto;background:#333;border:2px solid #333;}
.btn01 a:hover{color:#333!important;text-decoration:none;background:#fff;border:2px solid #333;}
@media screen and (max-width:499px){
.btn01 a{font-size:14px;text-align:center;}
}
header .btn01 a{color:#333!important;font-size:15px;font-weight:bold;display:block;border-radius:4px;display:inline-block;text-decoration:none;padding:8px 14px;margin:10px auto;background:#fff;}
header .btn01 a:hover{opacity:0.8;}

.btn02{text-align:center;}
.btn02 a{color:#333;text-decoration:none;border-radius:4px;max-width:400px;padding:16px;margin:10px auto;display:block;border:2px solid #333;background:#fff;}
.btn02 a:hover{color:#fff;opacity:0.7;background:#333;}
.btn03{display:inline-block;padding:10px;border-radius:6px;width:80%;box-sizing:border-box;background-color:#39c;color:#fff!important;font-weight:bold;margin-top:10px;text-align:center;text-decoration:none;}
.btn03:hover{background-color:#f60;}
.btn04{width:100%;text-align:center;margin-top:20px;margin:10px auto 0;}
.btn04 a{text-decoration:none;color:#fff;display:block;padding:10px 5px;border:solid 1px #0075D0;border-radius:4px;font-size:18px;background: rgb(52,165,241);}

.btn-form{text-align:center;}
.btn-form a{color:#fff!important;font-size:15px;font-weight:bold;display:block;/*border-radius:4px;*/display:inline-block;text-decoration:none;padding:8px 14px;margin:10px auto;background:#8C2E4F;border:2px solid #8C2E4F;}
.btn-form a:hover{color:#fff!important;text-decoration:none;opacity:0.8;}
@media screen and (max-width:499px){
.btn-form a{font-size:14px;text-align:center;}
}


.center,text-C{text-align:center;text-indent:0;}


/* リスト */
ul.list01 li{list-style:disc!important;}
ol li{list-style-type:auto!important;}
.list01 li{list-style-position:outside;margin-left:1.5em;}
.list02 li{list-style-position:outside;margin-left:1.5em;display:inline-flex;}
