@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; }

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: auto; }

.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", Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #f6f5ef; position: relative; -webkit-text-size-adjust: 100%; }

a:link, a:visited { color: #222d82; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

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

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

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
.l-header { background: #fff; border-top: 6px solid #427abe; border-bottom: 1px solid #bcc2c5; position: fixed; top: 0; left: 0; z-index: 9999;}

.l-header1 { padding: 10px 0; }
.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: 26%; }
.l-header1__block2 { float: right; width: 70%; max-width: 380px; }
.l-header1__block2 ul { position: relative; margin-left: -2.08%; }
.l-header1__block2 li { float: left; width: 37.5%; max-width: 180px; margin-left: 2.08%; border-radius: 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
.l-header1__block2 li.btn1 { width: 18.75%; max-width: 90px; }

/*=======================================
グローバルメニュー
=========================================*/
.l-nav { background: #144288; text-align: center; display: none; }
.l-nav li { font-size: 106.2% !important; }
.l-nav li a { display: block; text-align: center; font-weight: bold; text-decoration: none; border-left: 1px solid #6191cc; color: #fff; padding: 16px 0; }
.l-nav li a:hover { background: #6191cc; }
.l-nav li:last-child a { border-right: 1px solid #6191cc; }

.l-nav2 { display: none; position: fixed; top: 70px; width: 100%; z-index: 999; background: #427abe; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%;}
.l-nav2:before { display: block; content: ""; border-bottom: 5px solid #427abe; border-left: 5px solid #fff; border-right: 5px solid #fff; position: absolute; top: -5px; right: 25px; }
.l-nav2_inner { position: absolute; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 1450px; box-sizing: border-box; width: 100%;}
.l-nav2__block1 { padding: 10px; margin-bottom: 10px;}
.l-nav2__block1 > ul.first { padding-top: 0; }
.l-nav2__block1 > ul a { background-color: #fff; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 32px; background-position: 12px center; display: block; }
.l-nav2__block1 > ul > li { margin-bottom: 1px; }
.l-nav2__block1 > ul ul li { margin-top: 1px; font-size: 93.7% !important; line-height: 160%; }
.l-nav2__block1 > ul ul li a { background-color: #fff; padding-left: 50px; background-position: 32px center; background-image: url(../img/common/icon2_alt2.png); }
.l-nav2__block2 { padding: 0 10px 10px; }
.l-nav2__block2 .txt1 { float: left; width: 63%; text-align: center; }
.l-nav2__block2 .img1 { float: right; width: 35%; text-align: center; }
.l-nav2__block2 ul { position: relative; margin-left: -2%; }
.l-nav2__block2 li { float: left; width: 48%; margin-left: 2%; margin-bottom: 2%; border-radius: 10px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5); }
.l-nav2__block2 li.free { margin-right: 29px; border-radius: 18px; width: 98%; }
.l-nav2__block2 li.free img { width: 100%; }
.l-nav2__block2 .sns { width: 80%; display: flex; justify-content: space-around; align-items: center; margin: 10px auto 5px; }
.l-nav2__block2 .sns li { box-shadow: none; width: auto; float: none;}
.l-nav2__block3 {background: #6191cc;color: #fff;text-align: center;padding: 15px 0;font-size: 116%;}
.l-nav2__block3 span {display: inline-block;position: relative;padding-left: 24px;background: url(../img/common/sp/nav1_bg1.png) no-repeat left center;background-size: 16px;}

.l-nav2 .c-link2.c-link-parent { width: 100%; background-image: url(../img/common/icon3_open_alt1.png); background-repeat: no-repeat; background-position: right 14px top 14px; background-size: 16px !important; background-color: #fff; }
.l-nav2 .c-link2.c-link-parent.selected { width: 100%; background-color: #fff; background-image: url(../img/common/icon3_close_alt1.png); background-repeat: no-repeat; background-position: right 14px top 14px; background-size: 16px !important; }
.l-nav2 .c-link2.c-link-parent a { display: inline-block; }
.l-nav2 .c-link2.c-link-parent ul { display: none; }
.l-nav2 .c-link2.c-link-parent li { border-top: 1px solid #427abe; }
.l-nav2 .c-link2.c-link-parent li a { display: block; padding-left: 70px; background-color: #f0f0f0; background-image: url(../img/common/icon2_alt2.png); background-position: 52px center; }

/*=======================================
パンくず
=========================================*/
.l-breadcrumb { background: #e8e6d7; text-align: left; padding: 6px 0; font-size: 81.2% !important; }
.l-breadcrumb li { display: inline; 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: #4178bb url(../img/common/pagetitle_img1_b.jpg) no-repeat center right; background-size: cover; padding: 30px 10px; }
.l-pagetitle h1, .l-pagetitle h2 { font-size: 137.5% !important; font-weight: bold; text-align: left; color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); }

/*=======================================
フッター
=========================================*/
.l-footer { margin-top: 40px; }

.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); }
.l-footer1__block2 li.free { margin-right: 29px; border-radius: 18px; }
.l-footer1__block2 .img1 { position: absolute; right: 0; bottom: 0; z-index: 1; }

.l-footer2 { background: #427abe; color: #fff; }
.l-footer2 .c-wrap { margin: 0; }
.l-footer2 a { color: #fff; text-decoration: none; }
.l-footer2 .footer_txt { padding: 15px 10px 5px; font-size: 93.7% !important; line-height: 120%; }
.l-footer2 .footer_txt2 { padding: 0 10px 30px 20px; font-size: 90.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: 20px; padding: 15px 10px 5px; }
.l-footer2__block1 h3 { margin-bottom: 15px; }
.l-footer2__block1 > ul { background: #fff; }
.l-footer2__block1 > ul li a { display: block; border-bottom: 1px solid #427abe;padding-top: 10px;padding-bottom: 10px; }
.l-footer2__block1 > ul a { color: #000; }
.l-footer2__block1 > ul.first { padding-top: 0; }
/*.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__block1 > ul ul li a { font-weight: normal; }
.l-footer2__block1 .c-link1 a { padding-left: 35px;background-position: 10px center; }
.l-footer2__block1 .c-link2 a { background-image: url(../img/common/icon2_alt2.png);padding-left: 50px;background-position: 35px center; }
.l-footer2__block2 { background: #6191cc; text-align: center; padding-top: 20px; }
.l-footer2__block2 li.IFB2 { display:inline-block; width:40%; }
.l-footer2__block2 a { font-size:16px; color: #fff !important; }
.l-footer2__block2 ul.sns { margin-top: 25px; }
.l-footer2__block2 ul.sns li { display: inline-block; width:15%; }

.l-footer3 { padding: 10px 0 20px; background: #6191cc; }
.l-footer3 a { color: #fff; text-decoration: none; }
.l-footer3__block1 { text-align: center; margin-bottom: 30px; display: none; }
.l-footer3__block1 li { display: inline-block; *display: inline; *zoom: 1; margin: 0 9px; }
.l-footer3__block2 { display: none; }
.l-footer3__block2 h4 { font-size: 87.5% !important; font-weight: normal; margin-bottom: 19px; line-height: 150%; color: #fff; }
.l-footer3__block2 li { display: inline-block; *display: inline; *zoom: 1; font-size: 81.2% !important; margin-right: 10px; 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-footer3__block3 p small { font-size: 13px !important; }

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

/* ----------------------------- 2. トップページ */
/*=======================================
トップページ
=========================================*/
.p-top1 { background: url(../img/top/top5_bg2.png) center top; padding-bottom: 20px; margin-bottom: 18px; }
.p-top1 .c-wrap { margin: 0; }
.p-top1__block1 .bx-wrapper { margin-bottom: 15px; }
.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: -23px; left: 0; padding-top: 0; width: 100%; text-align: center; }
.p-top1__block1 .bx-wrapper .bx-pager .bx-pager-item a { width: 10px; height: 10px; 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 { position: relative; margin-right: -7px; }

.p-top2 { margin-bottom: 25px; }
.p-top2 .infomation {
	width: 100%;
	padding: 15px 0;
	margin-bottom: 15px;
	text-align: center;
	border: 2px solid #ffdc00;
	background: #fffed9;
  font-size: 100%; /* 14px; */
}

.p-top2 h2 { text-align: center; margin: 50px 0 10px; }
.p-top3__block_new { border: 3px solid #ffdc00; border-radius: 12px; background: #fffed9; padding: 15px;  margin: 10px auto; }
.p-top3__block_new .box1 { position: relative; margin-bottom: 12px; }
.p-top3__block_new .box1 .tit1 { margin-bottom: 12px; position: absolute; float: right; width: 110px; right: -10px; top: -25px; }
.p-top3__block_new .box1 .tit2 { margin-bottom: 6px; margin-right: 90px; }
.p-top3__block_new .box1 .tit2 p { background: #144288; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 1px 8px; margin-bottom: 8px; }
.p-top3__block_new .box1 .tit2 h3 { font-size: 162.5% !important; font-weight: bold; line-height: 140%; }
.p-top3__block_new .box1 .txt1 { clear: both; }
.p-top3__block_new .box1 .txt1 p { line-height: 160%; }
.p-top3__block_new .box2 .txt2 { margin-top: 12px; }

.p-top3 #course1, .p-top3 #course2 { scroll-margin-top: 130px; }

.p-top3__block_nav { padding: 30px 0 10px; }
.p-top3__block_nav .c-wrap { margin: 0; }
.p-top3__block_nav ul { display: flex; justify-content: center; }
.p-top3__block_nav li { padding: 0 8px; border-right: 1px solid #222d82; line-height: 1.3; }
.p-top3__block_nav li:last-child { border-right: 0; }

.p-top3__block_pr { padding-top: 20px; }
.p-top3__block_pr .c-wrap { display: grid; }
.p-top3__block_pr .pr-movie { width: 100%; max-width: 408px; aspect-ratio: 16/9; height: auto; }
.p-top3__block_pr .pr-text { background: #FFF; padding: 10px 15px; color: #00397f; font-weight: bold; }
.p-top3__block_pr .pr-text span { color: #FF0000; }
.p-top3__block_pr .pr-text .lead1 {
	padding: 20px 0 10px;
	font-size: 150%;
	line-height: 1.35;
	display: flex; }
.p-top3__block_pr .pr-text .lead1 img {
	width: 65px;
	height: 65px;
	margin-right: 10px; }
.p-top3__block_pr .pr-text .lead2 {
	text-align: center;
	font-size: 99%;
	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: 86%;
	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 { margin-bottom: 40px; }
.p-top3__block1 .c-wrap { margin: 0; }
.p-top3__block1 h3.c-title2 { margin: 20px 0 10px !important; }
.p-top3__block1 .bnr-block { margin: 0 10px; }
.p-top3__block1 .bnr-block a { display: block; margin-bottom: 20px; }
.p-top3__block1 .bnr-block p { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1.png) no-repeat left 3px; padding-left: 23px; margin-top: 5px; font-weight: bold; }
.p-top3__block1 ul { margin: 0 10px; }
.p-top3__block1 li { border-bottom: 1px solid #dedccd; }
.p-top3__block1 li a { display: block; background: #fff; padding: 10px; text-align: center; text-decoration: none; }
.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; padding: 10px; text-align: center; 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: 70%; text-align: left; background: url(../img/common/icon1_alt2.png) no-repeat center left; padding-left: 34px; float: left;}
.p-top3__block1 li h3 { font-size: 120% !important; line-height: 150%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin-bottom: 3px; }
.p-top3__block1 li span.txt2 { display: block; }
.p-top3__block1 li span.img1 { width: 17%; float: right;}
.p-top3__tit1 { background: url(../img/top/top3_bg1.jpg) repeat-x center bottom; background-size: auto 88%; }
.p-top3__tit1 h2 { background: url(../img/top/top3_icon1.png) no-repeat left 5px; background-size: 60px; padding: 22px 0 16px 65px; }
.p-top3__tit1 h2 { font-size: 200%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69; line-height: 1.2; }
.p-top3__tit1 h2 span { font-size: 120%; color: #fce800; }
.p-top3__tit1.tit2 h2 { margin-top: 22px; }

.p-top3__block2 { margin-bottom: 40px; }
.p-top3__block2 .c-wrap { margin: 0; }
.p-top3__block2 h3.c-title2 { margin: 20px 0 10px !important; }
.p-top3__block2 .box { margin: 0 10px; }
.p-top3__block2 .box { background: #fff; }
.p-top3__block2 .box .tit1 { font-size: 130.5% !important; font-weight: bold; color: #fff; padding: 0 10px; }
.p-top3__block2 .box .tit1 div { padding: 15px 0; background: url(../img/common/icon3_open.png) no-repeat right center; background-size: 20px; }
.p-top3__block2 .box .tit1 div.is--open { background-image: url(../img/common/icon3_close.png); }
.p-top3__block2 .box ol { list-style: none; }
.p-top3__block2 .box li { border-bottom: 1px solid #dedccd; }
.p-top3__block2 .box li h4 { font-size: 125%; color: #666; margin-bottom: 3px; }
.p-top3__block2 .box li span { padding-left: 15px; background-repeat: no-repeat; background-position: left center; font-size:16px; }
.p-top3__block2 .box li { display: block; padding: 12px; }
.p-top3__block2 .box li.index .img1 { float: left; width: 76px; margin-right: 10px; }
.p-top3__block2 .box ul p { padding: 12px; font-size: 107%!important;　line-height: 1.5; border-bottom: 1px solid #dedccd; }
.p-top3__block2 .box .more { padding: 10px; text-align: right; }
.p-top3__block2 .box .more a { background: url(../../images/overview/arrow_right.png) no-repeat left; padding-left: 25px; font-size:16px; font-weight: bold; }
.p-top3__block2 .box.box1 .tit1 { background: #2893a6; }
.p-top3__block2 .box.box1 .tit1 div { background-image: none; }
.p-top3__block2 .box.box1 li a { background: url(../img/common/icon2_alt1.png) no-repeat left center; font-size: 16px; padding-left: 14px; }
.p-top3__block2 .box.box2 .tit1 { background: #144288; }
.p-top3__block2 .box.box2 .tit1 div { background-image: none; }
.p-top3__block2 .box.box2 li a { background: url(../img/common/icon2_alt2.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box3 { background: url(../img/top/sp/top3_bg2.png) no-repeat center top; position: relative; text-align: center; padding: 10px; margin-top: 10px; }
.p-top3__block2 .box.box3 h3 { text-align: center; }
.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: 160%; }
.p-top3__block2 .box.box3 ol { text-align: left; padding: 10px 10px 1px; background: #fff; margin-top: 3px; }
.p-top3__block2 .box.box3 li { background-repeat: no-repeat; background-position: left center; background-size: 25px; padding-left: 30px; font-weight: bold; border: 0; }
.p-top3__block2 .box.box3 li a { padding: 0; }
.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: 122.5% !important; }
.p-top3__block2 .box.box3 li.rank4, .p-top3__block2 .box.box3 li.rank5 { font-size: 112.5% !important; }
.p-top3__block2 .box.box4 .slidable { display: none; }
.p-top3__block2 .box.box4 .tit1 { background: #37a360; }
.p-top3__block2 .box.box4 li a { background: url(../img/common/icon2_alt3.png) no-repeat left center; padding-left: 14px; }
.p-top3__block2 .box.box4 .bnr1 { padding: 10px; }
.p-top3__block2 .box.box5 .slidable { display: none; }
.p-top3__block2 .box.box5 .tit1 { background: #7d55b7; }
.p-top3__block2 .box.box5 li a { background: url(../img/common/icon2_alt4.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box6 .slidable { display: none; }
.p-top3__block2 .box.box6 .tit1 { background: #df6418; }
.p-top3__block2 .box.box6 li a { background: url(../img/common/icon2_alt5.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box7 .slidable { display: none; }
.p-top3__block2 .box.box7 .tit1 { background: #df5da3; }
.p-top3__block2 .box.box7 li a { background: url(../img/common/icon2_alt6.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box8 .slidable { display: none; }
.p-top3__block2 .box.box8 .tit1 { background: #37a360; }
.p-top3__block2 .box.box8 li a { background: url(../img/common/icon2_alt3.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box9 .slidable { display: none; }
.p-top3__block2 .box.box9 .tit1 { background: #ffcc00; }
.p-top3__block2 .box.box9 li a { background: url(../img/common/icon2_alt7.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box.box10 .slidable { display: none; }
.p-top3__block2 .box.box10 .tit1 { background: #5871c0; }
.p-top3__block2 .box.box10 li a { background: url(../img/common/icon2_alt8.png) no-repeat left center; font-size:16px; padding-left: 14px; }
.p-top3__block2 .box p.txtb { border-bottom: none; }
.p-top3__block3 { text-align: center; margin-bottom: 50px; }

.p-top3__block4 { /*background: url(../img/common/bg1.png) center top;*/ padding-top: 10px; }
.p-top3__block4 .box { box-sizing: border-box; width: 100%; background: #fff; margin: 0 0; 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 { margin: 0 0 10px; }
.p-top3__block4 .box.box1 { 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: 20px; }
.p-top3__block4 .box .c-link1 a:link, .p-top3__block4 .box .c-link1 a:visited { color: #222d82; text-decoration: underline; }

.p-top3__tit1.tit3 { position: relative; margin-top: 20px; }
.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: 70px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; /*background-image: url("https://www.pc4353.net/common/img/top/arrow_white.png") !important;background-position: right 15px center !important; background-repeat: no-repeat !important; background-size: 20px auto !important;*/}
.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.movie { position: relative; width: 100%; text-align: center; }
.p-top3__block4 .box .picArea .pic iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.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 10px 0; }
.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; }


.school { margin: 20px 0 0; }
/*.school_list .p-top4__block2 .area_inner {display: none; }*/
.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; }
.school_list .p-top4__block2 .box li a { padding: 0 !important; font-size: 16px !important;}
.school_list .p-top4__block2 .box li a span { padding-left: 0 !important; }
.school_list .p-top4__block2 .box li span { background-image: none !important; padding: 0 5px !important; }
.school_list .p-top4__block2 .box .c-title2 { border-left: none !important; border-left-color: transparent; margin: 20px 0 10px !important; font-size: 112.5% !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 5px !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; }
.school_list .area_inner { margin: 0 10px; }


.p-top4 { margin-bottom: 60px; }
.p-top4 h2 { /*background: url(../img/top/sp/top4_bg1.png) repeat-x;
background-size: contain;*/ /*padding: 12px 15px 15px;*/ }
.p-top4 h2 { padding: 18px 12px 16px; font-size: 200%!important; font-weight: bold; font-style: italic; color: #FFF; text-align: left !important; text-shadow: 1px 1px 3px #354f69; border-bottom: 3px solid #ffdc00; background: url(../img/top/top4_bg1.png) center top; position: relative; line-height: 1.2em; }
.p-top4 h2 .block {}
.p-top4 h2 .box1 { display: block; margin-bottom: 10px; }
.p-top4 h2 .box2 { display: inline-block; background: #fff; border-radius: 100px; padding: 5px 14px; font-size: 55%; font-style: normal; color: #000; text-shadow: none; }
.p-top4 h2 img { position: absolute; top: 10px; right: 10px; width: 100px; height: auto;}
.p-top4 h2 .red { color: #d33318; }

.p-top4 h2 strong { font-size: 120%; color: #fce800; }
.p-top4__block2 .box { border-bottom: 1px solid #dedccd; background: #f6f5ef; }
.p-top4__block2 .box h3 { border-left: 10px solid; padding: 18px 10px 18px 15px; font-size: 118.7% !important; font-weight: bold; background: #fff; }
.p-top4__block2 .box h3 div { background-repeat: no-repeat; background-position: right center; background-size: 20px; }
.p-top4__block2 .box ul { display: none; }
.p-top4__block2 .box li { border-top: 1px solid #dedccd; }
.p-top4__block2 .box li a { display: block; padding: 15px 20px; font-size: 118.7% !important; }
.p-top4__block2 .box li span { display: block; background-repeat: no-repeat; background-position: left center; background-size: 7px auto; padding-left: 18px; }
.p-top4__block2 .box.box1 h3 { border-left-color: #427abe; }
.p-top4__block2 .box.box1 h3 div { background-image: url(../img/common/icon3_open_alt1.png); }
.p-top4__block2 .box.box1 h3 div.is--open { background-image: url(../img/common/icon3_close_alt1.png); }
.p-top4__block2 .box.box1 li span { background-image: url(../img/common/icon3_alt1.png); }
.p-top4__block2 .box.box2 h3 { border-left-color: #ffc000; }
.p-top4__block2 .box.box2 h3 div { background-image: url(../img/common/icon3_open_alt2.png); }
.p-top4__block2 .box.box2 h3 div.is--open { background-image: url(../img/common/icon3_close_alt2.png); }
.p-top4__block2 .box.box2 li span { background-image: url(../img/common/icon3_alt2.png); }
.p-top4__block2 .box.box3 h3 { border-left-color: #df6418; }
.p-top4__block2 .box.box3 h3 div { background-image: url(../img/common/icon3_open_alt3.png); }
.p-top4__block2 .box.box3 h3 div.is--open { background-image: url(../img/common/icon3_close_alt3.png); }
.p-top4__block2 .box.box3 li span { background-image: url(../img/common/icon3_alt3.png); }
.p-top4__block2 .box.box4 h3 { border-left-color: #2893a6; }
.p-top4__block2 .box.box4 h3 div { background-image: url(../img/common/icon3_open_alt4.png); }
.p-top4__block2 .box.box4 h3 div.is--open { background-image: url(../img/common/icon3_close_alt4.png); }
.p-top4__block2 .box.box4 li span { background-image: url(../img/common/icon3_alt4.png); }
.p-top4__block2 .box.box5 h3 { border-left-color: #df5da3; }
.p-top4__block2 .box.box5 h3 div { background-image: url(../img/common/icon3_open_alt5.png); }
.p-top4__block2 .box.box5 h3 div.is--open { background-image: url(../img/common/icon3_close_alt5.png); }
.p-top4__block2 .box.box5 li span { background-image: url(../img/common/icon3_alt5.png); }
.p-top4__block2 .bnr1 { padding: 10px 40px; text-align: center; }

.p-top5 h2 { padding: 15px 0 20px; font-size: 150%!important; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #ee6603; border-bottom: 3px solid #ffdc00; }
.p-top5 h2 strong { font-size: 150%; color: #fce800; position: relative; top: 3px; }
.p-top5 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top5 h2 .small { font-size: 80%; }
.p-top5__block1 { background: url(../img/top/top5_bg2.png) center top; padding-bottom: 1px; }
.p-top5__block1 li { margin: 0 0 10px 0; text-align: left; }
.p-top5__block1 li.premium { position: relative; }
.p-top5__block1 li.premium span { position: absolute; display: block; width: 100%; padding: 0 10px; text-align: center; bottom: 3%; box-sizing: border-box; }
.p-top5__block2 { background: url(../img/top/top5_bg3.png) no-repeat center top; background-size: 120px auto; padding-top: 25px; text-align: center; margin-bottom: 50px; }
.p-top5__block2 .c-btn1 a { padding: 0 5px; }
.p-top5__block2 .c-btn1 a span { padding-left: 25px;background-size: 17px; }

/* 追加 他社比較表 */
.p-top5__block1 table { line-height:1.7em; border-collapse: separate; border-spacing: 3px; table-layout: fixed; width: 100%; 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; background-size: 100%; }
.p-top5__block1 tbody th, .p-top5__block1 tbody td { padding: 10px; }
.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: 137.5% !important; font-weight: bold !important; height: auto !important; }
.p-top5__block1 .c-title1 h3 { font-size: 100%; }

.p-top6 h2 { padding: 15px 0 16px; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #2893a6; border-bottom: 3px solid #ffdc00; line-height: 1.6em; }
.p-top6 h2 strong { font-size: 170%; color: #fce800; position: relative; top: 2px; }
.p-top6 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top6 h2 .small { font-size: 80%; }
.p-top6 h2 .red { font-size: 100%; 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: 2px; }
.p-top6 h2 strong .red .small { color: #d33318; font-size: 70%;  position: relative; top: -2px; }
.p-top6__block1 { background: url(../img/top/top5_bg2.png) center top; padding: 10px 0 40px; }
.p-top6__block1 .box1 { margin: 0 0 10px 0; background: url(../img/top/top6_bg2.png) no-repeat center top #fff; background-size: 115%; border-radius: 10px; }
.p-top6__block1 .box1-txt1 { padding: 15px 5px 0 15px; }
.p-top6__block1 .box1-txt1 .img1 { float: left; width: 28%; padding: 4px; border: 1px solid #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FFF; }
.p-top6__block1 .box1-txt1 .txt1 { float: right; width: 68%; }
.p-top6__block1 .box1-txt1 .txt1 h3 { color: #fff; font-weight: bold; font-size: 145% !important; line-height: 160%; }
.p-top6__block1 .box1-txt1 .txt1 h3 br { display: none; }
.p-top6__block1 .box1-txt1 .txt1 span { border-bottom: 2px solid #ffdc00; }
.p-top6__block1 .box1-txt2 { position: relative; padding: 5px 15px 10px; clear: both; }
.p-top6__block1 .box1-txt2 .txt1 { margin-bottom: 10px; text-align: right; color: #777;  }
.p-top6__block1 .box1-txt2 .c-link1 { margin-top: 8px; }
/*.p-top6__block2 { background: url(../img/top/top5_bg3.png) no-repeat center top; background-size: 120px auto; padding-top: 25px; text-align: center; margin-bottom: 30px; }*/
.p-top6__block2 { display:none; }

.p-top7 { margin-bottom: 30px; }
.p-top7__block1 { display: none; }
.p-top7__block2 { position: relative; }
.p-top7__block2 .box1 { margin-bottom: 15px; text-align: center; }

.p-top8 { margin-bottom: 50px; }
.p-top8 .c-title1 { margin-right: 10px; margin-left: 10px; }
.p-top8 ul { border-top: 1px solid #dedccd; margin-bottom: 10px; }
.p-top8 li { border-bottom: 1px solid #dedccd; }
.p-top8 li a { display: block; padding: 5px; text-decoration: none; color: #333; }
.p-top8 li h3 { font-weight: normal; }
.p-top8 li p.title  { font-weight: normal; }
.p-top8 .c-link1.u-right {padding-right: 20px;}
.p-top8__block1 .box1 { margin-top: 20px; }

.p-top9 { margin: 30px 0; }
.p-top9 .c-title1 .c-title1__txt1 {font-size: 75%;}
.p-top9 ul { position: relative; margin-left: -2%; }
.p-top9 li { float: left; width: 48%; margin-left: 2%; margin-bottom: 4%; }
.p-top9 li:nth-child(2n+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 { margin-bottom: 30px; }

/* 追加 パソコン市民講座ってどんな教室？ */
.p-top10 h2 { padding: 15px 0 20px; font-size: 150%!important; font-weight: bold; letter-spacing: -0.02em; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #ee6603; border-bottom: 3px solid #ffdc00; }
.p-top10 h2 strong { font-size: 150%; color: #fce800; position: relative; top: 3px; }
.p-top10 h2 strong .small { font-size: 85%; color: #fce800; }
.p-top10 h2 .small { font-size: 80%; }
.p-top10__block1 { background: url(../img/top/top5_bg2.png) center top; padding: 10px 0 40px; }
.p-top10__block1 li { display: inline-block; background: #fff; border-radius: 10px; border: 3px solid #6191cc; padding: 10px; margin-bottom: 10px; }
.p-top10__block1 ul li img { width: 105px; float: right; margin-left: 7px; }
.p-top10__block1 h3 { width: 70%; font-weight: bold; font-size: 130% !important; line-height: 160%; margin-bottom: 7px; }
.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: 396px; padding: 0 5px 10px; }

/* 追加 よくあるご質問 */
.p-top11 { margin-bottom: 30px; }
.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: 16px !important; }
.p-top11 dd { margin: 0 0 20px; padding: 20px 0; border-bottom: 1px solid #dedccd; }
.p-top11 dd:last-child { margin-bottom: 10px; }
.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: 15px 0 20px; font-weight: bold; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #2893a6; border-bottom: 3px solid #ffdc00; line-height: 1.2em; }
.p-top12 h2 strong { font-size: 140%; color: #fce800; position: relative; top: 3px; }
.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: 10px 0 40px; }
.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-bottom: 10px; background: #fff; border-radius: 10px; }
.p-top12__block1 .box1-txt1 { padding: 15px 0; text-align: center; }
.p-top12__block1 .box1-txt1 img { width: 160px; padding: 4px; border: 1px solid #999; background: #FFF; }
.p-top12__block1 .box1-txt1 .txt1 { 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: 5px; }
.p-top12__block1 .box1-txt2 table { border-spacing: 10px; }
.p-top12__block1 .box1-txt2 table th { width: 45%; background: #2893a6; color: #fff; }
.p-top12__block1 .box1-txt2 table td p { border-top: 2px dotted #2893a6; padding-top: 5px; }


/*=======================================
サイドバー
=========================================*/
.p-side { margin: 20px 0; }

.p-side1__block1 { background: #fff; border: 1px solid #DFDECA; padding: 9px; margin-bottom: 20px; }
.p-side1__block1 table { width: 100%; table-layout: fixed; 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: 8px 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__block3 p { color: #fff; text-decoration: none; background: url(../img/blog/blog2_bg6.png); margin-bottom: 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__block3 li a { display: block; padding: 6px 0; border-bottom: 1px solid #C6C2A6; color: #152C45; text-decoration: none; font-size: 92.8%; }
.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; }

/* ----------------------------- 3. 下層ページ */
/*=======================================
overview
=========================================*/
.p-overview .l-pagetitle { background: #fff; }
.p-overview .l-pagetitle h1 { font-size: 137.5% !important; font-weight: bold; text-align: left; color: #144288; text-shadow: none; }
.p-overview .header { background-color: #f6f5ef; line-height: 2em; padding-bottom: 50px; }
.p-overview .header_wrap { position: relative; width: 100%; 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: 25px 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: 12%; left: 0; right: 0; width: 100%; }
.p-overview .header__block4 { position: relative; }
.p-overview .header__block4 .txt { position: absolute; top: 8%; left: 0; right: 0; width: 70%; margin: auto; 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: 5%; left: 0; right: 0; }

.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: 10px; }
.p-overview .choice__list ul li { display: inline-block; width: 100%; margin-bottom: 10px; position: relative; }
.p-overview .choice__list .contents1_btm img { height: 140px!important; }
.p-overview .choice__list .contents2_btm img { height: 140px!important; }
.p-overview .choice__list .contents3_btm img { height: 140px!important; }
.p-overview .choice__list .contents4_btm img { height: 150px!important; }
.p-overview .choice__list .contents5_btm img { height: 150px!important; }
.p-overview .choice__list .contents6_btm img { height: 140px!important; }
.p-overview .choice__list .contents1_txt { padding: 10px; position: absolute; top: 51.5%; }
.p-overview .choice__list .contents2_txt { padding: 10px; position: absolute; top: 51.5%; }
.p-overview .choice__list .contents3_txt { padding: 10px; position: absolute; top: 51.5%; }
.p-overview .choice__list .contents4_txt { padding: 10px; position: absolute; top: 50%; }
.p-overview .choice__list .contents5_txt { padding: 10px; position: absolute; top: 50%; }
.p-overview .choice__list .contents6_txt { padding: 10px; position: absolute; top: 51.5%; }
.p-overview .choice__list ul li h3 { font-weight: bold; line-height: 1.3; 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: 18px; position: absolute; left: 20px; top: calc(44% - 90px);}
.p-overview .choice__list ul li:nth-of-type(1) h3 span { font-size: 34px;}
.p-overview .choice__list ul li:nth-of-type(2) h3 { font-size: 20px; position: absolute; left: 20px; top: calc(44% - 90px);}
.p-overview .choice__list ul li:nth-of-type(2) h3 span { font-size: 30px;}
.p-overview .choice__list ul li:nth-of-type(3) h3 { font-size: 16px; position: absolute; left: 20px; top: calc(44% - 90px);}
.p-overview .choice__list ul li:nth-of-type(3) h3 span { font-size: 30px;}
.p-overview .choice__list ul li:nth-of-type(3) h3 span.black { font-size: 24px;}
.p-overview .choice__list ul li:nth-of-type(4) h3 { font-size: 18px; position: absolute; left: 20px; top: calc(44% - 115px); line-height: 1.2;}
.p-overview .choice__list ul li:nth-of-type(4) h3 span { font-size: 30px;}
.p-overview .choice__list ul li:nth-of-type(4) h3 span.black { font-size: 32px;}
.p-overview .choice__list ul li:nth-of-type(5) h3 { font-size: 20px; position: absolute; left: 20px; top: calc(44% - 90px);}
.p-overview .choice__list ul li:nth-of-type(5) h3 span { font-size: 34px;}
.p-overview .choice__list ul li:nth-of-type(6) h3 { font-size: 18px; position: absolute; left: 20px; top: calc(44% - 90px);}
.p-overview .choice__list ul li:nth-of-type(6) h3 span { font-size: 34px;}
.p-overview .choice__list .more { margin-top: 5px; letter-spacing: 0px; }
.p-overview .choice__list a { background: url(../../images/overview/arrow_right.png) no-repeat left; padding: 10px 25px; font-weight: bold; }
.p-overview .choice__list a.arrow_btm { background: url(../../images/overview/arrow_btm.png) no-repeat left; }
.p-overview .choice__reason { padding-bottom: 50px; }
.p-overview .choice__reason ul li { background: url(../../images/overview/sp/choice_list_bg.png) no-repeat left top; margin-bottom: 20px; background-size: 100% 100%; }
.p-overview .choice__reason ul li:nth-of-type(4) { background: url(../../images/overview/sp/choice_list_bg4.png) no-repeat left top; margin-bottom: 20px; background-size: 100% 100%; }
.p-overview .choice__reason .list1 .info { padding-left: 20px; padding-right: 20px; }
.p-overview .choice__reason .list1 .info > img { margin-top: 15px; width: 85%; }
.p-overview .choice__reason .list1 .txt { display: inline-block; width: 60%; height: 150px; padding-top: 15px; padding-bottom: 10px; }
.p-overview .choice__reason .list1 .img { width: 38%; display: inline-block; vertical-align: top; text-align: right; padding-bottom: 15px; }
.p-overview .choice__reason .list2 .info { padding-left: 20px; padding-right: 20px; }
.p-overview .choice__reason .list2 .info > img { margin-top: 10px; width: 70%; }
.p-overview .choice__reason .list2 .txt { display: inline-block; width: 48%; height: 150px; padding-top: 15px; padding-bottom: 10px; }
.p-overview .choice__reason .list2 .img { width: 50%; display: inline-block; vertical-align: top; text-align: right; }
.p-overview .choice__reason .list3 { position: relative; }
.p-overview .choice__reason .list3 .info { padding-left: 20px; padding-right: 20px; }
.p-overview .choice__reason .list3 .info > img { margin-top: 20px; }
.p-overview .choice__reason .list3 .txt { display: inline-block; width: 48%; height: 150px; padding-top: 15px; padding-bottom: 10px; }
.p-overview .choice__reason .list3 .img { width: 50%; display: inline-block; vertical-align: top; text-align: right; }
.p-overview .choice__reason .list4 .info { padding-left: 20px; padding-right: 20px; }
.p-overview .choice__reason .list4 .info > img { margin-top: 15px;  width: 78%; }
.p-overview .choice__reason .list4 .txt { display: inline-block; width: 48%; height: 150px; padding-top: 15px; padding-bottom: 10px; }

.p-overview .step { background-color: #fffed9; margin-bottom: 50px; }
.p-overview h2.step__title { padding: 15px 0 20px; font-size: 130%!important; font-weight: bold; letter-spacing: -0.02em; font-style: italic; color: #FFF; text-shadow: 1px 1px 3px #354f69;  background: #144288; border-bottom: 3px solid #ffdc00; }
.p-overview h2.step__title strong { font-size: 150%; color: #fce800; position: relative; top: 3px; }
.p-overview h2.step__title strong .small { font-size: 85%; color: #fce800; }
.p-overview h2.step__title .small { font-size: 80%; }
.p-overview .step .tit { display: inline-block; padding: 10px 0; border-top: 2px #282828 solid; border-bottom: 2px #282828 solid; width: 100%; position: relative; }
.p-overview .step .icon { width: 120px; position: absolute; top: -8px; }
.p-overview .step h3 { width: 60%; margin-left: 130px; /*font-feature-settings : "palt" 1;*/ font-size: 22px; font-weight: bold; line-height: 1.5em; text-align: left; vertical-align: middle; }
.p-overview .step .info { padding-top: 20px; padding-bottom: 20px; }
.p-overview .step .info > p:nth-of-type(1) { padding-bottom: 20px; }
.p-overview .step .info > p:nth-of-type(2) { margin-bottom: 20px; }
.p-overview .step .step1,
.p-overview .step .step2,
.p-overview .step .step3,
.p-overview .step .step4,
.p-overview .step .step5,
.p-overview .step .step6 { padding-top: 20px; background: url(../../images/overview/sp/step_arrow.png) no-repeat left bottom; background-size: 100%; }
.p-overview .step .step1 .balloon,
.p-overview .step .step2 .balloon,
.p-overview .step .step3 .balloon,
.p-overview .step .step4 .balloon,
.p-overview .step .step5 .balloon,
.p-overview .step .step6 .balloon,
.p-overview .step .step7 .balloon { margin-left: 10px; margin-right: 10px; padding-bottom: 20px; }
.p-overview .step .step7 { padding-top: 20px; border-bottom: 5px solid #ffdc00; }
.p-overview .step .step3 .step_title { font-size: 18px; padding-top: 5px; padding-bottom: 5px; }
.p-overview .step .step5 .step_title { font-size: 18px; padding-top: 5px; padding-bottom: 5px; }
.p-overview .step .step6 .step_title { font-size: 18px; padding-top: 5px; padding-bottom: 5px; }

.p-overview .p-top7__block1 { display: block; }
.p-overview .p-top7__block1 .c-link1 { margin: 5px 0 15px; }
.p-overview .price { padding-bottom: 40px; }
.p-overview .price .r-link { text-align: right; margin-right: 10px; }

/*=======================================
受講料金LP
=========================================*/
.p-price__block4 { margin-bottom: 30px; }
.p-price__block4 .box .c-link1 { margin: 5px 0 10px; }

.price_tbl { border-collapse: collapse; margin-bottom: 20px; }
.price_tbl tr th { width: 38%; border: 1px solid #6191cc; color: #144288; background-color: #cde3ff; padding: 10px 15px; font-size: 20px; font-weight: bold; text-align: center; }
.price_tbl tr td { border: 1px solid #6191cc; background-color: #fff; padding: 10px 15px; font-size: 14px; }
.price_tbl .info { font-size: 18px; font-feature-settings : "palt" 1; margin: 10px 5px; }
.price_tbl .info2 { font-size: 16px; font-feature-settings : "palt" 1; margin: 10px 0; }
.price_tbl .prc { font-size: 125%; color: #ff0000; }
.price_tbl .tax { font-size: 75.5%; }

.price_dtl_tbl { border-collapse: collapse; margin-bottom: 10px; width: 100%; }
.price_dtl_tbl tr th { width: 38%; border: 1px solid #ccc; background-color: #eef; padding: 10px; font-weight: bold; text-align: left; }
.price_dtl_tbl tr td { 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 { margin-bottom: 15px; }
.price_dtl:last-child { margin-bottom: 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; background-size: 100%; }
.price_diff_tbl tbody th, .price_diff_tbl tbody td { padding: 10px; }


/* ----------------------------- 4. 投稿 */
/*=======================================
お知らせ
=========================================*/
/*=======================================
お知らせ 詳細
=========================================*/
.p-news2 { padding: 0 0 30px; }
.p-news2__block1 { margin-bottom: 40px; }
.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 { font-size: 125% !important; }
.p-news2__block1 .txt1 p { margin-bottom: 5px; 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 ul { position: relative; margin-left: -2%; }
.p-news2__block2 li { float: left; width: 31.3%; margin-left: 2%; text-align: center; }
.p-news2__block2 li a { display: inline-block; *display: inline; *zoom: 1; text-decoration: none; padding-bottom: 5px; border-bottom: 2px solid #0068B8; }
.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, .c-wrap2 { margin-left: 10px; margin-right: 10px; }

.c-btn1 { padding: 10px; }
.c-btn1 a { display: block; background: #144288; color: #fff; text-decoration: none; font-size: 125% !important; padding: 0 10px; border-radius: 12px; box-shadow: #10356d 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 150%; text-align: center; }
.c-btn1 a span { display: inline-block; *display: inline; *zoom: 5; background: url(../img/common/icon1_alt1.png) no-repeat left center; background-size: 22px; padding: 10px 0 10px 30px; }

.c-btn2 { padding: 10px; }
.c-btn2 a { display: block; background: #ff6347; color: #fff; text-decoration: none; font-size: 125% !important; padding: 0 10px; border-radius: 12px; box-shadow: #ff4500 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 150%; text-align: center; }
.c-btn2 a span { display: inline-block; *display: inline; *zoom: 5; background: url(../img/common/icon1_alt3.png) no-repeat left center; background-size: 22px; padding: 10px 0 10px 30px; }

.c-btn3 { padding: 10px; }
.c-btn3 a { display: block; background: #ffd700; color: #333; text-decoration: none; font-size: 125% !important; padding: 0 10px; border-radius: 12px; box-shadow: #ffc309 0 7px 0, rgba(0, 0, 0, 0.3) 0 2px 6px; font-weight: bold; line-height: 150%; text-align: center; }
.c-btn3 a span { display: inline-block; *display: inline; *zoom: 5; background: url(../img/common/icon1_alt4.png) no-repeat left center; background-size: 22px; padding: 10px 0 10px 30px; }
.c-btn_wrap { width: 100%; margin: 15px auto; }


.c-title1 { background: url(../img/common/title1_bg1.png) no-repeat left center !important; padding: 3px 0 3px 20px !important; font-size: 137.5% !important; font-weight: bold !important; height: auto !important; margin: 10px 0 !important; }
.c-title1 h2 { float: left; font-size: 112.5% !important; }
.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: 142.5% !important; font-weight: bold !important; color: #fff !important; height: auto !important; line-height: 160% !important; margin-bottom: 12px !important; }
.c-title2 a { color: #fff; text-decoration: none;}

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

.c-link1 a { display: inline-block; *display: inline; *zoom: 1; background: url(../img/common/icon1.png) no-repeat left center; background-size: 16px; padding-left: 20px; 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 p { display: inline; }
.wrap1 { margin-left: 10px; margin-right: 10px; position: relative; margin-left: -2%; margin-bottom: 30px; }
.section2 .wrap1 .box1 { border-radius: 15px; background: #fff; margin-bottom: 30px; width: 100%; margin-left: 2%; }
.section2 .wrap1 .box1 h4 {text-align: center; background: #191970; color: #fff; font-size: 110%!important; font-weight: bold; padding: 5px 0; }
.section2 .wrap1 h5 { background: #DDDDDD; font-size: 105%; font-weight: bold; padding: 5px 15px; }
.section2 .wrap1 h5 span { font-size: 88%; }
.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: 15px; zoom: 1; list-style-type: none;}
.section2 .wrap1 .box2 li {font-size: 100% !important; padding-right: 17px; 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; background-size: 15px; } 
.section2 .box3 { width:98%; margin-left: 2%; margin-bottom: 10%; text-align: center; }
.section2 .box3 .box3-b1{ text-align: center; }
.section2 .box3 h4 {text-align: center; font-size: 100% !important; font-weight: bold; margin-top:10px; }
.section2 .box3 img { max-width: 100%; max-height: 300px; }
.section2 .box4 { border-radius: 15px; background: #fff; margin-bottom: 30px; width: 100%; margin-left: 2%; }
.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; margin-bottom: 25px; }
.section2 .box5 h3 {text-align: center; background: #191970; color: #fff;  font-weight: bold; padding: 7px 0; }
.section2 .box5 p { display:block; margin: 15px 2px 0; }
.section2 .box6 { border-radius: 15px; background: #fff; padding: 15px; margin-bottom: 25px; }
.section2 .box6 h3 {text-align: center; background: #191970; color: #fff; font-weight: bold; padding: 7px 0; }
.section2 .box6 .txt { margin-top: 15px; }

.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; 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: 135%; 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: 180px; }


/*=======================================
プレミア俱楽部
=========================================*/
.premiere .innerBox {
	background: #fff;
    border-radius: 10px;
	margin: 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: 15px 10px 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 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: 125% !important; line-height: 160% !important; }


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

/* 2022追加 */
.summer .txt_lft ul {
	margin-top: 20px;
}
.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;
	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 {
	padding: 5px 0 10px;
}

.summer .skill_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 .skill {
	position: relative;
	text-align: center;
	padding: 20px 10px;
	background: #f6d8d3;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.summer .skill h3 {
	color:#18499d;
	font-size: 125% !important;
	margin-bottom: 20px;
}
.summer .skill li {
	font-weight: bold;
	font-size: 162.5% !important;
	margin-bottom: 10px;
	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 {
}
.summer .jt .jt02 {
}
.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 {
	font-size: 125% !important;
	margin: 0 0 15px;
}
.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:495px;
	left: 50%;
}
.summer .jt .keybord {
	position: absolute;
	top:655px;
	left: 50%;
}
.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: 100% !important;
	font-weight: normal !important;
	margin: 10px;
}
.summer .voice_wrap h3 span {
	font-size: 125% !important;
	padding-right: 15px;
}
.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 {text-align: center; margin-bottom: 20px;}
.summer .voice p {}
.summer .new-cs {
	margin-bottom: 70px;
}
.summer .new-cs h3 {
	text-align: center;
	font-size: 137.5% !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: 5px;
}
.summer .tp_ttl h3 {
	font-size: 137.5% !important;
	line-height: 1.8;
	margin-bottom: 10px;
}
.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: 137.5% !important;
	margin-bottom: 20px;
}
.summer .think li {
	margin: 0 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 {
	margin: 15px auto;
}
.summer .tp_point2 {
}
.summer .tp_point2 p {
	padding: 10px 10px 30px 0;
}
.summer .tp_point3 {
}
.summer .tp_point3 p {
	padding: 10px 10px 20px 0;
}
.summer .tp_ttl_b img {
	display: block;
	float: left;
	margin-right: 5px;
}
.summer .tp_ttl_b h3 {
	font-size: 137.5% !important;
	line-height: 1.8;
	margin-bottom: 10px;
}
.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 {
}
.summer .exam .txt_right {
	padding: 15px 0;
}
.summer .exam .txt_right .exam_ttl {
	background: url("../../course/images/summer/ico-check.png") no-repeat;
	padding: 70px 10px 0;
}
.summer .exam h3 {
	color: #a30b5e;
	font-size: 150% !important;
	padding: 10px 0;
}
.summer .exam .txt_right p {
	font-weight: bold;
	font-size: 93.7% !important;
	padding-bottom: 10px;
}
.summer .exam .txt_right dt {
	background: #c06b7a;
	color: #fff;
	font-weight: bold;
	font-size: 137.5% !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: 137.5% !important;
	font-weight: bold;
	line-height: 1.5;
}
.summer .gakuwari {
	text-align: center;
	font-size: 100% !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: 100%;
	padding-bottom: env(safe-area-inset-bottom);
}
.summer .sps_link a {
	display: block;
}


.kouzaimg {display: inline-block;  width: 30%; padding:10px;}
.kouzaimg img { width: 100%; object-fit: cover;}
.kouzalist_a { width: 30%; display: inline-block; margin-bottom:20px; vertical-align: top;}
.kouzalist_a img { width: 100%; height: 200px; object-fit: cover;}
.kouzalist_b { width: 60%; display: inline-block; vertical-align: top;}

.mainimg { display: inline-block; position: relative;}
.mainimg img { width: 100%; height: 300px; object-fit: cover;  filter: brightness(90%);}
.mainimg p { position: absolute; bottom: 0; left:40%; margin:0;  padding:0; color: #fff; font-size:130%; 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: 60%; display: table-cell; vertical-align: top;}
.subimg_b { width: 30%; display: table-cell; margin:0; vertical-align: top; text-align: right;}
.subimg_b img { width: 100%; height: 200px; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/}

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

#course_list { display: flex;  flex-wrap:wrap; justify-content: center; padding: 0px; list-style: none;}
.course_box {width:calc(90% / 2); margin:5px; border-radius: 20px; position:  relative;}
.course_box p{color:#000;font-weight:bold; padding-left: 23px;}
.course_box a{text-decoration: none;}
.course_box img{ width: 100%; height: 150px; object-fit: cover;}
.course_box:hover {opacity:0.8; border:solid 5px #154288;}
.course_boxtx { background: url(../img/common/icon1_alt1.png) no-repeat left center; background-size:18px ; font-size:100%; margin:10px; color:#9E9E9E;}
.course_logo{ text-align: center; margin-top: auto;}
.a{background-color:#fff; border:solid 5px #63C2EE;}
.b{background-color:#fff; border:solid 5px #A5E552;}
.c{background-color:#fff; border:solid 5px #FFDC00;}
.d{background-color:#fff; border:solid 5px #91B4DF;}
.e{background-color:#fff; border:solid 5px #91B4DF;}
.f{background-color:#fff; border:solid 5px #91B4DF;}
.g{background-color:#fff; border:solid 5px #91B4DF;}
.h{background-color:#fff; border:solid 5px #91B4DF;}
.i{background-color:#fff; border:solid 5px #91B4DF;}


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

.youtube_wrap {
	width: 100%;
}
.youtube_inside{width: 100%;margin: 0 0 22px;}
.movie_wrap {
	text-align: center;
}
.movie_inside{width: 100%;margin: 0 0 22px;}
.movie_frame p span{font-size: 81.2%}


/*=======================================
ファーストビューへの電話番号の掲載
=========================================*/
.telWrap{
  box-sizing: border-box;
  width: 100%;
  padding: 25px 10px 10px;
}
.telWrap .telBox {
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #0064be;
  background: url(../img/common/icon_tel.png) no-repeat left 15px center #fff;
  background-size: 55px;
  padding: 15px 15px 15px 85px;
}
.telWrap .telBox .telTxt {
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: -0.05em;
  color: #0064be;
}


/*=======================================
教室を探す
=========================================*/
#shool_area {
  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;
}




/* 横向き */
@media (min-width: 480px) and (orientation: landscape) {

	.l-nav2 {top: 100px;}
	.l-nav2:before {border-bottom-width: 8px;border-right-width: 8px;border-left-width: 8px;top: -8px;right: 35px;}

	.p-top3__block_new .tit2 h4 br {display: none;}
	.p-top3__block_new .box1 .tit1 {top: -35px;}

	.p-top3__block1 li br {display: none;}

	.p-top5__block2 .c-btn1 span br {display: none;}

	.p-top6__block1 .box1 {background-position: center -20px;background-size: 100%;}
	.p-top6__block1 .box1-txt1 .img1 {max-width: 112px;}
	.p-top6__block1 .box1-txt1 .txt1 {width: auto;margin-left: 134px;float: none;}
	.p-top6__block1 .box1-txt1 .txt1 h3 {font-size: 180% !important;}

}

.kouzaimg {display: inline-block;  width: 100%; padding:5px;}
.kouzaimg img { width: 100%; object-fit: cover;}
.kouzalist_a { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 10px;}
.kouzalist_a img { width: 100%; height: 200px; object-fit: cover;}
.kouzalist_b { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px;}