/*　この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.invoice-menu {margin:20px 0 20px 0; padding:0;}
ul.invoice-menu li {height:50px; list-style:none; background:#333; border-bottom: 1px solid #fff;}
ul.invoice-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.invoice-menu a.invoice-menuon {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:50px; display:block; background:#ff6b3d; text-decoration:none; padding-left:10px;}
ul.invoice-menu a:hover {background:#ff6b3d;}
ul.invoice-menu a.invoice-lp {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#000; line-height:50px; display:block; background:#ffe634; text-decoration:none; padding-left:10px;}
ul.invoice-menu a.invoice-lp:hover {background:#ffa234;}
	

/*　メニュー5　*/
ul.invoice-menu5 {margin:20px 0 20px 0; padding:0;}
ul.invoice-menu5 li {height:50px; list-style:none; background:#333; border-bottom: 1px solid #fff;}
ul.invoice-menu5 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.invoice-menu5 a.invoice-menuon {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:50px; display:block; background:#ff6b3d; text-decoration:none; padding-left:10px;}
ul.invoice-menu5 a:hover {background:#ff6b3d;}
ul.invoice-menu5 a.invoice-lp {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#000; line-height:50px; display:block; background:#ffe634; text-decoration:none; padding-left:10px;}
ul.invoice-menu5 a.invoice-lp:hover {background:#ffa234;}
	
	
/*　テキスト・見出しなど　*/
p {font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}
	
h2.invoice-h2 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#ff6600;}
h2.invoice-h2green {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#8dc21f;}
h2.invoice-h2blue {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#0099cc;}
h3.invoice-h3 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.6rem; line-height:1.5; margin-bottom:10px;}
h4.invoice-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.invoice-h5 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; line-height:1.5; margin-bottom:10px;}
h6.invoice-h6 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.4rem; line-height:1.5; margin-bottom:10px;}
h6.invoice-h6 span {color:#ff6600;}

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

/*　コンテンツ　*/
.invoice-box30 {margin:30px 0}
.invoice-box20 {margin:20px 0}
.invoice-box10 {margin:10px 0}
.invoice-box2l {margin:30px 0;}
.invoice-box2r {}
.invoice-box3l {margin:30px 0; text-align:center;}
.invoice-box3r {text-align:center;}
.invoice-fig20 {margin:20px 0 5px 0}
	
	
/*　対応テーブル　*/
.invoice-table {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.3rem; line-height:1.2;}
.invoice-table th {background:#e2e2e2; border:1px #ccc solid; padding:5px 10px; line-height:1.2; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; height:30px;}
.invoice-table td {border:1px #ccc solid; padding:5px 10px; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; width:33%; height:40px;}
.invoice-table td.invoice-table-name {background:#f5f2e9; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.invoice-table td.invoice-table-yellow {background:#ffffcc; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.invoice-table td.invoice-table-active {color:#ff6600; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.invoice-table td.invoice-table-faq {text-align:center; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
.invoice-table th.invoice-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;}
.invoice-table td.invoice-table-check {background:#ffffcc; font-size:1.6rem; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; padding:0;}

	
/*　サポート動画　*/
.invoice-movie {margin:30px 0 0 0; padding-top:30px; border-top:1px dashed #ccc;}
h4.invoice-movieh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; margin:10px 0 5px 0;}
h1.invoice-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テーブル　*/
.invoice-faq {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.5rem; line-height:1.2;}
.invoice-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;}
.invoice-faq td {border:1px #ccc solid; padding:5px 10px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; height:40px;}
	
	
/*　リスト　*/
ul.invoice-list1 {margin-top: 20px;}
ul.invoice-list1 li {font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem; list-style:disc; list-style-position:inside;}


/* チェックボックス */
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の綴じ括弧。削除しないでください　*/