@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');


/* ================
for WordPress
================ */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}


/* ================
common 
==================*/

body {
	color: #333;
	font-family: 'Noto Sans JP','Noto Sans Japanese', sans-serif;
	background: #fff;
	word-break: break-all;
	-webkit-font-smoothing: antialiased;
}
body.sizeM { font-size: 14px;}
body.sizeL { font-size: 18px;}
::selection { background-color: #cff0ff;}

[class*="wrap"] {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

/* a */
a {
	color: #333;
	text-decoration: none;
	word-break: break-all;
}

a img {
	transition: 0.3s;
}

a:hover img {
	opacity: 0.8;
	transition: 0.3s;
}

/* 半透明解除 */
.no-opacity {
    opacity: 1.0 !important;
}

/* トップに戻るボタン */
#pagetop02 {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
	z-index: 10;
}

#pagetop02 a {
    display: block;
}
#pagetop02 a:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	transition: 0.3s;
}

@media screen and ( max-width:768px) {
		#pagetop02 img {
		width: 40px;
	}
}

/* youtube */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*top video*/

.top_video {
    position: relative;
    overflow: hidden;
    height: 100vh;
    pointer-events: none;
    z-index: -1;
}

.top_video video {
    position: absolute;
    display: block;
    padding-top: 0;
    min-width: 100%;
    min-height: calc(100vh - 77px);
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
}

/* ==================
#footer area
================== */

#footer-topinfo {
	padding: 20px 0;
	background: #f7f8f8;
}

#footer-topinfo a:hover {
	opacity: 0.7;
	transition: .3s;
}

#footer-topinfo .footer-topinfo-link ul,
#footer-topinfo .footer-topinfo-sns ul {
		display: flex;
		justify-content: space-between;
}

#footer-topinfo .footer-topinfo-sns ul {
	margin-top: 25px;
}

#footer-topinfo .footer-topinfo-link ul li {
	margin-right: 30px;
}

#footer-topinfo .footer-topinfo-sns ul li {
	margin-right: 20px;
}

#footer-topinfo .footer-topinfo-link ul li:last-child,
#footer-topinfo .footer-topinfo-sns ul li:last-child {
	margin-right: 0;
}

@media screen and ( min-width:768px) {
	
	#footer-topinfo .wrap .inner_cont {
		display: flex;
		justify-content: space-between;
	}

	#footer-topinfo .footer-topinfo-sns ul li a img {
		height: 38px;
	}
}

#footer-sitemap { background: #7d7d7d;}
#footer-sitemap a {
	color: #fff;
	line-height: 1.4;
}
#footer-sitemap .menu-sitemap > li > a {
	position: relative;
	display: block;
}
#footer-sitemap .menu-sitemap > li > a:before {
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
}
#footer-sitemap .menu-sitemap .sub-menu a { font-size: 85.7%;}
@media screen and ( min-width:769px) {
	#footer-sitemap .sub-menu { margin: 6px 0 0 15px;}
	#footer-sitemap .sub-menu li + li { padding-top: 5px;}
	#footer-sitemap .sub-menu .sub-menu { display: none;}
	#footer-sitemap .menu-item-3569 .sub-menu,
	#footer-sitemap .menu-item-3575 .sub-menu,
	#footer-sitemap .menu-item-3617 .sub-menu,
	#footer-sitemap .menu-item-3574 .sub-menu { display: block;}
}
@media screen and ( max-width:768px) {
	#footer-sitemap .menu-sitemap > .menu-item-has-children { cursor: pointer;}
	#footer-sitemap .menu-sitemap > .menu-item-has-children > a { pointer-events: none;}
	#footer-sitemap .sub-menu {
		display: none;
		padding: 10px 0 15px 12px;
	}
	#footer-sitemap .sub-menu li { padding: 5px 0;}
	#footer-sitemap .sub-menu.open { display: block;}
}

#footer-info { background: #f7f8f8;}
#footer-info .link-area li:before {
	padding-right: 3px;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	color: #00a0e8;
}

#footer-info .nakauchi-area {
	float: right;
	margin-top: 20px;
}

#footer-info .nakauchi-area a {
	display: block;
	padding: 10px 20px;
	border: 1px #b5b5b6 solid;
	text-align: center;
	background: #fff;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#footer-info .nakauchi-area a:hover {
	opacity: 0.8;
	transition: .3s
}
#footer {
	padding: 20px 0;
	color: #fff;
	font-size: 75%;
	text-align: center;
	background: #009ade;
}

/* ===================
header area 
====================*/

#header {
	position: relative;
	z-index: 928;
}
.slider p:not(:first-child) img {
    display: none;
}
.bx-viewport .slider p:not(:first-child) img {
    display: block;
}

/* h1 */
#utility-area h1 { padding: 10px;}

/* search */
#header .search .btn { cursor: pointer;}

/* hide and seek */
#header .menu { position: relative;}
#header .menu .inner {
	display: none;
	position: absolute;
	z-index: 920;
}

/* search */
.search-box {
	clear: both;
	padding: 9px;
	border-bottom: solid 1px #ccc;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#edit-area .searchform {
	clear: both;
	position: relative;
	padding: 10px;
	background: #fdfdfd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.error404 #edit-area .searchform {
	margin-bottom: 4em;
}
.search-box input[type="search"],
#edit-area .searchform input[type="search"] {
    font-weight: 500 !important;
	border: solid 1px #fff;
	background: #f1f1f1;
	-webkit-appearance: none;
}
#edit-area .searchform input[type="search"] {
	border: solid 1px #ccc;
}
.search-box input[type="search"]:focus,
#edit-area .searchform input[type="search"]:focus {
    border: solid 1px #d5f2ff;
    background: #f5fcff;
    outline: none;
}
.search-box input[type="submit"],
#edit-area .searchform input[type="submit"] {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -15px;
    padding: 8px;
    width: 30px;
    height: 30px;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-align: center;
	font-size: 14px;
	line-height: 1em;
    border: 1px solid #00a0e8;
    background: #00a0e8;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	cursor: pointer;
	-webkit-appearance: none;
}
.search-box input[type="submit"]:hover,
#edit-area .searchform input[type="submit"]:hover {
    border: 1px solid #006ec8;
    background: #006ec8;
}


/* page title area */
#title-area {
	background-color: #f7f7f7;
	background-position: top center;
	background-repeat: no-repeat;
}
.page-id-1047 #title-area { background-image: url(../imgs/obi/about.jpg);}
.page-id-1201 #title-area { background-image: url(../imgs/obi/academics.jpg);}
.page-id-1261 #title-area { background-image: url(../imgs/obi/career.jpg);}
.page-id-1267 #title-area { background-image: url(../imgs/obi/campus-life.jpg);}
/*.page-id-1353 #title-area { background-image: url(../imgs/obi/admission.jpg);}*/
.page-id-1357 #title-area { background-image: url(../imgs/obi/international.jpg);}
.page-id-1376 #title-area { background-image: url(../imgs/obi/facility.jpg);}
.page-id-1398 #title-area { background-image: url(../imgs/obi/social.jpg);}
.page-id-4335 #title-area { background-image: url(../imgs/obi/students.jpg);}
.page-id-4337 #title-area { background-image: url(../imgs/obi/graduate.jpg);}
.page-id-4339 #title-area { background-image: url(../imgs/obi/guardian.jpg);}
.page-id-13771 #title-area { background-image: url(../imgs/obi/company.jpg);}
.page-id-318994 #title-area { background-image: url(../imgs/obi/general-public.jpg);}
.page-id-320005 #title-area { background-image: url(../imgs/obi/current-student.jpg);}

#title-area .title { display: none;}

.page-id-4335 #title-area .title,
.page-id-4337 #title-area .title,
.page-id-4339 #title-area .title,
.page-id-13771 #title-area .title,
.page-id-318994 #title-area .title,
.page-id-320005 #title-area .title{
	display: block;
	color: #00a0e8;
	letter-spacing: 0.1em;
}
.page-id-4335 #title-area .title,
.page-id-4337 #title-area .title,
.page-id-13771 #title-area .title,
.page-id-318994 #title-area .title,
.page-id-320005 #title-area .title {	
	color: #fff;
	text-shadow: black 0 0 5px;
}

.page-id-1047 #menu-item-10048,
.page-id-1201 #menu-item-10049,
.page-id-1261 #menu-item-10050,
.page-id-1267 #menu-item-10051,
/*.page-id-1353 #menu-item-10052,*/
.page-id-1357 #menu-item-10053,
.page-id-1376 #menu-item-10054,
.page-id-1398 #menu-item-10055,
.page-id-1409 #menu-item-10056 { display: none;}

/*.sub-menu .menu-item { display: none;}*/
.sub-menu .menu-item.current-page-parent,
.sub-menu .menu-item.current-page-parent .sub-menu .menu-item { display: block;}


/* ==============
content area
============== */

#edit-area {
	line-height: 1.8;
	letter-spacing: 0.1px;
	word-break: normal;
}
article a {
	color: #009ade;
	text-decoration: underline;
}
article a:hover {
	color: #08a5ea;
	text-decoration: none;
}
article a[href^="mailto"] { text-decoration: none;}
article a[href^="mailto"]:hover { text-decoration: underline;}
#edit-area .tal { text-align: left;}
#edit-area .tac { text-align: center;}
#edit-area .tar { text-align: right;}
#edit-area .vam,
#edit-area .vam th,
#edit-area .vam td { vertical-align: middle;}

/* =======================================
マージン・パディング
======================================== */
#edit-area .ml-01 { margin-left: 1em;}
#edit-area .ml-02 { margin-left: 2em;}
#edit-area .ml-03 { margin-left: 3em;}
#edit-area .mb-00 { margin-bottom: 0;}
#edit-area .mb-005 { margin-bottom: 0.5em;}
#edit-area .mb-01 { margin-bottom: 1em;}
#edit-area .mb-02 { margin-bottom: 2em;}
#edit-area .mb-03 { margin-bottom: 3em;}
#edit-area .mt-01 { margin-top: 1em;}
#edit-area .mt-02 { margin-top: 2em;}
#edit-area .mt-03 { margin-top: 3em;}
#edit-area .pb-01 { padding-bottom: 1em;}
#edit-area .pb-02 { padding-bottom: 2em;}
#edit-area .pb-03 { padding-bottom: 3em;}

/* =======================================
フォント
======================================== */

/*フォントサイズ*/
.fs-10 { font-size: 71.4%;}
.fs-12 { font-size: 85.7%;}
.fs-14 { font-size: 100%;}
.fs-15 { font-size: 107%;}
.fs-16 { font-size: 114.3%;}
.fs-17 { font-size: 121.4%;}
.fs-18 { font-size: 128.6%;}
.fs-20 { font-size: 142.9%;}
.fs-22 { font-size: 157.1%;}
.fs-24 { font-size: 171.4%;}
.fs-26 { font-size: 185.7%;}
.fs-28 { font-size: 200%;}
.fs-30 { font-size: 214.2%;}
.fs-32 { font-size: 228.5%;}
.fs-34 { font-size: 242.8%;}
.fs-36 { font-size: 257.1%;}
.fs-38 { font-size: 271.4%;}
.fs-40 { font-size: 285.7%;}
.fs-42 { font-size: 300%;}
.fs-44 { font-size: 314.2%;}
.fs-46 { font-size: 328.5%;}
.fs-48 { font-size: 342.8%;}
.fs-55 { font-size: 392.8%;}
.fs-60 { font-size: 428.5%;}
.fs-70 { font-size: 500.0%;}
.fs-80 { font-size: 571.4%;}

