@charset "utf-8";

/*img.fit {
  width:100%;
}*/
header{
   height:0!important;
}
header{
   height:0!important;
}
 .MypageNewCss header {
 position:relative;
 margin:0;
 padding:0;
 border-top:5px solid #f39800;
 height:93px;
 background:#FFF;
}

.MypageNewCss header h1{
 font-size:0.6em;
 font-weight:normal;
 line-height:1.3;
 margin:2px 7px 7px;
 padding-top:2px;
}

.MypageNewCss header div#logo {
 margin:0;
 position:absolute;
 left:5px;
 top: 47px;
}

header div#logo img{

}

.MypageNewCss header #menu {
 position:absolute;
 top:-10px;
 right:5px;
 margin:0;
 padding:0;
 z-index:1;
}

div #content {
	text-align:center;
}

#nav-wrap {
 margin-top: 20px;
}

/* menu icon */
#menu-icon {
 display: none; /* hide menu icon initially */
}

#nav,
#nav li {
    margin: 0;
    padding: 0;
}
#nav li {
 list-style: none;
 float: left;
 margin-right: 5px;
}
/* nav link */
#nav a {
 padding: 4px 15px;
 display: block;
 color: #000;
 background: #ecebeb;
}
#nav a:hover {
 background: #f8f8f8;
}

/* nav dropdown */
#nav ul {
 background: #fff;
 padding: 2px;
 position: absolute;
 border: solid 1px #ccc;
 display: none; /* hide dropdown */
 width: 200px;
}
#nav ul li {
 float: none;
 margin: 0;
 padding: 0;
}
#nav li:hover > ul {
 display: block; /* show dropdown on hover */
}

@media screen and (max-width: 640px) {

 /* nav-wrap */
 #nav-wrap {
  position: absolute;
 }

 /* menu icon */
 #menu-icon {
  color: #000;
  width: 42px;
  height: 30px;
  background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
  padding: 8px 10px 0 42px;
  cursor: pointer;
  border: solid 1px #666;
  display: block; /* show menu icon */
 }
 #menu-icon:hover {
  background-color: #f8f8f8;
 }
 #menu-icon.active {
  background-color: #bbb;
 }

 /* main nav */
 #nav {
  clear: both;
  position: absolute;
  top: 38px;
  width: 160px;
  z-index: 10000;
  padding: 5px;
  background: #f8f8f8;
  border: solid 1px #999;
  display: none; /* visibility will be toggled with jquery */
 }
 #nav li {
  clear: both;
  float: none;
  margin: 5px 0 5px 10px;
 }
 #nav a,
 #nav ul a {
  font: inherit;
  background: none;
  display: inline;
  padding: 0;
  color: #666;
  border: none;
 }
 #nav a:hover,
 #nav ul a:hover {
  background: none;
  color: #000;
 }

 /* dropdown */
 #nav ul {
  width: auto;
  position: static;
  display: block;
  border: none;
  background: inherit;
 }
 #nav ul li {
  margin: 3px 0 3px 15px;
 }
}
header ul#subMenu{
 position:absolute;
 right:0px;
 top:22px;
}

header ul#subMenu li{
 display:block;
 float:left;
 position:relative;
 margin-right:3px;
}
header ul#subMenu li.shiryo {
 background:url(/img/smartphone/all/bg_pamph.png) no-repeat left center;
 background-size:cover;
 width:68px;
 height:45px;
 position:relative;
}
header ul#subMenu li.shiryo a {
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
header ul#subMenu li.shiryo span.img {
 display:block;
 margin:4px 0px 7px 0;
 text-align:center;
}
header ul#subMenu li a{
 text-decoration:none;
 font-size:0.7em;
 color:#FC7D1B;
 font-weight:bold;
 font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;

}
header ul#subMenu li a span.counts {
 display:block;
 position:absolute;
 top:18px;
 right:13px;
}
header ul#subMenu li a span.count {
 font-size:22px;
}

header #globalNaviToggle {
 display:block;
 text-decoration:none;
 text-align:center;
 color:#fff;
 font-size:0.8em;
 text-shadow: 1px 1px 1px #333333;
 padding:12px 10px 2px;
 border-radius:0 0 5px 5px;
 background-image: -webkit-linear-gradient(bottom, #ff7400 0%, #ffa443 100%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0, #ff7400),
 color-stop(1, #ffa443)
 );
}

header .logonInfo {
 border-bottom:2px solid #cccccc;
 margin:0;
 padding:3px;
 overflow:hidden;
 text-align:right;
 font-size:12px;
}
header .logonInfo li {
 display:inline;
}
header .logonInfo li a {}
#globalNavi {
 display: block !important /*none*/;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 10000;
}

