/*----------------------------------
全体
----------------------------------*/

body {
	font-size: 5vw;
	line-height: 7vw;
	word-break: normal;
	text-size-adjust: none;
}

.wrapper {
	margin: 0 auto;
	width: 95%;
}

.mobi-wrapper {
	overflow: hidden;
}

.pc-left {
	float: none;
	margin: 0 auto;
}

.pc-right {
	float: none;
	margin: 0 auto;
}

.mobi-full {
	height: auto;
	width: 100%;
}

a:hover img {
	opacity: 1;
}

a.bo {
	text-decoration: underline;
}

a.bo:hover {
	text-decoration: underline;
}

a.no-bo {
	text-decoration: underline;
}

a.no-bo:hover {
	text-decoration: underline;
}

.list {
    margin-bottom: 5%;
}

.list li {
	margin-left: 8.5%;
}

.douga {
	position: relative;
	padding-top: 56.25%;
	width: 100%;
	margin: 0 auto;
}

.douga iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.pc {
	display: none;
}

.mobi {
	display: block;
}

.m20 {
	margin: 2.5% !important;
}

.mt20 {
	margin-top: 2.5% !important;
}

.mb20 {
	margin-bottom: 2.5% !important;
}

.no-mt20 {
	margin-top: -5% !important;
}

.mt-20 {
	margin-top: 5% !important;
}

.mb-20 {
	margin-bottom: 5% !important;
}

.ml20 {
	margin-left: 2.5% !important;
}

.mr20 {
	margin-right: 2.5% !important;
}

.m40 {
	margin: 5% !important;
}

.mt40 {
	margin-top: 5% !important;
}

.mb40 {
	margin-bottom: 5% !important;
}

.ml40 {
	margin-left: 5% !important;
}

.mr40 {
	margin-right: 5% !important;
}

.m60 {
	margin: 10% !important;
}

.mt60 {
	margin-top: 10% !important;
}

.mb60 {
	margin-bottom: 10% !important;
}

.ml60 {
	margin-left: 10% !important;
}

.mr60 {
	margin-right: 10% !important;
}

.m80 {
	margin: 10% !important;
}

.mt80 {
	margin-top: 10% !important;
}

.mb80 {
	margin-bottom: 10% !important;
}

.mt100 {
	margin-top: 10% !important;
}

.p20 {
	padding: 2.5% !important;
}

.pt20 {
	padding-top: 2.5% !important;
}

.pb20 {
	padding-bottom: 2.5% !important;
}

.pl20 {
	padding-left: 2.5% !important;
}

.pr20 {
	padding-right: 2.5% !important;
}

.p40 {
	padding: 5% !important;
}

.pt40 {
	padding-top: 5% !important;
}

.pb40 {
	padding-bottom: 5% !important;
}

.pl40 {
	padding-left: 5% !important;
}

.pr40 {
	padding-right: 5% !important;
}

.p60 {
	padding: 10% !important;
}

.pt60 {
	padding-top: 10% !important;
}

.pb60 {
	padding-bottom: 10% !important;
}

.pl60 {
	padding-left: 10% !important;
}

.pr60 {
	padding-right: 10% !important;
}

/*----------------------------------
文字スタイル
----------------------------------*/

.pr-bg {
	padding: 0 1.5%;
}

/*----------------------------------
header
----------------------------------*/

.mobi header {
	background: #fef0ec;
	box-sizing: border-box;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9990;
}

.mobi header::after {
	background: rgba(0,0,0,0.3);
	bottom: -5px;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.head-logo-sp {
	width: 58%;
}

.head-logo-sp img {
	height: auto;
	width: 100%;
}

.head-info-sp {
	width: 42%;
}

.lang-btn-sp,
.menu-btn-sp {
	float: left;
}

.lang-btn-sp {
	background: url(images-sp/langbtn.png) no-repeat;
	background-size: 100%;
	box-sizing: border-box;
	height: 0;
	padding-bottom: 33.868%;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	width: 71.5%
}

.lang-btn-sp.lang-close {
	background: url(images-sp/langbtn2.png) no-repeat;
	background-size: 100%;
}

.menu-btn-sp {
	height: auto;
	width: 28.5%
}

.head-lang-menu {
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	display: none;
	padding: 2.5%;
	position: fixed;
	right: 0;
	top: 0;
	width: 80%;
	z-index: 9999;
}

.head-language {
    background: #e54970;
    box-sizing: border-box;
    color: #fff;
    padding: 1.5% 2.5%;
    text-align: center;
}

.lang-menu li a {
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 0.5% 2.5%;
	text-decoration: none;
}

.lang-menu li:last-child a {
	border-bottom: 0;
	padding-bottom: 0;
}

header.open-lang .lang-btn-sp {
	height: auto;
	margin-top: 148%;
	margin-right: 13%;
	position: absolute;
	right: 0;
	top: 0;
	width: 30.025%;
}

header.open-lang .menu-btn-sp {
	float: right;
}

.sp-menu {
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
	display: none;
	left: 0;
	height: 100%;
	overflow: auto;
	padding-top: 14%;
	position: fixed;
	top: 0;
	-webkit-overflow-scrolling: touch;
	width: 100%;
	z-index: 100;
}

.sp-menu li a {
	box-sizing: border-box;
	border-top: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 2.5% 5%;
	position: relative;
	text-decoration: none;
}

.sp-menu li:first-child a {
	border-top: 0;
}

.sp-menu li a::after {
	color: #fff;
	content: "\e900";
	font-family: 'icomoon';
	font-size: 8vw;
	line-height: 8vw;
	margin-right: 2.5%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) rotate(90deg);
}

