@charset "UTF-8";

/* Set Out
===============================================*/

*:not(select):not(input), *:before, *:after {
    margin: 0;
    padding: 0;
	border: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
html {
  font-size: 62.5%;
  overflow-x:hidden;
}
html, body {
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #444444;
	background:#fff;
	height:100%;
	font-size:1.8rem;
	line-height:1.8;
	-webkit-text-size-adjust: 100%;
	overflow:hidden;
}
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
li {list-style-type:none;}
img {max-width:100%;vertical-align:bottom;}
a {
	text-decoration:none;
	color:#007fc4;
}
a:hover,a:active {
	text-decoration:underline;
}
a:visited {
	color:#800080;
}
.in {
	display:none;
}
@media screen and (max-width:680px){
.in {
	display:inline-block;
}
.out {
	display:none;
}
body {
	font-size:1.3rem;
}
}

/* Layout
===============================================*/
/*大枠*/
.wrap_big {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	box-sizing:content-box;
}

/*ヘッダ～h1*/
.read {
	background:#f8efbf;
	position:relative;
	padding-bottom:25px;
	margin-bottom:50px;
}
body.hoiku .read {
	background: #fde8d0;
}
body.girls .read {
	background: #c2ebd3
}


/*flexbox*/
.doublebox,.forthbox,.leftbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*検索ボックス*/
.searchform form{
	background:#d8eaf4;
	border-radius:30px;
	position:relative;
	padding:3px;
}
.searchform form input{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	display:block;
	border-radius:30px;
	box-sizing:border-box;
	font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.searchform form input[type="text"]{
	width:100%;
	padding:12px 97px 12px 20px;
	font-size:1.8rem;
	line-height:1.8rem;
	background:none;
}
.searchform form input[type="submit"]{
	position:absolute;
	top:3px;
	bottom:3px;
	margin:auto 0;
	right:0;
	background:#2f7cbb;
	color:#fff;
	font-size:1.6rem;
	line-height:1.6rem;
	padding:13px 18px 13px 25px;
	margin:0 3px 0 0;
	letter-spacing:7px;
	cursor:pointer;
	transition:.3s;
	font-weight:bold;
}
.searchform legend {
	display:none;
}

.searchform form input[type="submit"]:hover{
	background:#155f9b;
	transition:.3s;
}
.search_words {
	background:#ebebeb;
	border-radius:6px;
	padding:10px 13px 7px;
	font-weight:bold;
}
.searchform+.search_words {
	margin:20px 0 0;
}
.search_words .title {
	float:left;
	font-size:1.5rem;
}
.search_words ul {
	padding:0 0 0 105px;
}
.search_words ul li{
	display:inline-block;
	vertical-align:top;
	border-radius:3px;
}
.search_words ul li input{
	display:block;
	background:#fff;
	color:#2f7cbb;
	border-radius:3px;
	font-size:1.4rem;
	line-height:1.4rem;
	font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight:bold;
	padding:3px 6px 5px;
	cursor:pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
}
@supports (-ms-ime-align: auto) {
.search_words ul li input{
	padding:5px 6px;
}
}
_:-ms-lang(x)::-ms-backdrop, .search_words ul li input{
	padding:5px 6px;
}
.search_words ul li input:hover{
	color:#fff;
	background:#2f7cbb;
}

/* タブ */
.tab li {
	margin-right:20px;
	max-width:200px;
	width:100%;
	border-radius:15px 15px 0 0;
	display:inline-block;
	vertical-align:bottom;
}
.tab li button{
	background:#2f7cbb;
	color:#fff;
	font-weight:bold;
	padding:15px 20px;
	width:100%;
	text-align:center;
	cursor:pointer;
	display:block;
	border-radius:15px 15px 0 0;
	font-size:1.6rem;
}
.tab li:last-child{
	margin:0;
}
.tab li.select button,.tab li button:hover{
	background:#d8eaf4;
	color:#444;
	font-size:2.0rem;
	padding:17px 20px;
}
.hide {
	display:none;
}
.tabcontent {
	background:#d8eaf4;
	padding:65px 0 45px; 
}

/*お知らせ*/
.info_news li:not(.last) {
	padding-bottom:29px;
	margin-bottom:24px;
	background:url(/content/400109463.png) repeat-x;
	background-position:left bottom;
	position:relative;
}
.info_news li:not(.last):before,.info_news li:not(.last):after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:0;
}
.info_news li:not(.last):before{
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f8bd01;
	right:0;
	top: 11px;
}
.info_news li:not(.last):after{
    right: 1px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 4px solid #fff;
	top:15px;
}
.info_news li:not(.last):hover:before{
	background: #fff;
}
.info_news li:not(.last):hover:after{
	border-left: 4px solid #f8bd01;
}
.info_news .cate li:not(.last):before,.info_news .cate li:not(.last):after {
	display:none;
}
.info_news .date {
	margin-bottom:5px;
}
.info_news li a:hover {
	text-decoration:none;
}
.info_news li:hover .date span:first-child,.info_news li:hover .date span:last-child {
	text-decoration:underline;
}
.info_news li a:visited .date span:last-child {
	color:#800080;
}
.info_news .date span{
	display:block;
	font-size:1.8rem;
}
.info_news .date span:first-child{
	float:left;
	font-weight:bold;
}
.info_news .date span:last-child{
	padding:0 30px 0 140px;
	color:#444;
}
.info_news .date span em{
	display:block;
}
.info_news .cate li:not(.last) {
	display:inline-block;
	vertical-align:top;
	margin:0 5px 5px 0;
	font-size:1.4rem;
	color:#444;
	font-weight:bold;
	background:#fff;
	border-radius:4px;
	min-width:104px;
	text-align:center;
	padding:3px 10px;
}
.info_news .cate li:last-child {
	margin:0;
	padding-top: 10px;
}
.info_news li:hover .cate li {
	text-decoration:none;
}
.info_news .cate li.student {
	border:2px solid #2556b0;
}
.info_news .cate li.common {
	border:2px solid #8241b0;
}
.info_news .cate li.teacher {
	border:2px solid #dfa10b;
}
.info_news .cate li.staff {
	border:2px solid #993145;
}
.info_news .cate li.girls {
	border:2px solid #57af3c;
}
.info_news .cate li.last {
	text-align:right;
	float:right;
	font-size:1.4rem;
	font-weight:bold;
}

/*縦中央*/
.tablewrap {
	display:table;
	width:100%;
	height:100%;
}
.tablewrap .tableinner {
	display:table-cell;
	vertical-align:middle;
}

/* ページTOP */
#top_back {
	width:30px;
	height:30px;
	background:#f8bd01;
	position:fixed;
	bottom:18px;
	right:18px;
	z-index:100;
	cursor:pointer;
	display:none;
	border-radius:50%;
	transition:.3s;
}
#top_back:hover {
	opacity:0.8;
	transition:.3s;
}
#top_back:after {
	content:"";
	position:absolute;
	box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 7px solid #fff;
	top: -6px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	transform:rotate(-90deg);
}
@media screen and (max-width:920px){
.tab li {
    margin-right: 10px;
    max-width: 130px;
}
}

