/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/***重要なお知らせ表示・非表示***/
.imp_news {
	display:none;
}

/***共通****/

body{
	font-size:16px;
	letter-spacing:0.75px;
	line-height:180%;
	color:#3e3a39;
}
.wp-block-paragraph {
  font-size: 16px;
}

a{
	text-decoration:none;
	transition:0.5s ease;
}

a:hover{
	opacity:0.7;
}

img{
	vertical-align:top;
}

.flexArea{
	display:flex;
	flex-wrap:wrap;
}

.flex-between{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.pc{display:block;}
.sp{display:none;}

.en {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.page-header::before {
    mix-blend-mode: multiply;
}

@media(max-width:767px){
body{
	font-size:15px;
}

.pc{display:none;}
.sp{display:block;}
}

#site-header{
	display:none;
}

/***メイン画像****/

.swiper-slide {
    padding: 1.5rem;
}

.lightning_swiper {
    position:relative;
	padding-bottom: 2rem;
}

.lightning_swiper:before {
    content:"";
	width:100%;
	height:20rem;
	display:block;
	position:absolute;
	bottom:0;
	left;0;
	background:linear-gradient(to right, #75afd8, #ffb200, #d16f71);
	opacity:0.55;
	z-index:-1;
}

.home .site-body{
	padding-top:0;
	padding-bottom:0;
}

.imp_news{
	position:relative;
	padding:0 0 2rem;
}


.imp_news:before{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	background:linear-gradient(to right, #75afd8, #ffb200, #d16f71);
	opacity:0.55;
	z-index:-1;
}


/***header****/

.headerArea {
	background:#fff;
	width:100%;
	margin-bottom:1rem;
}

.headerArea.fixed {
    position: fixed;
	padding-bottom:0.5rem;
    top: 0;
    left: 0;
    z-index: 100;
	box-shadow:0px 0px 5px rgba(163,163,163,0.5);
	animation:header_anime 1s ease 1 forwards;
}

@keyframes header_anime{
	0%{transform:translatey(-100px);}
	100%{transform:translatey(0);}
}

.headerArea .container {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:center;
}

.headerArea .container h1 {
    max-width: 300px;
    margin: 0.5rem 0;
}

.header_menu {
    width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	font-size:14px;
}

nuv.header_menu_bottom ul {
    display: flex;
	align-items:center;
	padding:0;
	margin:15px 0 0;
}

nuv.header_menu_bottom ul li{
    list-style-type:none;
	margin:0;
}

nuv.header_menu_bottom ul li a{
    text-decoration:none;
	color:#000;
	margin-right:2rem;
	display:inline-block;
	line-height:160%;
}

nuv.header_menu_bottom ul li a:hover{
	color:#0070ae;
	opacity:1;
}

nuv.header_menu_bottom ul li:last-of-type a{
	margin-right:0;
	color:#fff;
	border-radius:100px;
	padding: 10px 2rem;
}

.header_menu_top {
    display: flex;
    justify-content: flex-end;
}

.header_menu_top a{
	color:#fff;
	padding:5px 15px;
	border-radius:0 0 20px 20px;
	line-height:180%;
	min-width:115px;
	text-align:center;
	display:inline-block;
	margin-right:10px;
}

.header_menu_top a:last-of-type{
	margin-right:0;
}

.header_menu_top a:hover{
	opacity:1;
}

.btn_green{
	background:#329a80;
}

.btn_green:hover{
	background:#28755f;
}

.btn_pink{
	background:#d16f71;
}

.btn_pink:hover{
	background:#af5f63;
}

.btn_gray{
	background:#727272;
}

.btn_gray:hover{
	background:#545454;
}

a.btn_yellow {
    background: #ffb200;
}

a.btn_yellow:hover {
	opacity:1;
    background: #e09500;
}

/*****トップページ****/

.main_h2Box {
    margin-bottom: 3rem!important;
}

h2.main_h2 {
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    color: #3e3a39;
    font-size: 55px;
    font-size: 3.5rem;
    line-height: 120%;
    letter-spacing: 2px;
}

h2.main_h2 span {
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.75px;
}

h2.main_h2 span:first-of-type, h2.main_h2 span:nth-of-type(6) {
    color: #136a8f;
}

h2.main_h2 span:nth-of-type(2), h2.main_h2 span:nth-of-type(7) {
    color: #d16f71;
}

h2.main_h2 span:nth-of-type(3), h2.main_h2 span:nth-of-type(8) {
    color: #ffb200;
}

h2.main_h2 span:nth-of-type(4), h2.main_h2 span:nth-of-type(9) {
    color: #75afd8;
}

h2.main_h2 span:nth-of-type(5), h2.main_h2 span:nth-of-type(10) {
    color: #329a80;
}

.main_h2_deco {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.main_h2_deco span {
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-right: 10px;
    transform: skewX(-40deg);
}

.main_h2_deco span:first-of-type{
    background: #136a8f;
}

.main_h2_deco span:nth-of-type(2){
    background: #d16f71;
}

.main_h2_deco span:nth-of-type(3){
    background: #ffb200;
}

.main_h2_deco span:nth-of-type(4){
    background: #75afd8;
}

.main_h2_deco span:nth-of-type(5){
    background: #329a80;
    margin-right:0;
}

ul.event_list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

ul.event_list li {
    list-style-type: none;
    width: 24%;
    margin: 0 1.333% 1rem 0;
}

ul.event_list li:nth-of-type(4n) {
    margin-right: 0;
}

ul.event_list li a{
    border: 1px solid #cccccc;
    display:block;
    position:relative;
    text-decoration: none;
}

.event_child {
    position: relative;
    padding: 5px 5px 12px 5px;
    text-align:center;
}

.event_child h3 {
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    border: none;
    margin: 0;
    padding: 5px 8px;
    line-height: 150%;
    font-weight:normal;
}

.event_child h3:after{
    display:none;
}

.type_blue .event_child h3{
background:#75afd8;
}

.type_green .event_child h3{
background:#329a80;
}

.type_yellow .event_child h3{
background:#ffb200;
}

.type_red .event_child h3{
background:#af5f63;
}

.event_inner {
    padding: 0.8rem 0;
    margin-bottom:0.5rem;
    color: #3e3a39;
    border-bottom:1px solid #b6b6b6;
}

.event_year {
    font-size: 18px;
}

.event_day {
    font-size: 50px;
    letter-spacing: 0px;
    font-weight: 600;
    margin: 0.5rem 0;
}

.event_day span {
    font-size: 20px;
    display: inline-block;
    margin-left: 5px;
}

.event_time {
    font-size: 18px;
    line-height: 150%;
}

.event_btn {
    color: #515151;
    font-size: 15px;
    line-height: 160%;
}

ul.event_list li a:before, ul.event_list li a:after{
    content: "";
    display: block;
    position: absolute;
    transition:0.5s ease;
}

ul.event_list li a:before {
    width: 1px;
    height: 50px;
    top: 0;
    left: -1px;
}

ul.event_list li a:after {
    width: 50px;
    height: 1px;
    top: -1px;
    left: 0;
}

ul.event_list li a.type_blue:before, ul.event_list li a.type_blue:after{
    background:#54a3d3;
}

ul.event_list li a.type_green:before, ul.event_list li a.type_green:after{
    background:#217c62;
}

ul.event_list li a.type_yellow:before, ul.event_list li a.type_yellow:after{
    background:#ffb200;
}

ul.event_list li a.type_red:before, ul.event_list li a.type_red:after{
    background:#d16f71;
}

.event_child:before, .event_child:after {
    content: "";
    display: block;
    position: absolute;
    transition:0.5s ease;
}

.event_child:before{
    width: 1px;
    height: 50px;
    right: -1px;
    bottom: 0;
}

.event_child:after{
    width: 50px;
    height: 1px;
    right: 0;
    bottom: -1px;
}

ul.event_list li a.type_blue .event_child:before, ul.event_list li a.type_blue .event_child:after{
    background:#54a3d3;
}

ul.event_list li a.type_green .event_child:before, ul.event_list li a.type_green .event_child:after{
    background:#217c62;
}

ul.event_list li a.type_yellow .event_child:before, ul.event_list li a.type_yellow .event_child:after{
    background:#ffb200;
}

ul.event_list li a.type_red .event_child:before, ul.event_list li a.type_red .event_child:after{
    background:#d16f71;
}

ul.event_list li a:hover{
    opacity:1;
    background:#f5f5f5;
}

ul.event_list li a:hover:after{
    width:100%;
}

ul.event_list li a:hover:before{
    height:100%;
}

ul.event_list li a:hover .event_child:before{
    height:100%;
}

ul.event_list li a:hover .event_child:after{
    width:100%;
}

.next_btn{
    text-align:center;
}

.next_btn a {
    border-radius: 100px !important;
    display: inline-block;
    color: #0070ae;
    font-size: 1.3rem;
    margin: 0 auto;
    max-width: 305px;
    width: 80%;
    padding: 1rem 1rem;
    line-height: 160%;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2026/05/btn_deco.png);
    background-position: 0 100%;
    background-color: #f4c80f;
    z-index: 3;
	
}

.next_btn a:hover{
    animation:btn_anime 0.5s ease 1 forwards!important;
    opacity:1;
}

@keyframes btn_anime{
0%{background-position: 0 100%;}
100%{background-position: 0 50%;}
}

.next_btn a:before, .next_btn a:after{
    content: "";
    height: 2px;
    background: #0070ae;
    display: block;
    position: absolute;
    transition: 0.5s ease;
    right: 1rem;
}

.next_btn a:before{
    width: 2rem;
    top: 50%;
}

.next_btn a:after{
    width: 15px;
    top: 46%;
    transform: rotate(26deg) translateY(-50%);
}

.next_btn a:hover:before, .next_btn a:hover:after{
    right: 0.5rem;
}

.slider_box{
  position:relative;
}

.slider_box:after {
    content: "";
    width: 420px;
    height: 228px;
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/wp-content/uploads/2026/05/color_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	z-index:3;
}

.slider_box:before {
    content: "";
    width: 150px;
    height: 190px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/wp-content/uploads/2026/06/seiwan.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.slider_box.active:before{
	animation:jump_anime 0.5s linear 0.5s 1 forwards;
}

@keyframes jump_anime{
	0%{ transform: translate(-50%, -50%);}
	80%{ transform: translate(-50%, -115%);}
	100%{ transform: translate(-50%, -110%);}
}

.aboutArea {
    position: relative;
    padding: 5rem 0;
}

.aboutArea:before {
    content: "";
    width: calc(100% - 10%);
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: #fff3d0;
    border-radius: 2rem;
    z-index:-1;
}

.about_txt {
    position: relative;
    text-align: center;
    color: #3e3a39;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.about_txt p {
    line-height: 200%;
}

.about_txt p:last-of-type{
    margin-bottom:0;
}

.txt_catch{
    text-align:center;
    font-size:1.3rem;
}

.txt_catch p:last-of-type{
    margin-bottom:0;
}

.type_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 4rem 0 0;
    padding: 0;
}

.type_list ul li {
    list-style-type: none;
    width: 48%;
    margin: 0 0 2rem;
}

.type_list ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color:#3e3a39;
}

.type_list ul li a:before{
    content:"";
    width:100%;
    height:95%;
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    z-index:0;
    border-radius:2rem;
    transition:0.5s ease;
}

.type_list ul li a.type01:before{
    background:#ffe5e7;
}

.type_list ul li a.type01 h3{
    color:#b54831;
}

.type_list ul li a.type01 h3 span{
    background: linear-gradient(to right, #b54831, #bb5370);
}

.type_list ul li a.type02:before{
    background:#e8e7ff;
}

.type_list ul li a.type02 h3{
    color:#7e3080;
}

.type_list ul li a.type02 h3 span{
    background: linear-gradient(to right, #7e3080, #807285);
}

.type_list ul li a.type03:before{
    background:#dfe5ee;
}

.type_list ul li a.type03 h3{
    color:#1e5280;
}

.type_list ul li a.type03 h3 span{
    background: linear-gradient(to right, #1e5280, #498a8f);
}

.type_list ul li a.type04:before{
    background:#ddeee8;
}

.type_list ul li a.type04 h3{
    color:#237b3a;
}

.type_list ul li a.type04 h3 span{
    background: linear-gradient(to right, #237b3a, #809b55);
}

.type_list ul li a:hover {
    opacity:1;
}

.type_img {
    width: 195px;
}

.type_info {
    width: calc(100% - 195px);
    margin-top: 10%;
    padding:0 5%;
}

.type_info h3 {
    border: none;
    font-weight: bold;
    font-size: 3rem;
    line-height: 100%;
    padding: 0;
    margin: 0 0 2rem;
    letter-spacing:0px;
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    font-family: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.type_info h3:after {
    display:none;
}

.type_info h3 span {
    display: inline-block;
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 120%;
    padding: 5px 10px 8px;
    color: #fff;
    letter-spacing:1px;
    margin-bottom: 7px;
}

.type_info h3 span:last-of-type {
    margin-bottom: 0;
}

.type_info h3 span:first-of-type {
    margin-top: 1rem;
}

.type_catch {
    font-size: 1.4rem;
    margin-bottom: 8px;
}

.type_info p{
    font-size:16px;
    margin:0;
    line-height:150%;
}

.type_btn {
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-size: 1.3rem;
    padding: 0.5rem;
    border-radius: 0 0 2rem 2rem;
    transition: 0.5s ease;
    background-repeat: no-repeat;
    background-position: 0 100%;
	position:relative;
}

.type_list ul li a .flex-between{
	position:relative;
	z-index:2;
}

.type_list ul li a.type01 .type_btn{
    background-image: url(/wp-content/uploads/2026/05/btn_bg01.png);
    background-color:#ca6f71;
}

.type_list ul li a.type02 .type_btn{
    background-image: url(/wp-content/uploads/2026/05/btn_bg02.png);
    background-color:#8071b2;
}

.type_list ul li a.type03 .type_btn{
    background-image: url(/wp-content/uploads/2026/05/btn_bg03.png);
    background-color:#7080c6;
}

.type_list ul li a.type04 .type_btn{
    background-image: url(/wp-content/uploads/2026/05/btn_bg04.png);
    background-color:#329380;
}

.type_list ul li a:hover .type_btn{
    animation:btn_anime01 0.5s ease 1 forwards;
    opacity:1;
}

@keyframes btn_anime01{
0%{background-position: 0 100%;}
100%{background-position: 0 50%;}
}

.type_list ul li a:hover:before{
background:#f5f5f5;
box-shadow:0 0 10px rgba(219,210,211,0.8);
}

.type_br{
display:block;
}

.days_img {
    position: relative;
    width: 100%;
    height:40rem;
}

.days_img img{
    width: 100%;
    height:100%;
    object-fit:cover;
}

.days_img:before {
    content: "";
    width: 16rem;
    height: 19rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/wp-content/uploads/2026/05/days_deco.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}

.days_ttlBox{
	position:relative;
}

.days_ttlBox .container{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,0);
	height:100%;
}

h2.days_catch {
    color: #136a8f;
    border: none;
    writing-mode: vertical-rl;
    font-size: 3.2rem;
    margin: 0 -1.5rem 0 auto;
    letter-spacing: 5px;
    padding: 0;
	display:flex!important;
	align-items:flex-start!important;
	flex-direction:column!important;
}

h2.days_catch span {
    background: #fff;
    display: inline-block;
    padding: 10px 10px 20px 8px;
    line-height: 120%;
}

h2.days_catch span:nth-of-type(2){
    margin-top:1.5rem;
    margin-right:0.5rem;
    padding-bottom: 0;
}

.daysArea {
    margin-top: 4rem!important;
    background: linear-gradient(to bottom, #fff 50%, #77a7cc 50%);
}

.days_ttlBox .container:after {
    content: "";
    width: 22rem;
    height: 12rem;
    display: block;
    position: absolute;
    bottom: 3rem;
    left: 0;
    background-image: url(/wp-content/uploads/2026/05/days_ttl.png);
    background-repeat: no-repeat;
    background-size: contain;
}

ul.days_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
}

ul.days_link li {
    list-style-type: none;
    width: 32%;
    margin:0;
}

ul.days_link li a {
    background: #fff;
    display: block;
    border-radius: 1rem;
    min-height: 130px;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 28px;
    font-size: 1.5rem;
    padding: 0.5rem;
}

ul.days_link li a:before, ul.days_link li a:after{
    content: "";
    height: 2px;
    background: #0070ae;
    display: block;
    position: absolute;
    transition: 0.5s ease;
    right: 1rem;
}

ul.days_link li a:before {
    width: 2rem;
    top: 50%;
}

ul.days_link li a:after {
    width: 15px;
    top: 48%;
    transform: rotate(26deg) translateY(-50%);
}

ul.days_link li a:hover:before, ul.days_link li a:hover:after{
    right: 0.5rem;
    background:#fff;
}

.days_link_Area .container {
    margin-top: -2rem;
}

ul.days_link li a:hover{
    background:#136a8f;
    color:#fff;
    opacity:1;
}

.top_meister{
    padding-top:2rem;
    padding-bottom:4rem;
	position: relative;
}

.top_meister:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(https://www.sgh.ed.jp/wp-content/uploads/2026/06/days_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
	mix-blend-mode: multiply;
}

.white_box {
    background: #fff;
    border-radius: 1rem 1rem 0 0;
    padding: 2rem 2rem 0;
    text-align: center;
}

.meister_h3 {
    text-align: center;
    color: #136a8f;
    font-weight: bold;
    font-size: 3.8rem;
    letter-spacing: 0px;
    padding: 0;
    margin: 0;
    border: none;
}

.meister_h3:after{
    display:none;
}

.white_box .main_h2_deco:first-of-type {
    margin-top: 0;
    margin-bottom:1rem;
}

.meister_catch {
    font-size: 1.5rem;
    color:#136a8f;
    font-weight:bold;
}

.meister_catch span:nth-of-type(1){
    color:#d16f71;
}

.meister_catch span:nth-of-type(2){
    color:#ffb200;
}

.meister_catch span:nth-of-type(3){
    color:#329a80;
}

.course_bnr {
    background-image: url(https://www.sgh.ed.jp/wp-content/uploads/2026/06/course_bnr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position:relative;
    padding: 4.5rem 0.5rem 1.5rem;
    margin-top:4rem!important;
}

.course_bnr_inner {
    position: relative;
    z-index: 3;
    text-align:center;
}

.course_bnr_inner h2:after {
    content: "";
    width: 10rem;
    height: 3.2rem;
    display: block;
    position: absolute;
    top: -2.5rem;
    left: -2.5rem;
    transform: rotate(-15deg);
    background-image: url(/wp-content/uploads/2026/05/challenge.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.course_bnr:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #75a7d0, #ffaa00, #c96f71);
    opacity: 0.2;
    mix-blend-mode: multiply;
}

.course_bnr_inner h2 {
    display: inline-block;
    background: #fff;
    border: none;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    line-height: 150%;
    margin: 0 0 1rem;
    color: #136a87;
    position: relative;
}

.course_bnr_inner h2 span {
    margin: 0;
    transform: skew(-25deg);
    font-size: 4rem;
    line-height: 100%;
    display: inline-block;
}

.course_bnr_inner p {
    color: #fff;
    font-size: 1.6rem;
    margin: 0 0 1.5rem;
}

.voiceArea {
    max-width: 1250px;
    width: 95%;
    margin: 0 auto;
    border-radius: 2rem;
    background: #fffad7;
	padding:2rem 0 3rem;
}

/****各学科ページ****/

.page-id-38 .page-header, .page-id-38 .breadcrumb,
.page-id-36 .page-header, .page-id-36 .breadcrumb,
.page-id-40 .page-header, .page-id-40 .breadcrumb,
.page-id-42 .page-header, .page-id-42 .breadcrumb{
	display:none;
}

.page-id-38 .site-body, .page-id-36 .site-body, .page-id-40 .site-body, .page-id-42 .site-body{
	padding-top:0;
}

.subject_main {
    position: relative;
	height: 37rem;
}

.subject_main:after {
    content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	display:block;
	background:rgba(158,155,153,0.6);
	mix-blend-mode:multiply;
	z-index:2;
}

.subject_img {
	width:100%;
	height:100%;
}

.subject_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.subject_main .container{
	position:absolute;
	height:100%;
	top:0;
	left:50%;
	transform:translatex(-50%);
	z-index:3;
}

.subject_main h1 {
    color: #fff;
    position: absolute;
    bottom: 5rem;
    left: 0;
    margin: 0;
    font-size: 6rem;
    line-height: 95%;
}

.subject_main_txt {
    max-width: 1250px;
    width: 95%;
    margin: -2.5rem auto 0 !important;
    position: relative;
    z-index: 3;
    border-radius: 2rem;
    padding: 2rem 1rem;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.page-id-38 .subject_main_txt{
	background-image:url(/wp-content/uploads/2026/05/type01_bg.jpg);
}

.page-id-36 .subject_main_txt{
	background-image:url(/wp-content/uploads/2026/06/type02_bg.jpg);
}

.page-id-40 .subject_main_txt{
	background-image:url(/wp-content/uploads/2026/06/type03_bg.jpg);
}

.page-id-42 .subject_main_txt{
	background-image:url(/wp-content/uploads/2026/06/type04_bg.jpg);
}

.subject_main_letf {
    color: #fff;
	width:calc(100% - 330px);
}

.subject_main_right {
    background: #004380;
    width: 300px;
    text-align: center;
    padding: 1.5rem 0.5rem;
	display:flex;
	align-items:cener;
	justify-content:center;
	flex-direction:column;
}

.subject_type_name {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}

.subject_main_letf p{
	font-size:1.3rem;
}

.subject_main_letf p:last-of-type{
	margin:0;
}

.subject_right_ttl {
    color: #fff;
	font-size: 1.7rem;
}

.subject_right_ttl span{
    display:inline-block;
	color:#004380;
	font-size:1.4rem;
	line-height:100%;
	padding:0.5rem 1rem;
	margin-bottom:1rem;
	background:#fff;
}

.subject_right_txt {
    color: #ffda00;
    font-size: 2rem;
	display:flex;
	align-items:center;
	justify-content:center;	
	line-height: 100%;
}

.subject_right_txt span{
    font-size: 4.2rem;
	font-weight:bold;
    line-height: 100%;
}

.subject_right img{
	width:100%;
}

h2.subject_catch {
    border: none;
    padding: 0;
    margin: 0 0 1.5rem!important;
    font-size: 2.4rem;
}

.subject_flexBox {
    background: linear-gradient(to top, #e8e8e8 60%, transparent 60%);
	margin-top:3rem;
}

.check_listBox {
    background: #fff;
    border-radius: 1rem;
}

h2.check_list_ttl, .course_info h2 {
    border-radius: 1rem 1rem 0 0;
    background: #ffb200;
    text-align: center;
    color: #fff;
    border: none;
    margin: 0 0 2rem;
    padding: 0.8rem 0.5rem;
    font-size: 1.6rem;
}

.subject_grayArea {
	padding-top:0;
}

.check_list_inner {
    max-width: 1030px;
    width: 100%;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.check_list_2child {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.check_list_2child ul{
	width:48%;
}

.check_list_inner ul{
    padding: 0;
    margin: 0;
}

.page-id-38 .check_list_2child ul:first-of-type li p{
	color:#bc4831;
}

.page-id-36 .check_list_2child ul:first-of-type li p{
	color:#7e318e;
}

.page-id-40 .check_list_2child ul:first-of-type li p{
	color:#1e529b;
}

.page-id-42 .check_list_2child ul:first-of-type li p{
	color:#50915e;
}

.check_list_2child ul:first-of-type li p{
	font-weight:bold;
}

.check_list_inner ul li, ul.apply_list li{
    list-style-type:none;
	display:flex;
	margin:0 0 0.8rem;
}

.check_list_inner ul li:last-of-type{
    margin:0;
}

.check_list_inner ul li:before, ul.apply_list li:before{
    content:"";
	width:28px;
	height:25px;
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
	margin-right:5px;
	margin-top:5px;
}

.page-id-36 .check_list_inner ul li:before{
    background-image:url(/wp-content/uploads/2026/05/check_purple.png);
}

.page-id-38 .check_list_inner ul li:before{
    background-image:url(/wp-content/uploads/2026/05/check_pink.png);
}

.page-id-40 .check_list_inner ul li:before{
    background-image:url(/wp-content/uploads/2026/05/check_blue.png);
}

.page-id-42 ul.apply_list li:before{
    background-image:url(/wp-content/uploads/2026/05/check_green.png);
}

.check_list_inner ul li p {
    margin:0;
	width:calc(100% - 35px);
	font-size: 1.5rem;
}

.check_list_inner ul li p span{
    display:block;
	font-size:14px;
	line-height: 140%;
	color:#3e3a39!important;
	font-weight:normal!important;
}

h2.simple_h2 {
    border: none;
    border-left: 7px solid #136a8f;
    padding: 0.5rem 0 0.5rem 0.5rem;
    font-size: 2rem;
    margin: 0 0 2rem;
}

h2.simple_h2:first-letter {
    color: #136a8f;
}

.page-id-38 h2.simple_h2 {
    border-left-color: #bc4831;
}

.page-id-38 h2.simple_h2:first-letter {
    color: #bc4831;
}

.type_listbtn{
	margin-top:1.5rem!important;
}

.type_listbtn a {
    display: block;
    width: 24%;
	text-decoration:none;
	text-align:center;
}

.type_listbtn a:hover {
    opacity:1;
	box-shadow:0 0 10px rgba(219,210,211,0.8);
}

.type01 .type_btn_imgBox{
    background-color:#ffecee;
}

.type02 .type_btn_imgBox{
    background-color:#efeeff;
}

.type03 .type_btn_imgBox{
    background-color:#e6ecf5;
}

.type04 .type_btn_imgBox{
    background-color:#e4f5ef;
}

.type_btn_ttl{
	color:#fff;
	padding: 8px 5px;
	transition:0.5s ease;
	position:relative;
}

.type_btn_ttl:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	transition:0.5s ease;
}

.type01 .type_btn_ttl{
	background:linear-gradient(to right, #c25370, #bc4831);
}

.type01 .type_btn_ttl:after{
	background:linear-gradient(to right, #bc4831, #c25370);
}

.type02 .type_btn_ttl{
	background:linear-gradient(to right, #80708c, #7e3080);
}

.type02 .type_btn_ttl:after{
	background:linear-gradient(to right, #7e3080, #80708c);
}

.type03 .type_btn_ttl{
	background:linear-gradient(to right, #499196, #1e5280);
}

.type03 .type_btn_ttl:after{
	background:linear-gradient(to right, #1e5280, #499196);
}

.type04 .type_btn_ttl{
	background:linear-gradient(to right, #80a255, #237b3a);
}

.type04 .type_btn_ttl:after{
	background:linear-gradient(to right, #237b3a, #80a255);
}

.type_listbtn a:hover .type_btn_ttl:after {
	opacity:0;
}

.type_btn_ttl .en {
    font-size: 2rem;
	margin-bottom:5px;
	position:relative;
	z-index:3;
	line-height:100%;
}

.type_btn_ttl span {
    position: relative;
    z-index: 3;
}

.type_btn_imgBox {
    background-repeat: no-repeat;
    background-position: 0 100%;
    transition: 0.5s ease;
}

.type01 .type_btn_imgBox{
	background-image:url(/wp-content/uploads/2026/05/type01_listbtn.png);
}

.type02 .type_btn_imgBox{
	background-image:url(/wp-content/uploads/2026/05/type02_listbtn.png);
}

.type03 .type_btn_imgBox{
	background-image:url(/wp-content/uploads/2026/05/type03_listbtn.png);
}

.type04 .type_btn_imgBox{
	background-image:url(/wp-content/uploads/2026/05/type04_listbtn.png);
}

.type_listbtn a:hover .type_btn_imgBox{
	animation:btn_anime03 1s ease 1 forwards;
}

@keyframes btn_anime03{
0%{background-position: 0 100%;}
100%{background-position: 0 95%;}
}

table.curriculum_table thead th {
	color:#fff;
}

table.curriculum_table th, 
table.curriculum_table td{
	line-height:150%;
}

.page-id-38 table.curriculum_table thead th{
    background: #bc4831;
}

table.curriculum_table tbody th {
    background: #f5f5f5;
	text-align:left;
	width: 190px;
}

table.curriculum_table tbody th:nth-of-type(2) {
	width: 190px;
}

table.curriculum_table tbody td {
    text-align:center;
}

table.curriculum_table tbody tr td:nth-of-type(1) {
    width:240px;
}

table.curriculum_table tbody tr:last-of-type td, 
table.curriculum_table tbody tr:last-of-type th {
    background:#ccc;
}

h3.arrow_ttl {
    background-size: 200% !important;
    background: linear-gradient(to right, #e8e8e8 50%, transparent 50%);
    background-position: right;
    border: none;
    font-size: 1.8rem;
    position: relative;
    padding: 0.5rem 70px 0.5rem 0.5rem;
    line-height: 150%;
    margin-bottom: 1rem;
    overflow: hidden;
}

.ttl_anime.active{
	animation:ttl_anime 1s 1 ease forwards;
}

@keyframes ttl_anime{
	0%{background-position: right;}
	100%{background-position: left;}
}

.page-id-38 h3.arrow_ttl span{
    color:#bc4831;
}

h3.arrow_ttl:after {
    content: "";
    border: none;
    width: 100px;
    height: 120%;
    display: block;
    background: #fff;
    transform: skew(30deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: -100px;
}

.check_info_txt p {
    font-size: 16px;
}

.check_info_txt p:last-of-type {
    margin-bottom:0;
}

.check_list_info {
    margin-top: 2rem;
	align-items:flex-end;
}

.check_info_txt {
    width: 70%;
	margin-bottom:1.5rem;
}

.check_info_img {
    width: 28%;
}

.voice_box{
	margin-top:5rem;
}

.voice_child h3 {
    width: 90%;
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 3;
    padding: 0;
    margin: 0;
    border: none;
    color: #fff;
}

.voice_box .voice_child:nth-of-type(1) h3 {
    top: -5px;
}

.voice_child h3:after {
    display:none;
}

.voice_child h3 p {
    margin:0;
	display:inline-block;
	width:220px;
	text-align:center;
	font-weight:normal;
	font-size:1.6rem;
	height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
    background:#ce5370;
}

.voice_child h3 p:after {
    content: "";
    display: block;
    border: none;
    border: 12px solid transparent;
    border-left-color: #942f4c;
    border-bottom-color: #942f4c;
    position: absolute;
    top: 0;
    right: -24px;
}

.voice_child {
	position:relative;
	margin-bottom:5rem;
}

.voice_child:after {
    content:"";
	display:block;
	width:93%;
	height:100%;
    background: #fff;
    border-radius: 2rem 0 0 2rem;
	bottom:0;
	right:0;
	position:absolute;
    height:calc(100% - 20px);
}

.voice_child.ob_voice:after {
    border-radius: 0 2rem 2rem 0;
	height:100%;
	right:auto;
	left:0;
	top:0;
	bottom:auto;
}

.voice_box .voice_child:last-of-type {
    margin-bottom:0;
}

.voice_txt {
    padding-top:1rem;
    padding-bottom:1.5rem;
}

.ob_voice .voice_txt{
	padding:0;
}

.voice_box .voice_child p{
	margin-bottom:0;
}

.voice_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items:flex-end;
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
	position:relative;
	z-index:3;
}

.voice_child.ob_voice .voice_inner {
    align-items:flex-start;
}

.stu_img {
    width: 300px;
}

.voice_txt {
    width: calc(100% - 335px);
}

.voice_txt p{
    font-size:16px;
}

.voice_nameBox {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    display: flex;
    flex-wrap: wrap;
	line-height:150%;
}

.graduate_name {
    font-size: 16px;
    margin-right: 1.5rem;
}

.stu_name {
    font-size: 1.6rem;
    font-weight: bold;
}

.stu_name span{
    font-size: 18px;
    font-weight: normal;
}

.ob_voice .voice_inner {
    padding: 1.5rem 0;
}

.voice_child.ob_voice  h3 p {
    background:#105480;
	margin-left:auto;
}

.voice_child.ob_voice h3 {
    right: auto;
    left: 0;
}

.voice_child.ob_voice h3 p:after {
    border-left-color:transparent;
    border-bottom-color:#042c42;
    border-right-color:#042c42;
	right: auto;
    left: -24px;
}

.voice_child.ob_voice {
    padding: 2.5rem 0 1.5rem;
}

.ob_imgBox img {
    border-radius: 50%;
}

.ob_voice .stu_img {
    width: 280px;
}

.ob_year {
    display: inline-block;
    border: 1px solid #105480;
    background: #fff;
    color: #105480;
    line-height: 100%;
    padding: 5px 10px;
    font-size: 16px;
	margin-bottom:5px;
}

.ob_nameBox {
    text-align: center;
    margin-top: -25px;
}

.ob_name {
    font-size: 1.5rem;
}

.ob_name span{
    font-weight: normal;
    font-size: 16px;
}

.ob_nameBox p {
    margin: 0;
    line-height: 130%;
    font-size: 14px;
}

.ob_imgBox {
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
}

.ob_courseBox {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

.ob_course_ttl {
    display: inline-block;
    background: #f5f5f5;
    line-height: 100%;
    color: #105480;
    position: relative;
    width: 130px;
    padding: 0.8rem;
    font-size: 20px;
    font-size: 1.4rem;
    overflow: hidden;
	margin-right:0.5rem;
}

.ob_course_ttl:after {
    content: "";
    border: none;
    width: 100px;
    height: 120%;
    display: block;
    background: #fff;
    transform: skew(30deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: -100px;
}

.ob_course_txt {
    font-weight: bold;
    font-size: 1.4rem;
}

.course_slider {
    padding: 4rem 0 0;
}
@keyframes updown{
	0%{transform:translatey(0);}
	20%{transform:translatey(3px);}
	40%{transform:translatey(0);}
	60%{transform:translatey(3px);}
	80%{transform:translatey(0);}
	100%{transform:translatey(0);}
}

.page-id-36 .subject_main_right {
    background: #b91a37;
}

.page-id-40 .subject_main_right {
    background: #1e529b;
}

.page-id-42 .subject_main_right {
    background: #df4831;
}

.subject_main_catch {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 1rem;
	line-height:150%;
}

.subject_main_catch span{
    color: #ffe200;
}

.page-id-36 h2.subject_catch{
	color:#7e318e;
}

.page-id-40 h2.subject_catch{
	color:#1e529b;
}

.page-id-42 h2.subject_catch{
	color:#50915e;
}

.voice_catch_ttl {
    font-size: 1.6rem;
    font-weight: bold;
	color:#105480;
}

.course_info {
    border-radius: 1rem;
    background: #fff;
}

.course_info_inner {
    padding: 0 2rem 2rem;
}

.apply_img {
    width: 150px;
}

.applyBox {
	width:100%;
	margin:2rem auto 0;
	background:#f5f5f5;
	padding:1.5rem 4rem 0;
	border-radius:1rem;
	align-items:flex-end;
}

.apply_listBox {
    width: calc(100% - 170px);
	padding-bottom:1.5rem;
}

ul.apply_list {
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.apply_list li{
    list-style-type:none;
	margin:0 0 0.8rem;
}

ul.apply_list li p{
    margin:0;
	font-size:1.5rem;
	line-height:150%;
	font-weight:bold;
	width: calc(100% - 35px);
}

.apply_list_ttl {
    background-size: 200% !important;
    background: linear-gradient(to right, #fff 50%, transparent 50%);
    background-position: right;
    border: none;
    font-size: 1.4rem;
    position: relative;
    padding: 0.5rem 70px 0.5rem 0.5rem;
    line-height: 150%;
    margin-bottom: 1rem;
    overflow: hidden;
	color:#50915e;
	font-weight:bold;
}

.apply_list_ttl.active{
    animation: ttl_anime 1s 1 ease forwards;
}

.apply_list_ttl:after {
    content: "";
    border: none;
    width: 100px;
    height: 120%;
    display: block;
    background: #f5f5f5;
    transform: skew(30deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: -100px;
}

.school_info {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.school_child {
    background: #f9f9f9;
    border-radius: 1rem;
    width: 49%;
	padding:3rem 2rem;
}

.school_icon {
    width: 110px;
    display: flex;
    text-align: center;
    margin: 0 auto 1rem;
}

.school_child h2 {
    text-align: center;
    padding: 0;
    border: none;
    font-size: 1.5rem;
    margin: 0 0 1rem;
}

.school_info .school_child:first-of-type h2 {
    color:#004386;
}

.school_info .school_child:nth-of-type(2) h2 {
    color:#a072af;
}

.school_child p{
	margin:0;
}

/***学科ぺージ****/

.course_list_catch {
    text-align: center;
    font-size: 2rem;
    line-height: 180%;
}

.course_list_catch p{
	margin:0;
	font-weight:bold;
	color:#136a8f;
	letter-spacing:2px;
}

.course_list_catch p span{
    animation: hop_anime 2s ease infinite;
	display:inline-block;
	color:#d16f71;
	font-size:2.5rem;
}

.course_list_catch p span:nth-of-type(2) {
    animation-delay: 0.2s;
	color: #ffb200;
}

.course_list_catch p span:nth-of-type(3) {
    animation-delay: 0.4s;
	color: #329a80;
}

/***アーカイブ****/

.entry_meta.page-header-subtext{
	display:none;
}

h2.side_h2 {
    font-size: 1.3rem;
    padding: 0 0 0.5rem;
    position: relative;
    border-top: none;
	border-bottom-color:#ccc;
}

h2.side_h2:after {
    content:"";
	width:30px;
	height:3px;
	display:block;
	position:absolute;
	bottom:-1.5px;
	left:0;
	background:#136a8f;
}

h2.side_h2:first-letter {
	color:#136a8f;
}

.archive .postListText_singleTermLabel_inner{
    padding: 5px;
}

.entry-meta {
    display: none;
}

/***重要なお知らせ****/

.imp_newsBox {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    border: 2px solid #27a4ba;
    background: #fff;
    border-radius: 1rem;
    display:table;
}

.imp_left{
    background: #27a4ba;
    color:#fff;
    text-align:center;
    display:table-cell;
    border-radius: 0.8rem 0 0 0.8rem;
    padding:0.5rem;
    width:260px;
    vertical-align: middle;
}

.imp_right {
    display: table-cell;
    vertical-align: middle;
    padding: 1rem;
    width: calc(100% - 260px);
}

.imp_txt p:last-of-type {
    margin-bottom: 0;
}

.imp_ttl {
    color: #27a4ba;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
}

.imp_txt {
    color: #000;
    font-size: 16px;
}

/***スライド****/
.slider1, .slider2{
  display: flex;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.slider1 {
  height:340px;
}

.slider2 {
  height:220px;
  margin-top:1rem;
}

.slider1 ul, .slider2 ul{
 display:flex;
 padding: 0;
 margin:0!important;
}

.slider1 li, .slider2 li{
 list-style: none;
 margin-right: 1rem;
 margin-top:0;
 margin-bottom:0;
}

.slider1 li{
 width:570px;
}

.slider2 li{
 width:330px;
}

.slider1 li img, .slider2 li img {
 border-radius:1rem;
 width: 100%;
 height: 100%;
 object-fit: cover;
 opacity:0.6;
}

.page-id-38 .slider1 li img, .page-id-36 .slider1 li img, .page-id-40 .slider1 li img, .page-id-42 .slider1 li img{
	opacity:1;
}

.slider1 ul:first-child {
  animation: slide1 150s -75s linear infinite;
}

.slider2 ul:first-child {
  animation: slide3 150s -75s linear infinite;
}

.slider1 ul:last-child {
  animation: slide2 150s linear infinite;
}

.slider2 ul:last-child {
  animation: slide4 150s linear infinite;
}

@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes slide3 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes slide4 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0);
  }
}

.page-id-36 h2.simple_h2{
	border-left-color:#7e318e;
}

.page-id-36 h2.simple_h2:first-letter{
	color:#7e318e;
}

.page-id-40 h2.simple_h2{
	border-left-color:#1e529b;
}

.page-id-40 h2.simple_h2:first-letter{
	color:#1e529b;
}

.page-id-42 h2.simple_h2{
	border-left-color:#50915e;
}

.page-id-42 h2.simple_h2:first-letter{
	color:#50915e;
}

.page-id-36 .curriculum_table thead {
    background: #7e318e;
}

.page-id-40 .curriculum_table thead {
    background: #1e529b;
}

.page-id-42 .curriculum_table thead {
    background: #50915e;
}

tr.table_bg th, tr.table_bg td{
    background: #ccc !important;
}

.txt_vertical{
	writing-mode: vertical-rl!important;
	text-orientation: upright!important;
	text-align:center!important;
	width:30px!important;
	letter-spacing:2px;
}

::-webkit-full-page-media, :future, :root .txt_vertical{
	writing-mode: horizontal-tb!important;
	width:20px!important;
}

.txt_vertical p{
	margin:0;
}

table.curriculum_table thead th:nth-of-type(3), table.curriculum_table thead th:nth-of-type(4), table.curriculum_table thead th:nth-of-type(5), table.curriculum_table thead th:nth-of-type(6), table.curriculum_table thead th:nth-of-type(7) {
    width: 100px;
}

.check_list_inner > ul {
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}

.check_list_inner > ul li{
   width:48%;
}

.page-id-40 p.color_txt {
	color:#1e529b;
	font-weight:bold;
}

.page-id-40 .check_list_inner {
    padding-bottom: 2rem;
}

/****フッター****/

ul.bnr_link{
	display:flex;
	justify-content:center;
	padding:0;
	margin:2rem auto!important;
	max-width:950px;
	width:100%;
}

ul.bnr_link li{
	list-style-type:none;
	margin:0 2% 0 0;
	width:32%;
	border:1px solid #ccc;
}

ul.bnr_link li:nth-of-type(3n){
	margin:0;
}

ul.bnr_link li a{
	display:block;
}

ul.bnr_link li a img{
	width:100%;
}

.mapArea{
	width:100%;
	height:420px;
	margin-bottom:2rem;
}

.map_left {
    width: 400px;
}

.map_right {
    width: calc(100% - 420px);
	text-align:right;
}

.access_ttl {
    color: #136a8f;
    font-weight: bold;
    font-size: 1.4rem;
}

.map_right p:last-of-type{
	margin:0;
}

.home .main-section{
	margin-bottom:0;
}

/****新着情報調整****/

.top_post .vk_post{
	width:24%;
	margin:0 1.3333% 20px 0;
}

.top_post .vk_post:nth-of-type(4n){
	margin-right:0;
}

.vk_post_imgOuter_singleTermLabel {
    line-height: 160%;
}

.vk_post_title a:hover{
	color:#136a8f;
	opacity:1;
}

/****マイスターハイスクール投稿調整****/

.meister_post {
    background: #fff;
    border-radius: 0 0 1rem 1rem;
	padding:3rem;
	max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

.meister_post .vk_post_title a{
	color:#136a8f;
	font-size: 1.1rem;
}

.meister_post .vk_post_title a:hover{
	opacity:0.6;
}

.meister_post .vk_post{
	border:1px solid #ccc;
	border-radius: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
}

.meister_post .vk_post:nth-of-type(3), .meister_post .vk_post:nth-of-type(4){
    margin-bottom: 0;
}

/****フッター****/

.site-footer-content{
	padding-top:0;
	border-top:none;
}

.footer_bg{
	position:relative;
	padding-top:4rem;
}
	
.footer_bg:after{
	content:"";
	height:40rem;
	width:100%;
	display:block;
	position:absolute;
	background-image:url(/wp-content/uploads/2026/05/footer_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	bottom:0;
	left:0;
	z-index:0;
}

.site-footer-content aside{
	position:relative;
	z-index:3;
}

.footer_btn{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:4rem;
}

.footer_btn a {
    display: flex;
	align-items:center;
	justify-content:center;
    color: #fff;
    width: 32%;
    text-align: center;
    font-size: 23px;
    font-size: 1.4rem;
    border-radius: 1rem;
    padding: 2rem 0.5rem;
}

.footer_btn a:hover{
	opacity:1;
}

.footerArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	border-bottom:1px solid rgba(245,245,245,0.5);
	padding-bottom:2rem;
	margin-bottom:1rem!important;
}

.footer_left {
    width: 30%;
	color: #fff;
    text-align: center;
}

.footer_logo {
    margin-bottom: 1.5rem;
}

.footer_left p{
    font-size:16px;
	margin-bottom:10px!important;
}

.footer_left p:last-of-type{
    margin:0!important;
}

.footer_right {
    width: 65%;
}

ul.footer_nuv {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

ul.footer_nuv > li{
    list-style-type:none;
	width:32%;
	margin:0 2% 2% 0;
}

ul.footer_nuv > li:nth-of-type(3n){
	margin:0;
}

ul.footer_nuv {
	color:#fff;
}

ul.footer_nuv li a{
	color:#fff;
}

ul.footer_nuv li a:hover, ul.s_link li a:hover{
	color:#ffb200;
	opacity:1;
}

.nuv_parents {
    line-height: 150%;
    margin-bottom: 1rem;
}

.nuv_parents a {
    font-size: 18px;
	text-decoration:none;
	letter-spacing:0.75px;
}

ul.nuv_child {
    padding: 0;
    margin: 0;
}

ul.nuv_child li{
    list-style-type:none;
    margin: 0 0 10px 0;
	line-height:150%;
}

ul.nuv_child li a{
   text-decoration:none;
	font-size:14px;
}

.copyright p {
    color: #fff;
    margin: 0;
    font-size: 12px;
}

ul.s_link {
    display: flex;
    flex-wrap: wrap;
    margin: 0!important;
    padding: 0;
}

ul.s_link li{
    list-style-type:none;
    margin: 0!important;
}

ul.s_link li a{
    text-decoration:none;
	color:#fff;
	font-size:13px;
}

.site-footer-copyright {
    display: none;
}

/****アニメーション****/

.effect{
	opacity:0;
	transform:translatey(60px);
}

.effect.active{
	animation:effect_anime 1s ease 1 forwards; 
}

.effect.active .meister_catch span{
	animation:hop_anime 0.5s ease 1 infinity;
}

.meister_catch span{
	display:inline-block;
}

span.txt_anime{
	position:relative;
	overflow:hidden;
}

span.txt_anime:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
}

span.txt_anime.active:after{
	animation:txt_anime 2s ease 1 0.5s forwards;
}

h2.days_catch span.txt_anime.active:nth-of-type(2):after{
	animation-delay:1.5s;
	animation-duration:1.5s;
}

.days_ttlBox .container.days_anime:after{
	opacity:0;
	transform:translatey(60px);
}

.days_ttlBox .container.days_anime.active:after{
	animation:effect_anime 1s ease 1 forwards;
}

@keyframes txt_anime{
	0%{	transform:translatey(0);}
	100%{transform:translatey(100%);}
}

@keyframes effect_anime{
	0%{	opacity:0; transform:translatey(60px);}
	100%{	opacity:1; transform:translatey(0);}
}

@keyframes effect_anime02{
	0%{	opacity:0; transform:translate(-50%,60px);}
	100%{opacity:1; transform:translate(-50%,0);}
}

.effect.active .meister_catch span{
	animation:hop_anime 2s ease infinite;
}

.effect.active .meister_catch span:nth-of-type(2){
	animation-delay:0.2s;
}

.effect.active .meister_catch span:nth-of-type(3){
	animation-delay:0.4s;
}

@keyframes hop_anime{
	0%{	opacity:1; transform:translatey(0);}
	30%{	opacity:1; transform:translatey(0);}
	55%{	opacity:1; transform:translatey(0);}
	60%{	opacity:1; transform:translatey(-10px);}
	100%{	opacity:1; transform:translatey(0);}
}

.scroll_block {
    overflow-x: scroll;
}

p.scroll_txt {
    display:none;
	font-size:13px;
	margin:0!important;
}

/****追従メニュー****/

.follow_bottom{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	display:flex;
	min-height:55px;
	display:none;
	transform:translatey(100px);
	z-index:1000;
}

.follow_bottom a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:25%;
	color:#fff;
	font-size:11px;
	padding:5px;
	text-align:center;
	border-radius:10px 10px 0 0;
	line-height:130%;
	letter-spacing:0.5px;
}

.follow_bottom a:hover{
	opacity:1;
}

.page_top_btn{
	bottom:80px;
}

.follow_bottom.fixed {
	animation:follow_btn_anime 1s ease 1 forwards;
}

@keyframes follow_btn_anime{
	0%{transform:translatey(100px);}
	100%{transform:translatey(0);}
}
	

/****スマホ****/

@media(max-width:1200px){
.headerArea .container h1 {
    max-width: 250px;
}
	
.header_menu {
    width: calc(100% - 270px);
}
	
nuv.header_menu_bottom ul li a {
    margin-right: 1.5rem;
}
	
.type_info h3 span {
    font-size: 1.3rem;
}

.type_catch {
    font-size: 1.2rem;
}
	
h2.days_catch {
    font-size: 3rem;
    margin: 0 -3rem 0 auto;
}
	
.voice_child:after {
    width: 98%;
}
}

@media(max-width:991.98px){
.header_menu{
	display:none;
}
	
.headerArea .container h1 {
	max-width: 280px;
	margin: 1.5rem auto;
}
	
.headerArea{
	margin-bottom:0;
}
	
.map_left {
    width: 100%;
	text-align:center;
	margin-bottom:1rem;
}

.map_left img{
    max-width:350px;
	width:80%;
	margin:0 auto;
}

.map_right{
    width: 100%;
	text-align:center;
}
	
.meister_post {
    padding: 3rem 1.5rem;
}
	
.footer_btn a {
    font-size: 1.2rem;
    border-radius: 1rem;
}
	
.footer_left, .footer_right{
    width: 100%;
}
.footer_right{
    margin-bottom:2rem;
}

.footerArea {
    flex-direction: column-reverse;
}
	
ul.s_link {
    width: 100%;
	justify-content:center;
}
	
.copyright {
    width: 100%;
    text-align: center;
    margin: 2rem 0 3rem;
}
	
.subject_main_right {
    width: 260px;
}
	
.subject_main_letf {
    width: calc(100% - 280px);
}
	
ul.event_list li {
    width: 32%;
    margin: 0 2% 1rem 0;
}

ul.event_list li:nth-of-type(4n) {
    margin-right: 2%;
}

ul.event_list li:nth-of-type(3n) {
    margin-right: 0;
}
	
.type_img {
    width: 130px;
}

.type_info {
    width: calc(100% - 130px);
    padding: 0 3%;
}

.type_info h3 {
    font-size: 2.5rem;
    margin: 0 0 1rem;
}

.type_info h3 span {
    font-size: 1.1rem;
    margin-bottom: 3px;
}

.type_catch {
    margin-bottom: 5px;
    line-height: 150%;
    font-size: 1.1rem;
}

.type_info p {
    font-size: 14px;
}

.type_btn {
    font-size: 1.1rem;
}

.type_list ul li {
    width: 49%;
    margin-bottom:1rem;
}

.type_br{
    display:none;
}
	
ul.days_link li a {
    min-height: 110px;
    font-size: 1.4rem;
}

.days_img {
    height: 34rem;
}

h2.days_catch {
    font-size: 2.5rem;
    margin: 0 -5rem 0 auto;
}

.days_img:before {
    width: 13rem;
    height: 16rem;
}

.daysArea {
    margin-top: 3rem!important;
}

.meister_post .vk_post_title a {
    font-size: 1rem;
}
	
.meister_h3 {
    font-size: 3rem;
}
	
.course_bnr_inner h2 span {
    font-size: 3rem;
}

.course_bnr_inner p {
    font-size: 1.4rem;
    margin: 0 0 1rem;
}

.course_bnr {
    padding: 1.5rem 0.5rem 1.5rem;
}

.course_bnr_inner h2:after {
    width: 9rem;
    height: 3rem;
    top: -2rem;
    left: -2rem;
}
	
.type_btn_ttl span {
    font-size: 13px;
    line-height: 130%;
}
	
.type_btn_ttl .en {
    font-size: 1.8rem;
}
	
.type_btn_ttl {
    line-height: 130%;
}
	
table.curriculum_table {
    min-width: 640px;
	width:100%;
}
	
table.curriculum_table tbody th {
    width: 120px;
}
	
table.curriculum_table tbody tr td:nth-of-type(1) {
    width: 140px;
    text-align: left;
}
	
.check_info_txt {
    width: 60%;
}
	
.check_info_img {
    width: 40%;
}
	
.voice_box .voice_child:nth-of-type(1) h3 {
    top: -24px;
}
	
.voice_child h3 p {
    width: 180px;
    font-size: 1.4rem;
    height: 40px;
}
	
.voice_txt {
    width: calc(100% - 230px);
}
	
.stu_img {
    width: 230px;
}
	
.voice_box .voice_child:nth-of-type(1):after {
    height: 100%;
}

.voice_txt p {
    font-size: 15px;
}
	
.voice_box .voice_child:nth-of-type(1) .voice_txt {
    padding-top: 2.5rem;
}

.graduate_name {
    font-size: 14px;
}

.stu_name {
    font-size: 20px;
    font-weight: bold;
}
	
.stu_name span {
    font-size: 16px;
}
	
.voice_nameBox {
    margin-bottom: 10px;
}
	
.ob_voice .stu_img {
    width: 200px;
}
	
.ob_name {
    font-size: 18px;
}
	
.ob_name span {
    font-size: 13px;
}
	
.ob_year {
    font-size: 14px;
    margin-bottom: 3px;
}
	
.ob_nameBox {
    margin-top: -30px;
}
	
.ob_courseBox {
    flex-direction: column;
    align-items: flex-start;
}
	
.ob_course_txt {
    margin-top: 0.5rem;
}
	
.ob_course_ttl {
    width: 130px;
    padding: 0.5rem 0.8rem;
    font-size: 1.3rem;
    margin-right: 0;
}
	
table.curriculum_table thead th:nth-of-type(3), table.curriculum_table thead th:nth-of-type(4), table.curriculum_table thead th:nth-of-type(5), table.curriculum_table thead th:nth-of-type(6), table.curriculum_table thead th:nth-of-type(7) {
    width: 80px;
}
	
.applyBox {
    padding: 1.5rem 2rem 0;
}
	
.imp_left {
    width: 190px;
}

.imp_right {
    width: calc(100% - 190px);
}
	
.follow_bottom{
	display:flex;
}

}

@media(max-width:781px){
.subject_flex {
    flex-direction: column-reverse;
}
	
.subject_right {
    margin-bottom: 25px!important;
}
}

@media(max-width:767px){
.headerArea .container h1 {
	max-width: 250px;
	margin: 15px auto;
}
	
.lightning_swiper:before {
    height: 5rem;
}
	
ul.bnr_link{
    flex-wrap:wrap;
	width:100%;
	margin: 30px auto !important;
}
	
ul.bnr_link li {
    width: 49%;
	margin:0 2% 10px 0;
}

ul.bnr_link li:first-of-type {
    width: 100%;
	margin:0 0 10px 0;
}
	
ul.bnr_link li:nth-of-type(3) {
	margin-right:0;
}
	
ul.bnr_link li:last-of-type, ul.bnr_link li:nth-of-type(2){
	margin-bottom:0;
}
	
.access_ttl {
    font-size: 16px;
}
	
.map_right p{
    font-size:14px;
}
	
.mapArea{
	height:350px;
	margin-bottom:20px;
}
	
.top_post .vk_post{
	width:49%;
	margin:0 2% 10px 0;
}
	
.top_post{
	padding-left: 15px;
	padding-right: 15px;
}

.top_post .vk_post:nth-of-type(4n){
	margin-right:2%;
}
	
.top_post .vk_post:nth-of-type(even){
	margin-right:0;
}
	
.vk_post_imgOuter_singleTermLabel {
    padding: 7px 10px;
    line-height: 160%;
}
	
.card-body {
    padding: 15px 10px;
}
	
.meister_post .vk_post {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
}

.meister_post .vk_post, .meister_post .vk_post:nth-of-type(3) {
    margin-bottom: 15px;
}
	
.meister_post {
    padding: 20px 20px 30px;
    border-radius:0 0 1rem 1rem;
}
	
.footer_bg:after {
    background-size: cover;
    background-position: bottom left;
}
	
ul.footer_nuv > li {
    width: 49%;
    margin: 0 2% 25px 0;
}
	
ul.footer_nuv > li:nth-of-type(3n) {
    margin-right:2%;
	margin-bottom:25px;
}
	
ul.footer_nuv > li:nth-of-type(even) {
    margin-right:0;
}
	
ul.footer_nuv > li:nth-of-type(5), ul.footer_nuv > li:nth-of-type(6){
	margin-bottom:0;
}
	
ul.nuv_child li {
    margin: 0 0 13px 0;
}
	
ul.nuv_child li a {
    font-size: 13px;
}
	
.nuv_parents a {
    font-size: 16px;
}
	
.footer_btn a {
    width: 100%;
    font-size: 16px;
    padding: 15px 5px;
    letter-spacing: 0px;
	letter-spacing:1px;
	margin-bottom:10px;
}
	
.footer_btn a:last-of-type {
	margin-bottom:0;
}

.footer_bg {
    padding-top: 35px;
}
	
.footer_btn {
    margin-bottom: 50px;
}
	
.footer_logo {
    max-width: 260px;
    width: 60%;
    margin: 0 auto 20px;
}
	
.footer_right {
        margin-bottom: 40px;
}
	
.footer_left p {
    font-size: 13px;
    margin-bottom: 5px !important;
}
	
.footer_left p a{
    color:#fff;
	text-decoration:none;
}
	
.copyright {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}
	
.copyright p {
    font-size: 11px;
}
	
ul.s_link li a {
    font-size: 12px;
}
	
.course_bnr_inner.effect.active{
	animation:effect_anime02 1s ease forwards;
}
	
.swiper-wrapper img {
    border-radius: 1rem;
}
	
.subject_main_letf{
    width: 100%;
	margin-bottom:20px;
}
	
.subject_main_right {
    width:100%;
	padding: 15px 10px;
}
	
.subject_main h1 {
    font-size: 50px;
	left:15px;
	bottom: 3.5rem;
}
	
.subject_main {
    height: 20rem;
}
	
.subject_type_name {
    font-size: 20px;
    margin-bottom: 15px;
}
	
.subject_main_letf p {
    font-size: 15px;
}
	
.subject_main_txt {
    border-radius: 1rem;
    padding: 20px 15px;
}
	
.subject_right_ttl {
    font-size: 22px;
}
	
.subject_right_ttl span {
    font-size: 18px;
}
	
.subject_right_txt {
    font-size: 28px;
}
	
.subject_right_txt span {
    font-size: 60px;
}
	
.subject_right {
	margin-bottom: 0 !important;
}
	
h2.subject_catch {
    margin: 0 0 10px !important;
    font-size: 23px;
}
	
.slider1 li, .slider2 li {
    margin-right: 10px;
}

.slider1 {
    height: 225px;
}

.slider1 li {
    width: 350px;
}

.slider2 {
    height: 165px;
}

.slider2 li {
    width: 210px;
}
	
ul.event_list li {
    width: 49%;
    margin: 0 2% 2% 0;
}

ul.event_list li:nth-of-type(3n) {
    margin-right: 2%;
}

ul.event_list li:nth-of-type(even) {
    margin-right: 0;
}

.event_child h3 {
    font-size: 15px;
}

.event_year {
    font-size: 15px;
}

.event_day {
    font-size: 35px;
}

.event_day span {
    font-size: 18px;
    margin-left:3px;
}

.event_time {
    font-size: 16px;
}

.event_btn {
    font-size: 13px;
}

.event_child {
    padding: 5px 5px 10px 5px;
}

h2.main_h2 {
    font-size: 35px;
}

h2.main_h2 span {
    font-size: 16px;
}

.main_h2_deco span {
    width: 5px;
    height: 10px;
    margin-right: 7px;
}

.main_h2Box {
    margin-bottom: 30px !important;
}
	
.slider_box:after {
    width: 300px;
    height: 170px;
}

.aboutArea:before {
    width: calc(100% - 4%);
}

.aboutArea {
    padding: 50px 0;
}

.next_btn a {
    font-size: 16px;
    width: 60%;
}

.about_txt {
    margin-top: 30px;
    margin-bottom: 30px;
}

.about_txt p {
    line-height: 180%;
    font-size: 14px;
}
	
.type_list ul {
    margin-top: 30px;
}

.type_list ul li {
    width: 100%;
    margin-bottom: 15px;
}

.type_info h3 {
    font-size: 35px;
    margin-bottom: 15px;
}

.type_info h3 span {
    font-size: 15px;
}

.type_catch {
    font-size: 17px;
}

.type_img {
    width: 120px;
}

.type_info {
    width: calc(100% - 120px);
    margin-top: 0;
}

.type_btn {
    font-size: 14px;
}

.txt_catch {
    font-size: 16px;
}

.type_list ul li a .flex-between{
    align-items: center;
}
	
.days_img {
    height: 23rem;
}

.days_img:before {
    width: 6rem;
    height: 7rem;
}

h2.days_catch {
    font-size: 23px;
    margin: 0 0 0 auto;
    letter-spacing: 3px;
}

h2.days_catch span {
    padding: 10px 6px 15px 4px;
    line-height: 120%;
}

.days_ttlBox .container:after {
    width: 11rem;
    height: 6rem;
    bottom: 2rem;
    left: 1rem;
}

.daysArea {
    margin-top: 30px !important;
}

ul.days_link li a {
    min-height: auto;
    font-size: 16px;
    padding: 15px 15px;
}

ul.days_link li {
    width: 49%;
    margin-bottom:10px;
}

ul.days_link li:last-of-type {
    width: 100%;
    margin-bottom:0;
}

.days_link_Area .container {
    margin-top: -15px;
}

.days_img img {
    object-position: 27% 0;
}

.top_meister {
    padding-top: 11px;
    padding-bottom: 40px;
}

.meister_h3{
    font-size: 25px!important;
}

.meister_catch {
    font-size: 14px!important;
}

.white_box {
    padding: 30px 10px 0!important;
    border-radius: 1rem 1rem 0 0!important;
}
	
.course_bnr {
    background-image: url(https://www.sgh.ed.jp/wp-content/uploads/2026/06/course_bnr_sp.jpg);
    min-height: 380px;
    margin-top: 40px !important;
    border-radius: 1rem;
}

.course_bnr_inner h2 span {
    font-size: 32px;
}

.course_bnr_inner h2 {
    background: transparent;
    padding: 0;
    color: #fff;
    margin-bottom:10px;
}

.course_bnr_inner p {
    font-size: 16px;
    margin: 0 0 15px;
}

.course_bnr_inner {
    position: relative;
    position: absolute;
    width: 100%;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

.course_bnr_inner h2:after {
    top: -3rem;
}

.course_bnr:after{
    border-radius: 1rem;
}
	
.type_listbtn a {
    width: 49%;
    margin-bottom: 2%;
}
	
.type_listbtn a:nth-of-type(3), .type_listbtn a:nth-of-type(4) {
    margin-bottom: 0;
}
	
.type_btn_ttl .en {
    font-size: 23px;
}
	
p.scroll_txt {
	display:block;
}
	
.time_schedule {
    width: 600px;
}

h2.simple_h2 {
    border-left: 5px solid #136a8f;
    padding: 5px 0 5px 5px;
    font-size: 20px;
    margin: 0 0 20px;
}
	
.page-id-38 .slider1, .page-id-36 .slider1, .page-id-40 .slider1, .page-id-42 .slider1 {
	height: 180px;
}
	
.page-id-38 .slider1 li, .page-id-36 .slider1 li, .page-id-40 .slider1 li, .page-id-42 .slider1 li {
	width: 230px;
}
	
.check_list_2child ul {
    width: 100%;
}
	
.check_list_inner ul li p {
    font-size: 19px;
}
	
.check_list_inner ul li:before, ul.apply_list li:before {
    width: 23px;
    height: 21px;
}
	
.check_list_inner ul li p span {
    font-size: 12px;
}
	
h2.check_list_ttl, .course_info h2 {
    margin: 0 0 20px;
    padding: 10px 5px;
    font-size: 20px;
}
	
.check_info_txt {
	width: 100%;
}
	
h3.arrow_ttl {
    font-size: 20px;
    padding: 8px 10px;
    overflow: visible;
	margin-bottom:25px;
	text-align:center;
}
	
.check_info_txt p {
    font-size: 15px;
}
	
.check_list_info {
    margin-top: 25px;
}
	
.check_info_img {
	width: 65%;
	max-width: 300px;
	margin: 0 auto;
}
	
h3.arrow_ttl:after, .apply_list_ttl:after {
    content: "";
    border: none;
    width: auto;
    height: auto;
    display: block;
    background: none;
    transform: skew(0) translate(-50%, 0);
    position: absolute;
    top: auto;
    right: auto;
    left: 50%;
    bottom: -35px;
    border: 20px solid transparent;
    border-top-color: #e8e8e8;
}
	
.apply_list_ttl:after{
    border-top-color: #fff!important;		
}
	
.voice_txt {
	width: 100%;
}
	
.stu_img {
	width: 230px;
	margin: 0 auto;
}
	
.voice_box .voice_child:nth-of-type(1) .voice_inner {
    flex-direction: column-reverse;
	padding:30px 20px;
}
	
.voice_box .voice_child:nth-of-type(1) .voice_txt {
	padding: 0;
	margin-top:0;
}
	
.voice_txt {
	margin-top:15px;
}
	
.voice_txt p {
	font-size: 14px;
}
	
.graduate_name {
	font-size: 13px;
	margin-right:0;
	margin-bottom:3px;
}
	
.voice_nameBox {
	flex-direction: column;
	align-items: center;
	border: none;
	background: #f5f5f5;
	padding: 5px;
}
	
.stu_name {
	font-size: 18px;
}
	
.stu_name span {
	font-size: 15px;
}
	
.voice_child:after {
	width: calc(100% - 15px);
}
	
.voice_child h3 p {
	width: 156px;
	font-size: 17px;
	height: 35px;
	margin: 0 auto;
}
	
.voice_box .voice_child:nth-of-type(1) h3 {
	top: -15px;
}
	
.voice_child h3 p:after {
    border-width: 8px;
    right: -16px;
}
	
.voice_box {
    margin-top: 45px;
}
	
.ob_voice .stu_img {
    width: 100%;
}
	
.ob_course_txt {
    margin-top: 5px;
    font-size: 16px;
	letter-spacing:0.5px;
}
	
.ob_course_ttl {
    width: 105px;
    padding: 8px 10px;
    font-size: 16px;
}
	
.ob_nameBox {
    margin-top: -20px;
}
	
.ob_nameBox p {
    font-size: 13px;
}
	
.ob_name {
    font-weight: bold;
}
	
.ob_name span {
    font-size: 15px;
}
	
.ob_voice .voice_inner {
    padding: 0;
}
	
.voice_child.ob_voice h3 {
    top: -15px;
}
	
.voice_child.ob_voice h3 p:after {
    left: -16px;
}

.voice_child.ob_voice .voice_inner {
    padding: 30px 20px;
}
	
.voice_child.ob_voice {
    padding: 0;
}
	
.ob_imgBox {
    max-width: 200px;
}
	
.voice_child {
    margin-bottom: 60px;
}
	
.course_slider {
    padding: 40px 0 20px;
}
	
h3.arrow_ttl{
    background-position:left;
}
	
.arrow_ttl.active, .apply_list_ttl.active{
    animation:none;
	animation:updown 2s ease infinite;
}
	
.page-id-36 .check_list_inner {
    padding-bottom: 20px;
}
	
.check_list_2child ul:first-of-type {
	margin-bottom:10px!important;
}
	
.subject_main_catch {
    font-size: 18px;
}
	
.voice_catch_ttl {
    font-size: 18px;
}
	
.apply_listBox {
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
}
	
.course_info_inner {
    padding: 0 1rem 20px;
}
	
.applyBox {
    padding: 20px 15px 0;
}
	
ul.apply_list li p {
    font-size: 17px;
    line-height: 140%;
}

ul.apply_list li:before {
    width: 23px;
    height: 21px;
	margin-top: 3px;
}

.apply_img {
    margin: 0 auto;
	width:110px;
}
	
.apply_list_ttl {
    font-size: 17px;
	line-height:140%important;
    padding: 8px 10px;
    overflow: visible;
    margin-bottom: 25px;
    text-align: center;
	background:#fff;
}

.school_child {
    width: 100%;
    padding: 30px 20px;
    margin-bottom: 15px;
}
	
.school_info .school_child:last-of-type {
    margin-bottom: 0;
}

.school_info {
    margin-bottom:25px;
}
	
.school_icon {
    width: 75px;
    margin: 0 auto 15px;
}
	
.school_child h2 {
    font-size: 18px;
    margin: 0 0 15px;
}
	
.check_list_inner > ul li {
    width: 100%;
}
	
.course_list_catch {
    font-size: 18px;
}
	
.course_list_catch p {
    letter-spacing: 1px;
	line-height:160%;
}
	
.course_list_catch p span {
    line-height: 140%;
	font-size:25px;
}
	
.page-header {
    min-height: 135px;
    background-position: left;
}
	
.page-header-title, h1.page-header-title {
    font-size: 23px;
}
	
.slider_box:before {
    width: 115px;
    height: 142px;
}
	
.imp_left {
    width: 100%;
    display: block;
    font-size: 16px;
    border-radius: 0.8rem 0.8rem 0 0;
}

.imp_right {
    width: 100%;
    display: block;
}

.imp_ttl {
    font-size: 16px;
    margin-bottom: 5px;
    line-height: 140%;
}

.imp_txt {
    font-size: 13px;
}
	
.imp_txt p{
    line-height:150%!important;
}
	
.imp_left{
    padding:5px;
}
	
h2.days_catch span:nth-of-type(2) {
    margin-right: 5px;
}
	
.type_btn_ttl span {
    font-size: 12px;
    letter-spacing: 0.5px;
}
	
.footer_bootom {
    padding-bottom: 80px;
}
	
.headerArea.fixed{
	position:relative;
	animation:none;
}
	
.imp_newsBox{
	border-width:1px;
}
	
ul.days_link li a:after {
    top: 46%;
}
}

/*******************************/
.table01 td {
	padding: 15px;
	font-size: 15px;
}
.table01 td:first-child {
	width: 160px;
}

.box-title01 {
	display: table;
	padding: 10px 20px;
	background: #337ab7;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0px;
}
.td4 td:first-child {
	width: 100px;
}
.td4 td:nth-child(2) {
	text-align: center;
	width: 100px;
}
.td4 td:nth-child(3) {
	text-align: center;
	width: 100px;
}
.td4 th {
	text-align: center !important;
}

/****20260612****/

ul.uniform_list {
    padding: 0;
    margin: 4rem 0 0 !important;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

ul.uniform_list li{
    list-style-type:none;
	margin:0;
	border-radius:2rem;
	padding:3rem 3rem 2rem;
    background:#ffecee;
	width:49%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

ul.uniform_list li:nth-of-type(2){
    background:#efeeff;
	flex-direction:row-reverse;
}

.uniform_txt {
    width: 60%;
}

.uniform_sum {
    width: 35%;
}

.uniform_mainBox{
	background:#f5f5f5;
	padding:2rem;
	border-radius:2rem;
	align-items:center;
}

.uniform_left {
    width: 35%;
}

.uniform_right {
    width: 60%;
}

.uniform_right p{
    margin-bottom:0;
}

ul.uniform_list li h2 {
    border: none;
    color: #fff;
    font-size: 1.5rem;
    padding: 5px 10px 5px 30px;
    line-height: 160%;
    position: relative;
    margin: 0 0 1rem;
	background:#e45370;
	overflow:hidden;
	font-weight:normal;
}

ul.uniform_list li h2:after {
    content: "";
    width: 30px;
    height: 100%;
    display: block;
    background: #ffecee;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: skewx(-30deg) translateY(-50%);
}

ul.uniform_list li:nth-of-type(2) h2{
    background:#7e3080;
    padding: 5px 30px 5px 10px;
}

ul.uniform_list li:nth-of-type(2) h2:after{
    background: #efeeff;
    left: auto;
    right: -30px;
    transform: skewx(30deg) translateY(-50%);
}

.uniform_left img {
    border-radius: 2rem;
}

.uniform_img img {
    border-radius: 2rem;
}

.uniform_bg{
	background-image:url(/wp-content/uploads/2026/06/uniform_deco.png);
}

.bg_size_w100 {
	background-size:100% auto!important;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
}

ul.club_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	padding:0;
}

ul.club_list li{
    width:24%;
	list-style-type:none;
	margin-right:1.333%;
	margin-bottom:1.5rem;
	margin-top:0;
	text-align:center;
}

ul.club_list li:nth-of-type(4n){
	margin-right:0;
}

ul.club_list li h2 {
    color: #0070ae;
    padding: 0;
    margin: 0.5rem 0;
    border: none;
    font-size: 1.4rem;
	font-weight:normal;
}

a.club_link {
    text-decoration: none;
    background: #f5f5f5;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 15px;
	line-height:150%;
	color: #000;
	margin-bottom:10px;
}

a.club_link:hover {
    background:#ccc;
	opacity:1;
    color: #0070ae;
}

.club_bg{
	background-image:url(/wp-content/uploads/2026/06/club_deco.png);
}

.club_left {
    width: 35%;
}

.club_right {
    width: 60%;
    text-align: left;
	background-image:url(/wp-content/uploads/2026/06/club_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:2rem;
	padding:2rem;
	display:flex;
	flex-direction:column;
	justify-content:center;	
}

.club_right p:last-of-type{
	margin-bottom:0;
}

.club_catch {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
	color:#0070ae;
}

.club_flex{
	align-items: flex-end;
}

ul.club_grades {
    padding: 0;
    margin: 0;
}

ul.club_grades li{
    list-style-type:none;
	background:#fff;
	border-radius:2rem;
	padding:3rem;
	margin:0 0 2rem;
}

ul.club_grades li table th{
	background:#f5f5f5;
	width:180px;
}

ul.club_grades li table th, ul.club_grades li table td{
	line-height:160%;
	padding:1rem;
}

ul.club_grades li table td span{
	color:#0070ae;
	font-weight:bold;
}

ul.club_grades li h3{
	font-size:1.6rem;
	margin-bottom:1.5rem;
}

ul.club_grades li h3:first-letter{
	color:#0070ae;
}

ul.club_grades li h3:after{
	border:none;
	width:30px;
	height:4px;
	bottom:-2px;
	left:0;
	background:#0070ae;
}

h2.center_h2{
	text-align:center;
	color:#0070ae;
	border:none;
	font-size: 2.2rem;
    margin: 0 0 2rem !important;
}

#baseball, #car, #cook, #music, #tennis, #art, #outdoor, #tabletennis{
	padding-top:5rem;
	margin-top:-5rem;
}

.oneyear_txt {
    text-align: center;
    margin-top: 3rem;
}

.month_ttl {
    margin-bottom: 1rem !important;
    padding: 5px 10px!important;
    font-weight: normal;
    font-size: 1.5rem;
	line-height:150%;
}

.oneyear_child .wp-block-vk-blocks-grid-column-item{
	border:1px solid #cecece;
	padding-bottom:3rem;
	box-sizing:border-box;
}

.oneyear_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:5rem;
}

.oneyear_child {
    width: 32%;
    border: 1px solid #cecece;
    padding: 20px 20px 50px;
    position: relative;
	margin-bottom:2%;
	min-height:350px;
}

.oneyear_child:before {
    color: #e6f0f4;
    font-size: 3.5rem;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: "Hurricane", cursive;
    font-weight: 400;
    font-style: normal;
    transform: skewX(-10deg) rotate(-12deg);
}

.oneyear_list .oneyear_child:nth-of-type(1):before{
	content:"April";
}

.oneyear_list .oneyear_child:nth-of-type(2):before{
	content:"May";
}

.oneyear_list .oneyear_child:nth-of-type(3):before{
	content:"June";
}

.oneyear_list .oneyear_child:nth-of-type(4):before{
	content:"JUly";
}

.oneyear_list .oneyear_child:nth-of-type(5):before{
	content:"August";
}

.oneyear_list .oneyear_child:nth-of-type(6):before{
	content:"September";
}

.oneyear_list .oneyear_child:nth-of-type(7):before{
	content:"October";
}

.oneyear_list .oneyear_child:nth-of-type(8):before{
	content:"November";
}

.oneyear_list .oneyear_child:nth-of-type(9):before{
	content:"December";
}

.oneyear_list .oneyear_child:nth-of-type(10):before{
	content:"January";
}

.oneyear_list .oneyear_child:nth-of-type(11):before{
	content:"February";
}

.oneyear_list .oneyear_child:nth-of-type(12):before{
	content:"March";
}

.oneyear_child h3{
	text-align:center;
	color:#fff;
	font-weight:normal;
	padding:5px 10px;
	font-size:1.5rem;
	border:none;
	background:#0070ae;
	margin-bottom:1.5rem;
}

.oneyear_child h3:after{
	display:none;
}

.oneyear_child ul {
    padding: 0;
    margin: 0;
}

.oneyear_child ul li{
    list-style-type:none;
	margin:0 0 0.5rem;
	display:flex;
}

.oneyear_child ul li:before{
	content:"";
	width:13px;
	height:13px;
	display:block;
	border-radius:50%;
	background:#dbd729;
	margin-right:5px;
	margin-top:5px;
}

.oneyear_child ul li p{
    margin:0;
	font-size:18px;
	line-height:150%;
	width:calc(100% - 18px);
}

.oneyear_child ul li p span{
	font-size:13px;
}

ul.club_grades li:last-of-type{
	margin-bottom:0;
}

.facility_mainImg {
    position: relative;
}

.facility_mainImg:before {
    content:"";
	width:15rem;
	height:15rem;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(/wp-content/uploads/2026/06/school_info.png);
	background-repeat:no-repeat;
	background-size:contain;
	animation:scale_anime 1.5s ease infinite;
}

@keyframes scale_anime{
	0%{transform:scale(1);}
	20%{transform:scale(1.02);}
	35%{transform:scale(1);}
	50%{transform:scale(1.02);}
	75%{transform:scale(1);}
	100%{transform:scale(1);}
}

.facility_mainTxt {
    width: 75%;
}

.facility_mainTxt p:last-of-type{
    margin:0;
}

.facility_subImg {
    width: 15%;
}

.facility_main_flex {
    align-items: flex-end;
    margin-top: -15rem !important;
    position: relative;
    z-index: 3;
}

h2.facility_h2 {
    margin: 8px 0 15px;
    background: linear-gradient(to right, #1e5280, #499196);
    font-weight: normal;
    color: #fff;
    font-size: 1.6rem;
    padding: 0.5rem;
}

.grid_box .vk_gridColumn_item {
    margin-bottom: 2rem;
}

.grid_box figure.wp-block-image.size-full{
	margin-bottom:0;
}

h3.facility_h3 {
    color: #fff;
    font-weight: normal;
    margin: 0;
	padding: 0.5rem;
	margin: 8px 0 15px;
	font-size:1.6rem;
	border:none;
}

h3.facility_h3:after {
    display:none;
}

.car_facility h3.facility_h3{
    background: linear-gradient(to right, #bc4831, #c25370);
}

.cook_facility h3.facility_h3{
    background: linear-gradient(to right, #7e3080, #80728c);
}

.flex50per {
    width: 50%;
}

.facility_child_box h3.facility_h3{
	border:none;
	text-align:center;
}

.facility_child_box p{
	text-align:center;
}

.car_facility h2.center_h2, .cook_facility h2.center_h2{
	margin-bottom:3rem!important;
}

.facility_child_img{
	position:relative;
	overflow:hidden;
}

.facility_child_img:after{
	content:"";
	height:20rem;
	display:block;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	z-index:3;
	bottom:0;
}

.car_facility .facility_child_img:after{
	background-image:url(/wp-content/uploads/2026/06/car_facility_deco.png);
	width:16rem;
	left:50%;
	transform:translatex(-50%);
	animation:car_deco 1.5s ease infinite; 
}

.cook_facility .facility_child_img:after{
	background-image:url(/wp-content/uploads/2026/06/cook_facility_deco.png);
	width:22rem;
	right:0;
	animation:cook_deco 1.5s ease infinite; 
}

@keyframes cook_deco{
	0%{transform:translatey(0);}
	15%{transform:translatey(3px);}
	30%{transform:translatey(0);}
	45%{transform:translatey(3px);}
	65%{transform:translatey(0);}
	100%{transform:translatey(0);}
}

@keyframes car_deco{
	0%{transform:translate(-50%,0);}
	15%{transform:translate(-50%,3px);}
	30%{transform:translate(-50%,0);}
	45%{transform:translate(-50%,3px);}
	65%{transform:translate(-50%,0);}
	100%{transform:translate(-50%,0);}
}

.facility_img_deco {
	position:relative;
}

.facility_img_deco:after {
	content:"";
	width:10rem;
	height:10rem;
	display:block;
	background-image:url(/wp-content/uploads/2026/06/facility_deco.png);
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	z-index:3;
	top:-2rem;
	right:0;
}

.cook_facility .facility_child_box {
    margin-bottom: 4rem !important;
}


@media(max-width:991.98px){
.uniform_txt {
    width: calc(100% - 130px);
}
	
.uniform_sum {
	width: 130px;
    text-align: center;
}
	
ul.uniform_list li {
	padding: 1.5rem 2rem 2rem;
}
	
ul.club_list li {
    width: 32%;
}
	
ul.club_list li:nth-of-type(4n) {
    margin-right: 1.333%;
}
	
ul.club_list li:nth-of-type(3n) {
    margin-right: 0;
}
	
.club_right {
    width: 100%;
}
	
.club_left {
    margin: 0 auto;
	overflow:hidden;
}
	
.club_left img{
    animation:cook_deco 1.5s ease infinite;
}
	
.oneyear_child {
    width:49%;
}
	
.facility_mainBpx .container {
    max-width: 100%;
}
	
.facility_main_flex {
    margin-top: -10rem !important;
}
	
h2.facility_h2 {
    font-size: 1.4rem;
}
	
.facility_img_deco:after {
    width: 8rem;
    height: 8rem;
}
	
.facility_child_img:after {
    height: 14rem;
}

.car_facility .facility_child_img:after {
    width: 11rem;
}
	
.cook_facility .facility_child_img:after {
    width: 15rem;
}
	
h3.facility_h3 {
    font-size: 1.4rem;
}
	
ul.uniform_list li h2:after{
    display:none;
}
	
ul.uniform_list li h2, ul.uniform_list li:nth-of-type(2) h2 {
    padding: 5px 10px;
	text-align:center;
	line-height:150%;
	font-size:1.4rem;
}
	
.uniform_txt p{
	font-size:14px;
}
	
.uniform_img img {
    border-radius: 1rem;
}
	
}

@media(max-width:767px){
ul.uniform_list li {
	width: 100%;
	margin-bottom: 15px;
	padding:20px;
	border-radius:1rem;
}
	
ul.uniform_list li  h2 {
    font-size: 18px;
	text-align:center;
	border-radius:5px;
}
	
.uniform_sum {
    width: 100px;
    margin-bottom: 15px;
}
	
.uniform_left {
    width: 100%;
}
	
.uniform_right {
    width: 100%;
    margin-top: 15px;
}
	
.uniform_mainBox {
    padding: 20px;
	border-radius:1rem;
}
	
.uniform_left img {
    border-radius: 1rem;
}
	
ul.uniform_list {
    margin: 20px 0 0 !important;
}
	
ul.club_list li {
    width: 49%;
	margin-right:2%;
	margin-bottom:8px;
}
	
ul.club_list li:nth-of-type(3n) {
	margin-right:2%;
}
	
ul.club_list li:nth-of-type(even) {
	margin-right:0;
}
	
ul.club_list li h2 {
    font-size: 16px;
}
	
a.club_link {
    padding: 5px 10px;
    font-size: 12px;
	letter-spacing:0px;
	width:100%;
}
	
h2.center_h2 {
    font-size: 20px;
    margin: 0 0 20px !important;
	padding:0;
}
	
ul.club_grades li h3 {
    font-size: 18px;
}
	
ul.club_grades li table{
    border-left:none;
    border-right:none;
}
	
ul.club_grades li {
    padding: 2rem;
    margin: 0 0 20px;
	border-radius:1rem;
}
	
ul.club_grades li table th {
    width: 100%;
	display:block;
	border:none;
}
	
ul.club_grades li table td {
    width: 100%;
	display:block;
	border:none;
}
	
.club_left {
    width: 45%;
}

.club_catch {
    font-size: 20px;
}

.oneyear_child {
    width: 100%;
    margin-bottom: 20px;
	min-height: auto;
	padding: 15px 15px 50px;
}
	
.oneyear_txt {
    text-align: left;
    margin-top: 30px;
    padding: 0 15px;
}
	
.oneyear_list {
    margin-top: 40px;
}
	
.oneyear_child ul li p {
    font-size: 15px;
}
	
.oneyear_child h3 {
    font-size: 18px;
}
	
.oneyear {
    max-width: 80%;
}
	
.oneyear_list .oneyear_child:last-of-type{
    margin-bottom:0;
}
	
.club_right {
    border-radius: 1rem;
}

ul.club_grades li table th, ul.club_grades li table td {
    padding: 10px;
}
	
.facility_main_flex {
    margin-top: 0 !important;
	margin-bottom: 20px;
}
	
.facility_mainTxt {
    width: 100%;
	margin-top:10px;
}

.facility_subImg {
    display:none;
}
	
.facility_mainImg:after {
    content: "";
    width: 75px;
    height: 124px;
    display: block;
    position: absolute;
    bottom: 0px;
	right:0;
    background-image: url(/wp-content/uploads/2026/06/school_man.png);
    background-repeat: no-repeat;
    background-size: contain;
}
	
.facility_mainImg:before {
    width: 120px;
    height: 120px;
    top: -30px;
}
	
.facility_mainImg img {
    display: block;
    margin-top: 40px;
}
	
h2.facility_h2, h3.facility_h3 {
    font-size: 17px;
	margin-bottom:10px;
}
	
.grid_box .vk_gridColumn_item {
    margin-bottom: 15px;
}
	
.flex50per {
    width: 100%;
}
	
.car_facility .facility_child_img:after {
    left: 0;
    transform: translatex(0);
}
	
.facility_child_img:after {
    height: 155px;
}
	
.car_facility .facility_child_img:after {
    width: 118px;
}
	
.facility_child_box p {
    text-align: left;
}
	
.facility_img_deco:after {
    width: 100px;
    height: 100px;
}
	
.car_facility h2.center_h2, .cook_facility h2.center_h2 {
    margin-bottom: 20px !important;
}
	
.car_facility, .cook_facility {
    padding-top: 30px;
    padding-bottom: 30px;
}
	
.cook_facility .facility_child_img:after {
    width: 148px;
    height: 138px;
}
	
.cook_facility .facility_child_box {
    margin-bottom: 30px !important;
}
	
@keyframes car_deco{
	0%{transform:translate(0,0);}
	15%{transform:translate(0,3px);}
	30%{transform:translate(0,0);}
	45%{transform:translate(0,3px);}
	65%{transform:translate(0,0);}
	100%{transform:translate(0,0);}
}
	
.uniform_txt {
	width: calc(100% - 120px);
}
	
ul.uniform_list li h2, ul.uniform_list li:nth-of-type(2) h2{
	font-size:16px;
}
	
.page-id-50 .bg_size_w100 {
    background-size: cover !important;
}

.club_bg {
    background-position-y: top;
}
}


/***20260618***/

a.baseball_bnr{
	background:linear-gradient(to right,#185377,#006bbb);
	display:block;
	position:relative;
	overflow:hidden;
	margin-bottom:1.5rem;
}

a.baseball_bnr:hover{
	opacity:1;
}

.baseball_bnr_img {
    position: relative;
    z-index: 2;
}

.baseball_bnr_img img{
	transition:0.5s ease;
}

a.baseball_bnr:hover .baseball_bnr_img img{
	transform:scale(1.03);
}

.baseball_bnr_txt {
    position: absolute;
	width:100%;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    z-index: 3;
}

.baseball_bnr_catch {
    width: 50%;
}

.baseball_bnr_btn {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 1rem;
    display: flex;
    align-items: center;
	transition:0.5s ease;
}

.baseball_bnr_btn:after {
    content:"";
	width:30px;
	height:10px;
	display:block;
	background-image:url(/wp-content/uploads/2026/06/w_arrow.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:0.5rem;
	transition:0.5s ease;
}

a.baseball_bnr:hover .baseball_bnr_btn {
	color:#ffb200;
}

a.baseball_bnr:hover .baseball_bnr_btn:after {
	margin-left:0.8rem;
}

@media(max-width:767px){
.baseball_bnr_catch {
    width: 80%;
    margin: 0 auto;
}
	
.baseball_bnr_txt {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 10px;
}
	
.baseball_bnr_btn {
    font-size: 15px;
    padding-left: 0;
}
	
a.baseball_bnr {
    margin-bottom: 24px;
}
}


/***20260612佐々木***/

/* 1. 画像を囲む親要素の設定 */
.scroll-container {
  width: 100%;          
  overflow-x: auto;     
  white-space: nowrap;  
  -webkit-overflow-scrolling: touch; 
}

/* 2. 画像自体の設定 */
.responsive-scroll-img {
  display: block;       
  height: auto;         
  /* ↓【ここを修正】通常は画面幅に合わせるが、300px未満になりそうな時は横幅を制限しない */
  max-width: none;      
  min-height: 300px;    
  width: auto;          
}

/***テーブルの基本***/
table th,
table td {
	font-size: 15px;
}


/********************/

.entry-footer {
	display: none;
}
.next-prev {
	margin-top: 150px;
}


/****************************************
 * 資料請求・お問い合わせフォーム
 * *************************************/

.mobile-block tr th,
.mobile-block tr td {
	border: none;
}
.mobile-block tr:nth-child(odd) {
	background: #eee;
} 

@media screen and (max-width: 660px) {
	.mobile-block tr th, .mobile-block tr td {
		display: block;
	}
	.mobile-block span {
		font-size: 12px;
		padding-top: 5px;
	}
	.mobile-block tr th {
		text-align: left;
	}	
}
@media screen and (min-width: 660px) {
.mobile-block tr th {
	width: 300px;
}
}
.mwform-checkbox-field-text {
  font-size: 15px !important;
}

#width10 {width:10%;min-width:100px;}
#width20 {width:20%;min-width:140px;}
#width30 {width:30%;}
#width40 {width:40%;}
#width50 {width:50%;}
#width60 {width:60%;}
#width80 {width:80%;}
#width100 {width:100%;}