body.sizeL .fs-10 { font-size: 66.7%;}
body.sizeL .fs-12 { font-size: 77.8%;}
body.sizeL .fs-14 { font-size: 88.9%;}
body.sizeL .fs-16 { font-size: 100%;}
body.sizeL .fs-17 { font-size: 106.2%;}
body.sizeL .fs-18 { font-size: 111.1%;}
body.sizeL .fs-20 { font-size: 122.2%;}
body.sizeL .fs-22 { font-size: 133.3%;}
body.sizeL .fs-24 { font-size: 144.4%;}
body.sizeL .fs-26 { font-size: 155.6%;}
body.sizeL .fs-28 { font-size: 166.7%;}
body.sizeL .fs-30 { font-size: 177.7%;}
body.sizeL .fs-32 { font-size: 188.8%;}
body.sizeL .fs-34 { font-size: 200%;}
body.sizeL .fs-36 { font-size: 211.1%;}
body.sizeL .fs-38 { font-size: 222.2%;}
body.sizeL .fs-40 { font-size: 233.3%;}
body.sizeL .fs-42 { font-size: 244.4%;}
body.sizeL .fs-44 { font-size: 255.5%;}
body.sizeL .fs-46 { font-size: 266.6%;}
body.sizeL .fs-48 { font-size: 277.7%;}

/*フォントカラー*/
.fc-bl { color: #00A0E8;}
.fc-or { color: #F59600;}
.fc-yl { color: #FFDE00;}
.fc-wh { color: #FFFFFF;}
.fc-bk { color: #333333;}
.fc-rd { color: #DD0000;}

/*フォント太さ*/
.fw100 { font-weight: 100}
.fw200 { font-weight: 200}
.fw300 { font-weight: 300}
.fw400 { font-weight: 400}
.fw500 { font-weight: 500}
.fw600 { font-weight: 600}
.fw700 { font-weight: 700}
.fw800 { font-weight: 800}
.fw900 { font-weight: 900}

/* 区切り線 */
#edit-area hr {
	margin: 2em 0;
	border: 1px #ecf7fc solid;
}

#edit-area .ti-01 {
	padding-left: 1em;
	text-indent: -1em;
}

#edit-area .ti-015 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
#edit-area .ti-02 {
	padding-left: 2em;
	text-indent: -2em;
}
#edit-area .ti-025 {
	padding-left: 2.5em;
	text-indent: -2.5em;
}
#edit-area .ti-03 {
	padding-left: 3em;
	text-indent: -3em;
}
#edit-area .ti-04 {
	padding-left: 4em;
	text-indent: -4em;
}
#edit-area .ti-05 {
	padding-left: 5em;
	text-indent: -5em;
}
#edit-area .ti-06 {
	padding-left: 6em;
	text-indent: -6em;
}
#edit-area .ti-07 {
	padding-left: 7em;
	text-indent: -7em;
}
#edit-area .ti-08 {
	padding-left: 8em;
	text-indent: -8em;
}
#edit-area .ti-09 {
	padding-left: 9em;
	text-indent: -9em;
}
#edit-area .ti-10 {
	padding-left: 10em;
	text-indent: -10em;
}


#edit-area .fsi {
	font-style: italic;
	font-style: oblique;
}
#edit-area .fc-orange { color: #f59600;}

#edit-area header .h-02 {
	color: #00a0e8;
	font-size: 171.4%;
	line-height: 1.4;
	border-left: 3px #00a0e8 solid;
}
#edit-area header .update {
	text-align: right;
	font-size: 85.7%;
	margin-top: 0.5em;
}
.page-id-1047 #edit-area header .h-02,
.page-id-1201 #edit-area header .h-02,
.page-id-1261 #edit-area header .h-02,
.page-id-1267 #edit-area header .h-02,
/*.page-id-1353 #edit-area header .h-02,*/
.page-id-1357 #edit-area header .h-02,
.page-id-1376 #edit-area header .h-02,
.page-id-1398 #edit-area header .h-02 { display: none;}
#edit-area .h-03 {
	position: relative;
	margin-bottom: 1.5em;
	padding-bottom: 7px;
	color: #00a0e8;
	font-size: 142.9%;
	line-height: 1.4;
	border-bottom: 3px #d4d4d4 solid;
}
#edit-area .h-03.mb-00 { margin-bottom: 0.2em;}
#edit-area .h-03:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: "";
	width: 40px;
	border-bottom: 3px #00a0e8 solid;
}
#edit-area .h-04 {
	padding-left: 12px;
	color: #00a0e8;
	font-size: 114.3%;
	border-left: 3px #00a0e8 solid;
}
#edit-area .h-05 {
	padding: 0 10px 4px;
	font-weight: 500;
	border-bottom: 1px #4cc1f6 solid;
}
#edit-area .h-06 {
	font-weight: 500;
}

#edit-area .ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
#edit-area .ggcal-area {
	max-width: 800px;
	min-width: 300px;
	margin: 2.0833% auto;
}
#edit-area .ggcal {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}

#edit-area .ggmap iframe,
#edit-area .ggmap object,
#edit-area .ggmap embed,
#edit-area .ggcal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#edit-area .bg-color {
	padding: 20px;
	background: #e8f7fe;
}

#edit-area .fl-img,
#edit-area .fr-img { margin-bottom: 1em;}
#edit-area [class*="-img"] [class*="fs-"] { margin-top: 5px;}

/* カラム */
#edit-area [class*="col-"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#edit-area [class*="col-"].vam {
    align-items: center;
}
#edit-area .col-1 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#edit-area .col-1.w5 { width: 55%;}

#edit-area .col-2 .col,
#edit-area .col-3 .col,
#edit-area .col-4 .col,
#edit-area .col-5 .col,
#edit-area .col-6 .col, 
#edit-area .col-7 .col {
	margin-top: 2%;
	margin-left: 2%;	
}

#edit-area .col-2 .col { width: 49%;}
#edit-area .col-3 .col,
#edit-area .col-3 li { width: 32%;}
#edit-area .col-4 .col { width: 23.5%;}
#edit-area .col-5 .col { width: 18.4%;}
#edit-area .col-6 .col { width: 15%;}
#edit-area .col-7 .col { width: 12.56%;}

#edit-area .col-2 .col:nth-child(-n+2),
#edit-area .col-3 .col:nth-child(-n+3),
#edit-area .col-4 .col:nth-child(-n+4),
#edit-area .col-5 .col:nth-child(-n+5),
#edit-area .col-6 .col:nth-child(-n+6),
#edit-area .col-7 .col:nth-child(-n+7) { margin-top: 0;}

#edit-area .col-2 .col:nth-child(odd),
#edit-area .col-3 .col:nth-child(3n+1),
#edit-area .col-4 .col:nth-child(4n+1),
#edit-area .col-5 .col:nth-child(5n+1),
#edit-area .col-6 .col:nth-child(6n+1),
#edit-area .col-7 .col:nth-child(7n+1) { margin-left: 0;}

#edit-area .col-2 .col:nth-child(odd),
#edit-area .col-3 .col:nth-child(3n+1),
#edit-area .col-3 li:nth-child(3n+1),
#edit-area .col-4 .col:nth-child(4n+1), 
#edit-area .col-5 .col:nth-child(5n+1),
#edit-area .col-6 .col:nth-child(6n+1),
#edit-area .col-7 .col:nth-child(7n+1) { clear: both;}

#edit-area .col-2.w19 .col:nth-child(odd) { width: 11%;}
#edit-area .col-2.w19 .col:nth-child(even) { width: 87%;}
#edit-area .col-2.w28 .col:nth-child(odd) { width: 21%;}
#edit-area .col-2.w28 .col:nth-child(even) { width: 77%;}
#edit-area .col-2.w37 .col:nth-child(odd) { width: 31%;}
#edit-area .col-2.w37 .col:nth-child(even) { width: 67%;}
#edit-area .col-2.w46 .col:nth-child(odd) { width: 41%;}
#edit-area .col-2.w46 .col:nth-child(even) { width: 57%;}
#edit-area .col-2.w64 .col:nth-child(odd) { width: 57%;}
#edit-area .col-2.w64 .col:nth-child(even) { width: 41%;}
#edit-area .col-2.w73 .col:nth-child(odd) { width: 67%;}
#edit-area .col-2.w73 .col:nth-child(even) { width: 31%;}
#edit-area .col-2.w82 .col:nth-child(odd) { width: 77%;}
#edit-area .col-2.w82 .col:nth-child(even) { width: 21%;}
#edit-area .col-2.w91 .col:nth-child(odd) { width: 87%;}
#edit-area .col-2.w91 .col:nth-child(even) { width: 11%;}

/* PCでは3,4,5,6カラムでもSPでは2カラム */
@media only screen and (max-width: 599px) {
	#edit-area .col-3.col-2-sp .col,
	#edit-area .col-4.col-2-sp .col,
	#edit-area .col-5.col-2-sp .col,
	#edit-area .col-6.col-2-sp .col, 
	#edit-area .col-7.col-2-sp .col {
		margin-top: 2%;
		margin-left: 2%;
		width: 49%;
	}
	
	#edit-area .col-3.col-2-sp .col:nth-child(-n+2),
	#edit-area .col-4.col-2-sp .col:nth-child(-n+2),
	#edit-area .col-5.col-2-sp .col:nth-child(-n+2),
	#edit-area .col-6.col-2-sp .col:nth-child(-n+2), 
	#edit-area .col-7.col-2-sp .col:nth-child(-n+2) {
		margin-top: 0;
	}
	
	#edit-area .col-3.col-2-sp .col:nth-child(odd),
	#edit-area .col-4.col-2-sp .col:nth-child(odd),
	#edit-area .col-5.col-2-sp .col:nth-child(odd),
	#edit-area .col-6.col-2-sp .col:nth-child(odd), 
	#edit-area .col-7.col-2-sp .col:nth-child(odd) {
		margin-left: 0;clear: both;
	}
}
/* PCでは3,4,5,6カラムでもSPでは2カラムここまで */

#edit-area .box-paragraph p + p { margin-top: 1em;}
#edit-area .box-paragraph p + .fl-im,
#edit-area .box-paragraph p + .fr-img { margin-top: 1.4em;}

/* ボタンリンク */
#edit-area .btn-link {
	display: inline-block;
	padding: 7px 10px;
	color: #fff;
	font-size: 85.7%;
	line-height: 1;
	text-decoration: none;
	background: #009ade;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#edit-area .btn-link:before {
	padding-right: 3px;
	content: "▶";
	font-size: 71.4%;
	vertical-align: middle;
}
#edit-area .btn-link:hover {
	color: #fff;
	background: #08a5ea;
}
#edit-area .h-03 .btn-link {
	position: absolute;
	bottom: 10px;
	right: 5px;
	font-size: 60%;
}

#edit-area .btn-link.btn-orange {
	background: #F59600;
}

#edit-area .btn-link.btn-orange:hover {
	background: #FCB247;
}

/* ==============
リストスタイル
============== */
#edit-area [class*="ls-"] li { position: relative;}
#edit-area [class*="ls-"] li:before {
	display:  inline-block;
	position: absolute;
}
#edit-area [class*="ls-"].m-005 li { margin-bottom: 0.5em;}
#edit-area [class*="ls-"].m-01 li { margin-bottom: 1em;}
#edit-area [class*="ls-"].m-015 li { margin-bottom: 1.5em;}
#edit-area [class*="ls-"].m-02 li { margin-bottom: 2em;}
#edit-area [class*="ls-"][class*="m-"] li:last-child { margin-bottom: 0;}