@media screen and (max-width:680px){
/*検索ボックス*/
.search_words .title {
	float:none;
	margin:0 0 5px;
	font-size:1.2rem;
}
.search_words .title br{
	display:none;
}
.search_words ul {
	padding:0;
}
.search_words ul li input {
    font-size: 1.1rem;
    line-height: 1.1rem;
    padding: 7px 13px 9px;
	margin:0 3px 8px 0;
}
.searchform form input[type="submit"] {
	font-size:1.4rem;
	padding:12px 18px 11px 25px;
}

/* タブ */
.tabcontent {
    padding: 39px 0 30px;
}
.tab li {
	width:auto;
	margin-right: 2px;
}
.tab li button {
	font-size:1.2rem;
	line-height:1.2rem;
	max-width:none;
	padding:14px 15px;
	border-radius:6px 6px 0 0;
}
.tab li.select button, .tab li:hover button {
	font-size:1.2rem;
	padding:17px 15px;
}
.newsbox .wrap_big {
	padding-left: 10px;
	padding-right: 10px;
}

/* お知らせ */
.info_news .date span:first-child {
	float:none;
	font-size:1.2rem;
}
.info_news .date span:last-child {
	padding:0 30px 0 0;
	font-size:1.4rem;
}
.info_news .cate li:not(.last) {
	width:85px;
}
.info_news .cate li:not(.last) {
	font-size:1.1rem;
}
.info_news li:not(.last)::before {
    top: 25px;
}
.info_news li:not(.last)::after {
    top: 29px;
}
}


