/*　この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;}

/*　フォントサイズ指定　*/
html {font-size:62.5%; line-height:1.7; scroll-behavior:smooth;}
.text_10 {font-size:1rem;}
.text_11 {font-size:1.1rem;}
.text_12 {font-size:1.2rem;}
.text_13 {font-size:1.3rem;}
.text_14 {font-size:1.4rem;}
.text_15 {font-size:1.5rem;}
.text_16 {font-size:1.6rem;}
.text_17 {font-size:1.7rem;}
.text_18 {font-size:1.8rem;}
.text_19 {font-size:1.9rem;}
.text_20 {font-size:2.0rem;}
.text_21 {font-size:2.1rem;}
.text_22 {font-size:2.2rem;}
.text_23 {font-size:2.3rem;}
.text_24 {font-size:2.4rem;}
.text_25 {font-size:2.5rem;}
.text_26 {font-size:2.6rem;}
:root{ --text_10: 1rem; --text_11: 1.1rem; --text_12: 1.2rem; --text_13: 1.3rem; --text_14: 1.4rem; --text_15: 1.5rem; --text_16: 1.6rem; --text_17: 1.7rem; --text_18: 1.8rem; --text_19: 1.9rem; --text_20: 2.0rem; --text_21: 2.1rem; --text_22: 2.2rem; --text_23: 2.3rem; --text_24: 2.4rem; --text_25: 2.5rem; --text_26: 2.6rem;}

/*　ページトップ指定　*/
.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.koueki-menu {margin:20px 0 20px 0; padding:0;}
ul.koueki-menu li {height:50px; list-style:none; background:#666; border-bottom: 1px solid #fff;}
ul.koueki-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.koueki-menu a.koueki-menuon {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:50px; display:block; background:#5078ce; text-decoration:none; padding-left:10px;}
ul.koueki-menu a:hover {background:#80a1e9;}
	
	
/*　リンクボタン　*/
.kessan-linkbtn1 {text-align:center; margin:50px auto; width:80%;}
.kessan-linkbtn1 a {display:block; background:#5078ce; padding:8px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; text-decoration:none;}
.kessan-linkbtn1 a:hover {background:#80a1e9; color:#fff; transition-duration:0.3s;}


	
/*　テキスト・見出しなど　*/
p {font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}
	
h2.kessan-h2 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.2rem; line-height:1.5; margin-bottom:10px; color:#5078ce;}
h3.kessan-h3 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.6rem; line-height:1.5; margin-bottom:10px;}
h4.kessan-pointh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; color: #ff6600; margin:10px 0 5px 0;}
h4.koueki-question {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; background:#fff; border-bottom:solid 1px #5078ce; padding:20px 0 10px 0;}
h4.koueki-answer {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.5rem; color:#ff6600; background:#fff; margin:10px 0 10px 0;}
	
	
/*　更新情報　*/
.kessan-topics {margin:20px 0}
.kessan-topics-detail {border-bottom:#CCC dashed 1px; padding-bottom:1px; margin:5px 0;}
.kessan-topics-detail dl {display:block; overflow:hidden;}
.kessan-topics-detail dt {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.5rem;}
.kessan-topics-detail dd {display:block; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}
	
	
/*　目次　*/
.kessan-index {margin:20px 0}
.kessan-index-detail {border-bottom:#CCC dashed 1px; padding-bottom:3px; margin:5px 0 0 20px;}
.kessan-index-detail dl {display:block; overflow:hidden;}
.kessan-index-detail dt {}
.kessan-index-detail dd {display:block; font-family:"FOT-UD角ゴ_ラージ Pr6N M"; font-size:1.5rem;}	
	

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

	
/*　サポート動画　*/
.kessan-movie {margin:30px 0 0 0; padding-top:30px; border-top:1px dashed #ccc;}
h4.kessan-movieh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; margin:10px 0 5px 0;}
h1.kessan-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;}


/*注意事項*/
.nencho-caution { display: flex; gap: 20px; align-items: center; border: solid 2px #ff6600; padding: 10px; background:#fff7ea; margin: 10px 0;}
.nencho-caution .summary p span { color: red;}
.nencho-caution .icons { width: 50px}
.dot-line { width: 100%; margin: 30px 0 30px 0; border-bottom: dotted 1px #ccc;}
	

/*ポイント*/
.panel-point { width:100%; margin:0 auto; }
.panel-point { line-height:1.7;}
.panel-point__content {border:2px solid #5078ce; border-radius:8px; position:relative; overflow:hidden;}
.panel-point__head { display:flex; align-items:center; height:54px; background:#fff;}
.panel-point__icon { background:#ff6600; 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"; font-size:var(--text_25);}
.panel-point__title.point_2 { font-family: "FOT-UD角ゴ_ラージ Pr6N B"; color:#666666; font-size:var(--text_18);}
.panel-point__body{padding:14px 18px 14px 18px;}
.row { display:flex; align-items:flex-start; gap:20px; padding:6px 0;}
.row__month{ width:20px; color:#5078ce; font-family: "FOT-UD角ゴ_ラージ Pr6N B"; font-size:var(--text_14); line-height: 1; }
.row__content{ flex:1;}
.item{ position:relative; padding-left:28px; }
.mt_8{ margin-top:8px; }
.icon-check_orange{ position:absolute; left:-7px; top:-7px; width:35px; height:35px; background-image: url(../images/icon_point_check_orange.svg);}
.item__title{ font-family: "FOT-UD角ゴ_ラージ Pr6N DB"; font-size:var(--text_18); color:#5078ce; line-height:1.3; margin-bottom:10px;}
.item__note{ font-size:var(--text_14);}
.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 { 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 #5078ce;}
.icon-warning{ width:30px; height:30px; display:inline-block; position:relative; background-image: url(../images/icon_attention.svg)}

	
	
/*　FAQテーブル　*/
.kessan-faq {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.5rem; line-height:1.2;}
.kessan-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;}
.kessan-faq td {border:1px #ccc solid; padding:5px 10px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; height:40px;}
.kessan-faq-new {padding-right:10px; color:#ff6600;}
	

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