#edit-area .ls-indent dt { margin-top: 2em;}
#edit-area .ls-indent dd {
	margin-top: 1em;
	margin-left: 1em;
}
#edit-area .ls-indent dt:first-child { margin-top: 0;}

/* 大なりのリスト */
#edit-area .ls-yama > li { padding-left: 18px;}
#edit-area .ls-yama > li:before {
	left: 6px;
	top: 3px;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	color: #00a0e8;
}
#edit-area .ls-yama li a {
	text-decoration: none;
	color: #333;
	font-size: 114.3%;
}
#edit-area .ls-yama li a:hover {
	color: #00a0e8;
}

/* ドットのリスト */
#edit-area .ls-dot > li { padding-left: 24px;}
#edit-area .ls-dot > li:before {
	left: 6px;
	top: 9px;
	content:  "";
	width:  8px;
	height:  8px;
	background-color: #009ade;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}

/* スクエアのリスト */
#edit-area .ls-square > li { padding-left: 24px;}
#edit-area .ls-square > li:before {
	left: 6px;
	top: 8px;
	content:  "";
	width:  10px;
	height:  10px;
	background-color: #009ade;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

/* ※のリスト */
#edit-area .ls-as > li { padding-left: 24px;}
#edit-area .ls-as > li:before {
	left: 6px;
	top: 0px;
	content: "※";
}

/* 年表風リスト */
#edit-area .ls-timeline > li { overflow: hidden;}
#edit-area .ls-timeline > .date {
	position: relative;
	margin-top: 0.5em;
}
#edit-area .ls-timeline .content {
	padding-top: 0.5em;
	padding-bottom: 0.3em;
	border-left: 3px #e5e5d1 solid;
}
#edit-area .ls-timeline .content h3 + p {
	margin-top: 5px;
	margin-left: 1em;
	font-size: 87.5%;
}
#edit-area .ls-timeline .content p + h3 { margin-top: 8px;}

/* 数字リスト */
#edit-area .ls-number > li { padding-left: 25px;}
#edit-area .ls-number > li:before {
	top: 0;
	left: 0;
	width: 24px;
	text-align: center;
	letter-spacing: 0;
	counter-increment: number;
	content: counter(number)".";
}
#edit-area [class*="num-"] > li {
	padding-left: 32px;
	padding-bottom: 5px;
}
#edit-area [class*="num-"] > li:last-child { padding-bottom: 0;}
#edit-area [class*="num-"] > li:before {
	padding: 1px 0 2px;
	color: #fff;
	font-size: 87.5%;
	font-weight: 500;
	background: #009ade;
	content: counter(number);
}

#edit-area .num-square > li:before {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#edit-area .num-circle > li:before {
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}

/* Q＆Aのリスト */
#edit-area .ls-qa > li {
	padding-left: 38px;
	padding-bottom: 5px;
}
#edit-area .ls-qa > li::before,
#edit-area .ls-qa > li::after {
	padding: 1px 0 2px;
	color: #fff;
	font-size: 87.5%;
	font-weight: 500;
	top: 0;
	left: 0;
	width: 24px;
	text-align: center;
	letter-spacing: 0;
}
#edit-area .ls-qa > li:first-child::before {
	background: #009ade;
	content: "Q";
}
#edit-area .ls-qa > li:last-child::before {
	background: #77b4d0;
	content: "A";
}

/* ==============
テーブルスタイル
============== */
/* table style */
#edit-area .style-01 {
	margin-left: auto;
	margin-right: auto;
}
#edit-area .style-01.left {
	margin-left: 0;
	margin-right: 0;
}
#edit-area .style-01 caption {
	padding-top: 3px;
	caption-side: bottom;
}
#edit-area .w100 { width: 100%;}
#edit-area .w90 { width: 90%;}
#edit-area [class*="style-"].pv20 th,
#edit-area [class*="style-"].pv20 td { padding: 10px 20px;}
#edit-area [class*="style-"].pv10 th,
#edit-area [class*="style-"].pv10 td { padding: 10px 10px;}
#edit-area [class*="style-"].pv0520 th,
#edit-area [class*="style-"].pv0520 td { padding: 5px 20px;}

#edit-area .style-01 th,
#edit-area .style-01 thead td {
	padding: 5px;
	color: #fff;
	font-weight: normal;
	border: 1px #ddd solid;
}
#edit-area .style-01 thead th,
#edit-area .style-01 thead td {
	background: #2f91bd;
}
#edit-area .style-01 tbody th {
	background: #009ade;
}
#edit-area .style-01 td {
	padding: 5px;
	border: 1px #ddd solid;
}
#edit-area .odd tr:nth-child(odd) td,
#edit-area .even tr:nth-child(even) td,
#edit-area tr.bg-gray td,
#edit-area td.bg-gray { background: #f3f3f3;}
#edit-area tr.bg-green td,
#edit-area td.bg-green { background: #e9ffe1;}
#edit-area tr.bg-lblue td,
#edit-area td.bg-lblue { background: #e5f5fd;}

#edit-area pre {
	clear: both;
	padding: 14px;
	border: 1px #aaa solid;
	background: #fdfdfd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#edit-area pre code {
	white-space: pre-wrap;
}

/* link_part */
.link_part {
	padding: 30px 10px;
	text-align: center;
	background: #F3F3F3;
}

.link_part .link_heading {
	font-size: 214.28% !important;
}

.link_part a.button01 {
    display: inline-block;
    padding: 0.3em 1.0em .36em;
    text-align: center;
    border: 3px solid #fff;
    background: #F59600;
    text-decoration: none !important;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 2.0em;
    color: #fff;
    transition: 0.5s;
    font-size: 128.6%;
    font-weight: 700;
	width: 460px;
}

.link_part a.button01:hover {
    border: 3px solid #F59600;
    background: #fff;
    color: #F59600;
	transition: 0.5s;
}

@media only screen and (max-width: 599px) {
	
	.link_part a.button01 {
		width: 100%;
	}
}

/* ==================
edit area footer 
================== */

#edit-area footer {
}

/* sns */
#edit-area .sns-box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	overflow: hidden;
}
#edit-area .sns-box a {
	color: #fff;
	flex-basis: 33%;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
}
#edit-area .sns-box .fb {
	background: #3a5894;
}
#edit-area .sns-box .tw {
	flex-basis: 34%;
	background: #33acf9;
}
#edit-area .sns-box .hb {
	background: #00a4de;
}
#edit-area .sns-box .line {
	display: none;
	background: #00da00;
}
#edit-area .sns-box i {
	padding-right: 8px;
	font-size: 18px;
}
#edit-area .sns-box ins {
	display: none;
	margin-left: 5px;
	color: #fff;
	font-weight: 500;
	background: none;
}

/* index button area */
#edit-area .index-bt-area01 .photo { position: relative;}
#edit-area .index-bt-area01 .photo h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px 15px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	background: rgba(0,160,232,0.7);
}
#edit-area .index-bt-area01 li:before {
	padding-right: 5px;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: 900;
	color: #00a0e8;
}
#edit-area .index-bt-area01 li a {
	text-decoration: none;
	color: #333;
	font-size: 114.3%;
}

#edit-area .index-bt-area02 a {
	display: block;
	position: relative;
	padding: 5px 10px;
	text-decoration: none;
	color: #00a0e8;
	border: 1px #00a0e8 solid;
	border-left-width: 10px;
}
#edit-area .index-bt-area02 a:after {
	position: absolute;
	top: -12px;
	right: 2px;
	content: "";
	width: 12px;
	height: 12px;
	border-top: 1px #00a0e8 solid;
	border-right: 1px #00a0e8 solid;
	background: #fff;
	 transform: rotate(-45deg);
}
#edit-area .index-bt-area02 a:before {
	position: absolute;
	top: -6px;
	right: -1px;
	content: "";
	width: 18px;
	height: 6px;
	border-left: 1px #00a0e8 solid;
	border-right: 1px #00a0e8 solid;
	background: #fff;
}

#edit-area .index-bt-area03 li {
	margin-top: 30px;
}
#edit-area .index-bt-area03 li:nth-child(-n+3) {
	margin-top: 0;
}
#edit-area .index-bt-area03 li a {
	display: block;
	position: relative;
	padding: 9px 9px 9px 49px;
	color: #00a0e8;
	font-size: 114.3%;
	font-weight: bold;
	text-decoration: none;
	border: 1px #00a0e8 solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#edit-area .index-bt-area03 li a:before {
	position: absolute;
	top: 50%;
	left: 19px;
	margin-top: -10px;
	content: "";
	width: 20px;
	height: 20px;
	background: #00a0e8;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
}
#edit-area .index-bt-area03 li a:after {
	position: absolute;
	top: 50%;
	left: 26px;
	margin-top: -5px;

	content: "";
	border-top: 5px solid transparent;
	border-left: 8px solid #ffffff;
	border-bottom: 5px solid transparent;
}

#post-area .h-03 { margin-bottom: 1em;}
#post-area .col-3 + .tar { margin-top: 1em;}
#post-area a.col {
	display: block;
	margin-top: 15px;
	color: #333;
	line-height: 1.6;
	text-decoration: none;
	background: #fdfdfd;
}
#post-area a.col:nth-child(-n+3) { margin-top: 0;}
#post-area a.col:hover { background: #fbfbfb;}
#post-area a.col:hover img { opacity: 0.8;}
#post-area .inner {
	position: relative;
	font-size: 85.7%;
	font-weight: 500;
	background: #efefef;
}
#post-area .inner p {
	padding: 5px 10px;
	vertical-align: middle;
}
#post-area .date { color: #009ade;}
#post-area .category {
	color: #fff;
	background: #009ade;
}
#post-area .text { padding: 10px;}

/* 一覧サムネイル画像のサイズを統一 */

.object_fit {
    display: block;
    position: relative;
}

.object_fit::before {
    content: "";
    display: block;
    padding-top: 75%;
}

.object_fit img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover; object-position: 0 100%;';
}

/* 一覧サムネイル画像のサイズを統一 ここまで*/

.widget_nav_menu .menu-item {
    display: none;
}
.widget_nav_menu .menu-item.current-page-ancestor {
    display: block;
}


/* ================
page 
================= */