/* Header
===============================================*/
header {
	background:#fff;
	border-radius: 0 0 10px 10px;
	padding:25px 25px 20px !important;
	margin-bottom:35px;
	font-weight:bold;
	box-shadow:0 0 4px rgba(0,0,0,0.2);
	line-height:1.4;
	position:relative;
}
header .top {
	margin-bottom:20px;
}
header .top .h1text,header .top .subnav li,header .top .right,header .top .right ul,header .top .right ul li,header .l-header__form-box,header .top .right .parent {
	float:left;
}
header .top .f_box {
	float:right;
	margin-top:-9px;
}
header .top .h1text {
	margin-right:25px;
	line-height:0;
}
header .top .subnav {
	margin:5px 10px 5px 0;
}
header .top .subnav li {
	margin:0 20px 0 0;
}
header .top .subnav li:last-child {
	margin:0;
}
header .top .subnav li a {
	font-size:1.6rem;
	color:#444444;
}
header .top .subnav li a:hover {
	text-decoration:underline;
}
header .top .subnav li:first-child {
	padding:0 18px 0 0;
	position:relative;
}
header .top .subnav li:first-child:after {
	content:"";
	position:absolute;
	top:12px;
	right:0;
	box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 4px solid transparent;
    border-left: 7px solid #f8bd01;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
header .top .right {
	font-size:1.6rem;
}
@supports (-ms-ime-align: auto) {
header .top .right {
	margin-top:3px;
}
}
_:-ms-lang(x)::-ms-backdrop, header .top .right {
	margin-top:3px;
}
header .top .right ul {
	margin:7px 10px 0 0;
}
header .top .right ul li:first-child {
	margin:3px 10px 0 0;
}
header .top .right ul li:last-child input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	float:left;
	color:#fff;
	background:#2f7cbb;
	font-weight:bold;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:1.3rem;
	padding:3px 15px;
	display:block;
	cursor:pointer
}
header .top .right ul li:last-child input:hover {
	background:#155f9b;
}
header .top .right ul li:last-child input:first-child {
	border-right:1px solid #aac9db;
	border-radius: 30px 0 0 30px;
}
header .top .right ul li:last-child input:last-child {
	border-right:1px solid #aac9db;
	border-radius: 0 20px 20px 0;
}
header .top .right .searchform {
	float:left;
	margin:6px 10px 0 0;
}
header .searchform form{
	padding:0;
}
header .searchform form input[type="text"] {
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 5px 0 6px 25px!important;
	background:url(/content/400109464.png) no-repeat !important;
	background-size:12px !important;
	background-position:8px center !important;
}
header .searchform form input[type="submit"] {
	font-size:1.4rem;
	line-height:1.4rem;
	margin:0;
	padding:6px 8px 6px 15px;
	font-weight: bold;
}
header .top .right .parent {
	margin:-20px 0 0 10px;
	padding:5px 20px 5px 17px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
header .bottom {
	clear:both;
}
header .bottom ul.mainnav {
	display: -webkit-flex;
    display: flex;
}
header .bottom ul.mainnav li {
	border-left:2px solid #aac9db;
	flex-grow: 2;
}
header .bottom ul.mainnav li:nth-child(2),header .bottom ul.mainnav li:nth-child(4) {
	flex-grow: 3;
}
header .bottom ul.mainnav li:nth-child(3) {
	flex-grow: 1;
}
header .bottom ul.mainnav li:last-child {
	border-right:2px solid #aac9db;
}
header .bottom ul.mainnav li a {
	display:block;
	padding:0 5px;
	color:#444;
	text-align:center;
	transition:.3s;
}
header .bottom ul.mainnav li a:hover {
	color:#2f7cbb;
	transition:.3s;
}
header .bottom ul.sp_subnav {
	display:none;
}
header .bottom .searchform {
	display:none;
}
header .searchform form input[type="submit"] {
	top:0;
	bottom:0;
}

/* ハンバーガーメニュー */
header .menu {
	margin-left:10px;
	display:none;
	position: absolute;
	top: 12px;
	right: 20px;
}
.menu-trigger,
.menu-trigger span {
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 20px;
  height: 19px;
  padding:0 4px;
  box-sizing:content-box;
  float:right;
  margin-top:11px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 26px;
  height: 3px;
  background-color:#f8bd01;
}
.fix_header .menu-trigger span {
	background:#00A99D;
	box-shadow:none;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 8px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(45deg);
  transform: translateY(-9px) rotate(45deg);
}

/* ハンバーガーメニュー中身 */
[off-canvas] {
	background:#000;
}
[off-canvas] ul:not(.subnav) li,
.border_bottom{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
[off-canvas] li.acordion ul li:last-child {
	border-bottom:none;
}
[off-canvas] a,
[off-canvas] li span,
[off-canvas] li.head_rson{
	color:#fff;
	display:block;
	padding:10px 20px;
	font-size:1.5rem;
}
[off-canvas] ul:not(.subnav) li a:hover{
	background:#00547c;
}

@media screen and (max-width:1240px){
header .top .f_box {
	float:right;
	margin-top:-11px;
}
header .top .subnav {
	float:none;
}
}
@media screen and (max-width:960px){
header {
    padding: 18px 25px 20px !important;
}
header .top .h1text {
	max-width:280px;
	margin:0 15px 15px 0;
}
header .top .subnav li a,header .top .right {
	font-size:1.2rem;
}
header .searchform form input[type="submit"],header .searchform form input[type="text"] {
	font-size:1.1rem;
}
header .bottom ul.mainnav {
	-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
header .bottom ul.mainnav li {
	width:33.33%;
}
header .bottom ul.mainnav li:nth-child(1),header .bottom ul.mainnav li:nth-child(2),header .bottom ul.mainnav li:nth-child(3) {
	margin-bottom:10px;
}
header .bottom ul.mainnav li:nth-child(3) {
	border-right:2px solid #aac9db;
}
header .bottom ul.mainnav li a{
	font-size:1.4rem;
}
}
@media screen and (max-width:830px){
header .top .h1text {
	max-width:240px;
}
header .top .h1text img{
	vertical-align:middle;
}
}
@media screen and (max-width:790px){
header .top .h1text {
    margin: 0 15px 18px 0;
}
header .top .f_box {
	float:none;
	clear:both;
	margin-top:0;
}
header .top .right .parent {
	position:absolute;
	top:16px;
	right:27px;
	border:none;
	padding:0;
	margin:0;
	max-width:120px;
}
header .top .subnav {
	float:left;
	margin:2px 10px 0 0;
}
}
@media screen and (max-width:680px){
.read {
	padding:65px 0 20px;
	margin-bottom:15px;
}
header {
    padding: 18px 0 20px !important;
	position:absolute;
	top:0;
	left:4%;
	width:92%;
	z-index:10000;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
}
header .top .subnav,header .top .right ul,header .top .right .searchform,header .bottom {
	display:none;
}
header .top .h1text {
	margin: 0 0 0 25px;
}
header .top {
	margin:0;
}
header .menu {
	display:block;
}
header .top .right .parent {
    right: auto;
	left: 290px;
	top:32px;
	max-width:135px;
}

header .bottom {
	margin:20px 0 0;
}
header .bottom ul.mainnav {
	border-top: 1px solid #aac9db;
	margin-bottom:13px;
}
header .bottom ul.mainnav li {
	width:50%;
	border-bottom: 1px solid #aac9db;
}
header .bottom ul.mainnav li:nth-child(1), header .bottom ul.mainnav li:nth-child(2), header .bottom ul.mainnav li:nth-child(3) {
	margin-bottom:0;
}
header .bottom ul.mainnav li:nth-child(odd) {
	border-left:0;
}
header .bottom ul.mainnav li:nth-child(3),header .bottom ul.mainnav li:last-child {
	border-right:0;
}
header .bottom ul.mainnav li a{
	padding:10px;
	height:61px;
	padding:21px 10px;
}
/*header .bottom ul.mainnav li:nth-child(2) a,header .bottom ul.mainnav li:nth-child(4) a{
	padding:10px;
}*/
:lang(en) header .bottom ul.mainnav li:nth-child(2) a {
	padding:10px;
}
header .bottom ul.mainnav li:nth-child(4) a{
	padding: 21px 3px;
}
header .bottom ul.sp_subnav {
	display:block;
	text-align:center;
	margin-bottom:13px;
}
header .bottom ul.sp_subnav li {
	display:inline-block;
	vertical-align:top;
	margin:0 10px 0 0;
}
header .bottom ul.sp_subnav li:last-child {
	margin:0;
}
header .bottom ul.sp_subnav li a{
	color:#444;
	position:relative;
	font-size:1.3rem;
	padding:0 15px 0 0;
}
header .bottom ul.sp_subnav li a:after{
	content:"";
	position:absolute;
	top:5px;
	right:0;
	box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 4px solid transparent;
    border-left: 7px solid #f8bd01;
}
header .bottom .searchform {
	display:block;
	margin:0;
	padding:0 20px;
}
header .searchform form input[type="text"] {
    max-width: none;
    font-size: 1.3rem;
    line-height: 1.3rem;
    padding: 9px 71px 10px 14px;
}
header .searchform form input[type="submit"] {
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding: 10px 8px 9px 15px;
}
.back_sp_header{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	display:none;
	z-index:10;
}
}
@media screen and (max-width:485px){
header .top .h1text {
    max-width: 200px;
}
header .top .right .parent {
	max-width:80px;
	left: 235px;
}
}
@media screen and (max-width:430px){
.read .wrap_big {
	padding:0 10px;
}
header {
    padding: 14px 0 15px !important;
}
header .top .h1text {
	margin: 0 0 0 14px;
    max-width: 165px;
}
header .top .right .parent {
	max-width:80px;
	top:23px;
	left: 198px;
}
header .menu {
    top: 10px;
    right: 10px;
}
.read {
    padding: 40px 0 5px;
}
}
@media screen and (max-width:350px){
header .bottom ul.mainnav li:nth-child(4) a{
	font-size:95%;
}
}

/* Footer
===============================================*/
footer {
	background:#000;
	color:#fff;
	border-top:5px solid #2f7cbb !important;
	padding:45px 0 40px !important;
}
footer .logo{
	float:left;
}
footer .right{
	float:right;
	text-align:right;
}
footer .right .footnav li{
	float:right;
	padding:0 0 5px 10px;
	margin:0 0 0 10px;
	position:relative;
}
footer .right .footnav li:last-child{
	padding:0;
	margin:0 0 5px;
}
footer .right .footnav li:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto 0;
	width:1px;
	height:40%;
	background:rgba(255,255,255,0.5);
}
footer .right .footnav li:last-child:after{
	display:none;
}
footer .right .footnav li a{
	color:#fff;
	font-size:1.6rem;
	font-weight:bold;
}
footer .right span {
	font-size:1.4rem;
}

@media screen and (max-width:680px){
footer {
    padding: 35px 0 26px !important;
}
footer .logo,footer .right {
	float:none;
	text-align:center;
}
footer .logo {
	margin-bottom:15px;
}
footer .logo img{
	max-width:220px;
}
footer .right .footnav  {
	max-width:100%;
	margin:0 auto;
}

footer .right .footnav li{
	float:none;
	display: inline-block;
}
footer .right .footnav li a,footer .right small {
	font-size:1.1rem;
}
footer .right .footnav li:last-child{
	padding:0 10px 5px 10px;
	margin:0 0 0 10px;
}
footer .right .footnav li:first-child:after{
	display:none;
}
footer .right .footnav li:last-child:after{
	display:inline-block;
}
}

/* Top Main Slider
===============================================*/
.main_nonslider {
	margin-top:30px;
	margin-bottom:20px;
}
.main_nonslider p {
	text-align:center;
	max-width:1200px;
	max-height:430px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:content-box;
}
.main_nonslider img {
    border-radius: 30px;
	width:auto;
}

.mainslider {
    position: relative;
    left: 50%;
    width: 2508px;
    margin-left: -1254px;
	margin-top:30px;
}
.mainslider .slide  {
	margin:0 0 50px;
}
.mainslider .slide li {
	padding:0 30px;
}
.mainslider .slide li img{
	width:100%;
	border-radius:30px;
}
.bx-controls {
	background:#fff;
	border-radius:20px;
	text-align:center;
	display:inline-block;
	padding: 1px 10px 1px 12px;
	box-sizing:content-box;
	position:relative;
	z-index:10;
}
.bx-wrapper {
	text-align:center;
}
.bx-viewport {
	margin-bottom:-16px;
}
.bx-controls-auto-item {
	position:absolute;
	top:0;
	right:0;
}
/*.bx-controls-direction {
    position: absolute;
	width:79%;
	max-width:865px;
	top:0;
	bottom:0;
    margin: auto;
	left:0;
    right: 0;
}*/
.bx-wrapper .bx-controls-auto {
	position:relative;
	z-index:10;
	float:right;
	bottom:0;
	margin-top:11px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	width:18px;
	height:12px;
}
.slide_arows #slide_next,.slide_arows #slide_prev{
	position:absolute;
	width:30px;
	height:30px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;
}
.slide_arows #slide_next{
	right:-833px;
}
.slide_arows #slide_prev{
	left:-833px;
}
#slide_next a,#slide_prev a{
	font-size:0;
	width:30px;
	height:30px;
	background:url(/content/400109466.png) no-repeat;
	background-size:30px;
	display:block;
}
#slide_prev a{
	background:url(/content/400109465.png) no-repeat;
	background-size:30px;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position:relative;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	font-size:0;
	width:auto !important;
	display:inline-block;
	position:relative;
	padding:0;
	bottom:2px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	font-size:0;
	width:10px;
	height:10px;
	background:#bbbbbb;
	border-radius:50%;
	transition:.3s;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background:#dfa10b;
	transition:.3s;
}
/*.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 140px;
    left: 0;
    margin: 0 auto;
	bottom:auto;
}*/
.bx-stop,.bx-start {
	width:10px !important;
	height:10px !important;
	/*position:absolute;
	top:-7px;
	right:12px;*/
	z-index:10;
}
.bx-stop:after,.bx-stop:before {
	width:4px;
	height:10px;
	background:#dfa10b;
	content:"";
	position:absolute;
	top:0;
	right:3px;
}
.bx-stop:before {
	left:3px;
	right:auto;
}
.bx-stop.active {
	display:none !important;
}
.bx-start {
	top:-19px;
	right:8px;
}
.bx-start:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 5px solid transparent;
	border-left: 9px solid #dfa10b;
}
.bx-start.active {
	display:none !important;
}
.bx-wrapper .bx-prev {
	background:url(/content/400109465.png) no-repeat;
	left:0;
}
.bx-wrapper .bx-next {
	background:url(/content/400109466.png) no-repeat;
	right:0;
}
.bx-wrapper .bx-controls-direction a,.bx-wrapper .bx-controls-auto .bx-stop,.bx-wrapper .bx-controls-auto .bx-start {
	z-index:1;
}