.background {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.menulist {
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}

.menulist .inner {
 background: none repeat scroll 0 0 #FFFFFF;
 border: 3px solid #F19149;
 margin: 10px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 border-radius: 7px;
}

.menulist .inner ul{
 padding:0;
 margin:0 0 5px;
}

.menulist .inner ul li{
 padding:10px;
 border-bottom:1px dotted #ccc;
 font-size:0.9em;
}

.menulist .inner .closebtn{
 color: #fef4e9;
 border: solid 1px #da7c0c;
 background: #f78d1d;
 background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
 background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
 color: #FFF;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 240px;
 padding: 5px 0;
 margin:5px auto 7px;
 font-weight:bold;
 text-align:center;
 font-size:0.9em;
}

.menulist .inner .closebtn:hover{
 background: #f47c20;
 background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
 background: -moz-linear-gradient(top,  #f88e11,  #f06015);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.menulist .inner .closebtn:active{
 color: #fcd3a5;
 background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
 background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.keywordSearch {
 background:#fbecd6;
 padding:3px;
 box-shadow: 1px 1px 5px #aaa; /* CSS3 */
 -webkit-box-shadow: 1px 1px 5px #aaa; /* Safari, Chrome騾包ｽｨ */
 -moz-box-shadow: 1px 1px 5px #aaa; /* Firefox騾包ｽｨ */
}

.keywordSearch .searchBox {
 overflow:hidden;
 padding:5px;
}

.keywordSearch .searchBox input.text {
 float:left;
 width:82%;
 padding:0 5px;
 font-size:0.8em;
 font-family:Arial, sans-serif;
 color:#aaa;
 border:solid 2px #fe8101;
 border-right:2px solid #fe8101;
 box-sizing: content-box!important;
 height:28px;
 -webkit-border-radius: 5px 0 0px 5px;
 -moz-border-radius: 5px 0 0px 5px;
 border-radius: 5px 0 0px 5px;
 -webkit-appearance: none;
}

.keywordSearch .searchBox input.text:focus {
 border:solid 2px #EEA34A;
 height:28px;
}

.keywordSearch .searchBox input.submit {
 -webkit-box-shadow:none;
 background-image:none;
 border:none;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;
 border-top-left-radius:0;
 border-top-right-radius:0;
 box-shadow:none;
 float:left;
 height:32px;
 width:36px;
 cursor:pointer;
 -webkit-appearance: none;
 }

/*.keywordSearch .searchBox .text span,
.keywordSearch .searchBox .submit span {
 padding:0;
 display:block;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}*/

.globalNavi {
 padding:0px;
 margin:10px auto;
 width:100%;
 border-bottom:1px solid #eeeeee;
 overflow:hidden;
}
.globalNavi ul {
 list-style:none;
 list-style-position:outside;
 margin:0;
 background-color:#fffeef;
}
.globalNavi ul li {
 display:block;
 float:left;
 width:20%;
 height:50px;
 text-align:center;
 font-size:12px;
 line-height:65px;
 /*padding:8px;*/
}
.globalNavi ul li.blank {
 height:2.0em;
 border-bottom:1px solid #f19149;
}
.globalNavi ul li a {
 display:block;
 color:#333;
 text-decoration:none;
 height:40px;

}
.globalNavi ul li a img {

}
.globalNavi .logininfo {
 text-align:center;
 padding:3px;
 background-color:#eeeeee;
}

.globalNavi ul li.menu01 {
 background-image: linear-gradient(bottom, rgb(88,202,255) 15%, rgb(144,222,255) 65%);
 background-image: -o-linear-gradient(bottom, rgb(88,202,255) 15%, rgb(144,222,255) 65%);
 background-image: -moz-linear-gradient(bottom, rgb(88,202,255) 15%, rgb(144,222,255) 65%);
 background-image: -webkit-linear-gradient(bottom, rgb(88,202,255) 15%, rgb(144,222,255) 65%);
 background-image: -ms-linear-gradient(bottom, rgb(88,202,255) 15%, rgb(144,222,255) 65%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, rgb(88,202,255)),
 color-stop(0.65, rgb(144,222,255)));
 border-top:2px solid #b5e7fd;
 border-bottom:2px solid #43a8d5;
 /*border-right:1px solid #b5e7fd;*/
}

.globalNavi ul li.menu02 {
 background-image: linear-gradient(bottom, rgb(242,174,80) 15%, rgb(255,191,96) 65%);
 background-image: -o-linear-gradient(bottom, rgb(242,174,80) 15%, rgb(255,191,96) 65%);
 background-image: -moz-linear-gradient(bottom, rgb(242,174,80) 15%, rgb(255,191,96) 65%);
 background-image: -webkit-linear-gradient(bottom, rgb(242,174,80) 15%, rgb(255,191,96) 65%);
 background-image: -ms-linear-gradient(bottom, rgb(242,174,80) 15%, rgb(255,191,96) 65%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, rgb(242,174,80)),
 color-stop(0.65, rgb(255,191,96)));
 border-top:2px solid #ffcc80;
 border-bottom:2px solid #d59c48;
 /*border-right:1px solid #ffcc80;*/
}

.globalNavi ul li.menu03 {
 background-image: linear-gradient(bottom, rgb(255,242,100) 15%, rgb(255,242,100) 65%);
 background-image: -o-linear-gradient(bottom, rgb(255,242,100) 15%, rgb(255,242,100) 65%);
 background-image: -moz-linear-gradient(bottom, rgb(255,242,100) 15%, rgb(255,242,100) 65%);
 background-image: -webkit-linear-gradient(bottom, rgb(255,242,100) 15%, rgb(255,242,100) 65%);
 background-image: -ms-linear-gradient(bottom, rgb(255,242,100) 15%, rgb(255,242,100) 65%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, rgb(255,242,100)),
 color-stop(0.65, rgb(255,242,100)));
 border-top:2px solid #fff9b5;
 border-bottom:2px solid #d6c941;
 /*border-right:1px solid #fff9b5;*/
}

.globalNavi ul li.menu04 {
 background-image: linear-gradient(bottom, rgb(173,222,49) 15%, rgb(200,233,118) 65%);
 background-image: -o-linear-gradient(bottom, rgb(173,222,49) 15%, rgb(200,233,118) 65%);
 background-image: -moz-linear-gradient(bottom, rgb(173,222,49) 15%, rgb(200,233,118) 65%);
 background-image: -webkit-linear-gradient(bottom, rgb(173,222,49) 15%, rgb(200,233,118) 65%);
 background-image: -ms-linear-gradient(bottom, rgb(173,222,49) 15%, rgb(200,233,118) 65%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, rgb(173,222,49)),
 color-stop(0.65, rgb(200,233,118)));
 border-top:2px solid #d3ed93;
 border-bottom:2px solid #aac074;
 /*border-right:1px solid #d3ed93;*/
}

.globalNavi ul li.menu05 {
 background-image: linear-gradient(bottom, rgb(255,165,206) 15%, rgb(255,196,222) 65%);
 background-image: -o-linear-gradient(bottom, rgb(255,165,206) 15%, rgb(255,196,222) 65%);
 background-image: -moz-linear-gradient(bottom, rgb(255,165,206) 15%, rgb(255,196,222) 65%);
 background-image: -webkit-linear-gradient(bottom, rgb(255,165,206) 15%, rgb(255,196,222) 65%);
 background-image: -ms-linear-gradient(bottom, rgb(255,165,206) 15%, rgb(255,196,222) 65%);
 background-image: -webkit-gradient(
 linear,
 left bottom,
 left top,
 color-stop(0.15, rgb(255,165,206)),
 color-stop(0.65, rgb(255,196,222)));
 border-top:2px solid #ffd8e9;
 border-bottom:2px solid #d482a6;
 /*border-right:1px solid #ffd8e9;*/
}

.arwico{
 float:left;
 width:14px;
 height:14px;
 border:1px solid #F39700;
 border-radius:16px;
 -moz-border-radius:16px;
 -webkit-border-radius:16px;
 -ms-border-radius:16px;
 margin-right:3px;
 margin-top:1px;
 background:#F39700;
}

.arwico::before{
 position:relative;
 top:2px;
 left:5px;
 content:'';
 width:0;
 height:0;
 float:left;
 border:5px solid transparent;
 border-left-color:#fff;
}

.arwico02{
 width:0;
 height:0;
 float:left;
 border:5px solid transparent;
 border-left-color:#F39700;
 margin-top:5px;
}

/*----*/
.icoPaper{
 float:left;
 width:26px;
 height:32px;
 background:#555;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 -ms-border-radius:2px
}

.icoPaper::before{
 content:'';
 position:relative;
 top:-1px;
 left:14px;
 float:left;
 width:0;
 height:0;
 border:6px solid #fff;
 border-bottom-color:#555;
 border-left-color:#555;
 outline:2px solid #fff;
 outline-radius:2px;
 -moz-outline-radius:2px;
 -webkit-outline-radius:2px;
 -ms-outline-radius:2px;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 -ms-border-radius:2px
}

.neo165{
 float:left;
 width:12px;
 height:12px;
 border:2px solid #555;
 border-radius:16px;
 -moz-border-radius:16px;
 -webkit-border-radius:16px;
 -ms-border-radius:16px
}

.neo165::before{
 content:'';
 position:relative;
 top:10px;
 left:-4px;
 float:left;
 width:5px;
 height:9px;
 background:#555;
 border-radius:0 0 4px 4px;
 transform:rotate(45deg);
 -moz-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -o-transform:rotate(45deg)
}