.index-area ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.index-area li {
	margin-top: 15px;
	padding: 5px;
}
.index-area li ul { margin-top: 7px;}
.index-area li li,
.index-area li li:nth-child(-n+3) {
	margin-top: 5px;
	padding: 0;
	width: 100%;
}
.index-area li li:nth-child(-n+1) { margin-top: 0;}
.index-area li a {
	position: relative;
	display: block;
	padding: 7px 10px;
	color: #fff;

	font-size: 128.6%;
	line-height: 1.4;
	text-decoration: none;
	background: #009ade;
}
.index-area li a:hover { background: #0072a5;}
.index-area li li a {
	display: inline-block;
	padding: 3px 7px 3px 22px;
	color: #009ade;
	font-size: 100%;
	line-height: 1.4;
	background: none;
}
.index-area li li a:before {
	position: absolute;
	top: 6px;
	left: 7px;
	content: "▶";
	font-size: 71.4%;
}
.index-area li li a:hover { color: #fff;}
.information-area section { margin: 0 auto;}

/*　topinfo */

.information-area .topinfo_section  {
	margin-bottom: 30px;
}

.information-area section .topinfo_wrap .topinfo_cont {
	border: 1px solid #999;
}

.information-area section.topinfo_section .topinfo_heading {
	padding: 0 15px;
	background: #e7e7e7;
}

.information-area section.topinfo_section .topinfo_heading p {
	font-weight: 500;
	color: #666;
}

.information-area section.topinfo_section .topinfo_inner_cont {
	padding: 10px 15px;
}

.information-area section.topinfo_section .topinfo_inner_cont .topinfo_li {
	margin-bottom: 10px;
}

.information-area section.topinfo_section .topinfo_inner_cont .topinfo_li:last-child {
	margin-bottom: 0;
}

.information-area section.topinfo_section time {
	color: #666;
	transition: 0.3s;
}

.information-area section.topinfo_section a {
	color: inherit;
	transition: 0.3s;
	line-height: 1.4rem;
}

.information-area section.topinfo_section a:hover {
	color: #00a0e8;
}

/*　topinfoここまで */

.information-area li {
	position: relative;
	line-height: 1.6;
}

.information-area .info_heading {
	margin-bottom: 10px;
	font-size: 26px;
	border-bottom: 2px solid #333;
	font-weight: 700;
	line-height: 1.4em;
	color: #333;
}

.information-area ul {
	margin-bottom: 20px;
}

.information-area ul li {
	padding-bottom: 0;
}

.information-area ul a,
.information-area ul .no_link {
	display: block;
	padding: 10px 5px;
	color: inherit;
	text-decoration: none;
	transition: 0.3s;
	border-bottom: 1px solid #eee;
}

.information-area .news_ul a:hover,
.information-area .eventschedule_ul a:hover{
	text-decoration: none !important;
	color: inherit;
	background: #EFEFEF;
	transition: 0.3s;
}

.information-area .news_ul .date {
	float: left;
	clear: left;
	color: #666;
}

.information-area .news_ul .news_cont {
	padding-left: 80px;
}
.information-area .cat {
	padding: 2px 10px;
	color: #fff;
	font-weight: 500;
	font-size: 75%;
}

.information-area .cat.press,
.information-area .cat.information,
.information-area .cat.event,
.information-area .cat.ryuka-report,
.information-area .cat.media {
	background: #00a0e8;	
}

.information-area .cat.ryuka-learn,
.information-area .cat.program-report,
.information-area .cat.cooperation,
.information-area .cat.international,
.information-area .cat.local-report{
	background: #f59600;	
}

.information-area .cat.studentlife,
.information-area .cat.investigation,
.information-area .cat.club-activities,
.information-area .cat.circle-activities,
.information-area .cat.overseas-student {
	background: #8cc31e;	
}

.information-area .cat.entrance,
.information-area .cat.employment,
.information-area .cat.four-years-report {
	background: #044f8b;	
}

.information-area .cat.library,
.information-area .cat.supporter-information,
.information-area .cat.uncat {
	background: #a0a0a0;	
}

.information-area .cat.nrp {
	opacity: 0.0 !important;
}

.information-area .eventschedule_ul .event_date {
	float: left;
	clear: left;
	padding: 10px 0;
	width: 70px;
	background: #00a0e8;
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 1.2em;
}

.information-area .eventschedule_ul .event_date p {
	font-weight: 900;
}

.information-area .eventschedule_ul .event_cont {
	padding-left: 80px;
}

.information-area .eventschedule_ul .event_cont .event_title {
	font-weight: bold;
}

.information-area .info_link02 {
	text-align: right;
}

.information-area .info_link02 a {
	display: inline-block;
	padding: 8px 10px;
	border: 1px solid #333;
	transition: 0.3s;
	text-decoration: none;
	color: inherit;
}

.information-area .info_link02 a:hover {
	background: #eee;
	transition: 0.3s;
	text-decoration: none;
}

.contact-box {
	border: 1px #ddd solid;
}
.contact-box h5 {
	padding: 5px 10px;
	color: #fff;
	border-bottom: 1px #ddd solid;
	background: #009ade;
}
.contact-box .inner {
	padding: 10px;
}

/*--- ページャー ---*/
.pagination {
    text-align: center;
    font-size: 0;
}
.pagination .page-numbers { 
    display: inline-block;
    font-size: 16px;
    width: 43px;
    height: 43px;
    line-height: 43px;
    margin: 0;
    text-decoration: none;
    background: #e6e6e6;
    border-radius: 50%;
    color: #fff;
    margin-right: 20px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    
    -webkit-transform : translate(0, 0);
    -o-transform : translate(0, 0);
    transform : translate(0, 0);
}
.pagination a.page-numbers:hover {
    background: #009ade; color: #fff;
}
.pagination .prev,
.pagination .next,
.pagination a.prev:hover,
.pagination a.next:hover,
.pagination .current,
.pagination .dots {
    background: none; color: #333;
}
.pagination .current,
.pagination .dots {
    width: 30px;
}
.pagination a.prev:hover,
.pagination a.next:hover {
    color: #009ade;
}
.pagination .prev {
    margin: 0;
}
.pagination .dots,
.pagination .next {
    margin: 0 0 0 -20px;
}


/*--- パンくず ---*/
.breadcrumb {
	padding: 10px 0;
    font-size: 85.7%;
    background: #f7f7f7;
}
.breadcrumb a {
    position: relative;
    display: inline-block;
    margin: 0 0.7em 0 0;
    padding: 0 1.2em 0 0;
}
.breadcrumb a:after {
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  line-height: normal;
}
.breadcrumb a:hover {
    color: #00a0e8;
}
.breadcrumb a:hover:after {
    color: #333;
}

.breadcrumb br {
	display: none ;
}

/* form area */
.form-area {
	display: table;
	table-layout: fixed;
}
.form-area dl + dl { margin-top: 10px;}
.form-area dt {
	vertical-align: middle;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	background: #fdfdfd;
}
.form-area dd {
	vertical-align: middle;
	border-top: 1px #fdfdfd solid;
	border-bottom: 1px #fdfdfd solid;
}

.form-area .required {
	margin-left: 5px;
	padding: 1px 5px;
	color: #fff;
	font-size: 71.4%;
	font-weight: 500;
	background: #ff5a44;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.form-area input[type="text"],
.form-area input[type="email"],
.form-area input[type="tel"],
.form-area input[type="password"],
.form-area input[type="url"],
.form-area textarea,
.form-area .select-wrap {
	padding: 10px;
	border: 1px #ccc solid;
}
.form-area textarea {
	resize: vertical;
	line-height: 1.6;
}
.form-area input:focus,
.form-area textarea:focus {
    border-color: #009ade;
    background: #f2fafe;
    outline: 0;
}
.form-area .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
	display: block;
	margin-top: 5px;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}

.wpcf7-radio input[type="radio"] { display: none;}
.wpcf7-radio label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}
.wpcf7-radio label:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background: #f3f3f3;
	border: 4px #f3f3f3 solid;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	-webkit-box-shadow: 0 0 0 1px #ababab;
	-moz-box-shadow: 0 0 0 1px #ababab;
	box-shadow: 0 0 0 1px #ababab;
}
.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 4px;
	width: 10px;
	height: 10px;
	background: #00a0e8;
	-webkit-border-radius: 99px;
	-moz-border-radius: 99px;
	border-radius: 99px;
	z-index: 1;
}

.wpcf7-checkbox input[type="checkbox"] { display: none;}
.wpcf7-checkbox label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}
.wpcf7-checkbox label:after {
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background: #f3f3f3;
	border: 1px #ababab solid;
}

/* contactform7 IE用 */

_:-ms-lang(x)::-ms-backdrop, .wpcf7-checkbox label:after {
	top: 12px;
}

_:-ms-lang(x)::-ms-backdrop, .wpcf7-file {
	max-width: 200px;
}
/* contactform7 IE用ここまで */

.wpcf7-checkbox input[type="checkbox"]:checked {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 4px;
	width: 10px;
	height: 20px;
	transform: rotate(40deg);
	border-bottom: 3px #009ade solid;
	border-right: 3px #009ade solid;
	z-index: 1;
}

.form-area .btn-send input[type="submit"],
.form-area .btn-send button[type="submit"]{
	margin: 20px 5px 0;
	color: #fff;
	font-size: 114.3%;
	letter-spacing: 0.1em;
	background: #00a0e8;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.form-area .btn-send input[type="submit"]:hover,
.form-area .btn-send button[type="submit"]:hover{
	background: #0dacf4;
}

.form-area .formbtn_flex {
	display: flex;
	justify-content: center;
}

/* MW WP form用 - ラジオボタン */

.mw_wp_form .mwform-radio-field input {
  display: none;
}

.mw_wp_form .mwform-radio-field label {
  padding-left: 25px;
  position:relative;
  margin-right: 20px;
}

.mw_wp_form .mwform-radio-field label:hover {
	cursor: pointer;
}

.mw_wp_form .mwform-radio-field span::before{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #ddd;
	background: #eee;
  border-radius: 50%;
}

.mw_wp_form .mwform-radio-field input:checked + span{
  color: #00a0e8;
}

.mw_wp_form .mwform-radio-field input:checked + span::before {
background: #fff;
}

.mw_wp_form .mwform-radio-field input:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 17px;
  height: 17px;
  border: 6px solid #00a0e8;;
  border-radius: 50%;
}

/* MW WP form用 - チェックボックス */

.mw_wp_form .mwform-checkbox-field input {
  display: none;
}

.mw_wp_form .mwform-checkbox-field label {
  padding-left: 25px;
  position:relative;
  margin-right: 20px;
}

.mw_wp_form .mwform-checkbox-field label:hover {
	cursor: pointer;
}

.mw_wp_form .mwform-checkbox-field span::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #ddd;
background: #eee;
  border-radius: 2px;
}

.mw_wp_form .mwform-checkbox-field input:checked + span {
  color: #00a0e8;
}

.mw_wp_form .mwform-checkbox-field input:checked + span::before {
background: #00a0e8;
}

.mw_wp_form .mwform-checkbox-field input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 7px;
  height: 12px;
  transform: rotate(40deg);
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}

/* MW WP form用 - セレクトボックス */

.mw_wp_form .select_wrap {
  overflow: hidden;
}
.mw_wp_form .select_wrap select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.mw_wp_form .select_wrap select::-ms-expand {
  display: none;
}
.mw_wp_form.mw_wp_form_input .select_wrap {
  position: relative;
  border-radius: 2px;
  background: #ffffff;
}
.mw_wp_form.mw_wp_form_input .select_wrap::before {
	font-family: "Font Awesome 5 Free";
	content: '\f078';
	font-weight: 900;
	position: absolute;
	top: 6px;
	right: 10px;
	color: #00a0e8;
}
.mw_wp_form .select_wrap select {
  padding: 10px 38px 10px 10px;
  border: 1px solid #ccc;
}

/* MW WP form用 - 電話番号 */

.mw_wp_form .mwform-tel-field input,
.mw_wp_form .mwform-zip-field input{
	width: 80px !important;
}

/* MW WP form用 - 確認画面では非表示 */

.mw_wp_form_confirm .confirm_displynone {
	display: none;
}

/* 画像拡大用アイコン */
a.zoom {
	position: relative;
}

a.zoom span.fa-search-plus {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 5px;
    background:	rgba(0,0,0,0.5);
	height: 26px;
	width: 26px;
	border-radius: 13px;
	color: #fff;
    font-size: 16px;
}

/* MW WP form用 - セレクトボックス */


/* 画像拡大用アイコンここまで */