/* Edge */
@supports (-ms-ime-align: auto) {
	.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        bottom: 27px;
    }
}
_:-ms-lang(x)::-ms-backdrop, .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        bottom: 12px;
    }

@media screen and (max-width:1060px){
.mainslider .slide li {
	padding:0 15px;
}
.slide_arows #slide_prev {
    left: -32%;
}
.slide_arows #slide_next {
    right: -32%;
}
}
@media screen and (max-width:680px){
.bx-controls-direction {
	width: 84%;
}
.bx-wrapper .bx-controls-direction a {
    width: 30px;
    height: 30px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    bottom: 3px;
}
.bx-stop,.bx-start {
	top:-12px;
}
.bx-start {
    top: -24px;
}
}

/* Top Page
===============================================*/
/* example */
.example {
	margin-bottom:50px;
}
.example dl dt{
	float:left;
}
.example dl dd{
	padding:0 0 0 125px;
}
.example dl dd .forthbox {
	margin-bottom:10px;
}
.example dl dd .forthbox li{
	width:24.34%;
	margin:0 0.8% 10px 0;
	text-align:center;
}
.example dl dd .forthbox li:nth-child(4n){
	margin:0 0 10px;
}
.example dl dd .forthbox li a{
	font-weight:bold;
	background:#f8bd01;
	color:#444;
	display:block;
	padding:10px;
	border-radius:10px;
	display:table;
	width:100%;
	height:100%;
}
.example dl dd .detaillink {
	text-align:right;
}
.example dl dd .detaillink a{
	display:inline-block;
	color:#444;
	border-radius:20px;
	background:#fff;
	padding:2px 33px 1px 22px;
	font-weight:bold;
	position:relative;
	border:1px solid #ddd;
}
.example dl dd .detaillink a:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	margin:auto 0;
	box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-left: 6px solid #f8bd01;
}

/* search */
.search_faq {
	margin-bottom:90px;
}
.search_faq .doublebox .box:first-child {
	width:59%;
	margin:0 6% 0 0;
}
.search_faq .doublebox .box:last-child {
	width:35%;
}
.search_faq .doublebox .box:last-child a{
	display:table;
	width:100%;
	/*height:100%;*/
	background:#ebebeb;
	border-radius:30px;
	border:1px solid #2f7cbb;
	padding: 20px 20px 24px 20px;
}
.search_faq .doublebox .box:first-child .leftbox dt{
	width:22%;
	margin:0 2% 0 0;
}
.search_faq .doublebox .box:first-child .leftbox dd{
	width:76%;
}
.search_faq .doublebox .box:last-child .leftbox dt{
	width:40%;
	margin:0 3% 0 0;
	padding: 10px 0 0 28px;
}
.search_faq .doublebox .box:last-child .leftbox dd{
	width:57%;
	text-align:center;
	color:#2f7cbb;
	font-weight:bold;
	padding: 7px 55px 0 0;
	font-size:1.8rem;
}
.search_faq .doublebox .box:last-child .leftbox dd:before,.search_faq .doublebox .box:last-child .leftbox dd:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
}
.search_faq .doublebox .box:last-child .leftbox dd:before{
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2f7cbb;
	right:30px;
	top:0;
}
.search_faq .doublebox .box:last-child .leftbox dd:after{
    right: 32px;
	top:0;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 4px solid #fff;
}
.search_faq .doublebox .box dt p {
	font-size:2.0rem;
	font-weight:bold;
	text-align:center;
	margin:10px 0 0;
}
.search_faq .doublebox .box:last-child dd{
	position:relative;
}
.search_faq .doublebox .box:last-child dd p.faqbtn{
	display:table;
	width:100%;
	height:100%;
}
.search_faq .doublebox .box:last-child dd a{
	display:table-cell;
	vertical-align:middle;
	background:#2f7cbb;
	color:#fff;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	border-radius:15px;
	width:100%;
	height:100%;
	transition:.3s;
}
.search_faq .doublebox .box:last-child dd a:hover{
	background:#155f9b;
	transition:.3s;
	text-decoration:none;
}

.info_news+.detaillink {
	text-align:right;
}
.info_news+.detaillink a{
	display:inline-block;
	font-size:1.3rem;
	color:#444;
	border-radius:8px;
	background:#fff;
	padding:3px 28px 3px 15px;
	font-weight:bold;
	position:relative;
}
.info_news+.detaillink a:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:10px;
	margin:auto 0;
	box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-left: 6px solid #f8bd01;
}

/* works */
.works {
	background:#f3f3f3;
	padding:60px 0;
}
.works .doublebox .title {
	width:14.5%;
	margin:0 4.34% 0 0;
	text-align:center;
	font-size:1.8rem;
}
.works .doublebox .title span {
	display:block;
}
.works .doublebox .title p:first-child {
	font-size:3.2rem;
	margin-bottom:35px;
}
.works .doublebox .title p:first-child span:first-child {
	margin-bottom:15px;
}
.works .doublebox .title p:first-child span:last-child {
	border-radius:5px;
	background:#f8bd01;
	width:131px;
	height:4px;
	margin:10px auto 0;
}
.works .doublebox .detail {
	width:81.16%;
}
.works .doublebox .detail .leftbox {
	background:#fff;
	border-radius:15px;
	width:48%;
	margin:0 4% 0 0;
	/*padding:25px;*/
}
.works .doublebox .detail .leftbox:last-child {
	margin:0;
}
.works .doublebox .detail .leftbox dt {
	width:48%;
	margin:0 3% 0 0;
	text-align:center;
}
.works .doublebox .detail .leftbox dt p{
	display:table;
	width:100%;
	height:100%;
}
.works .doublebox .detail .leftbox dt p span{
	display:table-cell;
	vertical-align:middle;
}
.works .doublebox .detail .leftbox dt img{
	vertical-align:middle;
}
.works .doublebox .detail .leftbox dd {
	width:49%;
	text-align:center;
	font-weight:bold;
}
.works .doublebox .detail .leftbox dd span{
	font-size:3.6rem;
	color:#f8bd01;
	font-weight:normal;
	margin:0 3px;
	font-family: 'Oswald', sans-serif;
	letter-spacing:1px;
}

/* banner */
.gray_banner {
	background:#d7d7d7;
	padding:48px 0;
}
.gray_banner li{
	width:29.33%;
	margin:0 6% 0 0;
	transition:.3s;
}
.gray_banner li:last-child{
	margin:0;
}
.gray_banner li:hover{
	opacity:0.8;
	transition:.3s;
}


