@charset "UTF-8";
/*
Theme Name: パソコン市民講座
*/
/* ----------------------------- リセット */
/*html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,var,b,i,
dl dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
img{vertical-align:top;font-size:0;line-height:0;}
sup{font-size:8px;}
em{font-style:normal;}*/
div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

#entrybody p.mv_frame { aspect-ratio: 16/9; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: 100%; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination { clear: both; padding: 20px 0; position: relative; font-size: 14px; line-height: 14px; text-align: left; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 10px 14px; margin: 0 8px 8px 0; background: #fff; border: 1px solid #ccc; color: #333; text-decoration: none !important; cursor: pointer; }
.pagination span.current, .pagination a.current { background: #000; border-color: #000; color: #fff !important; }
.pagination a:link, .pagination a:visited { color: #333; }
.pagination a:hover { background: #000; border-color: #000; color: #fff; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination a.next, .pagination a.prev { background: transparent; border-color: transparent; padding-right: 8px; padding-left: 8px; }
.pagination a.next:hover, .pagination a.prev:hover { color: #333; }

/* ----------------------------- 全体 */
body { font-size: 16px; line-height: 1.8em; color: #333; font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #f6f5ef; position: relative; min-width: 1200px; }

a:link, a:visited { color: #222d82; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { background: #fff; }

.l-header1 { padding: 6px 0 14px; }
.l-header1__txt1 { margin-bottom: 12px; }
.l-header1__txt1 h1, .l-header1__txt1 p { font-size: 80%!important; font-weight: bold; line-height: 160%; }
.l-header1__block1 { float: left; width: 170px; }
.l-header1__block2 { float: right; width: 810px; text-align: right; position: relative; margin-top: -10px; }
.l-header1__block2 li { display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; margin-left: 5px; }
.l-header1__block2 li.btn { border-radius: 8px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.l-header1__block2 li.about { margin-left: 10px; }
.l-header1__block2 li.contact { margin-left: 0; }
.l-header1__block2 li.free { width: 360px; margin-left: 10px; border-radius: 12px; }

/*=======================================
グローバルメニュー
=========================================*/
.l-nav { background: #144288; text-align: center; border-bottom: 4px solid #6191cc; }
.l-nav li { float: left; width: 165.8px; font-size: 106.2% !important; }
.l-nav li a, .l-nav li p { display: block; text-align: center; font-weight: bold; text-decoration: none; border-left: 1px solid #6191cc; color: #fff; padding: 14px 0; position: relative; }
.l-nav li a:hover { background: #10356d; }
.l-nav li:last-child a, .l-nav li:last-child p { border-right: 1px solid #6191cc; }
.l-nav li.li1 { width: 170px; line-height: 1.0; }
.l-nav li.active a { background: #10356d; }
.l-nav li.active a:after { display: block; content: ""; position: absolute; bottom: -4px; left: 50%; margin-left: -10px; background: url(../img/common/nav1_bg1.png) no-repeat center; width: 20px; height: 4px; }

.accordion li ul {width: 100%;	display: none;	position: absolute;	z-index: 100;}
.accordion li ul li {float: none; background: #144288;}
.accordion li ul li a {padding: 0; font-weight: normal; font-size: 13.5px !important; border-right: 1px solid #6191cc; border-bottom: 1px solid #6191cc;}
.accordion li.active ul li a {padding: 0; font-weight: normal; border-right: 1px solid #6191cc; border-bottom: 1px solid #6191cc; background: #144288;}
.accordion li.active ul li a:hover {background: #10356d;}
.accordion li.active ul li a:after {background: none;}
.accordion li ul li ul {position: absolute;	left:165px;}
/*.accordion li ul li ul.tohoku {top:0;}*/
.accordion li ul li ul.kanto {top:0;}
.accordion li ul li ul.chubu {top:30px;}
.accordion li ul li ul.kansai {top:60px;}
.accordion li ul li ul.seibu {top:89px;}
.accordion li ul li ul.office {top:0;}
.accordion li ul li ul.qualification {top:30px;}
.accordion li ul li ul.first {top:60px;}
.accordion li ul li ul.works {top:89px;}
.accordion li ul li ul.hobby {top:118px;}
.accordion li ul li ul.aviva {top:266px;}
.accordion li ul li ul li {background: #6191cc; width: 100px;}
.accordion li ul li ul li a {border-bottom: 1px solid #144288;}
.accordion li.active ul li ul li a {background: #6191cc; border-bottom: 1px solid #144288;}
.accordion li ul.area li ul li { width: 120px; }
.accordion li ul.course li ul li { width: 220px; }
.accordion li ul li ul.aviva li { width: 160px; background: #144288; color: #fff; font-size: 75% !important; border-bottom: 1px solid #6191cc; }
.accordion li ul li ul.aviva li a {background: #6191cc;}
.accordion li ul li ul.aviva li ul { position: absolute; left: 160px; }
.accordion li ul li ul.aviva li ul.creative { top: 30px; }
.accordion li ul li ul.aviva li ul.cad { top: 60px; }
.accordion li ul li ul.aviva li ul.googleworkspace {top:89px;}
.accordion li ul li ul.aviva li ul.microsoft365 {top:118px;}
.accordion li ul li ul.aviva li ul li { background: #6191cc; width: 190px;}

/*=======================================
パンくず
=========================================*/
.l-breadcrumb { background: #e8e6d7; text-align: left; padding: 6px; font-size: 81.2% !important; }
.l-breadcrumb li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../img/common/breadcrumb_icon1.png) no-repeat left center; padding-left: 12px; margin-left: 9px; }
.l-breadcrumb li:first-child { background: none; padding-left: 0; margin-left: 0; }

/*=======================================
ページタイトル
=========================================*/
.l-pagetitle { background: #fff url(../img/common/pagetitle_img1.jpg) no-repeat center; background-size: contain; padding: 55px 0; }
.l-pagetitle h1, .l-pagetitle h2 { font-size: 212.5% !important; font-weight: bold; text-align: left; color: #114388; }

/*=======================================
スタイル上書き
=========================================*/
#contents { width: 1000px; background: transparent !important; border: 0 !important; }
#contents.certify {width: 100%;padding: 0;}
#contents.certify #kasou {padding: 0;}

/*=======================================
フッター
=========================================*/
.l-footer1 { margin-top: 70px; }
.l-footer1__block1 { margin-bottom: 18px; }
.l-footer1__block2 { background: #e2e0ce; }
.l-footer1__block2 .c-wrap { position: relative; padding: 25px 0; }
.l-footer1__block2 ul { position: relative; z-index: 5; }
.l-footer1__block2 li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 13px; border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); background: #e2e0ce; }
.l-footer1__block2 li.free { margin-right: 29px; border-radius: 18px; }
.l-footer1__block2 .img1 { position: absolute; right: -60px; bottom: 0; z-index: 1; }

.l-footer2 { background: #427abe; color: #fff; padding: 30px 0 15px; }
.l-footer2 a { color: #fff; text-decoration: none; }
.l-footer2 .footer_txt { width: 1000px; margin-left: auto; margin-right: auto; font-size: 93.7% !important; margin-bottom: 30px; line-height: 120%; }
.l-footer2 .footer_txt2 { width: 1000px; margin-left: auto; margin-right: auto; padding: 0 10px 30px 15px; font-size: 87.7% !important; line-height: 120%; }
.l-footer2 .footer_txt2 ul { list-style-type: disc; }
.l-footer2 .footer_txt2 ul li { padding-bottom: 7px; }
.l-footer2__block1 { margin-bottom: 50px; }
.l-footer2__block1 > ul { float: left; width: 25%; }
.l-footer2__block1 > ul.home { width: 100%; }
.l-footer2__block1 > ul.first { clear: both; }
.l-footer2__block1 > ul > li { margin-bottom: 10px; }
.l-footer2__block1 > ul ul { padding-left: 10px; }
.l-footer2__block1 > ul ul li { margin-top: 7px; font-size: 93.7% !important; line-height: 160%; }
.l-footer2__block2 { height: 50px; }
.l-footer2__block2 ul { float: left; margin-top: 10px; }
.l-footer2__block2 li { display: inline; margin-right: 25px; font-size: 93.7% !important; }
.l-footer2__block2 ul.sns { float: right; margin: 0; }
.l-footer2__block2 ul.sns li { display: inline; margin-right: 30px; }
.l-footer2__block2 ul.sns li:last-child { margin-right: 0; }

.l-footer3 { padding: 25px 0 40px; background: #6191cc; }
.l-footer3 a { color: #fff; text-decoration: none; }
.l-footer3__block1 { text-align: center; margin-bottom: 30px; }
.l-footer3__block1 li { display: inline-block; *display: inline; *zoom: 1; margin: 0 11px; }
.l-footer3__block1 li:first-child { margin-left: 0; }
.l-footer3__block1 li:last-child { margin-right: 0; }
.l-footer3__block2 p { font-size: 87.5% !important; font-weight: normal; margin-bottom: 8px; line-height: 150%; color: #fff; }
.l-footer3__block2 li { display: inline-block; *display: inline; *zoom: 1; font-size: 81.2% !important; margin-right: 18px; margin-bottom: 2px; line-height: 150%; }
.l-footer3__block3 { border-top: 1px solid #427abe; padding-top: 25px; margin-top: 13px; text-align: center; }
.l-footer3__block3 p { color: #fff; color: #adc7e7; font-size: 75% !important; line-height: 150%; }

/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 10px; bottom: 220px; z-index: 999; }

.l-banner { position: fixed; right: 10px; bottom: 45px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
トップページ
=========================================*/
.p-top1 { background: url(../img/top/top5_bg2.png) center top; padding-bottom: 20px; margin-bottom: 18px; }
.p-top1__block1 { float: left; width: 690px; padding-top: 20px; }
.p-top1__block1 li { box-shadow: rgba(0, 0, 0, 0.15) 0 0 4px; }
.p-top1__block1 .bx-wrapper { margin-bottom: 0; }
.p-top1__block1 .bx-wrapper .bx-viewport { text-align: center; }
.p-top1__block1 .bx-wrapper .bx-viewport a { display: block; }
.p-top1__block1 .bx-wrapper .bx-viewport img { display: inline; width: auto; }
.p-top1__block1 .bx-wrapper .bx-pager { bottom: -25px; left: 0; padding-top: 0; width: 100%; text-align: center; }
.p-top1__block1 .bx-wrapper .bx-pager .bx-pager-item a { width: 12px; height: 12px; background: #fff; }
.p-top1__block1 .bx-wrapper .bx-pager .bx-pager-item a.active, .p-top1__block1 .bx-wrapper .bx-pager .bx-pager-item a:hover { background: #427abe; }
.p-top1__block2 { float: right; width: 303px; position: relative; margin-right: -7px; }


.p-top2 { margin-bottom: 40px; }
.p-top2 h2 { text-align: center; margin: 60px 0 10px; }
.p-top3__block_new { background: url(../img/common/bg1.png) center top; border: 3px solid #ffdc00; border-radius: 12px; background: #fffed9; padding: 25px; margin: 20px auto; }
.p-top3__block_new .box1 { float: left; width: 518px; position: relative; }
.p-top3__block_new .box1 .tit1 { margin-bottom: 18px; float: left; width: 151px; position: relative; margin-top: -30px; margin-left: -30px; }
.p-top3__block_new .box1 .tit2 { margin-left: 122px; }
.p-top3__block_new .box1 .tit2 p { background: #144288; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 1px 8px; margin-bottom: 10px; }
.p-top3__block_new .box1 .tit2 h3 { font-size: 156.2% !important; font-weight: bold; line-height: 1.4; }
.p-top3__block_new .box1 .txt1 { clear: both; }
.p-top3__block_new .box1 .txt1 p { line-height: 160%; }
.p-top3__block_new .box1 .txt2 { margin-top: 10px; }
.p-top3__block_new .box2 { float: right; width: 395px; }
.p-top3__block_new .box2 .pr-movie { width: 100%; height: auto; aspect-ratio: 16/9; }
.p-top3__block_new_hr { border: 0; border-top: 2px solid #ffdc00; margin: 25px auto; width: 100%; }

.p-top3__block_nav { background: url(../img/common/bg1.png) center top; padding-bottom: 10px; }
.p-top3__block_nav ul { display: flex; justify-content: center; }
.p-top3__block_nav li { padding: 0 25px; border-right: 1px solid #222d82; line-height: 1.2; font-size: 120%; }
.p-top3__block_nav li:last-child { border-right: 0; }
.p-top3__block_nav li a:hover { text-decoration: none; }

.p-top3__block_pr { background: url(../img/common/bg1.png) center top; padding: 30px 0; }
.p-top3__block_pr .c-wrap { display: flex; }
.p-top3__block_pr .pr-movie { width: 100%; max-width: 560px; aspect-ratio: 16/9; height: auto; }
.p-top3__block_pr .pr-text { background: #FFF; padding: 20px 25px; color: #00397f; font-weight: bold; }
.p-top3__block_pr .pr-text span { color: #FF0000; }
.p-top3__block_pr .pr-text .lead1 {
	padding: 30px 0 20px;
	font-size: 175%;
	line-height: 1.2;
	display: flex; }
.p-top3__block_pr .pr-text .lead1 img {
	width: 65px;
	height: 65px;
	margin-right: 15px; }
.p-top3__block_pr .pr-text .lead2 {
	padding: 10px 0;
	font-size: 110%;
	line-height: 1.4; }
.p-top3__block_pr .pr-btn { padding: 10px 0; }
.p-top3__block_pr .pr-btn a {
	color: #FFF;
	font-size: 120%;
	text-align: center;
	text-decoration: none;
	background: #CA8910;
	background: -webkit-gradient(linear, left top, right top, from(#ca8910), color-stop(50%, #d8b24c), to(#ca8910));
	background: linear-gradient(90deg, #ca8910 0%, #d8b24c 50%, #ca8910 100%);
	display: inline-block;
	padding: 10px 24px;
	margin: 10px 0;
	border-radius: 12px;
	width: 88%;
	box-shadow: 2px 3px 3px #6f6f6f; }
.p-top3__block_pr .pr-btn a:hover {
	opacity: 0.65;
	-ms-filter: "alpha(opacity=65)";
	filter: alpha(opacity=65); }

.p-top3__block1 { background: url(../img/common/bg1.png) center top; padding: 20px 0 80px; }
.p-top3__block1 h3.c-title2 { margin: 0 0 15px !important; }
.p-top3__block1 .bnr-block { margin-bottom: 10px; }
.p-top3__block1 .bnr-block a { float: left; width: 492px; margin: 0px 15px 15px 0; }
.p-top3__block1 .bnr-block a:last-child { margin-right: 0; }
.p-top3__block1 .bnr-block p { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1.png) no-repeat left center; padding-left: 25px; font-weight: bold; }
.p-top3__block1 ul { position: relative; }
.p-top3__block1 li { float: left; margin: 0 15px 15px 0; }
.p-top3__block1 li:nth-child(2n) { margin-right: 0; }
.p-top3__block1 li a { display: block; background: #fff; border-radius: 10px; border: 3px solid #6191cc; text-align: center; padding: 10px; text-decoration: none; }
.p-top3__block1 li a:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
.p-top3__block1 li a:after { content: "."; display: block; clear: both; width: 100%; height: 0; line-height: 0; overflow: hidden; visibility: hidden;}
.p-top3__block1 li.gakusei {display: block; background: #fff; border-radius: 10px; border: 3px solid #6191cc; text-align: center; padding: 10px; text-decoration: none; color:#222d82;}
/*.p-top3__block1 li span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }*/
.p-top3__block1 li .txt_block { width: 333px; text-align: left; background: url(../img/common/icon1_alt2.png) no-repeat center left; padding-left: 33px; float: left;}
.p-top3__block1 li h4 { font-size: 125.7% !important; line-height: 160%; display: block; margin-bottom: 5px;}
.p-top3__block1 li span.txt2 { display: block;}
.p-top3__block1 li span.img1 { width: 100px; float: right;}
.p-top3__tit1 { background: url(../img/top/top3_bg1.jpg) repeat-x center bottom; }
.p-top3__tit1 h2 { background: url(../img/top/top3_icon1.png) no-repeat left top; padding: 38px 0 25px 105px; }
.p-top3__tit1 h2 { font-size: 250%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69; }
.p-top3__tit1 h2 span { font-size: 130%; color: #fce800; }
.p-top3__tit1.tit2 { position: relative; margin-top: -17px; }

.p-top3__block2 { background: url(../img/common/bg1.png) center top; padding: 20px 0 50px; }
.p-top3__block2 h3.c-title2 { margin: 0 0 15px !important; }
.p-top3__block2 .box { float: left; width: 306px; min-height: 300px; padding: 10px; background: #fff; margin: 0 0 10px 10px; }
.p-top3__block2 .box.box1, .p-top3__block2 .box.box8, .p-top3__block2 .box.box9 { margin-left: 0; }
.p-top3__block2 .slidable, .rank { font-size:16px; }
.p-top3__block2 .box.box8, .p-top3__block2 .box.box9 { clear: both; }
/*.p-top3__block2 .box.box4 { width: 980px; }*/
.p-top3__block2 .box .tit1 { border-radius: 5px; color: #fff; display: table; font-size: 137.5% !important; font-weight: bold; padding: 0 10px 0 25px; height: 76px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.p-top3__block2 .box .tit1 div { display: table-cell; vertical-align: middle; width: 100%; }
.p-top3__block2 .box ul { padding: 5px; }
.p-top3__block2 .box li { padding-top: 10px; }
.p-top3__block2 .box li h4 { color: #666; }
.p-top3__block2 .box li a { padding-left: 16px; }
.p-top3__block2 .box li.index { line-height: 1.5; border-bottom: 1px solid #dedccd; }
.p-top3__block2 .box li.index .img1 { float: left; width: 76px; margin-right: 10px; }
.p-top3__block2 .box li.index div { width: 100%; margin-bottom: 5px; }
.p-top3__block2 .box ul p { padding: 10px 0; font-size: 95%!important; line-height: 1.4; border-bottom: 1px solid #dedccd; }
.p-top3__block2 .box .more { padding-top: 10px; text-align: right; }
.p-top3__block2 .box .more a { background: url(../../images/overview/arrow_right.png) no-repeat left; padding-left: 25px; font-weight: bold; }
.p-top3__block2 .box.box1 .tit1 { background: #2893a6; }
.p-top3__block2 .box.box1 .tit1 div { background: url(../img/top/top3_icon2.png) no-repeat center right; }
.p-top3__block2 .box.box1 li a { background: url(../img/common/icon2_alt1.png) no-repeat left center; }
.p-top3__block2 .box.box2 .tit1 { background: #144288; }
.p-top3__block2 .box.box2 .tit1 div { background: url(../img/top/top3_icon3.png) no-repeat center right; }
.p-top3__block2 .box.box2 li a { background: url(../img/common/icon2_alt2.png) no-repeat left center; }
.p-top3__block2 .box.box3 { background: url(../img/top/top3_bg2.png) no-repeat center top; position: relative; margin-top: -21px; text-align: center; }
.p-top3__block2 .box.box3 h3 { text-align: center; position: relative; margin: 0 -2px; }
.p-top3__block2 .box.box3 .txt1 { position: relative; margin-top: -13px; }
.p-top3__block2 .box.box3 p { background: rgba(0, 0, 0, 0.5); text-align: center; border-radius: 12px; color: #fff; padding: 0 12px; display: inline-block; *display: inline; *zoom: 1; font-size: 87.5% !important; line-height: 170%; vertical-align: 0; }
.p-top3__block2 .box.box3 ol { text-align: left; padding: 10px 10px 1px; background: #fff; margin-top: 3px; list-style: none; }
.p-top3__block2 .box.box3 li { margin-bottom: 10px; background-repeat: no-repeat; background-position: left center; padding-left: 34px; font-weight: bold; }
.p-top3__block2 .box.box3 li.rank1 { background-image: url(../img/top/top3_rank1.png); }
.p-top3__block2 .box.box3 li.rank2 { background-image: url(../img/top/top3_rank2.png); }
.p-top3__block2 .box.box3 li.rank3 { background-image: url(../img/top/top3_rank3.png); }
.p-top3__block2 .box.box3 li.rank4 { background-image: url(../img/top/top3_rank4.png); }
.p-top3__block2 .box.box3 li.rank5 { background-image: url(../img/top/top3_rank5.png); }
.p-top3__block2 .box.box3 li.rank1, .p-top3__block2 .box.box3 li.rank2, .p-top3__block2 .box.box3 li.rank3 { font-size: 112.5% !important; }
.p-top3__block2 .box.box4 .tit1 { width: 307px; background: #37a360; }
.p-top3__block2 .box.box4 .tit1 div { background: url(../img/top/top3_icon4.png) no-repeat center right; background-position: right bottom; }
.p-top3__block2 .box.box4 li a { background: url(../img/common/icon2_alt3.png) no-repeat left center; }
.p-top3__block2 .box.box5 .tit1 { background: #7d55b7; }
.p-top3__block2 .box.box5 .tit1 div { background: url(../img/top/top3_icon5.png) no-repeat center right; }
.p-top3__block2 .box.box5 li a { background: url(../img/common/icon2_alt4.png) no-repeat left center; }
.p-top3__block2 .box.box6 .tit1 { background: #df6418; }
.p-top3__block2 .box.box6 .tit1 div { background: url(../img/top/top3_icon6.png) no-repeat center right; }
.p-top3__block2 .box.box6 li a { background: url(../img/common/icon2_alt5.png) no-repeat left center; }
.p-top3__block2 .box.box7 .tit1 { background: #df5da3; }
.p-top3__block2 .box.box7 .tit1 div { background: url(../img/top/top3_icon7.png) no-repeat center right; }
.p-top3__block2 .box.box7 li a { background: url(../img/common/icon2_alt6.png) no-repeat left center; }
.p-top3__block2 .box.box8 .tit1 { background: #37a360; }
.p-top3__block2 .box.box8 .tit1 div { background: url(../img/top/top3_icon8.png) no-repeat center right; }
.p-top3__block2 .box.box8 li a { background: url(../img/common/icon2_alt3.png) no-repeat left center; }
.p-top3__block2 .box.box9 .tit1 { background: #ffcc00; }
.p-top3__block2 .box.box9 .tit1 div { background: url(../img/top/top3_icon9.png) no-repeat center right; }
.p-top3__block2 .box.box9 li a { background: url(../img/common/icon2_alt7.png) no-repeat left center; }
.p-top3__block2 .box.box10 .tit1 { background: #5871c0; }
.p-top3__block2 .box.box10 .tit1 div { background: url(../img/top/top3_icon10.png) no-repeat center right; }
.p-top3__block2 .box.box10 li a { background: url(../img/common/icon2_alt8.png) no-repeat left center; }
.p-top3__block2 .box p.txtb { border-bottom: none; }

.p-top3__block3 { background: url(../img/top/top3_bg3.png) no-repeat center top; padding-top: 60px; text-align: center; margin-bottom: 77px; }

.p-top3__block4 { background: url(../img/common/bg1.png) center top; padding: 20px 0 30px; }
.p-top3__block4 .box { float: left; width: 326px; min-height: 300px; background: #fff; margin: 0 0 10px 10px; border: 3px solid #ffdc00; border-radius: 10px;}
.p-top3__block4 .box a {
  display: block;box-sizing: border-box;width: 100%;height: 100%; padding: 7px;text-decoration: none;
}
.p-top3__block4 .box.box1 { margin-left: 0; box-sizing: border-box; padding: 7px 7px 20px; }
.p-top3__block4 .box.box2 { box-sizing: border-box; padding: 7px 7px 20px; }
.p-top3__block4 .box.box3 { box-sizing: border-box; padding: 7px 7px 20px; }
.p-top3__block4 .box .c-link1 { margin-top: 5px; }
.p-top3__block4 .box .c-link1 a { display: inline; padding-left: 25px; }
.p-top3__block4 .box .c-link1 a:link, .p-top3__block4 .box .c-link1 a:visited { color: #222d82; text-decoration: underline; }
.p-top3__block4 .box .tit1 { border-radius: 5px; color: #fff; display: table; margin-bottom: 8px; font-size: 132.5% !important; font-weight: bold; padding: 0 25px 0 25px; height: 76px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.p-top3__block4 .box .tit1 div { display: table-cell; vertical-align: middle; width: 100%; background-repeat: no-repeat; background-position: center right; }
.p-top3__block4 .box.box1 .tit1 { background: #ee6603; }
.p-top3__block4 .box.box1 .recommendTit { background: #ee6603; }
.p-top3__block4 .box.box2 .tit1 { background: #5871c0; }
.p-top3__block4 .box.box2 .recommendTit { background: #5871c0; }
.p-top3__block4 .box.box3 .tit1 { background: #37a360; }
.p-top3__block4 .box.box3 .recommendTit { background: #37a360; }

.p-top3__block4 .box .picArea { padding: 10px 10px 0; }
.p-top3__block4 .box .picArea .pic {}
.p-top3__block4 .box .txt { padding: 10px 10px 0; color: #333; }
.p-top3__block4 .box .recommendTit { text-align: center; color: #fff; font-weight: bold; padding: 10px; margin: 10px; }
.p-top3__block4 .box ul.recommend { padding: 10px 10px 0; }
.p-top3__block4 .box li { color: #333; margin-bottom: 5px; padding-left: 16px; background-repeat: no-repeat; background-position: left center; }
.p-top3__block4 .box.box li { background-image: url(https://www.pc4353.net/common/img/top/ico_yellow.png); background-position: left 10px; background-repeat: no-repeat; background-size: 8px auto; }


.p-top4 { border: 8px solid #fff; margin-bottom: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px 5px; background: url(../img/top/top4_bg2.png) center top; }
.p-top4 h2 img { position: relative; margin-top: -45px; }
.p-top4__block1 { text-align: center; padding-bottom: 35px; }
.p-top4__block1 > img { position: relative; margin-top: -22px; }

.p-top4 h2 { padding: 16px 0 8px; font-size: 230%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69; background: url(../img/top/top4_bg1.png) center top; }
.p-top4 h2 strong { font-size: 130%; color: #fce800; }

.school_list .p-top4__block2 { width: 1000px; margin-left: auto; margin-right: auto; padding-bottom: 40px; }
.school_list .p-top4__block2 .box { border-bottom: none; background: transparent; }
.school_list .p-top4__block2 .box ul { display: none; }
.school_list .p-top4__block2 .box li { border-top: 1px solid #dedccd; margin: 0% 0 1% 1% !important; }
.school_list .p-top4__block2 .box .c-title1 { background-image: url(../img/common/icon3_open_alt1.png) !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 20px !important; border-left: 10px solid #427abe !important; background-color: #fff !important; padding: 20px 30px 20px 20px !important; margin: 0 0 10px !important; }
.school_list .p-top4__block2 .box .c-title1.is--open { background-image: url(../img/common/icon3_close_alt1.png) !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 20px !important; }

.p-top5 h2 { padding: 10px 0 5px; font-size: 220%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #ee6603; border-bottom: 5px solid #ffdc00; }
.p-top5 h2 strong { font-size: 140%; color: #fce800; position: relative; top: 5px; }
.p-top5 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top5 h2 .small { font-size: 80%; }
.p-top5 h2 img { position: relative; margin-top: 2px; }
.p-top5__block1 { background: url(../img/top/top5_bg2.png) center top; padding-bottom: 10px; }
.p-top5__block1 ul { position: relative; margin-left: -20px; }
.p-top5__block1 li { float: left; width: 490px; margin: 0 0 20px 20px; }
.p-top5__block1 li:nth-child(2n+1) { clear: both; }
.p-top5__block1 li.premium { width: 1000px; position: relative; }
.p-top5__block1 li.premium span { display: block; position: absolute; bottom: 16px; left: 50%; margin-left: -245px; z-index: 9; }
.p-top5__block1 li.premium a:hover img { opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); }
.p-top5__block1 li.premium a:hover span img { opacity: .7; -ms-filter: alpha(opacity=70); filter: alpha(opacity=70); }
.p-top5__block2 { background: url(../img/top/top5_bg3.png) no-repeat center top; padding-top: 60px; text-align: center; margin-bottom: 80px; }

/* 追加 他社比較表 */
.p-top5__block1 table { line-height:1.7em; border-collapse: separate; border-spacing: 3px; table-layout: fixed; width: 1000px; margin:10px auto 30px; }
.p-top5__block1 table th { vertical-align: middle; color: #fff; background: #9E9E9F; font-size: 131.2% !important; font-weight: bold; text-align: center; padding: 10px;}
.p-top5__block1 thead th.pc4353 { background: #eb6100; color: #fff; }
.p-top5__block1 tbody th { font-weight: bold; text-align: left; font-size: 106.2% !important; vertical-align: middle; color: #000; background: #e9e9e9; }
.p-top5__block1 tbody td { background: #fff; vertical-align: middle; font-size: 106.2% !important; }
.p-top5__block1 tbody td.pc4353 { background: #ffe3ab; }
.p-top5__block1 tbody td.pc4353 p { background: url(/images/overview/ico-maru.png) no-repeat left center; padding-left: 60px; }
.p-top5__block1 tbody th, .p-top5__block1 tbody td { padding: 15px 20px; }
.p-top5__block1 .c-title1 { background: url(../img/common/title1_bg1.png) no-repeat left center !important; padding: 15px 0 15px 20px !important; font-size: 150% !important; font-weight: bold !important; height: auto !important; }
.p-top5__block1 .c-title1 h3 { font-size: 24px; }

.p-top6 h2 { padding: 30px 0 35px; font-size: 280%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #2893a6; border-bottom: 5px solid #ffdc00; }
.p-top6 h2 strong { font-size: 150%; color: #fce800; position: relative; top: 5px; }
.p-top6 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top6 h2 .small { font-size: 80%; }
.p-top6 h2 .red { font-size: 120%; color: #d33318; text-shadow: #fff 2px 0px,  #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px,  #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px,  #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; margin-right: 5px;  position: relative; top: 5px; }
.p-top6 h2 strong .red .small { color: #d33318; font-size: 80%;  position: relative; top: -5px; }
.p-top6 h2 img { position: relative; margin: -26px 0 -3px; }
.p-top6__block1 { background: url(../img/top/top5_bg2.png) center top; padding: 40px 0; }
.p-top6__block1 .box1 { float: left; width: 490px; margin: 0 0 20px 20px; background: url(../img/top/top6_bg2.png) no-repeat center top #fff; border-radius: 10px; }
.p-top6__block1 .box1:nth-child(2n+1) { clear: both; margin-left: 0; }
.p-top6__block1 .box1-txt1 { padding: 25px 5px 0 25px; }
.p-top6__block1 .box1-txt1 .img1 { float: left; width: 112px; padding: 4px; border: 1px solid #999; background: #FFF; }
.p-top6__block1 .box1-txt1 .txt1 { float: right; width: 315px; }
.p-top6__block1 .box1-txt1 .txt1 h3 { color: #fff; font-weight: bold; font-size: 147.2% !important; line-height: 150%; }
.p-top6__block1 .box1-txt1 .txt1 span { border-bottom: 2px solid #ffdc00; line-height: 170%; }
.p-top6__block1 .box1-txt2 { position: relative; padding: 0 30px 23px; }
.p-top6__block1 .box1-txt2 .txt1 { margin-bottom: 25px; text-align: right; color: #777; font-size: 87.5% !important; }
.p-top6__block1 .box1-txt2 .txt2 { font-size:18px;  }
.p-top6__block1 .box1-txt2 .c-link1 { margin-top: 5px; }
/*.p-top6__block2 { background: url(../img/top/top5_bg3.png) no-repeat center top; padding: 50px 0; text-align: center; }*/
.p-top6__block2 { display:none; }

.p-top7 { margin-bottom: 50px; }
.p-top7__block1 { position: relative; margin-left: -17px; margin-bottom: 30px; }
.p-top7__block1 .box { float: left; width: 322px; margin: 0 0 28px 17px; }
.p-top7__block1 .box:nth-child(3n+1) { clear: both; }
.p-top7__block1 .box .c-link1 { margin-top: 5px; }
.p-top7__block1 .box.box1 { position: relative; margin-top: -9px; }
.p-top7__block2 { position: relative; margin-left: -20px; }
.p-top7__block2 .box1 { float: left; width: 490px; margin-left: 20px; margin-bottom: 10px; }

.p-top8 { margin-bottom: 50px; }
.p-top8 ul { border-top: 1px solid #dedccd; padding-bottom: 25px; }
.p-top8 li { border-bottom: 1px solid #dedccd; padding: 12px 6px; }
.p-top8 li a { display: block; text-decoration: none; color: #333; }
.p-top8 li a:hover h3 { text-decoration: underline; }
.p-top8 li .date { float: left; width: 120px; }
.p-top8 li h3 { margin-left: 120px; font-weight: normal; }
.p-top8 li p.title { margin-left: 120px; font-weight: normal; }
.p-top8 li a p.title:hover { text-decoration: underline; }
.p-top8 .c-title1 .c-title1__txt1 {font-size: 75%;}
.p-top8__block1 .box1 { margin-bottom: 10px; }

.p-top9 .c-title1 .c-title1__txt1 {font-size: 75%;}
.p-top9 ul { position: relative; margin-left: -20px; }
.p-top9 li { float: left; width: 235px; margin-left: 20px; margin-bottom: 50px; }
.p-top9.c-wrap.u-mt40 li:nth-child(3n+1) { clear: both; }
.p-top9 li a { display: block; text-decoration: none; }
.p-top9 li .img1 { margin-bottom: 10px; }
.p-top9 li .date {}
.p-top9 li h3 { margin-bottom: 8px; }
.p-top9 li p.title { margin-bottom: 8px; font-size: 1.17em; font-weight: bold; }
.p-top9 li .category { text-align: center; font-size: 86%; background: #fff; color: #333; border: 1px solid #ccc; margin-top: 8px; }

.p-top9__block1 { float: right; width: 745px; }
.p-top9 .p-news2__block2 li {margin-left: 0 !important;}

/* 追加 パソコン市民講座ってどんな教室？ */
.p-top10 h2 { padding: 10px 0 5px; font-size: 220%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #ee6603; border-bottom: 5px solid #ffdc00; }
.p-top10 h2 strong { font-size: 140%; color: #fce800; position: relative; top: 5px; }
.p-top10 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top10 h2 .small { font-size: 80%; }
.p-top10 h2 img { position: relative; top: 2px; }
.p-top10__block1 { background: url(../img/top/top5_bg2.png) center top; padding: 20px 0 60px; }
.p-top10__block1 ul { position: relative; margin-bottom: 15px; }
.p-top10__block1 li { display: inline-block; background: #fff; border-radius: 10px; border: 3px solid #6191cc; padding: 10px; margin-bottom: 10px; }
.p-top10__block1 li:last-child { margin-bottom: 0; }
.p-top10__block1 img { width: 160px; float: left; }
.p-top10__block1 p { float: right; width: 82%; margin-left: 15px; font-size: 15px; }
.p-top10__block1 h3 { float: right; width: 82%; font-size: 130% !important; line-height: 160%; margin-bottom: 3px; }
.p-top10__block1 h4 { background: #6191cc !important; padding: 5px 0 4px 10px !important; border-radius: 5px; color: #FFF; font-size: 135%; margin: 5px 0 10px; }
.p-top10__block1 .kouzaimg { display: inline-block; width: 32%; padding: 0 5px 10px; }

/* 追加 よくあるご質問 */
.p-top11 { margin-bottom: 50px; }
.p-top11 .c-title1 .c-title1__txt1 {font-size: 75%;}
.p-top11 dl { margin: 0; border-top: 1px solid #dedccd; padding-top: 20px; }
.p-top11 dt h3 { font-weight: bold; font-size: 17px !important; }
.p-top11 dd { margin: 0 0 20px; padding: 20px 0; border-bottom: 1px solid #dedccd; }
.p-top11 dd:last-child { border-bottom:none; }
.p-top11 dt h3:before, .p-top11 dd:before { display: inline-block; margin-right: 8px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #FFF; font-weight: bold; font-size: 18px !important; border-radius: 4px; }
.p-top11 dt h3:before { content: 'Q'; background-color: #4075b7; }
.p-top11 dd:before { content: 'A'; background-color: #de6653; }

/* 追加 インストラクター紹介 */
.p-top12 h2 { padding: 10px 0 5px; font-size: 250%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #2893a6; border-bottom: 5px solid #ffdc00; }
.p-top12 h2 strong { font-size: 140%; color: #fce800; position: relative; top: 5px; }
.p-top12 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top12 h2 .small { font-size: 80%; }
.p-top12__block1 { background: url(../img/top/top5_bg2.png) center top; padding: 20px 0 60px; }
.p-top12__block2 { background: url(../img/top/top5_bg3.png) no-repeat center top; padding-top: 60px; text-align: center; margin-bottom: 57px; }
.p-top12__block1 .box1 { width: 100%; margin: 0 0 20px; background: #fff; border-radius: 10px; }
.p-top12__block1 .box1:last-child { margin-bottom: 0; }
.p-top12__block1 .box1-txt1 { padding: 25px 0 23px 25px; float: left; }
.p-top12__block1 .box1-txt1 img { width: 160px; padding: 4px; border: 1px solid #999; background: #FFF; }
.p-top12__block1 .box1-txt1 .txt1 { width: 160px; text-align: center; padding-top:5px; }
.p-top12__block1 .box1-txt1 .txt1 h3 { color: #333; font-weight: bold; font-size: 122.2% !important; line-height: 150%; }
.p-top12__block1 .box1-txt2 { padding:15px; width:774px; float: right; }
.p-top12__block1 .box1-txt2 table { border-spacing: 10px; }
.p-top12__block1 .box1-txt2 table th { width: 30%; background: #2893a6; color: #fff; }
.p-top12__block1 .box1-txt2 table td p { border-top: 2px dotted #2893a6; padding-top: 5px; }

.infomation {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 20px;
	text-align: center;
	border: 2px solid #ffdc00;
	background: #fffed9;
	font-size: 118.7%;
}


/*=======================================
サイドバー
=========================================*/
.p-side { float: left; width: 235px; }

.p-side1__block1 { background: #fff; border: 1px solid #DFDECA; padding: 9px; margin-bottom: 20px; }
.p-side1__block1 table { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; }
.p-side1__block1 table th,
.p-side1__block1 table td { padding: 0; border: 1px solid #fff; font-size: 85.7%; }
.p-side1__block1 table th a,
.p-side1__block1 table td a { color: #333; text-decoration: none; }
.p-side1__block1 table thead td.current_month { font-size: 100%; font-weight: bold; text-align: center; }
.p-side1__block1 table thead th { color: #333; background: #C0D3E9; }
.p-side1__block1 table thead th:nth-child(6) { background: #6693CC; color: #fff; }
.p-side1__block1 table thead th:nth-child(7) { background: #FF4D4D; color: #fff; }
.p-side1__block1 table tbody th,
.p-side1__block1 table tbody td { background: #eee; text-align: center; }
.p-side1__block1 table tbody th span,
.p-side1__block1 table tbody td span { display: block; padding: 3px 0; }
.p-side1__block1 table tbody th a,
.p-side1__block1 table tbody td a { display: block; padding: 3px 0; background: #7FD6F5; position: relative; color: #000; text-decoration: none; }
.p-side1__block2 { margin-bottom: 15px; }
.p-side1__block2 li { margin-bottom: 1px; }
.p-side1__block2 li a { display: block; color: #fff; padding: 0 10px 0 28px; text-decoration: none; background: url(../img/common/icon6.png) no-repeat 8px center; }
.p-side1__block2 li a span { display: block; padding: 5px 0; background: url(../img/common/icon5.png) no-repeat right center; }
.p-side1__block2 li.current-cat { background: none !important; }
.p-side1__block2 li.current-cat a { border: 2px solid; padding: 0 10px 0 28px; background-color: #fff; }
.p-side1__block2 li.current-cat a span { padding: 6px 0; }
.p-side1__block2 li.li1 { background: url(../img/blog/blog2_bg1.png); }
.p-side1__block2 li.li1.current-cat a { border-color: #00AEEB; color: #00AEEB; background-image: url(../img/blog/blog2_icon1.png); }
.p-side1__block2 li.li2 { background: url(../img/blog/blog2_bg2.png); }
.p-side1__block2 li.li2.current-cat a { border-color: #A086BC; color: #A086BC; background-image: url(../img/blog/blog2_icon2.png); }
.p-side1__block2 li.li3 { background: url(../img/blog/blog2_bg3.png); }
.p-side1__block2 li.li3.current-cat a { border-color: #E50012; color: #E50012; background-image: url(../img/blog/blog2_icon3.png); }
.p-side1__block2 li:nth-child(4) { background: url(../img/blog/blog2_bg4.png); }
.p-side1__block2 li:nth-child(4).current-cat a { border-color: #F4A400; color: #F4A400; background-image: url(../img/blog/blog2_icon4.png); }
.p-side1__block2 li:nth-child(5) { background: url(../img/blog/blog2_bg5.png); }
.p-side1__block2 li:nth-child(5).current-cat a { border-color: #119A3C; color: #119A3C; background-image: url(../img/blog/blog2_icon5.png); }
.p-side1__block2 li:nth-child(6) { background: url(../img/blog/blog2_bg6.png); }
.p-side1__block2 li:nth-child(6).current-cat a { border-color: #6693cc; color: #6693cc; background-image: url(../img/blog/blog2_icon6.png); }
.p-side1__block3 p { color: #fff; text-decoration: none; background: url(../img/blog/blog2_bg1.png); margin: 25px 0 3px; }
.p-side1__block3 p span { display: block; padding: 8px 10px 8px 28px; background: url(../img/common/icon6.png) no-repeat 8px center; }
.p-side1__block2 ul,
.p-side1__block3 ul { margin-left: 0; }
.p-side1__block2 li,
.p-side1__block3 li { float: none; width: 100%; margin-left: 0; margin-bottom: 0; }
.p-side1__block3 li a { display: block; padding: 6px 0; border-bottom: 1px solid #C6C2A6; color: #152C45; text-decoration: none; font-size: 92.8%; }

/* ----------------------------- 3. 下層ページ */
/*=======================================
overview
=========================================*/
.p-overview .l-pagetitle { background: #fff url(../../images/overview/pagetitle_img.jpg) no-repeat center; background-size: contain; padding: 55px 0; }
.p-overview .l-pagetitle h1 { font-size: 212.5% !important; font-weight: bold; text-align: left; color: #144288; }
.p-overview .header { background-color: #f6f5ef; font-size: 22px; line-height: 2em; padding-bottom: 50px; }
.p-overview .header_wrap { position: relative; width: 1200px; text-align: center; margin: 0 auto; }
.p-overview .header__block1 { background: url(../../images/overview/overview_img1_bg.jpg) repeat-x bottom center; position: relative; }
.p-overview .header__block2 { padding: 50px 0; }
.p-overview .header__block3 { background: url(../../images/overview/overview_img2_bg.jpg) repeat center; border-top: 8px solid #a5e552; border-bottom: 8px solid #a5e552; position: relative; }
.p-overview .header__block3 .txt { position: absolute; top: 160px; left: 200px; }
.p-overview .header__block4 { background: url(../../images/overview/overview_img3_bg.jpg) repeat center; position: relative; }
.p-overview .header__block4 .txt { position: absolute; top: 140px; right: 180px; text-align: left; }
.p-overview .header__block5 { background: url(../../images/overview/overview_img4_bg.jpg) repeat center; border-top: 8px solid #ffdc00; border-bottom: 8px solid #ffdc00; position: relative; }
.p-overview .header__block5 .txt { position: absolute; top: 110px; left: 140px; }

.p-overview .choice { background: url(../../images/overview/choice_bg.jpg) repeat center; }
.p-overview .choice__title { background-color: #ee6603; border-bottom: 5px solid #ffdc00; }
.p-overview .choice__title > h2 img { margin-top: -7px; }
.p-overview .choice__list { padding-top: 20px; }
.p-overview .choice__list ul li { float:left; width: 490px; margin-bottom: 20px; position: relative; }
.p-overview .choice__list ul li:nth-of-type(1),
.p-overview .choice__list ul li:nth-of-type(3),
.p-overview .choice__list ul li:nth-of-type(5) { margin-right: 10px; }
.p-overview .choice__list ul li:nth-of-type(2),
.p-overview .choice__list ul li:nth-of-type(4),
.p-overview .choice__list ul li:nth-of-type(6) { margin-left: 10px; }
.p-overview .choice__list ul #choice6 { margin-left: 10px; }
.p-overview .choice__list ul li h3 { font-weight: bold; line-height: 1.2; color: #000; text-shadow: #fff 2px 0px,  #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px , #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px,  #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px,  #fff -2px 1px, #fff 2px -1px, #fff -2px -1px; }
.p-overview .choice__list ul li h3 span { color: #d33318;}
.p-overview .choice__list ul li h3 span.black { color: #000;}
.p-overview .choice__list ul li:nth-of-type(1) h3 { font-size: 24px; position: absolute; left: 30px; top: 62px;}
.p-overview .choice__list ul li:nth-of-type(1) h3 span { font-size: 54px;}
.p-overview .choice__list ul li:nth-of-type(2) h3 { font-size: 26px; position: absolute; left: 30px; top: 62px;}
.p-overview .choice__list ul li:nth-of-type(2) h3 span { font-size: 40px;}
.p-overview .choice__list ul li:nth-of-type(3) h3 { font-size: 22px; position: absolute; left: 30px; top: 62px;}
.p-overview .choice__list ul li:nth-of-type(3) h3 span { font-size: 40px;}
.p-overview .choice__list ul li:nth-of-type(3) h3 span.black { font-size: 30px;}
.p-overview .choice__list ul li:nth-of-type(4) h3 { font-size: 24px; position: absolute; left: 30px; top: 40px; line-height: 1.1;}
.p-overview .choice__list ul li:nth-of-type(4) h3 span { font-size: 40px;}
.p-overview .choice__list ul li:nth-of-type(4) h3 span.black { font-size: 42px;}
.p-overview .choice__list ul li:nth-of-type(5) h3 { font-size: 26px; position: absolute; left: 30px; top: 62px;}
.p-overview .choice__list ul li:nth-of-type(5) h3 span { font-size: 52px;}
.p-overview .choice__list ul li:nth-of-type(6) h3 { font-size: 24px; position: absolute; left: 30px; top: 62px;}
.p-overview .choice__list ul li:nth-of-type(6) h3 span { font-size: 46px;}
.p-overview .choice__list .contents1_btm,
.p-overview .choice__list .contents2_btm,
.p-overview .choice__list .contents3_btm,
.p-overview .choice__list .contents4_btm,
.p-overview .choice__list .contents5_btm,
.p-overview .choice__list .contents6_btm { position: relative; }
.p-overview .choice__list .contents1_txt,
.p-overview .choice__list .contents2_txt,
.p-overview .choice__list .contents3_txt,
.p-overview .choice__list .contents4_txt,
.p-overview .choice__list .contents5_txt,
.p-overview .choice__list .contents6_txt { padding: 15px 20px; position: absolute; top: 0; font-size: 15px; }
.p-overview .choice__list .more { margin-top: 10px; }
.p-overview .choice__list a { background: url(../../images/overview/arrow_right.png) no-repeat left; padding-left: 25px; font-weight: bold; }
.p-overview .choice__list a.arrow_btm { background: url(../../images/overview/arrow_btm.png) no-repeat left; padding-left: 25px; }
.p-overview .choice__reason { padding-bottom: 50px; }
.p-overview .choice__reason ul li { background: url(../../images/overview/choice_list_bg.png) no-repeat left; margin-bottom: 20px; height: 250px; }
.p-overview .choice__reason .icon { padding: 20px; width: 126px; display: inline-block; }
.p-overview .choice__reason .list1 .info { width: 700px; display: inline-block; }
.p-overview .choice__reason .list1 .info > img { margin-top: 15px; }
.p-overview .choice__reason .list1 .txt { padding-left: 35px; font-size: 15px; }
.p-overview .choice__reason .list1 .img { width: 215px; padding: 20px; display: inline-block; vertical-align: top; text-align: right; }
.p-overview .choice__reason .list2 .info { width: 650px; display: inline-block; }
.p-overview .choice__reason .list2 .info > img { margin-top: 10px; }
.p-overview .choice__reason .list2 .txt { padding-left: 35px; font-size: 15px; }
.p-overview .choice__reason .list2 .img { width: 318px; margin-top: -15px; display: inline-block; vertical-align: top; text-align: right; }
.p-overview .choice__reason .list3 { position: relative; }
.p-overview .choice__reason .list3 .info { width: 750px; display: inline-block; }
.p-overview .choice__reason .list3 .info > img { margin-top: 20px; }
.p-overview .choice__reason .list3 .txt { padding-left: 35px; font-size: 15px; }
.p-overview .choice__reason .list3 .img { width: 278px; position: absolute; top: -15px; right: 12px; }
.p-overview .choice__reason .list4 .info { width: 640px; display: inline-block; }
.p-overview .choice__reason .list4 .info > img { margin-top: 15px; }
.p-overview .choice__reason .list4 .txt { padding-left: 35px; font-size: 15px; }
.p-overview .choice__reason .list4 .img { width: 352px; margin-top: 8px; display: inline-block; vertical-align: top; text-align: right; }
.p-overview .choice__reason .list4 .img > img { border-radius: 5px; }

.p-overview .step { margin-bottom: 50px; }
.p-overview h2.step__title { padding: 10px 0 5px; font-size: 250%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #144288; border-bottom: 5px solid #ffdc00; }
.p-overview h2.step__title strong { font-size: 140%; color: #fce800; position: relative; top: 5px; }
.p-overview h2.step__title strong .small { font-size: 85%; color: #fce800; }
.p-overview h2.step__title .small { font-size: 80%; }
.p-overview .step .icon { padding: 15px 0 0 30px ; text-align: left; }
.p-overview .step .tit { display: inline-block; width: 240px; }
.p-overview .step h3 { font-feature-settings : "palt" 1; margin: 20px 0 0 20px; padding: 10px 0; border-top: 2px #282828 solid; border-bottom: 2px #282828 solid; font-size: 32px; font-weight: bold; line-height: 1.5em; text-align: center; }
.p-overview .step .info { display: inline-block; width: 395px; vertical-align: top; padding-top: 50px; margin-left: 35px; margin-right: 10px; }
.p-overview .step .info > p:nth-of-type(2) { margin-top: 30px; }
.p-overview .step .step1 { padding-top: 20px; background: url(../../images/overview/step1_bg.jpg) repeat left; }
.p-overview .step .step1 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step1_balloon_bg_new.png) no-repeat center; }
.p-overview .step .step1_btm { margin-bottom: 11px; text-align: center; background: url(../../images/overview/step1_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step2 { background: url(../../images/overview/step2_bg.jpg) repeat left; }
.p-overview .step .step2 .info { padding-top: 30px; }
.p-overview .step .step2 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step2_balloon_bg_new.png) no-repeat center; }
.p-overview .step .step2 .step_title { letter-spacing: -2px; }
.p-overview .step .step2_btm { margin-bottom: 11px; background: url(../../images/overview/step2_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step3 { background: url(../../images/overview/step3_bg.jpg) repeat left; }
.p-overview .step .step3 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step3_balloon_bg_new.png) no-repeat center; }
.p-overview .step .step3 .step_title { font-feature-settings : inherit; line-height: 1.1em; }
.p-overview .step .step3_btm { margin-bottom: 11px; background: url(../../images/overview/step3_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step4 { background: url(../../images/overview/step4_bg.jpg) repeat left; }
.p-overview .step .step4 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step4_balloon_bg.png) no-repeat center; }
.p-overview .step .step4_btm { margin-bottom: 11px; background: url(../../images/overview/step4_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step5 { background: url(../../images/overview/step5_bg.jpg) repeat left; }
.p-overview .step .step5 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step5_balloon_bg.png) no-repeat center; }
.p-overview .step .step5 .step_title { line-height: 1.1em; }
.p-overview .step .step5_btm { margin-bottom: 11px; background: url(../../images/overview/step5_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step6 { background: url(../../images/overview/step6_bg.jpg) repeat left; }
.p-overview .step .step6 .balloon { width: 1000px; margin: 0 auto; height: 280px; background: url(../../images/overview/step6_balloon_bg.png) no-repeat center; }
.p-overview .step .step6 .step_title { line-height: 1.1em; }
.p-overview .step .step6_btm { margin-bottom: 11px; background: url(../../images/overview/step6_balloon_btm.png) no-repeat center; height: 9px; }
.p-overview .step .step7 { background: url(../../images/overview/step7_bg.jpg) repeat left; }
.p-overview .step .step7 .balloon { width: 1000px; margin: 0 auto; height: 260px; padding-bottom: 40px; background: url(../../images/overview/step7_balloon_bg.png) no-repeat top center; }
.p-overview .step .step7 .step_title { font-size: 33px; }
.p-overview .price { width: 1000px; margin: 0 auto; padding-bottom: 40px; }
.p-overview .price .r-link { text-align: right; }

/*=======================================
受講料金LP
=========================================*/
.p-price__block4 { margin-bottom: 30px; }
.p-price__block4 .box { float: left; width: 322px; margin: 0 17px 28px 0; }
.p-price__block4 .box:nth-child(3n+1) { clear: both; }
.p-price__block4 .box:last-child { margin-right: 0; }
.p-price__block4 .box .c-link1 { margin-top: 5px; }

.price_tbl { border-collapse: collapse; margin-bottom: 20px; }
.price_tbl tr th { width: 238px; border: 1px solid #6191cc; color: #144288; background-color: #cde3ff; padding: 40px 20px 40px 0; font-size: 150%; font-weight: bold; }
.price_tbl tr td { width: 758px; border: 1px solid #6191cc; background-color: #fff; padding: 20px; font-size: 18px; }
.price_tbl .info { font-size: 28px; font-feature-settings : "palt" 1; margin-bottom: 10px; }
.price_tbl .info2 { font-size: 22px; font-feature-settings : "palt" 1; margin-bottom: 10px; }
.price_tbl .prc { font-size: 125%; color: #ff0000; }
.price_tbl .tax { font-size: 65.5%; }

.price_dtl_tbl { border-collapse: collapse; margin-bottom: 10px; }
.price_dtl_tbl tr th { width: 160px; border: 1px solid #ccc; background-color: #eef; padding: 10px; font-weight: bold; text-align: left; }
.price_dtl_tbl tr td { width: 420px; border: 1px solid #ccc; background-color: #fff; padding: 10px; font-size: 18px; }
.price_dtl_tbl .prc { font-size: 125%; color: #ff0000; }
.price_dtl_tbl .tax { font-size: 75.5%; }

.price_dtl { width: 48.2%; float: left; margin-right: 35px; }
.price_dtl:last-child { margin-right: 0 }

.price_diff_tbl { line-height:1.7em; border-collapse: separate; border-spacing: 3px; table-layout: fixed; width: 100%; margin-bottom: 30px; }
.price_diff_tbl th { vertical-align: middle; color: #fff; background: #9E9E9F; font-size: 131.2% !important; font-weight: bold; text-align: center; padding: 10px;}
.price_diff_tbl thead th.pc4353 { background: #eb6100; color: #fff; }
.price_diff_tbl tbody th { font-weight: bold; text-align: left; font-size: 106.2% !important; vertical-align: middle; color: #000; background: #e9e9e9; }
.price_diff_tbl tbody td { background: #fff; vertical-align: middle; font-size: 106.2% !important; }
.price_diff_tbl tbody td.pc4353 { background: #ffe3ab; }
.price_diff_tbl tbody td.pc4353 p { background: url(/images/overview/ico-maru.png) no-repeat left center; padding-left: 60px; }
.price_diff_tbl tbody th, .price_diff_tbl tbody td { padding: 15px 20px; }


/* ----------------------------- 4. 投稿 */
/*=======================================
お知らせ
=========================================*/
/*=======================================
お知らせ 詳細
=========================================*/
.p-news2 { padding: 0 0 60px; }
.p-news2__block1 { margin-bottom: 80px; }
.p-news2__block1 .box1 { margin-bottom: 15px; }
.p-news2__block1 .box1 .date { float: right; font-size: 81.2% !important; }
.p-news2__block1 .txt1 { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 25px; }
.p-news2__block1 .txt1 h4 { float: left; font-size: 125% !important; max-width: 520px; }
.p-news2__block1 .txt1 p { float: right; font-size: 81.2% !important; padding-top: 3px; }
.p-news2__block1 .txt1 p span { background: #0068B8; color: #fff; border-radius: 5px; padding: 3px 10px; margin-right: 10px; line-height: 140%; font-size: 81.2% !important; }
.p-news2__block2 li { float: left; width: 33.3%; }
.p-news2__block2 li a { display: inline-block; *display: inline; *zoom: 1; border-bottom: 2px solid #0068B8; padding: 0 15px 5px; text-decoration: none; }
.p-news2__block2 li a:hover { border-bottom-color: #333; color: #0068B8; font-weight: bold; }
.p-news2__block2 li.next { text-align: left; }
.p-news2__block2 li.archive { text-align: center; }
.p-news2__block2 li.prev { text-align: right; }

/* ----------------------------- 9. 共通パーツ */
.bg_yellow { background-color: #ffff99; }

.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #0068B8; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.u-middle { vertical-align: middle !important; }
.u-middle th, .u-middle td { vertical-align: middle !important; }

.u-top { vertical-align: top !important; }
.u-top th, .u-top td { vertical-align: top !important; }

.u-bottom { vertical-align: bottom !important; }
.u-bottom th, .u-bottom td { vertical-align: bottom !important; }

.c-wrap { width: 1000px; margin-left: auto; margin-right: auto; }

.c-wrap2 { width: 860px; margin-left: auto; margin-right: auto; }

.c-btn1 a { display: inline-block; *display: inline; *zoom: 5; background: #144288; color: #fff; text-decoration: none; font-size: 200% !important; padding: 0 70px; border-radius: 12px; box-shadow: #10356d 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn1 a span { display: block; background: url(../img/common/icon1_alt1.png) no-repeat left center; padding: 20px 0 18px 60px; }
.c-btn1 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }

.c-btn2 a { display: inline-block; *display: inline; *zoom: 5; background: #ff6347; color: #fff; text-decoration: none; font-size: 200% !important; padding: 0 70px; border-radius: 12px; box-shadow: #ff4500 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn2 a span { display: block; background: url(../img/common/icon1_alt3.png) no-repeat left center; padding: 20px 0 18px 60px; }
.c-btn2 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }

.c-btn3 a { display: inline-block; *display: inline; *zoom: 5; background: #ffd700; color: #333; text-decoration: none; font-size: 200% !important; padding: 0 70px; border-radius: 12px; box-shadow: #ffc309 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 130%; position: relative; top: 0; }
.c-btn3 a span { display: block; background: url(../img/common/icon1_alt4.png) no-repeat left center; padding: 20px 0 18px 60px; }
.c-btn3 a:hover { top: 7px; box-shadow: #10356d 0 0 0, rgba(0, 0, 0, 0.3) 0 2px 6px; }

.c-btn_wrap { width: 100%; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center; margin: 20px auto; }
.c-btn_wrap .c-btn1, .c-btn_wrap .c-btn2, .c-btn_wrap .c-btn3 { display: block; width: 46%; }
.c-btn_wrap .c-btn1 a, .c-btn_wrap .c-btn2 a, .c-btn_wrap .c-btn3 a { box-sizing: border-box; display: block; width: 100%; font-size: 150% !important; padding: 0 40px; }
.c-btn_wrap .c-btn1 a span, .c-btn_wrap .c-btn2 a span, .c-btn_wrap .c-btn3 a span { padding: 20px 0 18px 30px; text-align: center; }

.c-title1 { background: url(../img/common/title1_bg1.png) no-repeat left center !important; padding: 3px 0 3px 20px !important; font-size: 150% !important; font-weight: bold !important; height: auto !important; margin: 10px 0 !important; }
.c-title1 h2 { float: left; font-size: 100%; }
.c-title1__txt1 { float: right; padding-top: 6px; }

.c-title2 { background: #4075b7 !important; padding: 10px 15px !important; border-bottom: 3px solid #ffdc00 !important; margin-top: 50px !important; font-size: 162.5% !important; font-weight: bold !important; color: #fff !important; height: auto !important; line-height: 160% !important; margin-bottom: 15px !important; }
.c-title2 a { color: #fff; text-decoration: none;}

.c-title3 { font-size: 137.5% !important; padding: 0 0 3px 5px !important; margin: 5px 0 10px !important; border-bottom: 2px solid #6191cc !important; background: none !important; }
.school_list li .c-title4 { padding-left: 20px; background: url("../../img/icon.gif") no-repeat 0 center; font-size: 16px; }

.c-link1 a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1.png) no-repeat left center; padding-left: 25px; font-weight: bold; }
.c-link1 a:hover {text-decoration:underline; }

.c-link2 a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon2.png) no-repeat left center; padding-left: 16px; }

.c-link_blank a {display: inline-block;*display: inline;*zoom: 1;background: url(../img/common/icon4.png) no-repeat right center;padding-right: 20px;}

.c-link_down a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/arr_bottom.png) no-repeat left center; padding-left: 25px; font-weight: bold; }
.c-link_down a:hover {text-decoration:underline; }

.c-table1 { width: 100%; margin: 30px 0; }
.c-table1 th { background: #F7F7F7; text-align: center; width: 160px; vertical-align: top; font-size: 93.7% !important; }
.c-table1 td, .c-table1 th { border: 1px solid #ccc; padding: 20px; }

.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { text-align: center; }
.bx-wrapper .bx-viewport img { display: inline; width: auto; }

#__bs_notify__ { display: none !important; }


/*=======================================
講座一覧 
=========================================*/
.wrap1 { margin-left: 10px; margin-right: 10px; position: relative; margin-left: -2%; }
.wrap1 p { display: inline; }
.section2 .wrap1 .box1 { border-radius: 15px; background: #fff; margin-bottom: 30px; float: left; width: 31.3%; margin-left: 2%; }
.section2 .wrap1 .box1 h4 {text-align: center; background: #191970; color: #fff; font-size: 100% !important; font-weight: bold; padding: 5px 0; }
.section2 .wrap1 h5 { background: #DDDDDD; font-weight: bold; padding: 5px 20px; }
.section2 .wrap1 .box1 ul {padding: 20px; zoom: 1; list-style-type: none;}
.section2 .wrap1 .box1 li {font-size: 100% !important; padding-bottom: 4px; }
.clearfix:after { display: block; clear: both; content: "" }
.section2 .wrap1 .box2 { border-radius: 15px; background: #fff; margin-bottom: 10px; width: 100%; margin-left: 2%; }
.section2 .wrap1 .box2 h3, .section2 .wrap1 .box2 h4 {text-align: left; background: #191970; color: #fff; font-size: 100% !important; font-weight: bold; padding: 5px 0 0 10px;  }
.section2 .wrap1 .box2 ul {padding: 20px; zoom: 1; list-style-type: none;}
.section2 .wrap1 .box2 li {font-size: 100% !important; padding-left: 23px; padding-bottom: 12px; display: inline-block; }
.section2 .wrap1 .box2 li:last-child { padding-bottom: 0; }
.section2 .wrap1 .box2 ul li a{ background: url("../img/common/icon1.png") 0px 5px no-repeat; padding: 3px 0 3px 20px; }
.section2 .box3 { border-radius: 15px; background: #eef; padding:10px;  float: left; width:43%; height:340px; margin-left: 2%; margin-bottom: 2%; text-align: center; }
.section2 .box3 .box3-b1{ width:43%; height: 300px; display: table-cell; vertical-align: middle; text-align: center; }
.section2 .box3 h4 {text-align: center; font-size: 100% !important; font-weight: bold; margin-top:10px; }
.section2 .box3 img { max-width: 300px; max-height: 300px; }
.section2 .box4 { border-radius: 15px; background: #fff; margin-bottom: 30px; float: left; width: 47%; margin-left: 3%; }
.section2 .box4 h4 {text-align: center; background: #191970; color: #fff; font-size: 100% !important; font-weight: bold; padding: 5px 0; }
.section2 .box4 ul {padding: 20px; zoom: 1; list-style-type: none;}
.section2 .box4 li {font-size: 100% !important; padding-bottom: 4px; }
.section2 .box5 { border-radius: 15px; background: #fff; padding: 15px; float: left; width:20.4%; margin-right: 2%; margin-bottom: 20px; }
.section2 .box5:last-child { margin-right: 0; }
.section2 .box5 h3 {text-align: center; background: #191970; color: #fff;  font-weight: bold; padding: 5px 0; }
.section2 .box5 img { max-width: 200px; }
.section2 .box5 p { font-size: 97%; margin: 20px 2px 10px; }
.section2 .box6 { border-radius: 15px; background: #fff; padding: 15px; margin-bottom: 30px; float: left; width: 45.8%; margin-right: 2%; }
.section2 .box6:last-child { margin-right: 0; }
.section2 .box6 h3 {text-align: center; background: #191970; color: #fff; font-weight: bold; padding: 5px 0; margin-bottom: 15px; }
.section2 .box6 img { max-width: 220px; float: left; margin-right: 15px; }
.section2 .box6 .txt { float: right; width: 47%;}
.section2 .box6 p { font-size: 97%; line-height: 1.8em !important;}

.section2 dd { margin: 0 0 20px; padding: 10px 0; }
.section2 dd:last-child { margin-bottom: 0; }
.section2 dt h3:before, .section2 dd:before { display: inline-block; margin-right: 8px; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #FFF; font-weight: bold; font-size: 18px !important; border-radius: 4px; }
.section2 dl.faq dt h3:before { content: 'Q'; background-color: #4075b7; }
.section2 dl.faq dd:before { content: 'A'; background-color: #de6653; }

.section2 ul.list1 li { font-weight: bold; font-size: 110%; margin: 10px 0; }
.section2 ul.list1 li:last-child { margin-bottom: 0; }

.section2 ul.prc_list li { margin-bottom: 15px; }
.section2 ul.prc_list li h4 { margin-bottom: 10px; }
.section2 ul.prc_list p { padding: 0 10px; }
.section2 .total { font-size: 140%; color: #ff0000; }

.section2 ul.img_list li { display: inline-block; margin-bottom: 20px; }
.section2 ul.img_list li img { margin-right: 15px; }
.section2 ul.img_list img { max-width: 240px; }


/*=======================================
プレミア俱楽部
=========================================*/
.premiere .innerBox {
	background: #fff;
    border-radius: 10px;
	padding: 15px;
}
.premiere h3 {
	color: #4075b7;
}
.premiere h3.ttl01 {
	height: 30px;
	background: url("/img/premiere_title01.png") no-repeat left bottom/contain;
	color: #2192bc;
	font-size: 160%;
	padding-left: 64px;
	padding-top: 38px;
	border-bottom: 3px solid #2192bc;
}
.premiere h3.ttl02 {
	height: 30px;
	background: url("/img/premiere_title02.png") no-repeat left center/contain;
	color: #57ba1f;
	font-size: 160%;
	padding-left: 64px;
	padding-top: 38px;
	border-bottom: 3px solid #57ba1f;
}
.premiere h3.ttl03 {
	height: 30px;
	background: url("/img/premiere_title03.png") no-repeat left center/contain;
	color: #d7820b;
	font-size: 160%;
	padding-left: 64px;
	padding-top: 38px;
	border-bottom: 3px solid #d7820b;
}
.premiere h3.ttl04 {
	height: 30px;
	background: url("/img/premiere_title04.png") no-repeat left center/contain;
	color: #d40612;
	font-size: 160%;
	padding-left: 64px;
	padding-top: 38px;
	border-bottom: 3px solid #d40612;
}
.premiere h3.ttl05 {
	height: 30px;
	background: url("/img/premiere_title05.png") no-repeat left center/contain;
	color: #7825b7;
	font-size: 160%;
	padding-left: 64px;
	padding-top: 38px;
	border-bottom: 3px solid #7825b7;
}
.premiere .leadTxt {
	padding: 20px 5px;
}
.premiere .leadTxt span.marker {
	background: linear-gradient(transparent 60%, #fff596 60%);
	font-weight: bold;
}
.premiere .sTxt {
	font-size: 90%;
	line-height: 125%;
	padding: 10px 20px 0;
}
.premiere .col3 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.premiere .col3 li {
	padding: 10px;
	text-align: center;
}
.premiere .imgFl {
	float: left;
	padding: 10px;
	margin-right: 15px;
}
.premiere .premBtn {
	text-align: center;
	margin: 30px auto;
}

.marker_bl {
    background: linear-gradient(transparent 60%, #c5f0ff 60%);
    font-weight: bold;
}
.marker_gr {
    background: linear-gradient(transparent 60%, #e1fcc8 60%);
    font-weight: bold;
}
.marker_or {
    background: linear-gradient(transparent 60%, #fde09f 60%);
    font-weight: bold;
}


/*=======================================
シニア向け
=========================================*/
.senior { font-size: 115% !important; line-height: 160% !important; }


/*=======================================
夏期講習 
=========================================*/
.summer .l-pagetitle {display: none;}
.summer .catch {background: url("../../course/images/summer/img-catch.png") no-repeat;height: 207px;margin: 15px 0 70px;}
.summer .catch h2 {font-size: 212.5% !important;line-height: 160% !important; padding: 50px;font-weight: normal !important;}
.summer .kids01 {text-align: center;float: left;font-size: 150% !important;font-weight: bold;padding:10px 0 10px 150px;}
.summer .kids02 {text-align: center;float: right;font-size: 150% !important;font-weight: bold;padding:10px 150px 10px 0;}

/* 2022追加 */
.summer .txt_lft {
	float: left;
	width: 670px;
}
.summer .txt_lft ul li {
	display: inline-block;
	margin-bottom: 10px;
}
.summer .txt_lft ul li .txt_b {
	font-size: 115%;
	font-weight: bold;
}
.summer .txt_lft h4 {
	width: 90px;
	float: left;
	padding: 5px 10px;
	background: #0099cc;
	color: #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .txt_lft p {
	width: 545px;
	float: right;
	padding-top: 5px;
	margin-left: 15px;
}

.summer .skill_wrap {
	margin: 15px 0 70px;
	padding: 2px;
	border: dashed 2px #97a8cb;/*点線*/
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .skill {
	position: relative;
	text-align: center;
	padding: 20px;
	background: #f6d8d3;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .skill .teach {
	position: absolute;
	top: -80px;
	right: 10px;
}
.summer .skill h3 {
	color:#18499d;
	font-size: 200% !important;
	margin-bottom: 20px;
}
.summer .skill li {
	font-weight: bold;
	font-size: 162.5% !important;
	width: 250px;
	margin: 0 19px;
	float: left;
	background: #3face2;
	border: 1px solid #fff;
	padding: 10px;
	color: #fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.summer .jt {
	position: relative;
	margin-top: 20px;
}
.summer .jt .jt01 {
	width: 450px;
	float: left;
}
.summer .jt .jt02 {
	width: 450px;
	float: right;
}
.summer .jt .jt01 dt {
	text-align: center;
	font-weight: bold;
	font-size: 150% !important;
	padding: 5px 20px;
	margin-bottom: 15px;
	background: #0085b4;
	color: #fff;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .jt .jt01 dd {
	margin: 0;
}
.summer .jt .jt02 dt {
	text-align: center;
	font-weight: bold;
	font-size: 150% !important;
	padding: 5px 20px;
	margin-bottom: 15px;
	background: #3db3d2;
	color: #fff;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .jt .jt02 dd {
	margin: 0;
}
.summer .jt .jt02 dd ul li {
	border-bottom: 1px solid #7fc2d9;
	margin-top: 5px;
}
.summer .jt .jt02 dd ul li h4 {
	font-size: 150% !important;
	color: #3db3d2;
}
.summer .jt .abc {
	position: absolute;
	top:70px;
	right: 0px;
}
.summer .jt .keybord {
	position: absolute;
	top:230px;
	right: 0px;
}
.summer .voice_wrap {
	margin: 30px 0 50px;
	padding: 2px;
	border: dashed 2px #97a8cb;/*点線*/
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.summer .voice_wrap h3 {
	font-size: 125% !important;
	font-weight: normal !important;
	margin: 10px 100px;
}
.summer .voice_wrap h3 span {
	font-size: 150% !important;
	padding-right: 20px;
}
.summer .voice {
	font-size: 125% !important;
	padding: 20px;
	background: #cbe1e9;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.summer .voice .img_left {float: left;}
.summer .voice p {float: right;width: 700px;}
.summer .new-cs {
	margin-bottom: 70px;
}
.summer .new-cs h3 {
	text-align: center;
	font-size: 200% !important;
	margin-bottom: 20px;
}
.summer .new-cs p {
	font-size: 125% !important;
	margin-bottom: 20px;
}
.summer h3 span.bg_liner {
  background: linear-gradient(transparent 50%, #ffef00 50%);
}
.summer .tp_ttl {
	margin-top: 15px;
}
.summer .tp_ttl img {
	display: block;
	float: left;
	margin-right: 20px;
}
.summer .tp_ttl h3 {
	float: left;
	text-align: center;
	font-size: 160% !important;
	margin-bottom: 20px;
	padding-top: 20px;
}
.summer .think_wrap {
	margin: 15px 0 50px;
	padding: 2px;
	border: dashed 2px #97a8cb;/*点線*/
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .think {
	text-align: center;
	padding: 20px;
	background: #cbe1e9;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .think h3 {
	color:#18499d;
	font-size: 200% !important;
	margin-bottom: 20px;
}
.summer .think li {
	width: 250px;
	margin: 0 20px;
	float: left;
	padding: 10px;
}
.summer .think li dl dt {
	font-weight: bold;
	font-size: 162.5% !important;
	background: #3face2;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
.summer .think li dl dd {
	text-align: left;
	margin: 0;
}
.summer .tp_block {
	width: 1000px;
	margin: 15px auto;
}
.summer .tp_point2 {
	float: left;
	width: 500px;
}
.summer .tp_point2 p {
	padding: 10px 10px 10px 0;
}
.summer .tp_point3 {
	float: right;
	width: 500px;
}
.summer .tp_point3 p {
	padding: 10px 10px 10px 0;
}
.summer .tp_ttl_b img {
	display: block;
	float: left;
	margin-right: 20px;
}
.summer .tp_ttl_b h3 {
	float: left;
	width: 390px;
	font-size: 135% !important;
	margin-bottom: 20px;
}
.summer .tp_ttl_b h3 span.bg_liner {
  background: linear-gradient(transparent 50%, #ffef00 50%);
}
.summer .exam {
	background: #f6d8d3;
	margin-bottom: 50px;
}
.summer .exam .img_left {
	float: left;
	margin-right: 20px;
}
.summer .exam .txt_right {
	float: left;
	width: 750px;
	padding: 15px 0;
}
.summer .exam .txt_right .exam_ttl {
	background: url("../../course/images/summer/ico-check.png") no-repeat;
}
.summer .exam h3 {
	color: #a30b5e;
	font-size: 162.5% !important;
	margin-left: 140px;
	padding-top: 10px;
}
.summer .exam .txt_right p {
	font-weight: bold;
	font-size: 93.7% !important;
	margin-left: 130px;
	padding-bottom: 10px;
}
.summer .exam .txt_right dt {
	background: #c06b7a;
	color: #fff;
	font-weight: bold;
	font-size: 150% !important;
	padding: 5px 20px;
	margin-top: 15px;
}
.summer .exam .txt_right dd {
	font-size: 125% !important;
	padding: 5px 20px;
	margin-left: 0;
}
.summer .txt_ft {
	text-align: center;
	font-size: 220% !important;
	font-weight: bold;
	line-height: 1.5;
}
.summer .gakuwari {
	text-align: center;
	font-size: 150% !important;
	font-weight: bold;
	margin: 10px 0 50px;
}
.summer .inq_btn {
	text-align: center;
	margin-bottom: 70px;
}
.summer .sps_link {
	text-align: center;
	position: fixed;
	bottom: 0;
	z-index:6;
	width: 1000px;
}
.summer .sps_link a {
	display: block;
}


.kouzaimg {display: inline-block; width: 30%; padding:10px;}
.kouzaimg img { width: 100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
.kouzalist_a { width: 30%; display: inline-block; margin-bottom:20px; vertical-align: top;}
.kouzalist_a img { width: 100%; height: 200px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}
.kouzalist_b { width: 60%; display: inline-block; vertical-align: top;}

.mainimg { display: inline-block; position: relative;  width: 100%;}
.mainimg img { width: 100%; height: 300px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ filter: brightness(90%);}
.mainimg p { position: absolute; top: 50%; left:30%; margin:0;  padding:0; color: #fff; font-size:200%; font-weight: bold; line-height: 1.5em; transform: translate(-50%,-50%); text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px;}
.mainimg th, .u-center td { text-align: center !important; }

.subimg_a { width: 55%; display: table-cell; vertical-align: top;}
.subimg_b { width: 40%; display: table-cell; margin:0; vertical-align: top; text-align: right;}
.subimg_b img { width: 100%; height: 250px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}

.corse_campaign img{width:60%; padding:10px 0;}

/*=======================================
自宅学習
=========================================*/

.youtube_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.youtube_inside{width: 100%;margin: 0 15px 22px;}
.movie_wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.movie_inside{width: 30%;margin: 0 15px 22px;}
.movie_frame p span{font-size: 81.2%}

/*=======================================
ファーストビューへの電話番号の掲載
=========================================*/
.telWrap{
  display: none;
}


/*=======================================
教室を探す
=========================================*/
#shool_area {
  width: 1000px;
  margin: 0 auto 0;
}
#shool_area .school_list .p-top4__block2 .box .c-title2,
#shool_area .school_list .p-top4__block2 .box .c-title2.is--open{
  background-image: none !important;
}


/*=======================================
New! 講座を探す
=========================================*/

/* --- Search Nav (PC & Mobile共通) --- */
.p-top3-search {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding: 40px 0;
    width: 100%;
}

.p-top3-search__button {
    /* PC用固定サイズ */
    width: 196px !important; 
    height: 48px !important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #2A5EAC;
    color: white !important;
    border-radius: 24px;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 900;
    border: 3px solid white;
    box-shadow: 0 4px 4px rgba(0,0,0,0.25);
    padding: 0 16px;
}
.p-top3-search__button:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.p-top3-search__button-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    flex-shrink: 0;
}

.p-top3-search__button-arrow::after {
    content: '';
    display: block;
    width: 16px; /* 画像の表示サイズ */
    height: 16px;
    background-image: url('../img/top/top3_icon_arrow-down.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* --- Ranking Section --- */
.p-top3-ranking {
    border-radius: 10px;
    overflow: hidden;
    width: 80%;
	margin: 0 auto 50px;
}

.p-top3-ranking__header {
    background: #E6333A;
    color: white;
    text-align: center;
    padding: 24px;
}

.p-top3-ranking__title { font-size: 32px; margin: 0; }
.p-top3-ranking__date { font-size: 20px; margin: 8px 0 0; }
.p-top3-ranking__body { background: white; padding: 20px; }

.p-top3-ranking__list { list-style: none; padding: 0; margin: 0; }
.p-top3-ranking__item {
    display: grid;
    grid-template-columns: 80px 250px 1fr;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #DEDCCD;
}
.p-top3-ranking__item:last-child { border-bottom: none; }

.p-top3-ranking__badge {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 700;
    font-size: 28px;
    background-size: cover;
	position: relative;
}

.p-top3-ranking__badge--1 {
    font-size: 22px;
	background:url('../img/top/top3_ranking-1.png') no-repeat top center/cover;
}
.p-top3-ranking__badge--2 {
    font-size: 22px;
	background:url('../img/top/top3_ranking-2.png') no-repeat top center/cover;
}
.p-top3-ranking__badge--3 {
    font-size: 22px;
	background:url('../img/top/top3_ranking-3.png') no-repeat top center/cover;
}

.p-top3-ranking__text a { font-size: 22px; font-weight: 700; text-decoration: none !important; }
.p-top3-ranking__text a:hover { text-decoration: underline !important; }
.p-top3-ranking__text--gold a { color: #ECC003; }
.p-top3-ranking__text--blue a { color: #56A1E2; }
.p-top3-ranking__text--orange a { color: #F29F05; }
.p-top3-ranking__text--green, .p-top3-ranking__text--green a { color: #18988F; }
.p-top3-ranking__text--pink, .p-top3-ranking__text--pink a { color: #DE5DA2; }

.p-top3-ranking__description {
    margin-left: 20px;
}

/* --- Category Cards --- */
.p-top3-category__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(298px, 1fr));
    gap: 24px;
}
.p-top3-category__grid::before,
.p-top3-category__grid::after {
	content: none !important;
}

.p-top3-card {
    border-radius: 10px;
    padding: 20px;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.p-top3-card__icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.p-top3-card__item {
    background: white;
    color: #333;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.p-top3-card__item:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

/* 講座名リスト用の矢印 */
.p-top3-card__item-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #F1B655;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: auto;
}

/* 白抜き矢印アイコンの配置 */
.p-top3-card__item-arrow::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../img/top/top3_icon_arrow-w.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Modifier Colors */
.p-top3-card--office { background: #029B24; }
.p-top3-card--cert { background: #297FD0; }
.p-top3-card--junior { background: #57C452; }
.p-top3-card--basic { background: #F1B655; }
.p-top3-card--business { background: #043E95; }
.p-top3-card--smartphone { background: #DE5D88; }
.p-top3-card--hobby { background: #F48021; }
.p-top3-card--brain { background: #3DBED2; }

.p-top3-card__header { display: flex; align-items: center; gap: 10px; }
.p-top3-card__title { font-size: 24px; margin: 0; line-height: 1.2; }
.p-top3-card__text {
    font-size: 14px;
    line-height: 1.5;
    margin: 10px 0;
}
.p-top3-card__list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 5px;
}
.p-top3-card__item {
    background: white;
    color: #333;
    padding: 12px;
    border-radius: 12px;
    font-size: 16px;
    text-decoration: none !important;
}
.p-top3-card__image {
    width: 100%;
    border-radius: 10px;
}

/* もっと見るボタン */
.p-top3-card__more {
    margin-top: auto;
    text-align: center;
    border: 2px solid white;
    padding: 10px 12px;
    border-radius: 12px;
    color: white !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.p-top3-card__more:hover { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.p-top3-card__more-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    background-color: white;
    border-radius: 50%;
    flex-shrink: 0;
}

/* アイコン画像の共通設定 */
.p-top3-card__more-arrow::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* --- カードごとのアイコン切り分け --- */

/* Office講座 & 資格対策講座 */
.p-top3-card--office .p-top3-card__more-arrow::after,
.p-top3-card--cert .p-top3-card__more-arrow::after {
    background-image: url('../img/top/top3_icon_arrow-b.png');
}

/* スマホ講座 */
.p-top3-card--smartphone .p-top3-card__more-arrow::after {
    background-image: url('../img/top/top3_icon_arrow-p.png');
}

/* 子ども向け講座 */
.p-top3-card--junior .p-top3-card__more-arrow::after {
    background-image: url('../img/top/top3_icon_arrow-g.png');
}

.p-top3-card__note {
    font-size: 14px;
    font-weight: 700;
    color: white;
    margin-top: auto;
}

/* PC表示のアコーディオン（アイコンとタイトルを横並び） */
.p-top3-card__accordion-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

/* PCでは開閉アイコンを隠す */
.p-top3-card__accordion-icon {
    display: none;
}

/* --- アコーディオンの中身（PC・スマホ共通の基本設定） --- */
.p-top3-card__collapsible {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}