/*SP・タブレット */
@media screen and (max-width:768px) {

	/* ---- common ---- */
	.wrap,
	.wrap-760 {
		margin-left: 10px;
		margin-right: 10px;
	}
    .wrap-1100 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .wrap-1280 {
        margin-left: 10px;
        margin-right: 10px;
    }

	.vsp { display: block;}
	.vpc { display: none;}

	#edit-area .ml-01 {
		margin-left: 0.4em;
		margin-right: 0.4em;
	}
	#edit-area .ml-02 {
		margin-left: 0.8em;
		margin-right: 0.8em;
	}


	/* ----- contents area ----- */
	.container { padding-bottom: 40px;}
	.home .container { padding-top: 20px;}
	/* single page */
	.page-template-page_single_column .container {
		/*padding-top: 30px;*/
		padding-bottom: 0;
	}
	.page-id-4335 #edit-area,
	.page-id-4337 #edit-area,
	.page-id-4339 #edit-area,
	.page-id-13771 #edit-area,
	.page-id-318994 #edit-area,
	.page-id-320005 #edit-area {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	.page-id-1270 #edit-area {
		padding-bottom: 40px;
	}

	/* ---------- #footer area ---------- */
	#footer-sitemap { padding: 20px 5px;}
	#footer-sitemap .menu-sitemap > li {
		padding-top: 10px;
	}
	#footer-sitemap .menu-sitemap > li:first-child {
		padding-top: 0;
	}

	/* ---------- #footer area ---------- */
	#footer-info { padding: 20px 0;}
	#footer-info .info-area { text-align: center;}
	#footer-info .info-area p { line-height: 1.6;}
	#footer-info .link-area { margin-top: 20px;}
	#footer-info .link-area li { padding-top: 10px;}
	#footer-info .link-area li:first-child { padding-top: 0;}
	.sns-area {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	#footer-info .sns-area { margin-top: 25px;}
	#nav-sp .sns-area { padding: 20px 0;}
	.sns-area li { display: inline-block;}
	#footer-info .sns-area li {
		width: 60px;
		padding: 0 10px;
	}
	#nav-sp .sns-area li {
		width: 50px;
		padding: 0 7px;
	}
	#footer-info .juaa-area {
		margin: 25px auto 0;
		width: 240px;
	}

	#footer-info {
		text-align: center;
	}
	#footer-info p {
		margin-bottom: 2.0em;
	}

	#footer-info .footer-topinfo-sns {
		padding-left: auto;
		padding-right: auto;
	}

	#footer-info .footer-topinfo-sns ul {
		display: flex;
		margin-bottom: 2.0em;
		justify-content: space-between;
	}

	#footer-info .footer-topinfo-sns ul li {
		height: 5%;
		display: inline-block;
		*display: inline;  
		*zoom: 1;
		padding: 5px;
	}

	#footer-info .nakauchi-area {
		float: none;
		margin-top: 20px;
		margin-bottom: 0;
	}

	#footer-info .nakauchi-area a {
		display: inline-block;
		width: 200px;
	}



	/* ---------- header area ---------- */
	#header {
		background: #fff;
		box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
		-webkit-box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
		-moz-box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
	}
	#header .wrap {
		margin-left: 0;
		margin-right: 0;
	}

	/* h1 */
	#utility-area h1 { width: 177.377049px;}
	#header .search .btn .fas { font-size: 24px;}

	/* search */
	#header .search {
		position: absolute;
		top: 0;
		right: 55px;
	}
	#header .search .btn {
		padding: 14px 0;
		width: 52px;
		color: #fff;
		text-align: center;
		background: #00a0e8;
	}
	#header .search .btn.active {
		background: #006ec8;
	}
	#header .search .btn .fas { font-size: 171.4%;}

	/* hide and seek */
	#header .search .inner {
		top: 65px;
		right: -42px;
	}

	/* search */
	.search-box input[type="search"] {
		width: 300px;
		padding: 10px;
	}
	#edit-area .searchform input[type="search"] {
		width: 100%;
		padding: 10px;
	}

	/* menu */
	#menu {
		padding: 6px 12px;
		background: #00a0e8;
		z-index: 1000;
	}
	.drawer-open #menu { background: #006ec8;}
	#menu .icon {
		width: 28px;
		height: 29px;
		position: relative;
		margin: 0 auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#menu .icon span {
		display: block;
		position: absolute;
		width: 28px;
		height: 3px;
		background: #fff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	#menu .icon span:nth-child(1) { top: 2px;}
	#menu .icon span:nth-child(2),
	#menu .icon span:nth-child(3) { top: 10px;}
	#menu .icon span:nth-child(4) { top: 18px;}
	.drawer-open #menu .icon span:nth-child(1) {
		top: 8px;
		width: 0%;
		left: 50%;
	}
	.drawer-open #menu .icon span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.drawer-open #menu .icon span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.drawer-open #menu .icon span:nth-child(4) {
		top: 30px;
		width: 0%;
		left: 50%;
	}
    #menu .sp_menu {
        font-size: 10px;
        margin-top: 0px;
        font-weight: 900;
        color: #fff;
        text-align: center;
    }

	/* global navigation sp */
	.drawer-overlay {
		z-index: 927 !important;
		background-color: rgba(0,0,0,.7) !important;
	}
	.drawer-nav {
		z-index: 935 !important;
	}
	#nav-sp .inner {
	  width: 100%;
	  height: 100%;
	  overflow-y: auto;
	  -webkit-overflow-scrolling: touch;
	}
	
	/* global navigation sp - 資料請求のための記述　*/
	
	#nav-sp p.request_link a {
		display: block;
		margin: 20px 10px;
		padding: 11px 0;
		text-align: center;
		border-radius: 30px;
		background: #ffde00;
		border: none;
		color: #00a0e8;
		font-size: 19px;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		outline: none;
	}
	
    /*
	#nav-sp ul.link02 li:last-child {
		display: none;
	}
    */
	
	/* global navigation sp - 資料請求のための記述ここまで　*/

	#nav-sp .spmenu_heading {
		margin: 20px 15px 20px;
		font-size: 114.3%;
	}
	#nav-sp .spmenu_heading a {
		display: block;
		padding-left: 25px;
		background: url(/wp-content/themes/umds/imgs/common/sp-menulogo.png) no-repeat left top;
		background-size: 12px;
		min-height: 17px;
		color: #00a0e8;
	}

	#nav-sp .gnav { padding: 2px 10px 0;}
	#nav-sp .gnav li { padding: 8px 0;}
	#nav-sp .gnav a {
		position: relative;
		display: inline-block;
		padding: 7px;
		font-size: 114.3%;
	}
	#nav-sp .gnav a::before {
		margin-right: 5px;
		content:'\f054';
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		color: #00a0e8;
	}

	#nav-sp .gnav .current-menu-item a:after,
	#nav-sp .gnav .current-page-ancestor a:after {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		content: '';
		background: #00a0e8;
		height: 3px;
		-webkit-border-radius: 99px;
		-moz-border-radius: 99px;
		border-radius: 99px;
	}
	#nav-sp .link02,
	#nav-sp .yumenotane_ul{ padding: 0 10px 10px;}
	#nav-sp .link02 li {
		margin-bottom: 10px;
		padding: 5px 0;
		text-align: center;
		background: #e6f6fd;
		border: 2px solid #00a0e8;
	}

	#nav-sp .link02 li.menu-item-7523 {
		margin-top: 20px;
		border-radius: 30px;
		background: #ffde00;
		border: none;
	}

	#nav-sp .link02 a {
		display: inline-block;
		padding: 7px;
		font-size: 114.3%;
		color: #00a0e8;
	}

	#nav-sp .link01 { padding: 10px;}
	#nav-sp .link01 li {
		padding: 5px 0;
	}
	#nav-sp .link01 a {
		display: inline-block;
		padding: 5px 0;
		font-size: 114.3%;
	}
	#nav-sp .link01 .menu-item-7522 a::before,
	#nav-sp .link01 .menu-item-2219 a::before {
		margin-right: 5px;
		content:'\f054';
		font-family:'Font Awesome 5 Free';
		font-weight:900;
		color: #00a0e8;
	}
	#nav-sp .link01 li:last-child a {
		display: block;
		margin-top: 15px;
		padding: 10px;
		color: #fff;
		font-size: 100%;
		background: #00a0e8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-align: center;
	}
	#nav-sp .link03 { padding: 10px;}
	#nav-sp .link03 li {
		padding: 7px 0;
	}
	#nav-sp .link03 a {
		display: inline-block;
		padding: 5px 0;
		font-size: 114.3%;
	}

	#nav-sp .sp_sns {

	}

	#nav-sp .sp_sns .sns_ul {
		margin-left: 10%;
		margin-right: 10%;
		margin-bottom: 10px;
		display: flex;
		justify-content: space-between;
	}

	#nav-sp .sp_sns .sns_ul li {
		margin: 10px;
	}
	
	#nav-sp li.yumenotane_li {
		padding: 8px 0;
	}

	#nav-sp li.yumenotane_li a {
		position: relative;
		display: inline-block;
		padding: 7px;
		font-size: 114.3%;
	}

	#nav-sp li.yumenotane_li a::before {
		margin-right: 5px;
		content: '\f054';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		color: #00a0e8;
	}
	
	/* side navigation */
	.container article + aside { display: none;}

	/* page title area */
	.page-id-1047 #title-area,
	.page-id-1201 #title-area,
	.page-id-1261 #title-area,
	.page-id-1267 #title-area,
	/*.page-id-1353 #title-area,*/
	.page-id-1357 #title-area,
	.page-id-1376 #title-area,
	.page-id-1398 #title-area {
		height: 130px;
		background-size: cover;
	}
	.page-id-4335 #title-area,
	.page-id-4337 #title-area,
	.page-id-4339 #title-area,
	.page-id-13771 #title-area,
	.page-id-318994 #title-area,
	.page-id-320005 #title-area {
		height: 220px;
		background-size: cover;
	}

	.page-id-4335 #title-area .title,
	.page-id-4337 #title-area .title,
	.page-id-4339 #title-area .title,
	.page-id-13771 #title-area .title,
	.page-id-318994 #title-area .title,
	.page-id-320005 #title-area .title {
		padding: 110px 0 0 10px;
		font-size: 171.4%;
	}


	/* ---------- content area ---------- */

	#edit-area header { margin-bottom: 3em;}
	.page-template-page_single_column #edit-area header { margin-bottom: 0;}
	.page-id-1270 #edit-area header { margin-bottom: 3em;}
	#edit-area header .h-02 { padding: 10px 0 5px 10px;font-size: 157.1%;}
	#edit-area section + section { margin-top: 3em;}
	#edit-area footer { margin-top: 3em;}

	#edit-area [class*="col-"].break { display: block;}
	#edit-area [class*="col-"].break > .col {
		margin-left: 0;
		width: 100% !important;
	}
	#edit-area .col-2.break > .col:nth-child(even) { margin-top: 2%;}
	#edit-area .col-3.break > .col,
	#edit-area .col-4.break > .col,
	#edit-area .col-5.break > .col,
	#edit-area .col-6.break > .col { margin-top: 2%;}
	#edit-area .col-7.break > .col { margin-top: 2%;}
	
	#edit-area .col-3.break > .col:first-child,
	#edit-area .col-4.break > .col:first-child,
	#edit-area .col-5.break > .col:first-child,
	#edit-area .col-6.break > .col:first-child { margin-top: 0;}
	#edit-area .col-7.break > .col:first-child { margin-top: 0;}

	#post-area .inner {	
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		background: #efefef;
	}
	#post-area .inner p {
		padding: 3px 5px;
		width: 100%;
	}
	#post-area p.category { text-align: left;}
	#post-area .text { padding: 5px;}

	#edit-area .ls-timeline .content {
		margin-left: 15px;
		padding-left: 15px;
	}

	#edit-area [class*="-img"] img { width: auto;}


	/* index button area */
	#edit-area .index-bt-area01 .photo { margin-bottom: 10px;}
	#edit-area .index-bt-area01 ul { padding: 0 5px 15px;}
	#edit-area .index-bt-area01 .col:last-child ul { padding-bottom: 0;}
	#edit-area .index-bt-area02 .col { padding-top: 20px;}
	#edit-area .index-bt-area02 .col:first-child,
	#edit-area .index-bt-area02.col-2-sp .col:nth-child(-n+2) { padding-top: 0;}

	/* table style */
	#edit-area .scroll-table,
	.breadcrumb .wrap {
		overflow: auto;
		white-space: nowrap;
	}
	#edit-area .scroll-table table {
		margin-bottom: 5px;
	}

	#edit-area .scroll-table::-webkit-scrollbar{
		height: 5px;
	}
	#edit-area .scroll-tablel::-webkit-scrollbar-track{
		background: #eee;
	}
	#edit-area .scroll-table::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	#edit-area .block-table th,
	#edit-area .block-table td {
		display: block;
	}

	#edit-area .block-table th {
		border-bottom: none;
	}


	/* sns */
	#edit-area .sns-box { display: block;}
	#edit-area .sns-box .line { display: block;}
	#edit-area .sns-box a {
		float: left;
		width: 50%;
		height: 50px;
		font-size: 85.7%;
		line-height: 50px;
	}
	#edit-area .sns-box span { background-size: 14px;}

	/* お知らせ一覧 col-3でもspでは2カラム */
	#post-area .col-3 a.col,
	#post-area .col-3 a.col:nth-child(3n+1){
		margin-top: 10px;
		margin-left: 2%;
		width: 49%;
	}
	#post-area .col-3 a.col:nth-child(3) { margin-top: 10px;}
	#post-area .col-3 a.col:nth-child(-n+2) { margin-top: 0;}
	#post-area .col-3 a.col:nth-child(2n+1) { margin-left: 0;}


	/* ---------- page ---------- */
	.index-area li { width: 100%;}
	.index-area li:nth-child(-n+1) { margin-top: 0;}
	.banner-area .main_banner.top_banner_l li { margin-top: 10px;}
	.banner-area .main_banner.top_banner_l li:first-child { margin-top: 0;}
	.banner-area { margin-bottom: 30px;}
	.banner-area .main_banner li img { width: 100%;}

	.information-area { padding-bottom: 0;}

	/*　topinfo */

	.information-area section.topinfo_section .topinfo_heading {
		display: block;
		padding: 10px 0;
		text-align: center;
	}

	.information-area section .topinfo_wrap {
	}

	.information-area section.topinfo_section time {
		display: block;
		margin-bottom: 0;
	}

	.information-area section.topinfo_section a {
		display: block;
	}

	.information-area .flex_cont {
		margin-bottom: 30px;
	}

	/*　topinfoここまで */

	/* form area */
	.form-area { width: 100%;}
	.form-area dt { padding: 5px 10px;}
	.form-area dd { padding: 10px;}
	.form-area .table dl {
		width: auto;
	}
	.form-area .table dt { width: auto;}
	.form-area .table dd {
		padding: 10px;
		width: auto;
	}
	.form-area input[type="text"],
	.form-area input[type="email"],
	.form-area input[type="tel"],
	.form-area input[type="password"],
	.form-area input[type="url"],
	.form-area textarea,
	.form-area .select-wrap { width: 100%;}
	span.wpcf7-list-item {
		margin-right: 1em;
		padding: 3px 0;
	}
	.form-area .btn-send input[type="submit"],
	.form-area .btn-send button[type="submit"]{ padding: 10px 30px;}
    
}
/* wpcf7 for multistep */
.form-area .btn-send input[type=button].wpcf7-previous,
.form-area .btn-send button[type=button].wpcf7-previous{
	margin: 20px 5px 0;
	color: #fff;
	font-size: 114.3%;
	letter-spacing: 0.1em;
	background: #00a0e8;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}
.form-area .btn-send input[type=button].wpcf7-previous:hover,
.form-area .btn-send button[type=button].wpcf7-previous:hover{
	background: #0dacf4;
}
    .form-area .btn-send input[type=button].wpcf7-previous,
	.form-area .btn-send button[type=button].wpcf7-previous{ padding: 10px 30px;}
/* wpcf7 for multistep ここまで 2024.07 */

/*タブレットのみ*/
@media screen and (max-width:768px) and (min-width:600px) {
	/* ---- common ---- */
	main.wrap { width: 94%; margin: 0 auto; }
	.container { overflow: hidden; }
	.container article { width: 72%; float: left; }
	.page-template-page_single_column .container article { width: 94%; float: none; margin: 0 auto; padding-bottom: 40px; }
	.home .container article { width: 100%; }
	.container aside { display: block; width: 24%; padding-top: 25px; float: right; }
	.container article + aside { display: block; }
	/* side navigation */
	#nav-side + #banner-side { margin-top: 30px; }
	#banner-side li { margin-top: 20px; }
	#banner-side li:first-child { margin-top: 0; }
	#banner-side #text-2 .textwidget { position: relative; padding: 10px 0; color: #00a0e8; text-align: center; font-size: 114.3%; font-weight: bold; border: 1px solid #00a0e8; }
	#banner-side #text-2 .textwidget:before { position: absolute; z-index: 2; bottom: -19px; left: 20px; content: ""; border-right: 10px solid transparent; border-top: 20px solid #fff; border-left: 10px solid transparent; }
	#banner-side #text-2 .textwidget:after { position: absolute; z-index: 1; bottom: -20px; left: 20px; content: ""; border-right: 10px solid transparent; border-top: 20px solid #00a0e8; border-left: 10px solid transparent; }
	/* banner-area */
	.home .banner-area .vsp { display: none; }
	.home .banner-area .vpc { display: block; }
	.banner-area { margin-bottom: 30px; }
	.banner-area .main_banner.top_banner_l li { margin-top: 20px; }
	.banner-area .main_banner.top_banner_m li { margin-top: 20px; margin-left: 20px; float: left; }
	.banner-area .main_banner.top_banner_m li:nth-child(odd) { margin-left: 0; }
	.banner-area .main_banner.top_banner_m li { width: calc((100% - 20px) / 2); }
	
	/* top information-area */
	.home .information-area {
		padding-bottom: 0 !important;
	}
}

/*　PC　*/
@media screen and (min-width:769px) {

	/* ---- common ---- */
	.wrap { width: 980px;}
	.wrap-760 { width: 760px;}
    .wrap-1100 {width: 1100px;}
    .wrap-1280 {width: 1280px;}
	.vsp { display: none;}

	/* a */
	a:hover { text-decoration: none;}

	/* ----- contents area ----- */
	.container { padding-bottom: 30px;}
	.home .container { padding-top: 30px;}
	/* single page */
	.page-template-page_single_column .container {
		/*padding-top: 125px;*/
		padding-bottom: 0;
	}
	.page-id-4335 #edit-area,
	.page-id-4337 #edit-area,
	.page-id-4339 #edit-area,
	.page-id-13771 #edit-area,
	.page-id-318994 #edit-area,
	.page-id-320005 #edit-area,
	#edit-area .guardian{
		padding-top: 55px;
		padding-bottom: 60px;
	}
	.page-id-1270 #edit-area {
		padding-bottom: 60px;
	}

	.container main { display: block; /* IE11 */}
	.container article + aside {
	}

	/* template */
	.container main {
		padding-bottom: 40px;
		background: #fff;
	}
	.container article {
		float: left;
		width: 710px;
	}
	.container aside {
		float: right;
		padding-top: 50px;
		width: 230px;
	}
	/* single page */
	.page-template-page_single_column .container main { padding-bottom: 0;}
	.page-template-page_single_column .container article,
	.container .guardian article {
		float: none;
		width: 100%;
	}

	/* ---------- #footer area ---------- */
	#footer-sitemap { padding: 30px 0;}
	#footer-sitemap .menu-sitemap {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	#footer-sitemap .menu-sitemap > li {
		padding-top: 20px;
		width: 25%;
	}
	#footer-sitemap .menu-sitemap > li:nth-child(-n+4) {
		padding-top: 0;
	}
	#footer-sitemap .menu-sitemap > li > a {
		padding-left: 13px;
		padding-right: 10px;
	}
	#footer-sitemap .menu-sitemap > li > a:before {
		position: absolute;
		top: 0;
		left: 0;
	}
	#footer-sitemap a:hover {
		text-decoration: underline
	}

	/* ---------- #footer area ---------- */
	#footer-info { padding: 20px 0;}
	#footer-info .info-area {
		float: left;
		font-size: 85.7%;
	}
	#footer-info .info-area p { line-height: 1.5;}
	#footer-info .link-area { margin-top: 0.8em;}
	#footer-info .link-area li {
		float: left;
		margin-left: 13px;
	}
	#footer-info .link-area li:first-child { margin-left: 0;}
	#footer-info .link-area li a:hover { text-decoration: underline;}
	#footer-info .sns-area {
		position: absolute;
		top: 23px;
		right: 285px;
	}
	#footer-info .sns-area li {
		float: left;
		margin-left: 20px;
		width: 34px;
	}

	/* ---------- header area ---------- */
	.bx-viewport, .slider, .slider > p {
		height: 100vh !important;
	}
	.bx-viewport .slider > p {
		width: auto !important;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.bx-viewport .slider > p > img {
		width: auto !important;
		height: 100%;
		min-height: 100%;
		max-width: inherit;
	}
	#header {
		position: relative;
		z-index: 1000;
	}
	body:not(.home) #header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		transition: .2s;
		transition-delay: .15s;
		transition-timing-function: ease-in;
	}
	body:not(.home) #header.hide {
		transform: translate3d(0, -100%, 0);
		transition: .4s;
		transition-delay: .4s;
		transition-timing-function: ease-in-out;
	}

	/* ----- Utility Area ----- */
	#utility-area {
		padding: 5px 0;
		background: #fff;
	}
	#utility-area, #nav-global {
		transition: .2s;
		transition-delay: .15s;
		transition-timing-function: ease-in;
	}
	#utility-area.hide, #utility-area.hide + #nav-global  {
		transition: .4s;
		transition-delay: .4s;
		transition-timing-function: ease-in-out;
	}
	.home #utility-area {
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		z-index: 929;
		box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
		-webkit-box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
		-moz-box-shadow: 0px 2px 8px rgba(102,102,102,0.4);
	}
	#utility-area .wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	/* h1 */
	#utility-area h1 {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -32px;
		width: 235px;
	}
	#utility-area h1 a { display: block;}

	/* sub navigation */
	#nav-sub {
		padding-right: 20px;
		text-align: right;
	}
	#nav-sub li { display: inline-block;}
	#nav-sub .link01 { margin-bottom: 13px;}
	#nav-sub .link01 li {
		padding: 0 15px;
		border-left: 1px #676767 solid;
	}
	#nav-sub .link01 li:nth-child(1) {
		padding-left: 0;
		border-left: none;
	}
	#nav-sub .link01 li:nth-child(3) { padding-right: 0;}
	#nav-sub .link01 a { display: block;}
	#nav-sub .link01 a:hover { text-decoration: underline;}
	#nav-sub li .fas {
		margin-right: 5px;
		font-size: 85.7%;
		vertical-align: bottom;
	}
	#nav-sub .link02 li { padding-left: 8px;}
	.sizeL #nav-sub .link02 li { padding-left: 8px;}
	#nav-sub .link02 li:nth-child(1) { padding-left: 0;}
	#nav-sub .link02 a {
		padding: 0 2px 2px;
		color: #00a0e8;
		font-size: 15px;
	}
	#nav-sub .link02 a:hover,
	#nav-sub .link02 .current-menu-item a { background: url(file:///C|/Users/owner/imgs/bg-dot.png) repeat-x 0 100%;}
	#nav-sub .link02 .menu-item-7523 a,
	#nav-sub .link02 .menu-item-7523 a:hover {
		padding: 0 10px;
		background: #fff034;
		-webkit-border-radius: 99px;
		-moz-border-radius: 99px;
		border-radius: 99px;
	}
	#nav-sub .link02 .menu-item-7523 a:hover { background: #fff470;}

	/* ----- utility ----- */
	#utility-area .utility {
		padding: 5px;
		background: #00a0e8;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#utility-area .utility input:focus,
	#utility-area .utility button:focus { outline: none;}

	/* font size, language */
	.utility .box span {
		display: block;
		color: #fff;
	}
	#header .fontsize span { padding: 3px 10px 3px 5px;}
	#header .language span {
		padding: 3px 5px 3px 10px;
		border-left: 1px #fff solid;
	}
	#header .fontsize p {
		margin-bottom: 7px;
		text-align: center;
		font-size: 85.7%;
		font-weight: 500;
	}
	#header .fontsize ul {
		margin: 0 auto;
		width: 56px;
		text-align: center;
		overflow: hidden;
		background: #0072a5;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.4);
	}
	#header .fontsize li {
		display: inline-block;
		padding: 6px 4px;
		width: 28px;
		color: #00a0e8;
		font-size: 114.3%;
		text-align: center;
		background: #fff;
		font-weight: 500;
		cursor: pointer;
	}
	#header .fontsize li:hover,
	#header .fontsize li.active {
		color: #fff;
		background: #006ec8;
	}
	#header .fontsize li.active {

		background: #0072a5;
		cursor: default;
	}
	#header .language .btn {
		padding: 5px;
		font-size: 85.7%;
		text-align: center;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#header .language .btn:hover,
	#header .language .btn.active {
		cursor: pointer;
		background: #006ec8;
	}
	#header .language .btn .fas {
		margin-top: 7px;
		font-size: 171.4%;
	}

	/* search */
	#header .search {
		padding: 5px;
		text-align: center;
	}
	#header .search .btn {
		padding: 7px 15px;
		color: #333;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#header .search .btn:hover,
	#header .search .btn.active {
		color: #fff;
		background: #006ec8;
	}
	#header .search .btn .fas {
		margin-top: 5px;
		font-size: 171.4%;
	}
	#header .search .btn p {
		font-size: 85.7%;
		font-weight: 500;
	}

	/* hide and seek */
	#header .language .inner {
		top: 80px;
		right: 0;
		padding: 10px 20px;
		background: #006ec8;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	#header .language .inner li {
		padding: 5px 0;
		width: 150px;
		text-align: center;
		border-top: 1px #fff solid;
	}
	#header .language .inner li:first-child {
		padding-top: 0;
		border-top: none;
	}
	#header .language .inner a {
		display: block;
		padding: 10px 0;
		color: #8ac0ed;
		font-size: 114.3%;
		font-weight: 500;
	}
	#header .language .inner a:hover { color: #fff;}
	#header .language .inner a .fas {
		margin-right: 5px;
		font-size: 85.7%;
		vertical-align: bottom;
	}
	#header .search .inner {
		top: 80px;
		right: 0;
	}

	/* search */
	.search-box input[type="search"] {
		width: 340px;
		padding: 10px;
	}
	#edit-area .searchform input[type="search"] {
		width: 690px;
		padding: 10px;
	}

	/* global navigation */
	#nav-global {
		clear: both;
		background: #00a0e8;
	}
	.home #nav-global {
		position: absolute;
		bottom: 70px;
		right: 0;
		left: 0;
		z-index: 928;
	}
	.home #nav-global.fixed {
		position: fixed;
		top: 0;
		bottom: auto;
	}
	#gnav {
		margin: 0 auto;
		text-align: center;
	}
	#gnav li {
		display: inline-block;
		padding: 0 10px;
	}
	#gnav li a,
	#gnav li a:after,
	#gnav li a:before {
		transition: width .5s;
	}
	#gnav li a {
		position: relative;
		display: block;
		padding: 15px 10px 18px;
		color: #bfebff;
		font-size: 114.3%;
		letter-spacing: 2px;
	}
	_::-webkit-full-page-media, _:future, :root #gnav li a {
		font-weight: 500;
	}
	.home #gnav li a { color: #fff;}
	.sizeL #gnav li a {
		padding: 15px 5px 18px;
		letter-spacing: 0;
	}
	#gnav li a:hover,
	#gnav li.current-menu-item a,
	#gnav li.current-page-ancestor a {
		color: #fff;
	}
	#gnav li a:after,
	#gnav li.current-menu-item a:after,
	#gnav li.current-page-ancestor a:after {
		position: absolute;
		bottom: 9px;
		left: 0;
		right: 0;
		margin: auto;
		width: 0;
		content: '';
		color: transparent;
		background: #fff;
		height: 3px;
		-webkit-border-radius: 99px;
		-moz-border-radius: 99px;
		border-radius: 99px;
	}
	#gnav li a:hover:after,
	#gnav li.current-menu-item a:after,
	#gnav li.current-page-ancestor a:after { width: 100%;}

	/* side navigation */
	#nav-side {
	}
	#nav-side li { border-bottom: 1px #d4d4d4 solid;}
	#nav-side li:first-child { border-top: 1px #d4d4d4 solid;}
	#nav-side li a {
		display: block;
		padding: 15px;
		line-height: 1.6;
	}
	#nav-side li a:hover,
	#nav-side li a.active {
		color: #fff;
		background: #009ade;
	}

	/* side navigation */
	#nav-side + #banner-side { margin-top: 30px;}
	#banner-side li { margin-top: 20px;}
	#banner-side li:first-child { margin-top: 0;}

	#banner-side #text-2 .textwidget {
		position: relative;
		padding: 10px 0;
		color: #00a0e8;
		text-align: center;
		font-size: 114.3%;
		font-weight: bold;
		border: 1px #00a0e8 solid
	}
	#banner-side #text-2 .textwidget:before {
		content: "";
		position: absolute;
		bottom: -19px;
		left: 20px;
		border-right: 10px solid transparent;
		border-top: 20px solid #fff;
		border-left: 10px solid transparent;
		z-index: 2;
	}
	#banner-side #text-2 .textwidget:after {
		content: "";
		position: absolute;
		bottom: -20px;
		left: 20px;
		border-right: 10px solid transparent;
		border-top: 20px solid #00a0e8;
		border-left: 10px solid transparent;
		z-index: 1;
	}
	.single-post #banner-side #text-2 .textwidget,
	.blog #banner-side #text-2 .textwidget,
	.archive #banner-side #text-2 .textwidget,
	.error404 #banner-side #text-2 .textwidget { display: none;}

	/* page title area */
	#title-area { height: 126px;}
	.sizeL #title-area { height: 141px;}
	.page-id-1047 #title-area,
	.page-id-1201 #title-area,
	.page-id-1261 #title-area,
	.page-id-1267 #title-area,
	/*.page-id-1353 #title-area,*/
	.page-id-1357 #title-area,
	.page-id-1376 #title-area,
	.page-id-1398 #title-area { height: 280px;}
	.page-id-4335 #title-area,
	.page-id-4337 #title-area,
	.page-id-4339 #title-area,
	.page-id-13771 #title-area,
	.page-id-318994 #title-area,
	.page-id-320005 #title-area { height: 476px;}

	.page-id-4335 #title-area .title,
	.page-id-4337 #title-area .title,
	.page-id-4339 #title-area .title,
	.page-id-13771 #title-area .title,
	.page-id-318994 #title-area .title,
	.page-id-320005 #title-area .title {
		padding: 300px 0 0 20px;
		font-size: 214.2%;
	}

	/* container */
	.bx-wrapper img { width: 100%;}

	#p-scroll {
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -60px;
		width: 120px;
		z-index: 900;
	}
	#p-scroll a {
		display: block;
		position: relative;
		padding: 10px 10px 35px 10px;
		color: #fff;
		letter-spacing: 0.1em;
		text-align: center;
		font-weight: bold;
		font-size: 85.7%;
		text-shadow: 0 0 6px rgba(0,0,0,0.6);
		transition: all .3s ease;
		-webkit-transition: .3s;
	}
	#p-scroll a:hover { text-shadow: 0 0 8px rgba(0,0,0,0.9);}
	#p-scroll a:before {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		margin-left: -1px;
		width: 2px;
		height: 25px;
		background: rgba(255,255,255,0.4);
		text-shadow: 0 0 8px rgba(0,0,0,0.9);
	}
	#p-scroll a:after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: "";
		margin-left: -1px;
		width: 2px;
		height: 0;
		background: #fff;
		transition: all 0.3s ease;
	}
	#p-scroll a:hover:after {
		height: 25px;
	}


	/* ---------- content area ---------- */

	#edit-area header { margin-bottom: 4em;}
	.page-template-page_single_column #edit-area header { margin-bottom: 0;}
	.page-id-1270 #edit-area header { margin-bottom: 4em;}
	#edit-area header .h-02 { padding: 70px 0 5px 12px;}
	#edit-area section + section { margin-top: 4em;}
	#edit-area footer { margin-top: 4em;}

	#edit-area .ls-timeline .date {
		float: left;
		width: 110px;
	}
	.sizeL #edit-area .ls-timeline .date { width: 140px;}
	#edit-area .ls-timeline .date:before {
		display:  inline-block;
		position: absolute;
		top: 0.3em;
		left: 105px;
		content: "";
		width:  14px;
		height:  14px;
		background-color: #009ade;
		-webkit-border-radius: 99px;
		-moz-border-radius: 99px;
		border-radius: 99px;
	}
	.sizeL #edit-area .ls-timeline .date:before {
		top: 0.5em;
		left: 135px;
	}
	#edit-area .ls-timeline .content {
		float: left;
		padding-left: 30px;
		width: 600px;
	}
	.sizeL #edit-area .ls-timeline .content {
		width: 570px;
	}
	#edit-area .ls-timeline li:first-child .date { margin-top: 1em;}
	#edit-area .ls-timeline li:first-child .content { padding-top: 1em;}
	#edit-area .ls-timeline li:last-child .date { margin-bottom: 1em;}
	#edit-area .ls-timeline li:last-child .content { padding-bottom: 1em;}

	#edit-area .fl-img {
		float: left;
		margin-top: 0.4em;
		margin-right: 1.5em;
		vertical-align: bottom;
	}
	#edit-area .fr-img {
		float: right;
		margin-top: 0.4em;
		margin-left: 1.5em;
	}
	#edit-area .ggcal { padding-bottom: 75%;}

	/* index button area */
	#edit-area .index-bt-area01 .photo { margin-bottom: 15px;}
	#edit-area .index-bt-area01 ul { padding: 0 5px 20px;}
	#edit-area .index-bt-area01 .col:nth-last-child(-n+2) ul { padding-bottom: 0;}
	#edit-area .index-bt-area01 li a:hover { text-decoration: underline;}
	#edit-area .index-bt-area02 .col { padding-top: 25px;}
	#edit-area .index-bt-area02 .col:nth-child(-n+3) { padding-top: 0;}
	#edit-area .index-bt-area02 a:hover {
		color: #fff;
		background: #00a0e8;
	}
	#edit-area .index-bt-area02 a:hover:after { background: #00a0e8;}
	#edit-area .index-bt-area02 a:hover:before { background: #00a0e8;}


	/* ---------- page ---------- */
	.index-area li { width: 33.3%;}
	.index-area li:nth-child(-n+3) { margin-top: 0;}
	.banner-area { margin-bottom: 30px;}
	.banner-area .main_banner.top_banner_l li {
		margin-top: 20px;
	}
	.banner-area .main_banner.top_banner_l li:first-child {
		margin-top: 0;
	}
	.banner-area .main_banner.top_banner_m li {
		float: left;
		margin-top: 20px;
		margin-left: 20px;
	}
	.banner-area .main_banner.top_banner_m li:nth-child(odd) { margin-left: 0;}
	
	.information-area {
		margin-top: 50px;
	}
	
	
	
	.information-area .info_flex {
		display: flex;
		justify-content: space-between;
	}
	.information-area .info_flex .flex_cont {
		flex-basis: 46%;
		max-width: 46%;
	}

	.information-area { 
		padding-bottom: 50px;
	}

	/*　topinfo */

	.information-area section.topinfo_section  {
		margin-bottom: 60px;
		width: 100%;
	}
	
	.information-area section.topinfo_section .topinfo_cont {
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 		align-items: center; /* 縦方向中央揃え */
		justify-content: space-between;
		background: #e7e7e7;
	}
	.information-area section.topinfo_section .topinfo_heading {
		padding: 10px 0;
		flex-basis: 15%;
		max-width: 15%;
		text-align: center;
		line-height: 1.4em;
	}
	
	.information-area section.topinfo_section .topinfo_cont .topinfo_inner_cont {
		background: #fff;
		flex-basis: 85%;
		max-width: 85%;
	}
	
	.information-area section.topinfo_section .topinfo_inner_cont .topinfo_li {
		display: flex;
		justify-content: space-between;
		background: #fff;
	}
	
	.information-area section.topinfo_section .topinfo_heading p {
	}	
	
	.information-area section.topinfo_section .topinfo_inner_cont {
		justify-content: space-between;
		flex-basis: 85%;
		max-width: 85%;
		background: #fff;
	}	
	
	.information-area section.topinfo_section .topinfo_cont time {
		flex-basis: 12%;
		max-width: 12%;
		line-height: 1.4em;
	}
	
	.information-area section.topinfo_section .topinfo_cont a {
		flex-basis: 87%;
		max-width: 87%;
	}
	
	.information-area li {
		padding-bottom: 15px;
	}

	/*　topinfoここまで */

	/*　top-sliderbnr-area */
	
	.top-sliderbnr-area {
		margin-bottom: 80px;
	}

	/*　top-sliderbnr-areaここまで */
	
	.sizeL .information-area .date { width: 100px;}
	.sizeL .information-area .cat {
		left: 115px;
		width: 150px;
	}
	.information-area a:hover { text-decoration: underline;}

	/* form area */
	.form-area { width: 710px;}
	.form-area dt { padding: 10px;}
	.form-area dd { padding: 15px 20px 0 20px;}
	.form-area .table dl {
		display: table-row;
		width: 710px;
	}
	.form-area .table dt,
	.form-area .table dd { display: table-cell;}
	.form-area .table dt { width: 200px;}
	.form-area .table dd {
		padding: 10px 20px;
		width: 510px;
	}
	.form-area input[type="text"],
	.form-area input[type="email"],
	.form-area input[type="tel"],
	.form-area input[type="password"],
	.form-area input[type="url"],
	.form-area textarea,
	.form-area .select-wrap { width: 470px;}
	span.wpcf7-list-item {
		margin-right: 2em;
		padding: 7px 0;
	}
	.form-area .btn-send input[type="submit"] ,
	.form-area .btn-send button[type="submit"] { padding: 10px 20px;}

}