@media screen and (max-width:880px){
/* works */
.works .doublebox .title {
    width: 19.5%;
}
.works .doublebox .detail {
    width: 76.16%;
}
}
@media screen and (max-width:680px){
/* example */
.example dl dt img,.example dl dt span{
	vertical-align:middle;
	font-size:1.5rem;
	font-weight:bold;
	margin:0 0 0 5px;
}
.example dl dt {
	float:none;
	margin:0 0 10px;
}
.example dl dd {
	padding:0;
}
.example dl dd .forthbox li,.example dl dd .forthbox li:nth-child(4n) {
	width:49%;
	margin:0 1% 10px 0;
}
.example dl dd .forthbox li:nth-child(2n) {
	margin:0 0 10px;
}
.example dl dd .detaillink a {
	display:block;
	text-align:center;
	padding:6px 33px 6px 22px;
}

/* search */
.search_faq {
    margin-bottom: 45px;
}
.search_faq .doublebox {
	display:block;
}
.search_faq .doublebox .box:first-child,.search_faq .doublebox .box:last-child {
	width:100%;
	margin:0 0 30px;
}
.search_faq .doublebox .box:first-child {
	margin-bottom:25px;
}
.search_faq .doublebox .box .leftbox dt {
	position:relative;
}
.search_faq .doublebox .box:first-child .leftbox dt {
	width:100%;
	margin:10px;
}
.search_faq .doublebox .box:first-child .leftbox dd {
	width:100%;
}
.search_faq .doublebox .box:first-child .leftbox dt img{
	position:absolute;
	top:-10px;
	right:15px;
	width:70px;
}
.search_faq .doublebox .box dt p {
	text-align:left;
	font-size:1.7rem;
}

.search_faq .doublebox .box:last-child dd a br {
	display:none;
}

.search_faq .doublebox .box:last-child .leftbox {
	max-width:320px;
	margin:0 auto;
}
.search_faq .doublebox .box:last-child .leftbox dt {
    padding: 25px 0 0 28px;
}
.search_faq .doublebox .box:last-child .leftbox dt img{
	max-width:75px;
}
.search_faq .doublebox .box:last-child .leftbox dd {
    padding: 19px 55px 19px 0;
    font-size: 1.6rem;
}
.search_faq .doublebox .box:last-child .leftbox dd::before {
    top: 0;
}
.search_faq .doublebox .box:last-child .leftbox dd::after {
    top: 0;
}

/* works */
.works {
    padding: 35px 0;
}
.works .doublebox {
	display:block;
}
.works .doublebox .title,.works .doublebox .detail,.works .doublebox .detail .leftbox {
	width:100%;
	margin:0;
}
.works .doublebox .title {
	margin-bottom:25px;
	font-size:1.4rem;
}
.works .doublebox .title p:first-child {
    font-size: 2.0rem;
    margin-bottom: 20px;
}
.works .doublebox .title p:first-child span:first-child {
    margin-bottom: 8px;
}
.works .doublebox .title p:first-child span:first-child img{
	max-width:55px;
}
.works .doublebox .detail .leftbox:first-child {
	margin:0 0 15px;
}
.works .doublebox .detail .leftbox dd {
	font-size:1.2rem;
}
.works .doublebox .detail .leftbox dd span {
	font-size:2.5rem;
	margin:0 5px;
}

/* banner */
.gray_banner {
	background:#d7d7d7;
	padding:26px 0 16px;
	display:block;
}
.gray_banner li,.gray_banner li:last-child{
	width:100%;
	margin:0 0 10px 0;
}
.gray_banner li {
	display:table;
	width:100%;
	height:100%;
	border-radius:10px;
	background:#fff;
	text-align:center;
}
}

/* Sub
===============================================*/
.read.under {
	margin:0 0 30px;
}
.read.under .pagetitle {
	padding:65px 0 55px;
	font-size:3.4rem;
}

/*パンくず*/
.pnkz {
	margin:-10px auto 70px;
	position:relative;
	z-index:10;
}
.pnkz li{
	display:inline-block;
	margin:0 10px 5px 0;
	padding:0 16px 0 0;
	position:relative;
	font-size:1.3rem;
}
.pnkz li:after{
	content:"";
	position:absolute;
	top:7px;
	right:0;
	width: 8px;
    height: 8px;
    border-top: 1px solid #444;
    border-right: 1px solid #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pnkz li:last-child:after{
	display:none;
}
.pnkz li a{
	font-size:1.3rem;
}

/*カラム*/
.clum {
	margin-bottom:200px;
}
.sidebar {
	float:right;
	width:246px;
}
.wrap_clum {
	float: left;
	width: 100%;
	margin-right: -316px;
	padding-right: 316px;
	box-sizing:border-box;
	max-width:none;
}

/*サイドバー*/
.linkbox,.welcome {
	border-radius:10px;
	border-top:8px solid #2f7cbb;
	box-shadow:0 0 4px rgba(0,0,0,0.2);
	padding:17px 15px;
	margin-bottom:40px;
}
.linkbox li {
	border-bottom:1px solid #aac9db;
}
.linkbox li:last-child {
	border-bottom:none;
}
.linkbox li a{
	display:block;
	color:#444;
	transition:.3s;
	padding:15px 20px 15px 3px;
	position:relative;
}
.linkbox li a:hover,.linkbox li a:active{
	color:#2f7cbb;
	transition:.3s;
}
.linkbox li a:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
	box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 6px solid #f9c41c;
}

.welcome {
	border-top:none;
	font-size:1.4rem;
}
.welcome p {
	margin-bottom:25px;
}
.welcome .banner li {
	margin-bottom:15px;
}
.welcome .banner li:last-child {
	margin-bottom:0;
}
.welcome .staffonly {
	margin-bottom:10px;
	text-align:center;
}

/*メインコンテンツ*/
.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}

.contentbox {
	margin-bottom:90px;
}
.smallmarginbox {
	margin-bottom:55px;
}

.wrap_big.sub  p {
	margin-bottom:40px;
}
.wrap_big.sub p:last-child {
	margin-bottom:0px;
}

.clum_leftbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.clum_leftbox dt {
	width:29.93%;
	margin-right:7.04%;
}
.clum_leftbox.right dt {
	margin-right:0;
	margin-left:7.04%;
	order:2;
}
.clum_leftbox dd {
	width:63.03%;
}

/*.clum_leftbox dt img {
	margin-bottom:10px;
}*/

.textbox_img {
	margin-bottom:40px;
}
.textbox_img:after {
    content:"";
    display:block;
    clear:both;
}
.textbox_img .img_set {
	padding:0 20px;
}
.textbox_img ul.img_set.left {
	float:left;
}
.textbox_img ul.img_set.right {
	float:right;
}
.textbox_img ul.img_set li {
	max-width:100%;
	padding: 20px;
}
.textbox_img ul.img_set li.double {
	float:left;
	max-width:50%;
}
.textbox_img ul.img_set li.triple {
	float:left;
	max-width:33%;
}
.textbox_img div.text {
	width:100%;
	padding:0;
}

.link_ul li {
	margin-bottom:10px;
}
.wrap_clum a,
.wrap_clum a[target="_blank"],
.wrap_clum a[href$=".pdf"],
.wrap_clum a[href$=".doc"],
.wrap_clum a[href$=".docx"],
.wrap_clum a[href$=".xls"],
.wrap_clum a[href$=".xlsx"]{
	padding:0 20px 0 0;
	position:relative;
}
.wrap_clum a:after{
	content:"";
	/*position:absolute;
	bottom:5px;
	right:0;*/
	margin:auto 0;
	box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 6px solid #f9c41c;
    display: inline-block;
    margin-left: 10px;
    margin-right: -20px;
}
.wrap_clum a[target="_blank"]{
	background:url(/content/400109467.png) no-repeat;
	background-size:11px;
	background-position: right 0px top 5px;
}
.wrap_clum a[href$=".pdf"]{
	background:url(/content/400109468.png) no-repeat;
	background-size:14px;
	background-position: right 0px top 4px;
}
.wrap_clum a[href$=".doc"],.wrap_clum a[href$=".docx"]{
	background:url(/content/400112679.png) no-repeat;
	background-size:14px;
	background-position: right 0px top 4px;
}
.wrap_clum a[href$=".xls"],.wrap_clum a[href$=".xlsx"]{
	background:url(/content/400112680.png) no-repeat;
	background-size:14px;
	background-position: right 0px top 4px;
}
.wrap_clum a[href$=".pdf"] span,
.wrap_clum a[href$=".doc"] span,
.wrap_clum a[href$=".docx"] span,
.wrap_clum a[href$=".xls"] span,
.wrap_clum a[href$=".xlsx"] span{
	color:#444;
	font-size:1.4rem;
}
.wrap_clum a[target="_blank"]:after,
.wrap_clum a[href$=".pdf"]:after,
.wrap_clum a[href$=".doc"]:after,
.wrap_clum a[href$=".docx"]:after,
.wrap_clum a[href$=".xls"]:after,
.wrap_clum a[href$=".xlsx"]:after{
	display:none;
}