.btnMini{
 margin:5px 0 -10px;
 padding:0;
}
#pnkz {
  /* position:absolute;
  top:93px;
  width:100%; */
}

#topicPath {
 margin:0px;
 padding:7px 3px;
 font-size:0.9em;
 background:#b5b5b5;
 color:#fff;
 box-shadow: 1px 1px 5px #aaa; /* CSS3 */
 -webkit-box-shadow: 1px 1px 5px #aaa; /* Safari, Chrome騾包ｽｨ */
 -moz-box-shadow: 1px 1px 5px #aaa; /* Firefox騾包ｽｨ */
 line-height:1.2em;
}
#topicPath li {
 display:inline;
}
#topicPath li:before {
 content:" > ";
}
#topicPath li.home:before{
 content:" ";
}

.linkTop {
 margin:0 10px;
 padding:0;
 font-size:0.9em;
 text-align:right;
}

section.search h2{
 background:#f39700;
 color:#FFF;
 text-shadow: 1px 1px 1px #000;
 padding:7px 10px;
 margin-bottom:5px;
 font-size:1em;
}

section.search p{
 margin:0 10px 10px;
}

section.search .searchTypes {
 margin-bottom:10px;
 border-bottom:1px solid #dcdcdc;
}

section.search ul.bnr{
 margin:10px auto;
 text-align:center;
}

section.search ul.bnr li{
 display:block;
 margin-bottom:5px;
}

.searchTypes ul {
 overflow:hidden;
 margin:0;
 list-style:none;
 list-style-position:outside;
}

.searchTypes ul li span.arwOrg{
 width:0;
 height:0;
 float:right;
 border:8px solid transparent;
 border-left-color:#f39700;
 margin-right: -4px;
 margin-top: 5px;
}

.searchTypes ul li span.arwGrn{
 width:0;
 height:0;
 float:right;
 border:8px solid transparent;
 border-left-color:#a8d143;
 margin-right: -4px;
 margin-top: 5px;
}