#banner-side li { position: relative; }
#banner-side li .fa-angle-up { display: none; }
#banner-side li.on .fa-angle-up { display: block; }
#banner-side li.on .fa-angle-down { display: none; }
#banner-side .children li a { padding: 3px 20px 3px 30px; color: #009ade; background-color: #f9f9f9; }
#banner-side .children li a:hover, #banner-side .children li.current-cat a { color: #FFF; background-color: #009ade; }
#banner-side .open { position: absolute; color: #009ade; top: 9px; right: 5px; padding: 4px 7px; background-color: #FFF; }
/*#banner-side .open:hover { cursor: pointer; color: #FFF; background-color: #009ade; }*/
#banner-side ul.children {
	position: absolute;
	top: 42px;
	left: -30px;
	width: 230px;
	z-index: 5;
	transition: all 0.2s ease 0s;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
}

/*-------------------------
  ブログカード
-------------------------*/

.blog-card {	
	padding:15px 15px 5px 15px;
	background: #fefefe;
	border:1px solid #ddd;
	word-wrap:break-word;
	max-width:100%;
	transition: 0.3s;
  /* sp用 ※4 */
}

.blog-card:hover {
	background: #f7f7f7;
	transition: 0.3s;
}

.blog-card a {
  text-decoration: none;
}