.sp-menu li a.sp-menu-big::after {
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}

.sp-menu li a.sp-menu-big.sp-close::after {
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	-webkit-transform: translateY(-50%) rotate(0deg);
}

.sp-menu li a span {
	display: block;
	font-size: 3vw;
	line-height: 4vw;
}

.sp-menu li .sp-menu-mini li a {
	border-top: 0;
	font-size: 4vw;
	line-height: 5vw;
	margin-bottom: 2.5%;
	padding: 0 5%;
	padding-left: 8.5%;
}

.sp-menu li .sp-menu-mini li a::before {
	color: #fff;
	content: "\e902";
	font-family: 'icomoon';
	font-size: 5vw;
	line-height: 5vw;
	left: -6px;
	margin-left: 5%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.sp-menu li .sp-menu-mini li a::after {
	content: none;
}

.sp-menu li .sp-menu-mini li:last-child a {
	margin-bottom: 5%;
}

.sp-menu li .sp-menu-mini li .sp-menu-mini-mini a::before {
	content: none;
}

.sp-menu-mini {
	display: none;
}

/*----------------------------------
TOPスライダー
----------------------------------*/

.topslider-sp {
	background: #fff;
	box-sizing: border-box;
	display: block !important;
	padding-top: 14%;
	padding-bottom: 0%;
}

.topslider-sp li img {
	height: auto;
	width: 100%;
}

.topslider-sp li a {
	text-decoration: none;
}

.slider-text-sp {
	background: #59488d;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	height: 53vw;
	padding: 2.5%;
}

/*----------------------------------
TOPページ
----------------------------------*/

.content.top-page {
	float: none;
	margin: 0 auto
	width: 100%;
}

.top-title {
	border-top: 5px solid #e54970;
	margin-left: -2.5%;
	padding: 2.5% 2.5% 2.5% 17.5%;
	width: 105%;
}

.top-title h2 {
	float: none;
	font-size: 6.5vw;
	line-height: 8.5vw;
}

.top-title-in {
	float: none;
	font-size: 4vw;
	line-height: 5vw;
	margin-left: 0;
}

.top-title.top-1 {
	margin-top: 0;
}

.top-title.top-1::before {
	background-size: contain;
	height: 0;
	left: 0;
	margin-left: 2.5%;
	padding-bottom: 9.285%;
	width: 12.5%;
}

.top-title.top-2::before {
	background-size: contain;
	height: 0;
	left: 0;
	margin-left: 2.5%;
	padding-bottom: 8.333%;
	width: 12.5%;
}

.top-title.top-3::before {
	background-size: contain;
	height: 0;
	left: 0;
	margin-left: 2.5%;
	padding-bottom: 9.027%;
	width: 12.5%;
}

.top-title.top-4 {
	background: #fff;
	border-bottom: 1px solid #ccc;
	margin-top: 10% !important;
	padding: 5% 2.5% 5% 17.5%;
}

.top-title.top-4::before {
	background-size: contain;
	height: 0;
	left: 0;
	margin-left: 2.5%;
	padding-bottom: 11.574%;
	width: 12.5%;
}

.cbc-list li {
	float: none;
	margin-bottom: 5%;
	overflow: hidden;
	width: 100%;
}

.cbc-list li:last-child {
	margin-bottom: 0;
}

.cbc-list li .left,
.cbc-list li .right {
	float: none;
}

.cbc-list-img {
	background-size: contain !important;
	height: 0;
	padding-bottom: 50%;
	width: 100%;
}

.cbc-1 {
	background: url(images-sp/feature01.jpg) no-repeat;
}

.cbc-2 {
	background: url(images-sp/feature02.jpg) no-repeat;
}

.cbc-3 {
	background: url(images-sp/feature03.jpg) no-repeat;
}

.cbc-4 {
	background: url(images-sp/feature04.jpg) no-repeat;
}

.cbc-5 {
	background: url(images-sp/feature05.jpg) no-repeat;
}

.cbc-6 {
	background: url(images-sp/feature06.jpg) no-repeat;
}

.cbc-list-img:hover {
	opacity: 1;
}

.cbc-info {
	height: auto;
	padding-bottom: 2.5%;
	width: 100%;
}

.cbc-info.right::before,
.cbc-info.left::before {
	border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #e54970;
    border-left: 20px solid transparent;
    content: "";
    left: 0;
    height: 0px;
    margin: -6.5% auto 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0px;
}

.cbc-info h3 {
	font-size: 6.5vw;
	line-height: 8.5vw;
	padding: 2.5%;
}

.cbc-text {
	font-size: 5vw;
	line-height: 7vw;
	padding: 2.5%;
}

.cbc-btn {
	bottom: 0;
	display: block;
	left: 0;
	margin: 0 auto;
    padding: 1% 0;
	position: relative;
	right: 0;
	width: 50%;
}

.cbc-btn:hover {
	opacity: 0.6;
}

.cbc-btn span {
	box-sizing: border-box;
	padding-right: 12%;
	position: relative;
}

.cbc-btn span::after {
    content: "\e902";
    font-family: 'icomoon';
    font-size: 5vw;
    line-height: 5vw;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.top-link-bg {
    background: #9595bf;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    height: auto;
    padding: 0 0 5%;
    width: 100%;
}

.top-link-bg ul {
	width: 100%;
}

.top-link-bg ul li {
	float: none;
	margin-right: 0;
	margin-bottom: 5%;
}

.top-link-bg ul li:last-child {
	margin-bottom: 0;
}

.top-link-bg ul li a {
    background: none;
	background-size: contain;
    border-radius: 0;
    border: 0;
    height: auto;
    width: 100%;
}

.top-link-bg ul li a:hover {
	opacity: 1;
}

.top-link-bg ul li:first-child a::after {
	content: none;
}

.top-link-bg ul li a::before {
    background: #e54970;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\e902";
    font-family: 'icomoon';
    font-size: 5vw;
    line-height: 7.5vw;
    height: 7.5vw;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 7.5%;
}

.top-link-bg ul li:nth-child(1) a {
	background: url(images-sp/banner01.png) no-repeat;
	background-size: 100%;
	height: 0;
	padding-bottom: 59.375%;
	width: 100%;
}

.top-link-bg ul li:nth-child(1) a::before {
	margin-right: 3%;
    right: 0;
}

.top-link-bg ul li:nth-child(2) a {
	background: url(images-sp/banner02.png) no-repeat;
	background-size: 100%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 36.66%;
	width: 95%;
}

.top-link-bg ul li:nth-child(3) a {
	background: url(images-sp/banner03.png) no-repeat;
	background-size: 100%;
	height: 0;
	margin: 0 auto;
	padding-bottom: 36.66%;
	width: 95%;
}

.top-link-bg ul li:nth-child(1) a .top-link-bg-base {
    left: 0;
    font-size: 5vw;
    margin: 9% 0 5% 6%;
    position: absolute;
    top: 0;
    width: 80.5%;
}

.top-link-bg-base {
	left: 0;
    margin: 2.5% 0 2.5% 2.5%;
    position: absolute;
    top: 0;
    width: 90%;
}

.top-link-bg-title {
	background: none;
    box-sizing: border-box;
    border-radius: 0;
    color: #000;
    font-weight: bold;
    font-size: 4.5vw;
    line-height: 5.5vw;
    height: auto;
    text-align: left;
}

.top-link-bg ul li:nth-child(1) .top-link-bg-title,
.top-link-bg ul li:nth-child(1) .top-link-bg-text {
	color: #000;
}

.top-link-bg-text {
	font-size: 3.4vw !important;
	line-height: 5.0vw !important;
	margin-top: 0;
	text-align: left;
}

.top-link-bg ul li:nth-child(1) .top-link-bg-text {
	margin-top: 5%;
}

.big-text {
	font-size: 3.4vw;
	line-height: 5.0vw;
	margin-top: 1.5%;
}

.procedure-list li .procedure-info {
    height: 0;
    max-height: auto;
}

.top-link-btn {
	display: none;
}

.procedure-list li {
	float: none;
	margin-right: 0;
	margin-bottom: 2.5%;
}

.procedure-list li:nth-child(3) {
	margin-right: 0;
}

.procedure-list li:nth-child(4) {
	margin-right: 0;
	margin-bottom: 0;
}

.procedure-list li a {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: auto;
	width: 100%;
}

.procedure-list li a:hover {
	opacity: 1;
}

.procedure-info {
	background: no-repeat;
	box-sizing: border-box;
	border-radius: 0;
	font-size: 5vw;
	line-height: 7vw;
	height: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.procedure-info::after {
    background: #e54970;
    border-radius: 0;
    border: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\e902";
    font-family: 'icomoon';
    font-size: 5vw;
    line-height: 7.5vw;
    height: 7.5vw;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 7.5%;
}

.procedure-list li:nth-child(1) .procedure-info {
	background: url(images-sp/admin01.png) no-repeat;
	background-size: contain;
	padding-bottom: 36.666%;
	width: 100%;
}

.procedure-list li:nth-child(2) .procedure-info {
	background: url(images-sp/admin02.png) no-repeat;
	background-size: contain;
	padding-bottom: 36.666%;
	width: 100%;
}

.procedure-list li:nth-child(3) .procedure-info {
	background: url(images-sp/admin03.png) no-repeat;
	background-size: contain;
	padding-bottom: 36.666%;
	width: 100%;
}

.procedure-list li:nth-child(4) .procedure-info {
	background: url(images-sp/admin04.png) no-repeat;
	background-size: contain;
	padding-bottom: 36.666%;
	width: 100%;
}

.procedure-list li:nth-child(1) .procedure-info::after {
	margin-right: 0;
}

.procedure-list li:nth-child(4) .procedure-info::after {
	margin-right: 0.25%;
}

.procedure-base {
    left: 0;
    margin: 1.0% 30% 0 2.5%;
    position: absolute;
    right: 0;
}

.shingaku-list li {
	margin: 0 2% !important;
    width: 96% !important;
}

.shingaku-list li img {
	height: auto;
	width: 100%;
}

.shingaku-list a {
	display: block;
	text-decoration: none;
}

.shingaku-list li a:hover {
	opacity: 1;
}

.shingaku-text {
	font-size: 5vw;
	line-height: 7vw;
	padding: 5% 2.5%;
}

.top-news {
	overflow: visible;
}

.top-news-box.left,
.top-news-box.right {
	float: none;
}

.top-news-box.right {
	margin-top: 10%;
}

.top-news-box ul {
	margin-left: -2.5%;
	width: 105%;
}

.top-news-box li {
	padding: 2.5%;
}

.top-news-cate {
	float: left;
	font-size: 5vw;
	line-height: 7vw;
	width: 30%;
}

.top-news-link {
	font-size: 5vw;
	line-height: 7vw;
}

.top-news-link:hover {
	text-decoration: none;
}

.top-news-date {
	float: left;
	font-size: 5vw;
	line-height: 7vw;
	margin-left: 2.5%;
	padding: 0;
}

.top-news-btn {
	font-size: 5vw;
	line-height: 7vw;
	margin: 2.5% auto 0;
	padding: 1.5%;
	width: 20%;
}

.top-news-cate:hover,
.top-news-btn:hover {
	opacity: 1;
}

.top-newslist3 li {
	padding: 2.5% 0;
}

.top-newslist3 li:first-child {
	padding-top: 2.5%;
}

.top-newslist3-date {
	float: none;
    margin-right: 0;
    padding-left: 3.5vw;
}

.top-newslist3-date::before {
    font-size: 5vw;
    line-height: 5vw;
    left: -2%;
    margin-top: 1%;
}

.top-newslist3-link {
	float: none;
	width: 100%;
}

.top-newslist3-in:hover {
	text-decoration: underline;
}

.top-topics-title {
	margin-top: 19% !important;
}

.top-topics li {
	float: none;
	margin-right: 0;
	margin-bottom: 5%;
	width: 100%;
}

.top-topics li:nth-child(4n) {
	margin-bottom: 0;
}

.topics-img {
	padding: 2.5%;
}

.topics-link {
	font-size: 5vw;
	line-height: 7vw;
	margin-top: 0;
}

.topics-link:hover {
	text-decoration: underline;
}

.topics-page-link {
	margin-top: 5%;
	padding-right: 5.5%;
	text-decoration: underline;
}

.topics-page-link::after {
	right: 0%;
}

.top-topics.archive-topics {
	margin: 2.5% auto 0 auto;
	width: 95%;
}

.top-topics.archive-topics li {
	float: none;
	margin-right: 0 !important;
	margin-bottom: 5%;
	width: 100%;
}

.top-topics.archive-topics li:last-child {
	margin-bottom: 0;
}

/*----------------------------------
footer
----------------------------------*/

.mobi footer {
	margin-top: 10%;
}

.foot-in-sp {
	background: #fff;
	box-sizing: border-box;
	font-size: 4.5vw;
	line-height: 6.5vw;
	padding: 10%;
}

.foot-in-sp p {
	margin-bottom: 5%;
}

.foot-in-sp p:last-child {
	margin-bottom: 0;
}

.foot-menu-sp li a {
	background: #cf2953;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 2.5%;
	padding-left: 7.5%;
	position: relative;
	text-decoration: none;
	width: 100%;
}

.foot-menu-sp li a::before {
    box-sizing: border-box;
    color: #fff;
    content: "\e902";
    font-family: 'icomoon';
    font-size: 5vw;
    line-height: 7.5vw;
    left: -4px;
    height: 7.5vw;
    margin-left: 2.5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.copyright-sp {
	background: #cf2953;
	box-sizing: border-box;
	color: #fff;
	font-size: 4vw;
	line-height: 6vw;
	padding: 2.5%;
	text-align: center;
}

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

.pagetop {
	bottom: 0;
	height: 50px;
	margin: 0 2.5% 2.5% 0;
	right: 0;
	width: 50px;
}

.pagetop img {
	height: auto;
	width: 100%;
}

.pagetop:hover {
	opacity: 1;
}

/*----------------------------------
投稿・固定ページ
----------------------------------*/

.page {
	margin-top: 14.5%;
}

.page .breadcrumbs .wrapper {
	margin-top: 0;
}

.breadcrumbs {
	font-size: 4vw;
	line-height: 6vw;
	padding: 1.5% 2.5%;
}

.breadcrumbs a {
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.w-bg {
	display: none;
}

.page .wrapper {
	margin: 0 auto 0;
	width: 100%;
}

.content {
	float: none;
	width: 100%;
}

.page-title-bg {
	background: url(images-sp/catnamebg.png) no-repeat;
	background-size: contain;
	box-sizing: border-box;
	height: 0;
	padding-bottom: 12.5%;
	position: relative;
	width: 100%;
}

.page-title-bg-in {
	color: #fff;
	font-weight: bold;
	font-size: 5vw;
	line-height: 6vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	text-align: center;
	width: 100%;
}

.page-title-bg-in span {
	display: block;
	font-weight: normal;
	font-size: 4vw;
	line-height: 4vw;
}

.page .content h1 {
	font-size: 5vw;
	line-height: 7vw;
    padding: 2.5% 2.5%;
}

.pc-thumb {
    height: auto;
    margin: 2.5%;
    width: 95%;
}

.content-in {
	margin: 0 auto;
	padding: 2.5%;
	width: 95%;
}

.content-in p {
	margin-bottom: 5%;
}

.content-in p + h2,
.content-in p + h3,
.content-in p + h4,
.content-in p + h5,
.content-in ul + h2,
.content-in ul + h3,
.content-in ul + h4,
.content-in ol + h2,
.content-in ol + h3,
.content-in ol + h4,
.content-in ol + h5,
.content-in table + h2,
.content-in table + h3,
.content-in table + h4,
.content-in table + h5,
.content-in img + h2,
.content-in img + h3,
.content-in img + h4,
.content-in img + h5,
.content-in iframe + h2,
.content-in iframe + h3,
.content-in iframe + h4,
.content-in iframe + h5,
.content-in div + h2,
.content-in div + h3,
.content-in div + h4,
.content-in div + h5,
.content-in a + h2,
.content-in a + h3,
.content-in a + h4,
.content-in a + h5,
.content-in center + h2,
.content-in center + h3,
.content-in center + h4,
.content-in center + h5,
.content-in section + h2,
.content-in section + h3,
.content-in section + h4,
.content-in section + h5 {
	margin-top: 10%;
}

.title-1 {
    font-size: 6.5vw;
    line-height: 8.5vw;
    margin-bottom: 2.5%;
    padding: 2.5% 5%;
    padding-left: 17.5%;
    position: relative;
}

.title-1::before {
    background: url(images/h2icon01.png) no-repeat;
    background-size: contain;
    content: "";
    height: 0;
    left: 5%;
    margin-top: 4%;
    padding-bottom: 9.027%;
    position: absolute;
    top: 0;
    width: 12.5%;
}

.title-2 {
    font-size: 6.5vw;
    line-height: 8.5vw;
    margin-bottom: 2.5%;
    padding: 2.5% 5%;
    position: relative;
}

.title-3 {
    font-size: 6.5vw;
    line-height: 8.5vw;
    margin-bottom: 2.5%;
    padding: 1.5% 2.5%;
    position: relative;
}

.title-4 {
    font-size: 6.5vw;
    line-height: 8.5vw;
    margin-bottom: 2.5%;
    padding-left: 2.5%;
}

.content-in a:hover {
	opacity: 1;
}

.about-in .left,
.about-in .right {
	float: none;
}

.about-in img {
	height: auto;
	margin-bottom: 2.5%;
	width: 100%;
}

.about-in .table {
	width: 100%;
}

.about-in-2 {
	margin-bottom: 5%;
}

.about-in-2 .left,
.about-in-2 .right {
	float: none;
}

.about-in-2 img {
	height: auto;
	margin: 0 auto 2.5%;
	width: 50%;
}

.about-in-2-text {
	font-size: 4vw;
	line-height: 6vw;
	width: 100%;
}

.katsudou {
	margin: 0 auto;
	width: 100%;
}

.katsudou li {
	float: none;
	margin: 0 0 5% 0;
	width: 100%;
}

.katsudou-2 {
	margin: 0 auto;
	width: 100%;
}

.katsudou-2 li {
	float: none;
	font-size: 5vw;
	line-height: 7vw;
	margin: 0 0 5% 0;
	width: 100%;
}

.katsudou-2.last {
    margin-bottom: -5% !important;
}

.katsudou-3.last {
	margin-bottom: -5% !important;
}

.katsudou-3 li {
	float: none;
	font-size: 5vw;
	line-height: 7vw;
	margin: 0 0 5% 0;
	width: 100%;
}

.katsudou-4 {
	margin-bottom: 0;
}

.katsudou-4.last {
	margin-bottom: -5% !important;
}

.katsudou-4 li {
	float: none;
	margin: 0 0 5% 0;
	width: 100%;
}

.list-2 {
	margin-bottom: 5%;
}

.list-2 li {
	padding-left: 5%;
	position: relative;
}

.list-2 li::before {
	left: -1.5%;
}

.aisatsu {
	margin-bottom: 5%;
}

.aisatsu .left,
.aisatsu .right {
	float: none;
}

.aisatsu img {
	height: auto;
	margin: 0 auto 2.5%;
	width: 70%;
}

.aisatsu-text {
	width: 100%;
}

.trial-in img {
	height: auto;
	width: 200px;
}

.table {
	font-size: 5vw;
	line-height: 7vw;
	margin-bottom: 5%;
}

.table li:first-child .table-1 {
	border-top: 0;
}

.table-1 {
	float: none;
	padding: 1.5% 2.5%;
	width: 100% !important;
}

.table-2 {
	border: 0;
	margin-left: 0 !important;
	padding: 1.5% 2.5%;
}

.table-tb {
	font-size: 5vw;
	line-height: 7vw;
}

.table-tb-1 {
	float: none;
	padding: 1.5% 2.5%;
	width: 100% !important;
}

.table-tb-2 {
	border-left: 0;
	line-height: 7vw !important;
	height: auto !important;
	margin-left: 0 !important;
	padding: 1.5% 2.5%;
}

.contact .table-tb .table-tb-2 {
	min-height: 9.865vw;
}

.contact .table-tb .table-tb-2 input[type="text"],
.contact .table-tb .table-tb-2 input[type="email"],
.contact .table-tb .table-tb-2 input[type="tel"] {
	font-size: 5vw;
	line-height: 7vw;
	padding: 1.5% 2.5%;
}

.contact .table-tb .table-tb-2 input.kokuseki {
	width: 50%;
}

.contact .table-tb .table-tb-2 input.nenrei {
	margin-right: 2.5%;
	width: 50%;
}

.contact .table-tb .table-tb-2 input.post-num {
	width: 50%;
}

.contact .table-tb .table-tb-2 textarea {
	font-size: 5vw;
	line-height: 7vw;
	height: 70vw;
	padding: 1.5% 2.5%;
}

.contact input[type="submit"] {
	font-size: 5vw;
	line-height: 7vw;
	margin: 2.5% auto 0;
	padding: 2.5%;
	width: 100%;
}

.contact input[type="submit"]:hover {
	opacity: 1;
}

.seinen-list li {
	margin-right: 5%;
}

.seinen-list li select {
	font-size: 5vw;
	line-height: 7vw;
}

.graduation-in .left,
.graduation-in .right {
	float: none;
}

.graduation-img {
	margin: 0 auto 2.5%;
	width: 50%;
}

.graduation-info-in {
	width: 100%;
}

.graduation-work {
	color: #0000ff;
	font-weight: bold;
	margin-bottom: 2.5%;
}

.tb-info {
    font-size: 4vw !important;
    line-height: 6vw !important;
	margin-bottom: 5%;
	text-align: left !important;
}

.tb-info th {
	padding: 1.5% 2.5%;
}

.tb-info td {
	padding: 1.5% 2.5%;
}

.table-list {
	box-sizing: border-box;
	border-left: 1px solid #e54970;
	border-bottom: 1px solid #e54970;
	font-size: 4vw;
	line-height: 6vw;
	margin-bottom: 5%;
}

.table-list .left,
.table-list .right {
	float: none;
}

.table-list li {
	width: 100%;
}

.table-list-1 {
	padding: 1.5% 2.5%;
}

.table-list-2-in {
	padding: 1.5% 2.5%;
}

.tb-info {
	margin-bottom: 20px;
	width: 100%;
}

.tb-info th {
	padding: 1.5% 2.5%;
}

.tb-info td {
	padding: 1.5% 2.5%;
}

.tb-info.time-info {
	font-size: 4vw;
	line-height: 6vw;
}

.flow-list-2 {
	margin: 0 auto 5%;
	width: 100%;
}

.flow-list-2 li {
	margin-bottom: 5%;
}

.flow-list-2 li.g-bg {
	margin-bottom: 5%;
	padding: 1.5% 2.5%;
}

.flow-list-2 li::after {
	bottom: 0;
    margin-bottom: -6%;
}

.flow-list-2 li.g-bg::after {
	bottom: 0;
	margin-bottom: -6%;
}

.link-box li {
	float: none;
	margin-right: 0;
	margin-bottom: 2.5%;
	width: 100%;
}

.link-box li:nth-child(2n) {
	margin-right: 0;
}

.link-box li:last-child {
	margin-bottom: 0;
}

.link-box li a {
	padding: 2.5%;
	padding-right: 10.5%;
}

.link-box li a::after {
    font-size: 12vw;
    line-height: 12vw;
    right: -1.5%;
}

.link-box li a h3 {
	font-size: 5vw;
	line-height: 7vw;
	margin-bottom: 2.5%;
}

.link-box-text {
	font-size: 5vw;
	line-height: 7vw;
}

.content-box img.left {
	float: none;
	margin: 0 auto 2.5%;
	width: 100%;
}

.book-info {
	border-left: 1px solid #FFDBDB;
	border-right: 1px solid #FFDBDB;
	border-bottom: 1px solid #FFDBDB;
	font-size: 5vw;
	line-height: 7vw;
	margin-bottom: 5%;
}

.book-info li {
	border-left: 0;
	border-bottom: 0;
	float: none;
	width: 100%;
}

.book-info li:last-child {
	width: 100%;
}

.book-info-1 {
	padding: 1.5% 2.5%;
	text-align: left;
}

.book-info-2 {
	height: auto !important;
	padding: 1.5% 2.5%;
	text-align: left;
}

.book-info li:nth-child(3) .book-info-2 {
	padding: 2.5%;
	text-align: center;
}

.book-info li .book-info-2 img {
	height: auto;
	margin: 0 auto;
	width: 50%;
}

.book-info li:nth-child(4) .book-info-2 {
	text-align: left;
}

.access-map {
	height: 60vw;
	width: 100%;
}

.access-map-1,
.access-map-2,
.access-map-3 {
	margin-bottom: 5%;
}

.access-map-3 {
    background-size: contain;
    box-sizing: border-box;
    height: 0;
    padding-bottom: 72.727%;
    width: 100%;
}

.title-in {
	display: block;
    padding-left: 8.5%;
}

.title-in::before {
    height: 5.4vw;
    margin-top: 0.75%;
    top: 0;
    width: 6%;
}

.num-list li {
	margin-left: 5vw;
}

.course-list-1 {
	margin-bottom: 0;
}

.course-list-1 li {
	float: none;
	margin: 0 0 2.5% 0;
	width: 100%;
}

.course-list-1 li:nth-child(2n) {
	margin-right: 0;
}

.course-list-1 li:last-child {
	margin-bottom: 0;
}

.course-list-1 li a:hover {
	opacity: 1;
}

.course-list-info {
	padding: 2.5%;
	width: 100%;
}

.course-list-info-title {
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 2.5%;
}

.course-list-info-text {
	font-size: 5vw;
    line-height: 7vw;
}

.course-list-img img {
	height: auto;
	width: 100%;
}

.course-list-2 li {
	margin-bottom: 2.5%;
	padding-bottom: 2.5%;
}

.course-list-2-title {
	margin-bottom: 2.5%;
	padding-left: 2.5%;
}

.course-list-2-btn {
	margin-top: 2.5%;
	padding: 2.5%;
	width: 50%;
}

.course-list-2-btn span {
    padding-left: 7.5vw;
}

.single img {
	width: 100%;
}

.single.topics-page img {
	max-width: 100%;
	width: 100%;
}

.flow-list {
	margin-bottom: 10%;
}

.flow-list li {
	float: none;
	font-size: 5vw;
	line-height: 7vw;
	margin-right: 0;
	margin-bottom: 15%;
	width: 100%;
}

.flow-list li:last-child {
	margin-bottom: 0;
}

.flow-list li::after {
    font-size: 10vw;
    line-height: 10vw;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 110%;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    width: 10vw;
}



ul.pickbox{
	margin: 0% auto;
	width: 95%;
}

ul.pickbox li{
	float: none;
	width: 100%;
}

ul.pickbox li a {
    display: block;
    width: 95%;
    height: auto;
    border: 1px solid #e54970;
    border-radius: 10px;
    background: #f7a2b7;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    padding: 2.5%;
    color: #fff;
    float: left;
    margin: 1.25% auto;
}


/*----------------------------------
検索結果ページ
----------------------------------*/

.search-list li {
	padding: 2.5% 2.5%;
}

.search-page input[type="text"] {
    box-sizing: border-box;
    border: 1px solid #000;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    font-size: 18px;
    line-height: 28px;
    padding: 0 10px;
    width: 320px;
    -webkit-appearance: none;
}

.search-page input[type="text"],
.search-page input[type="image"] {
    float: left;
}

.pager .wp-pagenavi {
	margin: 5% 0 2.5%;
}

.pager .wp-pagenavi a,
.pager .wp-pagenavi span {
	font-size: 18px !important;
	line-height: 28px !important;
    height: 40px !important;
    padding: 3px 5px 6px 5px !important;
    text-decoration: none !important;
    width: 40px !important;
}

/*----------------------------------
学内行事・説明会情報
----------------------------------*/

.newslist-list li {
	min-height: auto !important;
	padding: 2.5% 0;
}

.newslist-cate {
	font-size: 5vw;
    line-height: 7vw;
    left: 0;
    position: relative;
    top: 0;
	transform: none;
	-webkit-transform: none;
    width: 35%;
}

.newslist-in-list {
	left: 0;
	position: relative;
	width: 100%;
}

.newslist-in-list a {
	display: inline-block;
}

.newslist-date {
	position: relative;
	right: 0;
    top: 0;
	transform: none;
	-webkit-transform: none;
}

.newslist-mongon {
	font-size: 5vw;
	line-height: 7vw;
	margin-top: 2.5%;
	padding: 0;
}

.newslist3 li {
	padding: 2.5% 0;
}

.newslist3-date {
	float: none;
    margin-right: 0;
    padding-left: 3.5vw;
}

.newslist3-date::before {
    font-size: 5vw;
    line-height: 5vw;
    left: -2%;
    margin-top: 1%;
}

.newslist3-link {
	float: none;
	width: 100%;
}

.newslist3-in:hover {
	text-decoration: underline;
}

/*----------------------------------
200108_追加分bySA
----------------------------------*/
.top-link-bg-title {
    color: #000;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
}

.top-link-bg-text{
	color: #000;
    padding: 0% 0 0 2.5%;
    font-size: 4vw;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
}

p.hojo-text {
    float: none;
    width: 100%;
}

ul.jpn_kagai{
	width: 100%;
}

ul.jpn_kagai li{

}

ul.jpn_kagai li img{
    float: left;
    width: 47.5%;
    padding: 0 2.5% 2.5% 0;
}

ul.jpn_kagai li:nth-child(2n) img{
    padding: 0 0 2.5% 0;
}

.jpn_kagai_right{
	width: 97.5%;
    padding: 0;
}

/*----------------------------------
375px以上
----------------------------------*/

@media (min-width: 375px) {

	.cbc-info.right::before,
	.cbc-info.left::before {
		border-top: 20px solid transparent;
	    border-right: 20px solid transparent;
	    border-bottom: 20px solid #e54970;
	    border-left: 20px solid transparent;
	    margin: -5.5% auto 0;
	}

}

/*----------------------------------
568px以上
----------------------------------*/

@media (min-width: 568px) {

	body {
		font-size: 4vw;
		line-height: 6vw;
	}

	.list li {
		margin-left: 7%;
	}

	.top-topics-title {
		margin-top: 15% !important;
	}

	.cbc-info.right::before,
	.cbc-info.left::before {
		border-top: 40px solid transparent;
	    border-right: 40px solid transparent;
	    border-bottom: 40px solid #e54970;
	    border-left: 40px solid transparent;
	    margin: -7% auto 0;
	}

	.shingaku-text {
		font-size: 3.5vw;
		line-height: 5.5vw;
	}

}

/*----------------------------------
667px以上
----------------------------------*/

@media (min-width: 667px) {

	.cbc-info.right::before,
	.cbc-info.left::before {
		border-top: 40px solid transparent;
	    border-right: 40px solid transparent;
	    border-bottom: 40px solid #e54970;
	    border-left: 40px solid transparent;
	    margin: -6.25% auto 0;
	}

}

.lh36{
	line-height: initial !important;
}

.procedure-info h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}

.procedure-info-in {
    font-size: 16px;
}