.searchTypes ul li a {
 display:block;
 border-top:1px solid #dcdcdc;
 padding:12px 10px;
 color:#3a322f;
 text-decoration:none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed');
 /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
 /*Element must have a height (not auto)*/
 /*All filters must be placed together*/
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed')";
 /*Element must have a height (not auto)*/
 /*All filters must be placed together*/
 background-image: -moz-linear-gradient(top, #ffffff, #ededed);
 background-image: -ms-linear-gradient(top, #ffffff, #ededed);
 background-image: -o-linear-gradient(top, #ffffff, #ededed);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
 background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
 background-image: linear-gradient(top, #ffffff, #ededed);
 /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}

section.search02 ul {
 overflow:hidden;
 margin:0;
 list-style:none;
 list-style-position:outside;
}

section.search02 h2{
 background:#a8d143;
 color:#FFF;
 text-shadow: 1px 1px 1px #000;
 padding:7px 10px;
 margin-bottom:5px;
 font-size:1em;
}

section.search02 h3{
 font-size:0.9em;
 margin-left:10px;
 border-left:5px solid #b3d465;
 padding-left:5px;
}

section.search02 ul.article{
 margin-left:10px;
}

section.search02 ul.article li{
 margin-bottom:5px;
 font-size:0.9em;
}

section.search02 .searchTypes {
 margin-bottom:10px;
 border-bottom:1px solid #dcdcdc;
}

section.search .searchTypes {
 margin-bottom:10px;
 border-bottom:1px solid #dcdcdc;
}

section.search .searchTypes ul.searchList,
section.search .searchTypes ul.searchList li{
 padding:0;
 margin:0;
}

section.search .searchTypes ul.searchList li{
 display:table;
 width:100%;
 height:45px;
 border-top:1px solid #dcdcdc;
 color:#3a322f;
 font-size:0.9em;
 text-decoration:none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed');
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed')";
 background-image: -moz-linear-gradient(top, #ffffff, #ededed);
 background-image: -ms-linear-gradient(top, #ffffff, #ededed);
 background-image: -o-linear-gradient(top, #ffffff, #ededed);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
 background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
 background-image: linear-gradient(top, #ffffff, #ededed);
}

section.search .searchTypes ul.searchList li div.itemize{
 height:45px;
 display:table-cell;
 vertical-align:middle;
 /*background:url(/img/smartphone/all/ico_arw_01.png) no-repeat left center;*/
}

.searchTypes ul.searchList li a {
 text-decoration:none;
 color:#3a322f;
 display: block;
 float: left;
 border-top:none;
 padding-left:0;
 width:75%;
}

.searchTypes ul.searchList li a.help {
 display: block;
 float: right;
 margin-right: 5px;
 margin-top: 5px;
 padding: 0;
 width: 30px;
}

.searchTypes ul.searchList li div.itemize span.arwOrg{
 width:0;
 height:0;
 float:left;
 display:table-cell;
 border:8px solid transparent;
 border-left-color:#f39700;
 margin:13px 0 0 11px;
}

.conditions{
 /*border-bottom:1px solid #d2d2d2;*/
 background:#FFF;
}

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

.conditions dl.accordion{
 color:#FFF;
 /*padding:7px 10px;*/
 margin-bottom:5px;
 font-size:1em;
}

.conditions dl.accordion dt{
 border-bottom:1px solid #ccc;
 background:#eb6100;
 border-top: 1px solid #DDD;
 border-left: 1px solid #DDD;
 border-right: 1px solid #BBB;
 border-bottom: 1px solid #BBB;
 color:#fff;
}

.resultBox{
 font-size:0.9em;
}

.resultBox p{
 margin:15px 5px 10px;
}

.resultBox p span{
 font-size:1.4em;
 font-weight:bold;
 margin-right:0.2em;
}

.resultBox dl{
 padding:7px 9px;
 margin:0;
 border-top:1px dotted #eb6100;
}

.resultBox dl.last{
 /*border-bottom:1px dotted #eb6100;*/
 margin-bottom:0px;
}

.resultBox dl dt{
 float:left;
 font-weight:bold;
 color:#eb6100;
}

.searchTypes ul.checklist{
 background:#FFF;
 border-bottom:1px dotted #ccc;
}

.searchTypes ul.checklist li{
 background:#FFF;
 border-top:1px dotted #ccc;
 padding:7px 5px 9px 10px;
}

.searchTypes ul.checklist li.last{
 border-bottom:none;
}

ul.searchList li div.innerbox{
 display: table;
 width: 100%;
 background:#FFF;
 border-top:1px solid #ccc;
}

ul.searchList li div.innerbox h2{
 margin:0 0 5px;
 padding:0;
 font-size:0.9em;

}

ul.searchList li div.innerbox p{
 margin:0;
 padding:0;
 line-height:1.3;
 font-size:0.8em;
}

ul.searchList li div.innerbox .infoSchool{
 padding:10px;
 float:left;
}

ul.searchList li div.innerbox .infoSchool dl dt{
 margin-bottom:5px;

}
ul.searchList li div.innerbox .infoSchool dl dd{
 margin:0 0 5px;
 padding:0;
 font-size:0.9em;
}

ul.searchList li div.innerbox ul.cat{
 margin:0;
 padding:0;
 clear:both;
}

ul.searchList li div.innerbox ul.cat li{
 font-size:12px;
 margin-bottom:5px;
}

ul.searchList li div.innerbox label.inputWrap{
 border-right: 1px solid #ccc;
 background:#dcdcdc;
 display: table-cell;
 margin-top: 0;
 padding: 0 5px;
 vertical-align: middle;
 width: 30px;
}

input[type="checkbox"] {
 padding: 7px;
  display: none;
}

.tac {
 text-align: center;
}


/*--・ｽ・ｽ・ｽ・ｽ・ｽ{・ｽ^・ｽ・ｽ--*/
.reqbtn {
 background: -moz-linear-gradient(top,#bbd13f 0%,#b2ca00);
 background: -webkit-gradient(linear, left top, left bottom, from(#bbd13f), to(#b2ca00));
 border: 2px solid #FFF;
 color: #FFF;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 width: 300px;
 padding: 7px 0;
 margin:5px auto 7px;
 font-size:1.1em;
 font-weight:bold;
}

/*--footer--*/
.MypageNewCss footer {
 background:#ffffff;
 color:#333333;
 text-align:center;
 clear:both;
}

.MypageNewCss footer a {
 color:#07519a;
}

.MypageNewCss footer p{
 font-size:0.7em;
}

.block_link_anchor {
 display:block;
 text-decoration:none;
 color:inherit;
}

.block_link_anchor a {
 text-decoration:none;
}

.item {
 margin:0;
 padding:5px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
 border-top:1px solid #dddddd;
 overflow:hidden;
}

.item a {
 color:#333;
 text-shadow:0px 0px 1px rgba(255,255,255,0.5);
 text-decoration:none;
}

.item .image {
 margin:0 5px 5px 0;
 float:left;
}

.item .title {
 margin:0;
 padding:3px;
 font-weight:bold;
 color:#333333;
 text-shadow:1px 1px 2px #999999;
}
.item .detail {
 margin:0;
 padding:3px;
}

footer .ftLink{
 clear:both;
 font-size:0.7em;
 text-align:center;
 width:100%;
 margin:0 auto;
}
footer .ftLink li{
 display:inline;
 padding-right:5px;
 line-height:1.7;
}
.linkList {
 margin:0;
 padding:0;
 line-height:1.5em;
}
.linkList li {
 margin:0;
 padding:5px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
 border-top:1px solid #dddddd;
 height:5.0em;
}
.linkList li a {
 color:#333;
 text-shadow:0px 0px 1px rgba(255,255,255,0.5);
 text-decoration:none;
}
.linkBox {
 margin:0;
 padding:5px;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0));
 border-top:1px dotted #d2d2d2;
 overflow:hidden;
}
.linkBox a {
 color:#333;
 text-shadow:0px 0px 1px rgba(255,255,255,0.5);
 text-decoration:none;
}
.linkBox .image,
.linkBox .img,
.linkBox .oyakuimg {
 margin:0 5px 5px 0;
 float:left;
}
.linkBox .title {
 margin:0;
 padding:3px;
 font-weight:bold;
 color:#333333;
 text-shadow:1px 1px 2px #999999;
}
.linkBox .description {
 margin:0;
 padding:3px;
}
.externalLink {
 margin:0;
 padding:0;
 text-align:center;
}
.externalLink li {
}
.externalLink li img {
}
#pmark{
 margin:10px 0 15px;
 font-size:0.7em;
 overflow:hidden;
 /*height:60px;*/
}
#pmark img{
 margin-right:7px;
 display:block;
 float:left;
}
#pmark p{
 float:left;
 width:75%;
 text-align:left;
 line-height:1.6;
}
/*--tabs--*/
#tabnavi ul{
 margin:0;
 padding:0;
 width:100%;
}
#tabnavi li{
 display:inline;
}
#tabnavi li a{
 display:inline-block;
 background:#f6b37f;
 color:#333;
 padding:7px 9px;
 border-radius:5px 5px 0 0;
 text-decoration:none;
 font-size:0.9em;
 /*text-shadow: 1px 1px 1px #999;*/
}
#tabnavi li a:hover,
#tabnavi li a.active{
 background:#fa7a18;
 color:#fff;
 text-shadow: 1px 1px 1px #666;
}
#tabcontent{
 padding:5px 7px;
 border-top:1px solid #fa7a18;
 border-bottom:1px solid #fa7a18;
 background:#FFF;
 font-size:0.9em;
}
#tabcontent ul{
 margin:0;
 padding:0;
}
#tabcontent ul li{
 margin-bottom:5px;
}
#tabcontent a:link{
 text-decoration:none;
}
#tabcontent a:hover{
 text-decoration:underline;
}
#tabsearch{
 padding:0;
 border-top:1px solid #fa7a18;
 border-bottom:1px solid #fa7a18;
 background:#FFF;
 font-size:0.9em;
}
#tabsearch ul{
 margin:0;
 padding:0;
}
#tabsearch ul li{
 margin-bottom:5px;
}
#tabsearch a:link{
 text-decoration:none;
}
#tabsearch a:hover{
 text-decoration:underline;
}
.shlink{
 text-align:center;
 clear:both;
 margin-top:15px;
}
.shlink ul{
 margin:0;
 padding:0;
}
.shlink ul li{
 display:inline-block;
 background: #eeeeee;
 border: 1px solid #FFF;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 width: 31%;
 padding: 10px 0;
 font-size:0.75em;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.shlink ul li a{
 display:block;
 text-decoration:none;
 color:#000;
 text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.shlink ul li.current{
 background:#eb6100;
 color:#fff;
 text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.shlink ul li.current a{
 display:block;
 text-decoration:none;
 color:#FFF;
 text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}

.shlink ul li.last{
 margin-right:0;
}

/*--・ｽA・ｽR・ｽ[・ｽf・ｽB・ｽI・ｽ・ｽ・ｽ{・ｽ^・ｽ・ｽ--*/
dl.accordion a:link,
dl.accordion a:visited,
dl.accordion a:hover,
dl.accordion a:active,
dl.accordion a:focus {
 color: #333;
 text-decoration: none;
}
dl.accordion{
 margin: 0;
 padding: 0;
}
dl.accordion dt {
 display:block;
 border-top:1px solid #dcdcdc;
 padding:12px 10px;
 color:#3a322f;
 text-decoration:none;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed');
 /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
 /*Element must have a height (not auto)*/
 /*All filters must be placed together*/
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed')";
 /*Element must have a height (not auto)*/
 /*All filters must be placed together*/
 background-image: -moz-linear-gradient(top, #ffffff, #ededed);
 background-image: -ms-linear-gradient(top, #ffffff, #ededed);
 background-image: -o-linear-gradient(top, #ffffff, #ededed);
 background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
 background-image: -webkit-linear-gradient(top, #ffffff, #ededed);
 background-image: linear-gradient(top, #ffffff, #ededed);
 /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
 cursor: pointer;
 word-wrap:break-word;
}
dl.accordion dt {
 display: block;
 padding: 14px 30px 12px 10px;
 line-height: 1.231;
 text-decoration:none;
}
dl.accordion dt::before {
 content: '';
 position: relative;
 float: right;
 border: 8px solid transparent;
 border-top-color: #f39700;
 border-bottom:0px solid #ccc;
 width: 0;
 height: 0;
 top: 7px;
 right: -20px;
 text-decoration:none;
}
dl.accordion dt.open::before {
 content: '';
 position: relative;
 float: right;
 border: 8px solid transparent;
 border-bottom-color: #f39700;
 width: 0;
 height: 0;
 top: -5px;
 right: -20px;
 text-decoration:none;
}
dl.accordion dd {
 word-wrap:break-word;
 margin:0;
}
dl.accordion dd ul li {
 border-bottom: 1px solid #f2f2f3;
 list-style: none;
 text-decoration:none;
 background:#dcdcdc;
}
dl.accordion dd ul li a {
 color: #333;
 display: block;
 padding: 12px 30px 10px 15px;
 text-decoration:none;
}
dl.accordion dd ul li a::before {
 content: '';
 position: relative;
 float: right;
 border: 8px solid transparent;
 border-left-color: #f39700;
 width: 0;
 height: 0;
 top: 0;
 right: -25px;
 text-decoration:none;
}

/*----*/
#lean_overlay {
 position: fixed;
 z-index:100;
 top: 0px;
 left: 0px;
 height:100%;
 width:100%;
 background: #000;
 display: none;
}
.modalwin, #signup, #signin, #feedback {
 background: none repeat scroll 0 0 #FFFFFF;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
 display: none;
 /*padding: 7px 10px 10px;*/
 width: 85%;
 margin:0 auto;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border:3px solid #F39700;
}
.modalwin{
 font-size:0.9em;
}
.modalwin h2{
 margin:0 0 10px;
 padding:2px 7px;
 background:#fff2db;
 font-size:18px;
}
.modalwin p{
 margin:3px 10px 0;
 padding:0;
}
.modalwin dl{
 padding:10px 10px 0;
 margin:5px 0;
 border-top:1px solid #d2d2d2;
}
.modalwin dl dt{
 margin-bottom:5px;
 border-left:5px solid #F39700;
 padding-left:7px;
 font-weight:bold;
}
.modalwin dl dd{
 margin:0 0 10px 0;
 padding-bottom:10px;
 line-height:1.6;
 border-bottom:1px dotted #d2d2d2;
}
.modal_close {
 /*position: absolute;*/
 bottom: 12px;
 right: 12px;
 display: block;
 width: 80%;
 text-align:center;
 /*background: url('https://dl.dropbox.com/u/59384927/jquery/HTML/MODAL/leanmodal/modal_close.png');*/
 z-index: 2;
 background: -moz-linear-gradient(top,#bbd13f 0%,#b2ca00);
 background: -webkit-gradient(linear, left top, left bottom, from(#bbd13f), to(#b2ca00));
 border: 2px solid #FFF;
 color: #FFF;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
 text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
 padding: 5px 0;
 margin:5px auto 7px;
 font-size:1.1em;
 font-weight:bold;
}
a.modal_close {
 text-decoration:none;
}

/*----*/
div.result-count-box .pager {
/*    font-size: 14px;
    left: 190px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 7px;
*/}
div.result-count-box ul.pager li{
 /* display:block;
 border:1px solid #d2d2d2;
 padding:10px;*/
 display:hidden;
 float:left;
}
section.column .article{
 overflow:hidden;
}
section.column p.oyakudachi {
}
section.column img {
 margin-right:5px;
}
section.column p.oyakudachi a{
 width:155px;
 float:left;
 margin-right:0.5em;
}

/*--- sidebar ---*/
#content #contentSide{

}

.shschool h2,
.linkbox h2{
  background:#fac364;
  padding:10px;
  font-size:15px;
  color:#fff;
  margin:0;
  padding:5px;
  text-shadow:2px 2px 3px rgba(0,0,0,0.3);
}

#content #sidebar .linkbox ul {
  margin:0;
  border-bottom: 1px dotted #d2d2d2;
}
#content #contentSide .linkbox ul li,
#content #contentSide .adBox ul li.linkBox{
    line-height: 1.3;
  font-size:0.75em;
    list-style: none outside none;
    position: relative;
}
#content #contentSide .adBox ul li.linkBox{
  border-bottom:1px dotted #d2d2d2;
}
#content #contentSide .adBox ul li.lastchild{
  border-bottom:none;
}
#content #contentSide .linkbox ul li span a,
#content #contentSide .adbox ul li span a{
  color:#o7519a;
  font-weight:bold;
    font-size:100%;
    margin-bottom: 3px;
}
#content #contentSide .linkbox ul li p.title {
  margin: 0 5px 5px 0;
}
#content #contentSide .linkbox ul li p.title a {
  color:#07519a;
  font-weight:bold;
  font-size:1.3em;
}
#content #contentSide .linkbox ul li p.img,
#content #contentSide .adBox ul li.linkBox p.img{
    float: left;
    margin: 0 7px 5px 0;
    padding: 0;
}
#contentSide .schoolSearchBox{
  font-size:0.95em;
  margin: 0 auto 15px;
  background:#FFF;
  border: 1px solid #d7d7d7;
  -moz-box-shadow: 1px 1px 1px 0px #bdc8ca;
  -webkit-box-shadow:1px 1px 1px 0px #bdc8ca;
  box-shadow:1px 1px 1px 0px #bdc8ca;
  behavior: url(/css/module/PIE.htc);
  position:relative;
  }