.blueline {
	width:100%;
	height:8px;
	background:url(/content/400109469.png) repeat-x;
	background-position: left top;
}

.pagenav {
	border-bottom:2px solid #e6e6e6;
	padding-bottom:20px;
}
.pagenav.noborder {
	border-bottom:none;
}
.pagenav li{
	float:left;
	padding:0 18px 0 0;
	margin:0 18px 10px 0;
	border-right:2px solid #aac9db;
}
.pagenav li:last-child{
	border-right:0;
}
.pagenav li a{
	display:block;
	padding:0 30px 0 0;
	position:relative;
}
.pagenav li a:before,.pagenav li a:after{
	content:"";
	position:absolute;
}
.pagenav li a:before{
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f8bd01;
	right:0;
	top:5px;
}
.pagenav li a:after{
        right: 25px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 4px solid transparent;
	border-left: 5px solid #fff;
	transform: rotate(90deg);
	top: 13px;
}

.orangeunder {
	font-size:3.0rem;
	line-height:1.5;
	margin-bottom:60px;
}
.orangeunder:after{
	content:"";
	display:block;
	width:60px;
	height:6px;
	background:#f8bd01;
	margin-top:10px;
}

.bluetitle {
	background:#e8f1f6;
	padding:15px 12px 15px 32px;
	font-size:2.0rem;
	border-radius:6px;
	position:relative;
	margin-bottom:40px;
}
.bluetitle:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	margin:auto 0;
	width:6px;
	height:40%;
	background:#f8bd01;
	border-radius:10px;
}

.graytitle {
	background:#f3f3f3;
	padding:10px 15px 10px 30px;
	position:relative;
	border-radius:6px;
	margin-bottom:40px;
}
.graytitle:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	margin:auto 0;
	width:4px;
	height:40%;
	background:#aac9db;
	border-radius:10px;
}


.clum_triplebox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.clum_triplebox li{
	width:29.93%;
	margin:0 5.105% 30px 0;
}
.clum_triplebox li:nth-child(3n){
	margin:0 0 30px;
}

.info_news.sum li {
    background:url(/content/400109469.png) repeat-x;
    background-position: left bottom;
}
.info_news.sum li a{
	padding-right: 80px;
	position: relative;
	display:block;
}
.wrap_big.sub .info_news.sum li p{
	margin-bottom:10px;
}
.info_news.sum .cate li {
	background:none;
	/*padding: 0 5px 5px 0;*/
}
.info_news.sum li:after,.info_news.sum li:before,.info_news.sum li a:after {
	display:none;
}
.info_news.sum li .img{
	position:absolute;
	right:0;
	top:0;
	margin:auto 0;
	width:60px;
	height:60px;
}
.info_news.sum .cate li.last {
	position:absolute;
	right:0;
	bottom:-10px;
}

@media screen and (max-width:880px){
/*カラム*/
.sidebar {
    width: 190px;
}
.wrap_clum {
    margin-right: -220px;
    padding-right: 220px;
}

/*メインコンテンツ*/
.linkbox li a {
	font-size:1.4rem;
	padding:10px 20px 10px 3px;
}
}
@media screen and (max-width:680px){
.wrap_big.sub {
	padding:0;
}
.wrap_big.sub p {
    margin-bottom: 20px;
}
.read.under .pagetitle {
    padding: 42px 28px 10px;
    font-size: 2.4rem;
}

/*パンくず*/
.pnkz {
    margin: -16px auto 30px;
	padding:0 15px;
}

/*カラム*/
.clum {
	display:block;
	margin-bottom:0;
}
.sidebar {
	width:100%;
	float:none;
}
.wrap_clum {
	margin:0 0 50px;
	padding:0;
	float:none;
}

/*サイドバー*/
.welcome {
	display:none;
}
.linkbox {
	margin:0;
	box-shadow:none;
	border-radius:0;
	border:none;
	display:none;
}
.sidebar .menubtn{
	background:#2f7cbb;
	color:#fff;
	font-size:1.1rem;
	width:100%;
	margin:0;
	padding:13px 15px;
	position:relative;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 10px;
	height: 10px;
	float: right;
	margin-right: 5px;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 100%;
	height: 2px;
    background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 9px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 9px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 9px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*メインコンテンツ*/
.mb10 { margin-bottom:5px;}
.mb20 { margin-bottom:10px;}
.mb30 { margin-bottom:15px;}
.mb40 { margin-bottom:20px;}
.mb50 { margin-bottom:25px;}

.wrap_clum p {
    margin-bottom: 20px;
}

.link_ul li {
    margin-bottom: 5px;
}

.contentbox {
    margin-bottom: 45px;
}
.smallmarginbox {
    margin-bottom: 35px;
}

.clum_leftbox {
	padding:0 15px;
	display:block;
}
.clum_leftbox dt,.clum_leftbox dd {
	width:100%;
	margin:0;
}
.clum_leftbox dt img {
	width:100%;
}
.clum_leftbox dd,.clum_leftbox dt {
	margin-bottom:20px;
}
.clum_leftbox.right dt {
	margin:0 0 20px;
}

.pagenav {
	background:#f3f3f3;
	border-top:1px solid #e3e3e3;
	padding:30px 15px 20px;
}
.pagenav li {
    padding: 0 10px 0 0;
    margin: 0 9px 10px 0;
}
.pagenav li a {
    padding: 0 20px 0 0;
}
.pagenav li a::before {
    width: 15px;
    height: 15px;
	top:4px;
}
.pagenav li a::after {
    right: 24px;
    border: 3px solid transparent;
    border-left: 4px solid #fff;
    top: 10px;
}

.orangeunder {
    font-size: 2.3rem;
    margin-bottom: 30px;
	padding:0 15px;
}

.bluetitle {
	font-size:1.6rem;
	margin:0 15px 25px;
}
.bluetitle span {
    width: 4px;
    height: 60%;
}

.graytitle {
    margin: 0 15px 25px;
	font-size:1.4rem;
}
.graytitle span {
    width: 3px;
    height: 50%;
}

.clum_triplebox {
	padding:0 15px;
	display:block;
}
.clum_triplebox li{
	width:100%;
	margin:0 0 25px;
}
.clum_triplebox li img{
	width:100%;
}

.smallbox,.link_ul {
	padding:0 15px;
}

.info_newsbox {
	padding:0 15px;
}
.info_newsbox .orangeunder {
	padding:0;
}

.textbox_img li {
	width:100%;
	margin:0 0 10px;
	padding:0 20px;
}
.textbox_img li img{
	max-width:100%;
}
.textbox_img li:first-child + li.text,.textbox_img li.text {
	width:100%;
	padding:0 20px;
	margin:0;
}
}

/* Adjustment
===============================================*/
.editable {
	margin-bottom: 25px;
}
.clear {
	clear: both;
}
ul.link_ul {
	padding: 0 15px
}
ul.link_ul li {
	width: 100%;
	padding: 0;
}
ul.c-list {
	padding-left: 30px;
}
ul.c-list li {
	float: none;
	width: 100%;
	list-style: disc;
	margin-bottom: 5px;
}
ul.c-list li ul.c-list li {
	list-style: circle;
}
ol.c-list__no {
	padding-left: 30px;
}
ol.c-list__no li {
	float: none;
	width: 100%;
	list-style: decimal;
	margin-bottom: 5px;
}
ol.c-list__no li ol.c-list__no li {
	list-style: upper-roman;
}
ol.c-list__no ul.c-list li {
	list-style: disc;
}
h2 em {
	display: inline-block;
	border: 1px solid #000;
	margin: 0 0 0 15px;
	padding: 5px 10px;
	font-size: 60%;
	font-style: normal;
	vertical-align: text-bottom;
	background-color: #eee;
}

/* タイトル */
.c-heading-3 {
	background:#e8f1f6;
	padding:15px 12px 15px 32px;
	font-size:2.0rem;
	border-radius:6px;
	position:relative;
	margin-bottom:40px;
}
.c-heading-3:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	margin:auto 0;
	width:6px;
	height:40%;
	background:#f8bd01;
	border-radius:10px;
}
.c-heading-4 {
	background:#f3f3f3;
	padding:10px 15px 10px 30px;
	position:relative;
	border-radius:6px;
	margin-bottom:40px;
}
.c-heading-4:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:15px;
	margin:auto 0;
	width:4px;
	height:40%;
	background:#aac9db;
	border-radius:10px;
}
.editable .c-heading-4 {
	margin-top: 50px;
}
.editable .c-table {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	width: 100%;
	margin-bottom: 30px;
}
.editable .c-table th {
	background-color: #ebf2f8;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	padding: 7px 12px;
	white-space: nowrap;
}
.editable .c-table td {
	border-right: 1px solid #c7c7c7;
	border-top: 1px solid #c7c7c7;
	vertical-align: top;
	padding: 7px 12px;
}
.editable .c-table caption {
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}
.editable .c-table p {
	margin-bottom: 10px;
}
.editable .c-table th.cell10per,
.editable .c-table td.cell10per {
	width: 10%;
}
.editable .c-table th.cell15per,
.editable .c-table td.cell15per {
	width: 15%;
}
.editable .c-table th.cell20per,
.editable .c-table td.cell20per {
	width: 20%;
}
.editable .c-table th.cell30per,
.editable .c-table td.cell30per {
	width: 30%;
}
.editable .c-table th.cell40per,
.editable .c-table td.cell40per {
	width: 40%;
}
.editable .c-table th.cell50per,
.editable .c-table td.cell50per {
	width: 50%;
}
.editable .info_news.sum .cate {
	height: 25px;
}
.editable .info_news.sum .cate li.last {
	bottom: 20px;
}

