/*　このCSSはスマートフォン向けです　*/

@charset "Shift_JIS";
/*　コンテンツごとに個別のスタイルを作成する際はこのシートに追記します　*/

/*　スマートフォン用CSS　*/
@media screen and (max-width: 480px) {
img {max-width: 100%; height: auto; width /***/:auto;}
 /*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/
	
/*　フォントサイズ指定　*/
html {font-size:62.5%; line-height:1.5; scroll-behavior:smooth;}
.clearfix::after {content: ""; clear: both; display: block;}

/*　ページトップ指定　*/
.pagetop {display:none;}
	
/*　PC用／スマホ用画像切り替え　*/
#contentbox {margin:0 10px;}

.titlepc {display:none;}
.titlesp {margin-top:10px;}
	
.figpc {display:none;}
.figsp {margin:0;}
	
	
/*　リンク画像　*/
a img {border:solid 1px;}
a:hover img {border:solid 1px #00a4d0;}
	
	
/*　メニュー　*/
ul.nencho-menu {margin:20px 0 20px 0; padding:0;}
ul.nencho-menu li {height:50px; list-style:none; background:#666; border-bottom: 1px solid #fff;}
ul.nencho-menu a {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:50px; display:block; text-decoration:none; padding-left:10px;}
ul.nencho-menu a.nencho-menuon {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:50px; display:block; background:#339900; text-decoration:none; padding-left:10px;}
ul.nencho-menu a:hover {background:#99cc33;}
	
	
/*　リンクボタン　*/
.nencho-linkbtn1 {text-align:center; margin:50px auto; width:80%;}
.nencho-linkbtn1 a {display:block; background:#339900; padding:8px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; text-decoration:none;}
.nencho-linkbtn1 a:hover {background:#99cc33; color:#fff; transition-duration:0.3s;}


	
/*　テキスト・見出しなど　*/
p {font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}
	
h2.nencho-h2 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#339900;}
h2.nencho-h2green {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#8dc21f;}
h2.nencho-h2blue {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#0099cc;}
h3.nencho-h3 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.6rem; line-height:1.5; margin-bottom:10px;}
h4.nencho-h4 {font-family: "FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; background:#ff6600; color:#fff; line-height:1.2; margin-bottom:10px; padding:5px;}
h5.nencho-h5 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; line-height:1.5; margin-bottom:10px;}
h6.nencho-h6 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.4rem; line-height:1.5; margin-bottom:10px;}
h6.nencho-h6 span {color:#ff6600;}
	
h4.nencho-changeh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.6rem; color:#339900; background:#f6ffdc; border:solid 1px #339900; margin:20px 0 10px 0; padding:5px;}
h5.nencho-pointh5 {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; color: #ff6600; margin:10px 0 5px 0;}
h5.nencho-changeh5 {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.85rem; margin:10px 0 5px 0;}
h6.nencho-changeh6 {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.4rem;}

	
/*　更新情報　*/
.nencho-topics {margin:20px 0}
.nencho-topics-detail {border-bottom:#CCC dashed 1px; padding-bottom:1px; margin:5px 0;}
.nencho-topics-detail dl {display:block; overflow:hidden;}
.nencho-topics-detail dt {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.5rem;}
.nencho-topics-detail dd {display:block; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}
	
	
/*　目次　*/
.nencho-index {margin:20px 0}
.nencho-index-detail {border-bottom:#CCC dashed 1px; padding-bottom:3px; margin:5px 0 0 20px;}
.nencho-index-detail dl {display:block; overflow:hidden;}
.nencho-index-detail dt {}
.nencho-index-detail dd {display:block; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}	
	

/*　コンテンツ　*/
.nencho-box30 {margin:30px 0}
.nencho-box20 {margin:20px 0}
.nencho-box10 {margin:10px 0}
.nencho-box2l {margin:30px 0;}
.nencho-box2r {}
.nencho-box3l {margin:30px 0; text-align:center;}
.nencho-box3r {text-align:center;}
.nencho-fig20 {margin:20px 0 5px 0}

/*　カスタムリスト1 */
.custom-list { counter-reset: list-counter; list-style: none; padding-left: 0; }
.custom-list li { counter-increment: list-counter; display: flex; align-items: flex-start; }
.custom-list li::before { content: "*" counter(list-counter) " "; flex-shrink: 0; margin-right: 5px; }
	
	
/*　対応テーブル　*/
.nencho-table {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.3rem; line-height:1.2;}
.nencho-table th {background:#e2e2e2; border:1px #ccc solid; padding:5px 10px; line-height:1.2; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; height:30px;}
.nencho-table td {border:1px #ccc solid; padding:5px 10px; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; width:33%; height:40px;}
.nencho-table td.nencho-table-name {background:#f5f2e9; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.nencho-table td.nencho-table-yellow {background:#ffffcc; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.nencho-table td.nencho-table-active {color:#ff6600; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.nencho-table td.nencho-table-faq {text-align:center; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.nencho-table th.nencho-table-checktitle {background:#f5f2e9; font-weight:normal; font-size:1.2rem; border:1px #ccc solid; padding:5px 10px; line-height:1.2; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; height:20px;}
.nencho-table td.nencho-table-check {background:#ffffcc; font-size:1.6rem; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; padding:0;}


/*ポイント*/
.panel-point { width: 100%; margin:0 auto; }
.panel-point__content {border:2px solid #ff6600; border-radius:8px; position:relative; overflow:hidden;}
.panel-point__head { display:flex; align-items:center; height:54px; background:#fff;}
.panel-point__icon { background:#ff6600; width: 65px; text-align:center; font-family: "FOT-UD角ゴ_ラージ Pr6N B"; color:#fff; font-size:var(--text_15); line-height:1; padding:6px 8px; border-radius:6px; margin-right:4px;}
.panel-point__title.point_1 { font-family: "FOT-UD角ゴ_ラージ Pr6N B"; color:#ff6600; font-size:var(--text_25); width: 300px;}
.panel-point__title.point_2 { font-family: "FOT-UD角ゴ_ラージ Pr6N B"; color:#666666; font-size:var(--text_21); width: 300px;}
.panel-point__body{padding:14px 18px 14px 18px;}
.row { display:flex; flex-direction: column; align-items:flex-start; gap:20px; padding:6px 0;}
.row__month{ width:110px; color:#ff6600; font-family: "FOT-UD角ゴ_ラージ Pr6N B"; font-size:var(--text_20); line-height: 1; }
.row__content{ flex:1;}
.item{ position:relative; padding-left:25px; }
.mt_8{ margin-top:8px; }
.icon-check_orange{ position:absolute; left:-7px; top:-10px; width:30px; height:30px; background-image: url(../images/icon_point_check_orange.svg);}
.item__title{ font-family: "FOT-UD角ゴ_ラージ Pr6N DB"; font-size:var(--text_18); line-height:1.3; margin-bottom:2px;}
.item__note{ font-size:var(--text_15);}
.item__list{ margin:4px 0 0 0; padding-left:1.2em;}
.item__list li{ font-size:var(--text_15); line-height:1.6;}
.item__list li .attention { display: inline-block; color: #fc0000; border:1pt solid #fc0000; border-radius:999px;　line-height:0.8; padding: 2px 10px 1px 10px; margin-left: 10px;}
.item__list li .attention:hover{ opacity: 0.7;}
.item__list li a {text-decoration: none;}
.sep{ height:1px; margin:10px 0; background: repeating-linear-gradient( to right, #d9d9d9 0 8px, transparent 8px 16px );}
.panel-point__foot{ display:flex;  align-items:center; gap:8px; height:60px; padding:0 14px; font-family: "FOT-UD角ゴ_ラージ Pr6N DB"; font-size:var(--text_16); color:#ff6600; background: #fff7ea; border-top:1px solid #f7b85a;}
.icon-warning{ width:30px; height:30px; display:inline-block; position:relative; background-image: url(../images/icon_attention.svg); background-repeat: no-repeat; background-size: contain;}

	
/*　サポート動画　*/
.nencho-movie {margin:30px 0 0 0; padding-top:30px; border-top:1px dashed #ccc;}
h4.nencho-movieh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; margin:10px 0 5px 0;}
h1.nencho-movieh1 {font-family:"メイリオ",Meiryo; font-size:1.6rem; color:#333333; border-bottom:solid 5px #ff6600; margin:20px; padding-bottom:5px;}


/*　Youtube動画　*/
.yt-moviesp {text-align:center; margin:20px auto; position: relative; height:0; padding:30px 0 56.25% 0; overflow: hidden;}
.yt-moviesp iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.yt-movie {display:none;}
	
	
/*　FAQテーブル　*/
.nencho-faq {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.5rem; line-height:1.2;}
.nencho-faq th {background:#f5f2e9; border:1px #ccc solid; padding:5px 10px; line-height:1.2; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; height:40px; width:20%; font-weight:normal; font-size:1.3rem;}
.nencho-faq td {border:1px #ccc solid; padding:5px 10px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; height:40px;}
	
	
/*　リスト　*/
ul.nencho-list1 {margin-top: 20px;}
ul.nencho-list1 li {font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem; list-style:disc; list-style-position:inside;}
	
/*　参考資料　*/
ul.referencelist {list-style:none; line-height:1.6;}
ul.referencelist li {font-family:"FOT-UD角ゴ_ラージ Pr6N DB"; font-size:1.5rem;}
ul.referencelist li .new {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.5rem; color:#F60; padding-left:10px;}



/* チェックボックス */
input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding: 20px 40px;
    position: relative;
    width: auto;
}
.checkbox01:hover{
background:#ffdc74;
}
.checkbox01::before {
    background: #ff6600;
	border-radius:3px;
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    left: 10px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.checkbox01::after {
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
	content: '';
    display: block;
    height: 15px;
    left: 17px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}



}/*　@mediaの綴じ括弧。削除しないでください　*/