#contentSide .schoolSearchBox h2{
  margin:0 auto;
  }

#contentSide .schoolSearchBox ul{
  padding:0;
  margin:10px 15px;
  list-style:none inside;
  }
#content #contentSide .linkbox p.linkTo {
  font-size: 10px;
  text-align: right;
  margin: 3px 5px 3px 0;
  padding: 0 12px 0 0;
  background: url(/img/page/top/arw_blue.gif) no-repeat right center;
}
#sidebar .searchMini{
  margin-bottom:10px;
  text-align:center;
  overflow:hidden;
  }
#content #contentSide p {
  margin:5px 0;
}
#contentSide .searchMini ul{
  margin:0;
  padding:5px;
  }

#contentSide .searchMini ul li{
  list-style:none;
  height:45px;
  width:240px;
  }
/*----学校検索--*/
section.shschool ul li a.btn1{
  width:90%;
  text-align: center;
  display: block;
  padding: 8px;
  margin: 10px auto;
  color: #363636;
  text-decoration: none;
  text-shadow: 0 -1px 1px #fff;
  border-radius: 7px;
  font-weight: bold;
  background: #8ddcff;
  border-bottom: 3px solid rgba(72,182,231,1);
  }

section.shschool ul li a.btn2{
  width:90%;
  text-align: center;
  display: block;
  padding: 8px;
  margin: 10px auto;
  color: #363636;
  text-decoration: none;
  text-shadow: 0 -1px 1px #fff;
  border-radius: 7px;
  font-weight: bold;
  background: #fac364;
  border-bottom: 3px solid rgba(240,159,25,1);
  }