.blog-card a .flexbox {
	display: flex;
	margin-bottom: 10px;
}

.blog-card a .flexbox .blog-card-thumbnail {
	margin-right: 10px;
	flex-basis: 150px;
	max-width: 150px;
}

.blog-card .object_fit {
	display: block;
	position: relative;
}

.blog-card .object_fit::before {
    content: "";
    display: block;
    padding-top: 75%;
}

.blog-card .object_fit img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.blog-card a .flexbox .blog-card-content {
	flex-basis: calc( 100% - 160px);
	max-width: calc( 100% - 160px);
}

.blog-card a .flexbox .blog-card-title {
	margin-bottom: 0.5em;
	font-size:114.3%;
	font-weight: bold;
	line-height: 1.5em;
	color: #333;
}

.blog-card-excerpt {
	color:#333;
}


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

	.blog-card a .flexbox .blog-card-thumbnail {
		margin-right: 10px;
		flex-basis: 100px;
		max-width: 100px;
	}

	.blog-card a .flexbox .blog-card-content {
		flex-basis: calc( 100% - 110px);
		max-width: calc( 100% - 110px);
	}

}


@media screen and (min-width:769px) {
}
/*-------------------------
  ブログカードここまで
-------------------------*/

/* 画像にボーダー */

img.img-border {
	border: 1px solid #ddd;
}