.textbox_img li.sol {
	max-width: 100%;
	text-align: center;
}
.textbox_img li.dbl {
	max-width: 50%;
}
.textbox_img li.idt {
	margin-left: 30px;
}
.textbox_img li.idtDbl {
	margin-left: 60px;
}

/* form */
.editable .formText {
	width: 70%;
}
.editable .formBtnWrap {
	margin-bottom: 20px;
	text-align: center;
}
.editable .formBtn {
	background: #ebebeb;
	border: 1px solid #2f7cbb;
	border-radius: 30px;
	margin: 0 20px;
	padding: 10px 50px;
	font-size: 1.5rem;
	cursor: pointer;
}
.editable form .c-table th {
	white-space: normal;
}
.editable .c-table textarea {
	border: 1px solid #c7c7c7;
	width: 100%;
	height: 150px;
}
.formErrorBox {
	border: 2px solid #972626;
	background: #f3e2e2;
	margin: 0 0 30px;
	padding: 30px;
	font-weight: bold;
	color: #972626;
	text-align: center;
}
.formErrorTxt {
	color:#972626;
	font-weight: bold;
}


.intro .leftbox {
	display: block;
}

.editable .info_news.sum li span.date,
.editable .info_news.sum li span.txt {
	display: block;
}
.editable .info_news.sum li span.date {
	float: left;
	font-weight: bold;
}
.editable .info_news.sum li span.txt {
	margin-left: 170px;
}
.editable .info_news.sum li a {
	display: inline;
	padding-right: 20px;
	word-break: break-all;
}
.editable .info_news.sum li a:hover {
	text-decoration: underline;
}
html[lang='en'] .faqbtn {
	font-size: 3rem;
}
html[lang='en'] .example dl dd .forthbox li a {
	padding: 10px 7px;
}


@media screen and (max-width:880px){
.editable {
	padding: 0 15px
}
.c-heading-3 {
	font-size:1.6rem;
	margin:0 15px 25px;
}
.c-heading-3 span {
    width: 4px;
    height: 60%;
}
.c-heading-4 {
    margin: 0 15px 25px;
	font-size:1.4rem;
}
.c-heading-4 span {
    width: 3px;
    height: 50%;
}

.textbox_img ul.img_set.left,
.textbox_img ul.img_set.right {
	float: none;
}
.textbox_img ul.img_set img {
	max-width: 100%;
}
.textbox_img ul.img_set li {
	text-align: center;
}

.textbox_img ul.img_set li.double,
.textbox_img ul.img_set li.triple {
	float: none;
	max-width: 100%;
}

.mainslider {
	margin-top: 40px;
}
.main_nonslider {
	margin-bottom:10px;
}
.title.intro {
	text-align: center;
}

.search_faq .doublebox .box:last-child a{
	border-radius:10px;
	padding: 0;
}

.search_faq .searchform form input[type="text"]{
	padding:7px 97px 7px 20px;
	font-size:1.8rem;
}

.editable .info_news.sum li span.date {
	float: none;
}
.editable .info_news.sum li span.txt {
	margin-left: 0;
}
}

@media screen and (max-width:430px){

.title.intro img {
	max-width: 40%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	bottom: 0;
}

.bx-wrapper .bx-controls-auto {
	margin-top:10px;
}
}

@media print {
body {
	zoom: .9;
	font-size: 170%;
	width: 1200px;
}
}

/* カスタム検索 201904 */
.gsc-input-box {
    border: none!important;
    background: none!important;
}
.gsib_a {
    padding: 1px 6px 0!important;
}
.searchform form .gsc-search-button-v2{
    position: absolute;
    top: 3px;
    bottom: 3px;
    margin: auto 0;
    right: 0;
    background: #2f7cbb;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.6rem;
    padding: 13px 18px 13px 25px;
    margin: 0 3px 0 0;
    letter-spacing: 7px;
    cursor: pointer;
    transition: .3s;
    font-weight: bold;
}
.searchform form .gsc-search-button-v2:hover{
    background: #155f9b;
    transition: .3s;
}
.searchform form .gsc-search-button-v2 {
    font-size: 1.4rem;
    padding: 12px 18px 11px 25px;
}
.gsc-result .gs-title {
    height: auto!important;
}

/* header */
header .gsc-search-box-tools .gsc-search-box table.gsc-input {
    width: 195px!important;
    height: 30px!important;
    text-indent: 0!important;
}
header .gsc-search-box-tools .gsc-search-box .gsib_a .gsc-input {
    width: 100%!important;
    padding: 0 0 0 25px!important;
    text-indent: 0!important;
}
header .gsst_a {
    padding: 3px 0 0 0!important;
}
header .searchform form .gsc-search-button-v2 {
    top: 0;
    bottom: 0;
    width: 60px;
    border-radius: 30px;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 8px 12px 6px 12px;
    margin: 0;
}
header .top .right .searchform {
    width: 266px;
}

/* faq */
.search_faq .gsc-search-box-tools .gsc-search-box table.gsc-input {
    width: 435px!important;
    height: auto!important;
    text-indent: 0!important;
}
.search_faq .gsc-search-box-tools .gsc-search-box .gsib_a .gsc-input {
    width: 100%!important;
    padding: 7px 0 7px 15px!important;
    text-indent: 0!important;
}
.search_faq .gsst_a {
    padding: 8px 0 0 0!important;
}
.search_faq .searchform form .gsc-search-button-v2 {
    padding: 16px 35px 11px 35px;
    border-radius: 30px;
}
.search_faq .searchform form input[type="text"] {
    font-size: 1.8rem;
    line-height: 1.8;
    background: none!important;
}
.search_faq .searchform form input[type="text"]::-webkit-input-placeholder {
    font-size: 1.8rem;
}
.search_faq .searchform form input[type="text"]:-moz-placeholder {
    font-size: 1.8rem;
}
.search_faq .searchform form input[type="text"]::-moz-placeholder {
    font-size: 1.8rem;
}
.search_faq .searchform form input[type="text"]:-ms-input-placeholder {
    font-size: 1.8rem;
}