section.shschool ul li a.btn3{
  width:90%;
  text-align: center;
  display: block;
  padding: 8px;
  margin: 10px auto;
  color: #363636;
  text-decoration: none;
  text-shadow: 0 -1px 1px #fff;
  border-radius: 7px;
  font-weight: bold;
  background: #a1d139;
  border-bottom: 3px solid rgba(134,185,26,1);
  }
#content .sideLink{
  text-align:center;
}

section.column div.scholarship_link {
  width: 100%;
  text-align: center;
}

ul.image_banner li:first-child {
  background-color:#000;
  color:#FFF;
  font-size:0.7em;
  font-weight:bold;
  padding: 3px;
}
/* マイページリニューアル */
.MypageNewCss body {
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
}

.MypageNewCss .mainArea {
  background-color: #F8F8F8;
}

.mainAreaInner {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-inline: auto;
  max-width: 900px;
  padding-inline: 10px;
  padding-block: 110px 50px;
}

.pcOnly {
  display: none;
}

.spOnly {
  display: block;
}

.MypageNewCss span {
  display: inline-block;
}

.MypageNewCss img {
  display: block;
}

/* ===============================================
# フォーム要素の共通スタイル
=============================================== */

.formGroup {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.formLabel {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.formLabelRequired {
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  padding: 2px 5px 3px 5px;
  border-radius: 2px;
  background: #FF0101;
  margin-right: 8px;
}

.formLineIcon {
  color: #06C755;
  font-family: "Font Awesome 5 Brands";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 8px;
  top: 1px;
  position: relative;
}

.formInputRow {
  display: flex;
  gap: 10px;
}

input[type=email].formControl,
input[type=text].formControl,
input[type=password].formControl,
input[type=number].formControl,
input[type=tel].formControl {
  height: 50px;
  padding: 12px 15px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #DFDFDF;
  background: #EAF0FD;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
}

input[type=email].formControl::placeholder,
input[type=text].formControl::placeholder,
input[type=password].formControl::placeholder,
input[type=number].formControl::placeholder,
input[type=tel].formControl::placeholder {
  color: #757575;
}

/* テキストエリア */

.formTextarea {
  display: flex;
  height: 120px;
  padding: 12px 15px;
  border-radius: 2px;
  border: 1px solid #DFDFDF;
  background: #EAF0FD;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset;
  color: #333;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
}

.formTextarea::placeholder {
  color: #757575;
}

/* セレクトボックス */

.formSelectControl {
  border-radius: 5px;
  border: 1px solid #DCDEE1;
  background: #E9E9ED;
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.25) inset;
  width: 100%;
  height: 50px;
  padding: 0px 20px 0px 20px;
  color: #5E5E5E;
  font-family: "Meiryo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  min-width: 80px;
}


/* ラジオボタン */

.radioCheck {
  font-variation-settings:
    'FILL'1,
    'wght'700,
    'GRAD'0,
    'opsz'48;
  color: #757575;
  font-size: 20px;
  line-height: 1.5;
}

.formRadioGroup {
  display: flex;
}

.radioLabel {
  display: flex;
  height: 50px;
  padding: 5px 0px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  border: 1px solid #DCDEE1;
  background-color: #D9D9D9;
  box-shadow: 0px 1px 0px 0px rgba(178, 178, 178, 0.78);
  overflow: hidden;
  color: #333;
  text-overflow: ellipsis;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.radioLabel:first-child {
  border-radius: 5px 0px 0px 5px;
}

.radioLabel:last-child {
  border-radius: 0px 5px 5px 0px;
}

.radioLabel input[type="radio"] {
  display: none;
}

.radioLabel input[type="radio"]:checked+.radioCheck+.radioText,
.radioLabel input[type="radio"]:checked+.radioCheck {
  color: white;
}

.radioLabel input[type="radio"]:checked~.radioCheck,
.radioLabel input[type="radio"]:checked~.radioText,
.radioLabel input[type="radio"]:checked {
  background-color: #2c5cc5;
}

.radioLabel:has(input[type="radio"]:checked) {
  background-color: #2c5cc5;
}

/* チェックボックス */

.checkboxOption {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  padding-left: 35px;
}

.checkboxOption::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: #E9E9ED;
  border: 1px solid #757575;
  border-radius: 50%;
}

.checkboxOption::after {
  content: "";
  padding: 2px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  border: 1px solid transparent;
  border-radius: 50%;
  background: #3B73CA;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.checkboxOption:has(.checkboxOptionInput:checked)::after {
  opacity: 1;
  visibility: visible;
}

/* 生年月日 */

.formDateGroup {
  display: grid;
  grid-template-columns: minmax(0, 81.333px) max-content minmax(0, 81.333px) max-content minmax(0, 81.333px) max-content;
  align-items: flex-end;
  gap: 10px;
}

.formDateInput {
  text-align: center;
}

.formDateSeparator {
  color: #333;
  font-feature-settings: 'vhal'on;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.formDateSelectArrow {
  position: relative;
  display: inline-block;
}

.formDateSelectArrow::after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 52%;
  translate: 0 -50%;
  right: 10px;
  width: 13px;
  height: 10px;
  background-color: #3B73CA;
  -webkit-mask-image: url('/new/_app/_webroot/img/renewal/entry/arrow_down.svg');
  mask-image: url('/new/_app/_webroot/img/renewal/entry/arrow_down.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  pointer-events: none;
}

.formDateSelect {
  color: #5E5E5E;
  font-family: "Meiryo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  height: 50px;
  padding: 0px 20px 0px 10px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #DCDEE1;
  background: #E9E9ED;
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.25) inset;
  text-align-last: center;
  -moz-text-align-last: center;
}
.formDateSelect option {
  text-align: center;
}


/* 同意チェックボックス */

.formAgree {
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.formAgreeCheckbox {
  width: 50px;
  height: 50px;
}

.formAgreeCheckboxIcon {
  color: #dbdbdb;
  font-size: 30px;
  font-variation-settings: 'FILL'1, 'wght'400, 'GRAD'0, 'opsz'24;
  font-weight: 700;
  line-height: 1.5;
}

.formAgree:has(.formAgreeCheckbox:checked) .formAgreeCheckboxIcon {
  color: #2c5cc5;
}

.formAgreeText {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 700;
}

/* 郵便番号 */

.formInputRowPostalCode {
  display: grid;
  grid-template-columns: minmax(0, 97.5px) max-content minmax(0, 97.5px);
  align-items: center;
}

.formInputRowPostalCode input {
  text-align: center;
}

/* ボタン */

button.formBtn {
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  width: 100%;
  max-width: 330px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #FF6701;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  transition: opacity 0.3s ease;
}

button.formBtn:hover {
  opacity: 0.5;
}

button.formBtnYellow {
  background-color: #FA0;
}

button.formBtn::after {
  position: absolute;
  content: 'expand_circle_right';
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL'1, 'wght'400, 'GRAD'0, 'opsz'24;
  top: 50%;
  translate: 0 -50%;
  right: 8px;
  font-size: 16px;
}

a.formBtn {
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  width: 100%;
  max-width: 330px;
  height: 60px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #FF6701;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  transition: opacity 0.3s ease;
}

a.formBtn:hover {
  opacity: 0.5;
}

a.formBtnYellow {
  background-color: #FA0;
}

a.formBtn::after {
  position: absolute;
  content: 'expand_circle_right';
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL'1, 'wght'400, 'GRAD'0, 'opsz'24;
  top: 50%;
  translate: 0 -50%;
  right: 8px;
  font-size: 16px;
}

/* ボタン（戻る） */

.formBackBtn {
  display: flex;
  align-items: center;
  transition: opacity 0.3s ease;
}

.arrowLeftIcon {
  color: var(--grey, #757575);
  font-size: 20px;
  font-weight: 400;
}

.formBackBtnText {
  overflow: hidden;
  color: var(--grey, #757575);
  text-overflow: ellipsis;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding-right: 18px;
}

/* ===============================================
# 確認画面
=============================================== */

.confirmList {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.confirmRow {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.confirmRow {
  padding-bottom: 20px;
  border-bottom: 1px solid #DFDFDF;
}

.confirmLabel {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.confirmValue {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

/* ===============================================
# 完了画面
=============================================== */

.formThanksArea {
  padding: 20px 0px 40px 0px;
  background-color: #fff;
  margin-top: 20px;
  position: relative;
}

.formThanksArea::before {
  position: absolute;
  content: 'check_circle';
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'FILL'1, 'wght'400, 'GRAD'0, 'opsz'24;
  font-size: 40px;
  font-weight: 400;
  color: #3B73CA;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.formThanksTitle {
  text-align: center;
  padding-top: 20px;
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.formThanksTextWrap {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.formThanksText {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

.formThanksTextBold {
  font-weight: 700;
}


/* ===============================================
# ページタイトル
=============================================== */

.pageTitle {
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
  height: 51px;
  padding: 12px 0px 13px 13px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: linear-gradient(90deg, #3B73CA 0%, #529EBD 100%);
  border-left: 7px solid #06B3CC;
}

.sectionTitle {
  padding: 14px 0px 15px 14px;
  border-radius: 10px 10px 3px 3px;
  background: linear-gradient(90deg, #3B73CA 0%, #529EBD 100%);
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ===============================================
# ステップナビゲーション
=============================================== */

.stepNavList {
  display: flex;
  justify-content: center;
}

.stepNavListItem {
  display: flex;
  align-items: center;
}

.stepNavListItemContent {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 73px;
}

.stepNavListItem:not(:last-child)::after {
  content: '・・・・・';
  display: inline-block;
  color: var(--grey2, #C0C0C0);
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -4.34px;
  margin-inline: 3.5px;
  margin-bottom: 25px;
}

.active .stepNum {
  background: #3B73CA;
}

.stepNum {
  color: #FFF;
  font-family: "Inder", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
  width: 35px;
  padding: 5px 14px 5px 12px;
  justify-content: center;
  align-items: center;
  border-radius: calc(infinity * 1px);
  height: 35px;
  background: #C0C0C0;
}

.stepText {
  color: var(--grey2, #C0C0C0);
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.active .stepText {
  color: #3B73CA;
}

/* ===============================================
# ユーザー名
=============================================== */

.userName {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.userText {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  margin-top: 5px;
}

/* ===============================================
# 学校を探そう
=============================================== */

.schoolSearchTitle {
  margin-inline: 2px;
}

.schoolSearchTitleIcon {
  width: 27px;
  height: 24.5px;
}

.schoolSearchTitleIconImg {
  height: 100%;
  width: 100%;
  object-fit: contain;
  aspect-ratio: 28/23.56;
}

.schoolTypeSelector {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 13px;
}

.schoolTypeSelectorItem {
  transition: opacity 0.3s ease;
}

.schoolTypeImage {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.searchCategoryList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding-inline: 3px;
  margin-top: 5px;
}

.searchCategoryLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 5px;
  border: 1px solid #C8D2DA;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  min-height: 65px;
  transition: opacity 0.3s ease;
  position: relative;
}

.searchCategoryLink::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 6px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #1C1B1F;
  border-right: 1px solid #1C1B1F;
  transform: translateY(-50%) rotate(45deg);
}

.searchCategoryLinkCampus {
  gap: 0;
}

.searchCategoryIcon {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.searchCategoryIconStudy {
  max-width: 23px;
}

.searchCategoryIconJob {
  max-width: 20px;
}

.searchCategoryIconLicense {
  max-width: 20px;
}

.searchCategoryIconCampus {
  max-width: 20px;
}

.searchCategoryIconFeature {
  max-width: 22px;
}

.searchCategoryIconVideo {
  max-width: 20px;
}

.searchCategoryText {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
}

.searchCategoryText:not(.searchCategoryTextCampus) {
  display: inline;
  background: linear-gradient(transparent 60%, #FDF4A4 0%);
}

.searchCategoryTextLargeBold {
  font-weight: 700;
  font-size: 12px;
}

.searchCategoryTextBold {
  font-weight: 700;
}

.searchCategoryTextCampus {
  font-size: 9px;
}

.searchCategoryTextCampusLine {
  display: inline;
  background: linear-gradient(transparent 60%, #FDF4A4 0%);
}

/* ===============================================
# キャンペーンバナー
=============================================== */

.campaignBannerList {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.campaignBannerLink {
  display: block;
  transition: opacity 0.3s ease;
}

.campaignBannerImage {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* ===============================================
# ページネーション
=============================================== */

.pagination {
  padding-top: 30px;
}

.paginationList {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  flex-wrap: wrap;
}

.paginationItem {
  display: block;
}

.is-current .paginationLink {
  border: 1px solid #D9D9D9;
  background-color: transparent;
  color: #757575;
}

a.paginationLink,
.paginationLink {
  display: flex;
  padding: 6px 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #3B73CA;
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  transition: opacity 0.3s ease;
}

/* ===============================================
# フッター固定ナビゲーション
=============================================== */

.fixedBottomNav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white, #FFF);
  box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.10);
  z-index: 10000;
}

.fixedBottomNavList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-inline: 32px;
  align-items: center;
  padding-block: 5.5px 12.5px;
  max-width: 450px;
  margin-inline: auto;
}

.fixedBottomNavItem {
  flex: 1;
  text-align: center;
}

.fixedBottomNavLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fixedBottomNavText {
  color: var(--grey2, #C0C0C0);
  text-align: center;
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.11111;
}

.fixedBottomNavIcon {
  color: var(--grey2, #C0C0C0);
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    'FILL'1,
    'wght'400,
    'GRAD'0,
    'opsz'22;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}

.fixedBottomNavIconHistory {
  font-size: 24px;
  line-height: 1.15;
}

.fixedBottomNavIconForum {
  line-height: 1.25;
}

.fixedBottomNavImageIcon {
  width: 21px;
  height: 21px;
  aspect-ratio: 1/1;
  border-radius: 16.5px;
  border: 2px solid #C0C0C0;
  margin-block: 3px 4.6px;
  position: relative;
}

.fixedBottomNavImageIcon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  translate: -50% -50%;
  width: 7px;
  height: 9.313px;
  background-color: #C0C0C0;
  -webkit-mask-image: url('/new/_app/_webroot/img/renewal/common/icn_point.svg');
  mask-image: url('/new/_app/_webroot/img/renewal/common/icn_point.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fixedBottomNavLink.is-active .fixedBottomNavIcon {
  color: #3B73CA;
}

.fixedBottomNavLink.is-active .fixedBottomNavText {
  color: #3B73CA;
}

.fixedBottomNavLink.is-active .fixedBottomNavImageIcon {
  border: 2px solid #3B73CA;
}

.fixedBottomNavLink.is-active .fixedBottomNavImageIcon::after {
  background-color: #3B73CA;
}

/* ===============================================
# ドロワーメニュー
=============================================== */

.cmnMenus .cmnNav.cmnDrawerNav {
  overflow-y: auto;
  padding: 20px 10px 70px 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

a.cmnNavButton {
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.11111;
  padding: 20px 11px;
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

a.cmnNavButton::after {
  content: 'expand_circle_right';
  position: absolute;
  top: 50%;
  right: 11px;
  translate: 0 -50%;
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    'FILL'1,
    'wght'700,
    'GRAD'0,
    'opsz'20;
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

a.cmnNavButtonRed {
  background: #E48F8D;
}

.cmnReset .cmnNavButtonInfoIcon {
  color: #FFF;
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    'FILL'1,
    'wght'700,
    'GRAD'0,
    'opsz'20;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

a.cmnNavButtonBlue {
  background: #598BF7;
}

.cmnNavMyPageHeader {
  display: flex;
  padding: 20px 0px 20px 14px;
  align-items: center;
  gap: 10px;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(90deg, #3B73CA 0%, #529EBD 100%);
  color: #FFF;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.11111;
}

.cmnReset .cmnNavMyPageHeaderIcon {
  color: #FFF;
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    'FILL'1,
    'wght'700,
    'GRAD'0,
    'opsz'20;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
}

.cmnNavAccordionContent {
  display: flex;
  padding: 15px 15px 5px 15px;
  flex-direction: column;
  border-radius: 0px 0px 10px 10px;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

.cmnReset .cmnNavGroupHeader {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.11111;
  border-radius: 0;
  padding-bottom: 16px;
  display: block;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #DFDFDF;
  position: relative;
}

.cmnReset .cmnNavAccordionButton::after {
  content: 'keyboard_arrow_down';
  position: absolute;
  font-family: "Material Symbols Rounded";
  font-variation-settings:
    'FILL'1,
    'wght'400,
    'GRAD'0,
    'opsz'23;
  top: 50%;
  right: 11px;
  translate: 0 -50%;
  color: #3B73CA;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5;
  transition: transform 0.3s ease;
}

.cmnReset .cmnNavGroup:first-child .cmnNavAccordionButton::after {
  top: calc(50% - 8px);
}

.cmnReset .cmnNavAccordionButton.is-open::after {
  transform: rotate(180deg);
}

.cmnReset .cmnNavGroup:not(:first-child) .cmnNavGroupHeader {
  padding-block: 16px;
}

.cmnReset .cmnNavGroup:last-child .cmnNavGroupHeader {
  border-bottom: none;
}

.cmnReset .cmnNavGroupHeader:hover {
  background: transparent;
}

.cmnNavAccordionList {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.cmnNavAccordionList.is-open {
  max-height: 500px;
  /* 必要に応じて調整。十分大きな値にしてください */
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

a.cmnNavListItemLink {
  color: #757575;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  display: block;
  border-bottom: 1px solid #DFDFDF;
  padding-block: 16px;

}

a.cmnNavLinkButton {
  color: #333;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.11111;
  border-radius: 0;
  padding-block: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid #DFDFDF;
}

.cmnNavList li:first-child a.cmnNavLinkButton {
  border-top: 1px solid #DFDFDF;
}

.cmnNavList li:last-child a.cmnNavLinkButton {
  border-bottom: none;
}

.cmnReset .cmnNavLinkButtonText {
  color: #757575;
  font-family: 'BIZ UDPゴシック', -apple-system, BlinkMacSystemFont, 'SegoeUI', Roboto, 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.cmnReset .cmnNavLinkButtonIcon {
  color: #3B73CA;
  font-family: "Material Icons Round";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
}

.cmnNavLinkButtonIconImg {
  width: 22.5px;
  height: 20px;
  object-fit: contain;
}


.cmnNavFooter {
  margin-inline: auto;
}

.lineIcon {
  height: 100%;
  width: 100%;
  object-fit: contain;
}


@media (min-width: 768px) {

  .pcOnly {
    display: block;
  }

  .spOnly {
    display: none;
  }

  /* .mainArea {
    margin-bottom: 40px;
  } */

  .mainAreaInner {
    max-width: 980px;
  }

  .confirmRow {
    padding-bottom: 20px;
    border-bottom: 1px solid #DFDFDF;
    display: grid;
    grid-template-columns: minmax(0, 140px) minmax(0, 1fr);
  }

  .confirmRow:first-child {
    padding-top: 20px;
    border-top: 1px solid #DFDFDF;
  }

  .formThanksArea {
    padding: 50px 0px 70px 0px;

  }

  .schoolSearchTitle {
    margin-inline: 0;
  }

  .schoolSearchContent {
    margin-top: 15px;
    background-color: #B5DECE;
    padding: 19px 30px 30px 30px;
  }

  .schoolSearchContentInner {
    background-color: #FFF;
    border-radius: 20px;
    padding: 0 50px 30px 50px;
  }

  .searchCategoryList {
    gap: 20px 22px;
    padding-inline: 29px;
    margin-top: 3px;
  }

  .searchCategoryLink {
    gap: 9px;
    border-radius: 10px;
    border: 2.236px solid #C8D2DA;
    background: #FFF;
    box-shadow: 0px 4.471px 8.942px 0px rgba(0, 0, 0, 0.25);
    min-height: 120px;
  }

  .searchCategoryLink::after {
    right: 12px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #1C1B1F;
    border-right: 2px solid #1C1B1F;
  }

  .searchCategoryLinkCampus {
    gap: 0;
  }

  .searchCategoryIconStudy {
    max-width: 51.419px;
  }

  .searchCategoryIconJob {
    max-width: 44.712px;
  }

  .searchCategoryIconLicense {
    max-width: 44.712px;
  }

  .searchCategoryIconCampus {
    max-width: 44.712px;
  }

  .searchCategoryIconFeature {
    max-width: 49.183px;
  }

  .searchCategoryIconVideo {
    max-width: 44.712px;
  }

  .searchCategoryText {
    font-size: clamp(16px, 2vw, 20px);
  }

  .searchCategoryTextLargeBold {
    font-weight: 700;
    font-size: clamp(16px, 2vw, 20px);
  }

  .searchCategoryTextBold {
    font-size: clamp(15px, 2vw, 20.12px);
  }

  .searchCategoryTextCampus {
    font-size: clamp(15px, 2vw, 20.12px);
  }

  .campaignBannerList {
    flex-direction: row;
    gap: 19px;
  }

  .fixedBottomNav {
    display: none;
  }

}