/*-------------------------
  トップページカラム
-------------------------*/

/* カラム */
.banner-area [class*="col-"] {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.banner-area [class*="col-"].vam {
    align-items: center;
}
.banner-area .col-1 {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
.banner-area .col-1.w5 { width: 55%;}

.banner-area .col-2 .col,
.banner-area .col-3 .col,
.banner-area .col-4 .col,
.banner-area .col-5 .col,
.banner-area .col-6 .col,
.banner-area .col-7 .col {
	margin-top: 2%;
	margin-left: 2%;	
}

.banner-area .col-2 .col { width: 49%;}
.banner-area .col-3 .col,
.banner-area .col-3 li { width: 32%;}
.banner-area .col-4 .col { width: 23.5%;}
.banner-area .col-5 .col { width: 18.4%;}
.banner-area .col-6 .col { width: 15%;}
.banner-area .col-7 .col { width: 14%;}

.banner-area .col-2 .col:nth-child(-n+2),
.banner-area .col-3 .col:nth-child(-n+3),
.banner-area .col-4 .col:nth-child(-n+4),
.banner-area .col-5 .col:nth-child(-n+5),
.banner-area .col-6 .col:nth-child(-n+6),
.banner-area .col-7 .col:nth-child(-n+6) { margin-top: 0;}

.banner-area .col-2 .col:nth-child(odd),
.banner-area .col-3 .col:nth-child(3n+1),
.banner-area .col-4 .col:nth-child(4n+1),
.banner-area .col-5 .col:nth-child(5n+1),
.banner-area .col-6 .col:nth-child(6n+1),
.banner-area .col-7 .col:nth-child(6n+1) { margin-left: 0;}

.banner-area .col-2 .col:nth-child(odd),
.banner-area .col-3 .col:nth-child(3n+1),
.banner-area .col-3 li:nth-child(3n+1),
.banner-area .col-4 .col:nth-child(4n+1), 
.banner-area .col-5 .col:nth-child(5n+1),
.banner-area .col-6 .col:nth-child(6n+1),
.banner-area .col-7 .col:nth-child(6n+1) { clear: both;}

.banner-area .col-2.w19 .col:nth-child(odd) { width: 11%;}
.banner-area .col-2.w19 .col:nth-child(even) { width: 87%;}
.banner-area .col-2.w28 .col:nth-child(odd) { width: 21%;}
.banner-area .col-2.w28 .col:nth-child(even) { width: 77%;}
.banner-area .col-2.w37 .col:nth-child(odd) { width: 31%;}
.banner-area .col-2.w37 .col:nth-child(even) { width: 67%;}
.banner-area .col-2.w46 .col:nth-child(odd) { width: 41%;}
.banner-area .col-2.w46 .col:nth-child(even) { width: 57%;}
.banner-area .col-2.w64 .col:nth-child(odd) { width: 57%;}
.banner-area .col-2.w64 .col:nth-child(even) { width: 41%;}
.banner-area .col-2.w73 .col:nth-child(odd) { width: 67%;}
.banner-area .col-2.w73 .col:nth-child(even) { width: 31%;}
.banner-area .col-2.w82 .col:nth-child(odd) { width: 77%;}
.banner-area .col-2.w82 .col:nth-child(even) { width: 21%;}
.banner-area .col-2.w91 .col:nth-child(odd) { width: 87%;}
.banner-area .col-2.w91 .col:nth-child(even) { width: 11%;}

/* PCでは3,4,5,6カラムでもSPでは2カラム */
@media only screen and (max-width: 599px) {
	.banner-area .col-3.col-2-sp .col,
	.banner-area .col-4.col-2-sp .col,
	.banner-area .col-5.col-2-sp .col,
	.banner-area .col-6.col-2-sp .col,
	.banner-area .col-7.col-2-sp .col {
		margin-top: 2%;
		margin-left: 2%;
		width: 49%;
	}
	
	.banner-area .col-3.col-2-sp .col:nth-child(-n+2),
	.banner-area .col-4.col-2-sp .col:nth-child(-n+2),
	.banner-area .col-5.col-2-sp .col:nth-child(-n+2),
	.banner-area .col-6.col-2-sp .col:nth-child(-n+2), 
	.banner-area .col-7.col-2-sp .col:nth-child(-n+2) {
		margin-top: 0;
	}
	
	.banner-area .col-3.col-2-sp .col:nth-child(odd),
	.banner-area .col-4.col-2-sp .col:nth-child(odd),
	.banner-area .col-5.col-2-sp .col:nth-child(odd),
	.banner-area .col-6.col-2-sp .col:nth-child(odd),
	.banner-area .col-7.col-2-sp .col:nth-child(odd) {
		margin-left: 0;clear: both;
	}
}
/* PCでは3,4,5,6カラムでもSPでは2カラムここまで */

/*-------------------------
  トップページカラムここまで
-------------------------*/