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


/*　PC／タブレット用CSS　*/
@media print, screen and (min-width: 480px) {
/*　以下にスタイルを記述。最終行に「}」を入れていることに注意　*/


/*　フォントサイズ指定　*/
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;}

/*　clearfix　*/
.clearfix::after {content: ""; display:block; clear:both;}
	
	
/*　PC用／スマホ用画像切り替え　*/
#contentbox {}
	
.titlepc {}
.titlesp {display:none;}
	
.figpc {}
.figsp {display:none;}
	

/*　リンク画像　*/
a img {border:solid 1px;}
a:hover img {border:solid 1px #00a4d0;}
	
	
/*　メニュー　*/
ul.koueki-menu {width:960px; height:40px; margin-bottom:30px; padding-top:20px;}
ul.koueki-menu li.koueki-menu-content {width: 185px; margin-right: 7px; list-style:none; display:inline; float:left; position:relative; text-align:center; background:#ebf0ff; border-radius: 20px; box-shadow: inset 0 0 0 2px #5078ce;}
ul.koueki-menu a {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#5078ce; line-height:40px; display:block; text-decoration:none;}
ul.koueki-menu a.koueki-menuon {font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.6rem; color:#fff; line-height:40px; display:block; background:#5078ce; text-decoration:none; border-radius: 20px; box-shadow: inset 0 0 0 2px #5078ce;}
ul.koueki-menu li:hover {opacity: 0.8; box-shadow: inset 0 0 0 2px #5078ce, 0 4px 8px rgba(0, 0, 0, 0.2); transform: translateY(-3px); transition: box-shadow 0.3s, transform 0.3s;}
	
	
/*　リンクボタン　*/
.kessan-linkbtn1 {text-align:center; margin:50px auto; width: 500px;}
.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:3.0rem; line-height:1.5; margin-bottom:10px; color:#5078ce;}
h3.kessan-h3 {font-family: "FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.0rem; line-height:1.5; margin-bottom:10px;}
h4.kessan-pointh4 {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:1.6rem; color: #ff6600; margin:10px 0 5px 0;}
h4.koueki-question {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.4rem; background:#fff; border-bottom:solid 1px #5078ce; padding:20px 0 10px 0;}
h4.koueki-answer {font-family:"FOT-UD角ゴ_ラージ Pr6N E"; font-size:2.4rem; 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 {float:left; width:100px; font-family:"FOT-UD角ゴ_ラージ Pr6N B"; font-size:1.5rem;}
.kessan-topics-detail dd {display:block; padding-left:110px; 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 {float:left; width:465px; padding-right:30px;}
.kessan-box2r {float:left; width:465px;}
.kessan-box3l {float:left; width:300px; padding-right:30px;}
.kessan-box3r {float:left; width:300px;}
.kessan-fig20 {margin:20px 0 5px 0}
.kessan-fig10 {margin-top:10px}

/*注意事項*/
.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;}
	
	
/*　対応テーブル　*/
.kessan-table {width:100%; border-collapse:collapse; border:1px #ccc solid; font-size:1.5rem; 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"; 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-faq {width:160px; 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-table-active {color:#ff6600; font-family:"FOT-UD角ゴ_ラージ Pr6N B";}
	
	
/*　サポート動画　*/
.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:2rem; color:#333333; border-bottom:solid 5px #ff6600; margin:20px; padding-bottom:5px;}
	
/*　Youtube動画　*/
.yt-movie {width:960px; margin:0 auto; text-align:center;}
.yt-moviesp {display:none;}	
	

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

/*ポイント*/
.panel-point { width:960px; 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_21);}
.panel-point__body{padding:14px 18px 14px 18px;}
.row { display:flex; align-items:flex-start; gap:20px; padding:6px 0;}
.row__month{ width:70px; color:#5078ce; font-family: "FOT-UD角ゴ_ラージ Pr6N B"; font-size:var(--text_20); 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_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 { 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アコーディオン*/
details { border: 1px solid #eee; margin-bottom: 5px;}
details:last-child { border-bottom: none;}
summary { padding: 5px 10px; background-color: #f5f2e9; border:1px #ccc solid; cursor: pointer; font-weight: 600; font-size:1.1rem; transition: background-color 0.3s ease; list-style: none; position: relative;}
summary::-webkit-details-marker { display: none; }
summary::after { content: '+'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; transition: opacity 0.2s ease; opacity: 1; width: 24px; text-align: center;}
summary::before { content: '-'; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 300; transition: opacity 0.2s ease; opacity: 0; width: 24px; text-align: center;}
details[open] summary::after { opacity: 0;}
details[open] summary::before { opacity: 1;}
details[open] summary {opacity: 0.8;}
.accordion-content { background-color: #fff; line-height: 1.6; color: #666; animation: slideDown 0.3s ease; }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); }}
	
	
}/*　@mediaの綴じ括弧。削除しないでください　*/