@media screen and (max-width:680px){
/* header */
header .gsc-search-box-tools .gsc-search-box table.gsc-input {
    width: 80%!important;
}

/* faq */
.search_faq .gsc-search-box-tools .gsc-search-box table.gsc-input {
    width: 80%!important;
}
.search_faq .gsc-search-box-tools .gsc-search-box .gsib_a .gsc-input {
    padding: 4px 0 4px 15px!important;
}
.search_faq .gsst_a {
    padding: 4px 0 0 0!important;
}
.search_faq .searchform form .gsc-search-button-v2 {
    padding: 10px 25px 11px 25px;
}
.search_faq .searchform form input[type="text"] {
    font-size: 1.6rem;
    line-height: 1.6;
}
.search_faq .searchform form input[type="text"]::-webkit-input-placeholder {
    font-size: 1.6rem;
}
.search_faq .searchform form input[type="text"]:-moz-placeholder {
    font-size: 1.6rem;
}
.search_faq .searchform form input[type="text"]::-moz-placeholder {
    font-size: 1.6rem;
}
.search_faq .searchform form input[type="text"]:-ms-input-placeholder {
    font-size: 1.6rem;
}
}

/* Mail Magazine */
.regist input[type="text"] {
    height: 40px;
    width: 65%;
    background-color: #d8eaf4;
    border: none;
    border-radius: 20px 0 0 20px;
    padding: 0 20px;
    font-size: 1.8rem;
    line-height: 1;
}
.regist input[type="submit"] {
    -webkit-appearance: none;
    height: 40px;
    width: 75px;
    background-color: #2f7cbb;
    border: none;
    border-radius: 0 20px 20px 0;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1;
    cursor: pointer;
}
@media screen and (max-width:680px){
.regist input[type="text"] {
    height: 30px;
    font-size: 1.4rem;
}
.regist input[type="submit"] {
    height: 30px;
    width: 55px;
    font-size: 1.2rem;
}
}

/* Canpus Voice */
.info_news li.cvBox a {
    display: block;
    padding: 0;
}
.info_news li.cvBox a:after {
    content: "";
    display: block;
    clear: both;
    position: relative;
}
.imgCv {
    float: left;
    width: 30%;
    margin-bottom: 20px;
}
.infoCv {
    float: right;
    width: 65%;
    margin-bottom: 20px;
    font-size: 1.8rem;
}
.infoCv span {
    display: block;
}
.infoCv span.cvDate {
    color: #007fc4;
    font-weight: bold;
}
.infoCv span.cvTitle,
.infoCv span.cvWriter {
    color: #444;
}
.infoCv span.cvLabel {
    display: inline-block;
    border-radius: 5px;
    margin-top: 5px;
    padding: 3px 7px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
}
.infoCv span.cvLabel.cvColor1 {
    border: 2px solid #c6db8d;
}
.infoCv span.cvLabel.cvColor2 {
    border: 2px solid #fba262;
}
.infoCv span.cvLabel.cvColor3 {
    border: 2px solid #f4a6c9;
}
.infoCv span.cvLabel.cvColor4 {
    border: 2px solid #8dc8e6;
}
.info_news li.cvBox:hover span.cvDate,
.info_news li.cvBox:hover span.cvTitle {
    text-decoration: underline;
}
.wrap_clum li.cvBox a:after,
.info_news li.cvBox:not(.last):hover:after {
    width: auto;
    height: auto;
    border: none;
}
@media screen and (max-width:680px){
.infoCv {
    font-size: 1.4rem;
}
.infoCv span.cvLabel {
    font-size: 1.2rem;
}
.imgCv,
.infoCv {
    margin-bottom: 5px;
}
}



.wrap_clum .editable a {
    text-decoration: underline;
}
.wrap_clum .editable .pagenav a {
    text-decoration: none;
}
.wrap_clum .editable a:after {
    width: auto;
    height: auto;
    border: none;
    margin-left: 0;
}
.wrap_clum .editable .pagenav a:after{
    width: 3px;
    height: 3px;
    border: 4px solid transparent;
    border-left: 5px solid #fff;
    margin-left: 10px;
}
.wrap_clum a[target="_blank"]{
    background-position: right 7px;
    margin-right: 5px;
}
.wrap_clum .info_news a[target="_blank"]{
    background-position: right 10px;
}
.wrap_clum a[href$=".pdf"]{
    background-position: right 0px top 4px;
    margin-right: 5px;
}
.wrap_clum a[href$=".doc"],.wrap_clum a[href$=".docx"]{
    background-position: right 0px top 4px;
    margin-right: 5px;
}
.wrap_clum a[href$=".xls"],.wrap_clum a[href$=".xlsx"]{
    background-position: right 0px top 4px;
    margin-right: 5px;
}

/* 20200729 */
.editable iframe {
    max-width: 100%!important;
}

/* 20201216 */
header .top .subnav li.snsIcon {
    width: 30px;
    margin: -2px 10px 0 0;
}
@media screen and (max-width:680px){
    header .bottom ul.sp_subnav li.snsIcon {
	width: 30px;
	margin: -5px 10px 0 0;
    }
    header .bottom ul.sp_subnav li.snsIcon a:after {
	border: none;
    }
}

/* 20201223 */
.snsButton {
    text-align: right;
    margin-right: -50px;
}
html[lang='en'] .snsButton {
    margin-right: -70px;
}
.snsButton .fb-share-button {
    position: relative;
    top: -9px;
}
.fb-share-button > span {
	width: 135px !important;
}
.fb-share-button iframe {
	width: 135px !important;
}
@media screen and (max-width:680px){
    .snsButton {
        margin-right: -40px;
    }
    html[lang='en'] .snsButton {
        margin-right: -60px;
    }
    .snsButton > iframe {
        position: relative !important;
        top: -2px;
    }
    .snsButton .fb-share-button {
        top: 0px;
    }
}

@media all and (-ms-high-contrast: none) {
    .snsButton > iframe,
    .snsButton > .twitter-share-button {
        display: none;
    }
}



/* 202303 */
.tool_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.langlink {
    text-align: right;
    margin: 0 0 10px 20px;
}
.langlink a,
.wrap_clum .langlink a[target="_blank"] {
    display: inline-block;
    font-size: 1.3rem;
    color: #444;
    border-radius: 8px;
    background-color: #def;
    padding: 3px 28px 3px 15px;
    font-weight: bold;
    position: relative;
}
.wrap_clum .langlink a[target="_blank"] {
    background-position: right 10px top 50%;
}
.langlink a:after{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-left: 6px solid #f8bd01;
}
@media screen and (max-width: 680px) {
    .langlink {
        text-align: right;
        margin: 0 20px 10px 0;
    }
    .snsButton {
        margin-right: -50px;
        padding-right: 20px;
    }
    .snsButton .fb-share-button {
        top: -9px;
    }
}



/* 202403 */
@media screen and (max-width: 680px) {
    header .top .h1text {
        border-left: 1px solid #000;
        padding-left: 15px;
        margin-left: 15px;
    }
}
@media screen and (max-width: 680px) {
    header .top {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        margin-left: 10px;
    }
}
@media screen and (max-width: 790px) {
    header .top .f_box {
        float: none;
    }
    header .top .right .parent {
        position: static;
    }
}