@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*PCヘッダーメニュー*/

@media(min-width: 960px){
	.page-id-38 .l-header .l-header__inner{
		background: #fff;
    border-radius: 40px;
    margin: 80px auto 0px;
	padding: 10px 48px;
    max-width: 90%;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	}
}

@media screen and (min-width:961px) and ( max-width:1280px) {
	.-series .l-header__inner{
		flex-direction: column;
	}
}

@media screen and (min-width:961px) and ( max-width:1280px) {
	.-series .l-header__logo{
		text-align: center;
		display: block;
		margin-right: 0px;
		font-size: 24px;
		padding-bottom: 20px;
	}
}

@media screen and (min-width:961px) and ( max-width:1280px) {
	.-series-right .c-gnavWrap{
		margin: 0 auto;
	}
}

@media screen and (min-width:961px) and ( max-width:1280px) {
	.c-gnav a::after{
		background: none;
	}
}


.-txt .c-headLogo__link{
	color: #1C7893;
}


/*PCヘッダー*/
@media(min-width: 1280px){
.pc_tti{
	font-size: 1.7vw;
	color: #1C7893;
	}
}

@media(max-width: 960px){
.pc_tti{
	display: block;
	font-size: 24px;
}
	}

@media(max-width: 600px){
.pc_tti{
	display: block;
	font-size: 14px;
    font-weight: 100;
}
	}

.pc_tti a{
	color: #1C7893 !important;
}

/*スマホヘッダー*/

@media(max-width: 600px){
.sp_tti{
	display: block;
	font-size: 5vw;
	padding-top: 3px;
    font-weight: 700;
}
	}

/*PCフッター*/
.fot_flex ul{
		display: flex;
	justify-content: center;
}

ul.navList.flexBox{
}

.headerNavOuter {
    margin-bottom: 3.6rem;
}
.siteIcon {
    justify-content: center;
    align-items: center;
}

@media (min-width: 600px){
.c-widget__title {
    font-size: 24px;
    color: #1C7893;
    text-align: center;
    margin-bottom: 0px;
	}
}

/* フッター1番下*/

.fot_under ul{
	display: flex;
	justify-content: center;
	color: #333;
	font-size: 12px;
	margin-top: 30px;
}

.fot_under li{
	padding: 0px 10px;
	border-left: 1px solid #e1e1e1;
}
@media(max-width: 600px){
	.fot_under li{
	padding: 0px 5px;
	border-left: none;
	}
}

.fot_under_last{
	border-right: 1px solid #e1e1e1;
}

@media(max-width: 600px){
.fot_under_last{
	border-right: none;
	}
}

/* メインビジュアル */

@media (min-width: 600px){
.p-mainVisual__slideTitle {
    font-size: 48px;
    font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}
}
@media (min-width: 600px){
.p-mainVisual__textLayer>.p-blogParts {
    margin: 3em 0 0;
	}
}

@media (min-width: 600px){
.p-mainVisual__textLayer{
	justify-content: end;
	top: auto;
	bottom: 20%;
	}
}

@media screen and (min-width:961px) and ( max-width:1200px) {
	.p-mainVisual__textLayer{
	bottom: 10%;
	}
}

.top_btn{
	max-width: 400px;
	padding: 20px;
	margin: 0 auto;
	border: solid 3px #fff;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	text-align: center;
}

.top_btn a{
	font-size: 20px;
	color: #fff;
}

@media (max-width: 600px){
.top_btn{
	display: none;
	}
}

/*sp TOP*/
@media (max-width: 600px){
	.p-mainVisual__textLayer{
		text-align :left;
		justify-content: end;
		transform: inherit;
		left: 0;
	}
}

@media (max-width: 600px){
.p-mainVisual__slideTitle{
	font-size: 10vw;
	text-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	font-weight: 700;
	}
}

@media (max-width: 600px){
.top_first{
	display: block;
	}
}

@media (max-width: 600px){
	.p-mainVisual__slideTitle br{
	display: none;
	}
}

@media (max-width: 600px){
	.p-mainVisual__slideTitle div{
	display: none;
	}
}

.top_span_text{
	font-size: 18px;
	display: flex;
	align-items: center;
	text-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.top_span_text:before{
	background-color: #fff; 
  content: "";
  height: 2px;
  width: 30px; 
	margin-right: 15px;
}

@media (min-width: 600px){
	.top_span_text{
		display: none;
	}
}

/* ナビゲーション */
ul, li {
    list-style: none;
}
.navItem a {
    display: block;
    padding: 45px 0 0px;
    margin-left: 1rem;
    width: 170px;
    text-align: center;
    font-size: .9rem;
    color: #333;
}

.navItem2 a {
    display: block;
    padding: 0px 0 0px;
    margin-left: 1rem;
    width: 170px;
    text-align: center;
    font-size: .9rem;
    color: #333;
}

/* 擬似要素でテキストを表示 */
.navItem a::before {
	color: #05C7FF;
    display: block;
    margin-top: .5rem;
    font-size: .8rem;
    font-weight: lighter;
}

.navItem2 a::before {
	color: #05C7FF;
    display: block;
    margin-top: .5rem;
    font-size: .8rem;
    font-weight: lighter;
}

.navItemGree a::before {
    content: "Greeting";
}
.navItemRule a::before{
    content: "Rule of law";
}
.navItemBor a::before {
    content: "Board member";
}
.navItemRegi a::before {
    content: "Register";
}
.navItemAlumni a::before {
    content: "Alumni magazine";
}
.navItemAct a::before{
    content: "Activity report";
}
.navItemMem a::before {
    content: "Membership fee";
}
.navItemNews a::before {
    content: "News";
}

/*スマホフッター*/

.footer_h2{
	color: #1c7893;
	font-size: 24px;
}

.nav_sp li{
	border-bottom: 1px solid #f1f1f1;
	padding: 20px 0px;
	color: #333;
}

.size{
	font-size: 1.8rem;
	margin-top: -10px;
}

.nav_1::before{
	content: "Greeting";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_2::before{
	content:"Rule of law";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_3::before{
	content:"Bord member";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_4::before{
	content:"Activity report";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_5::before{
	content:"Membership fee";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_6::before{
	content:"News";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_7::before{
	content:"Register";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}
.nav_8::before{
	content:"Alumni magazine";
	color: #05C7FF;
	display: block;
	font-size: 1.7rem;
    font-weight: 700;
}

/*TOP NEWS*/

[class*=page-numbers].current, [class*=page-numbers]:hover{
	background: #05C7FF;
}

.news_box{
	padding: 80px 0px 30px;
}

.news_tti{
    position: relative;
    padding-top: 25px;
}

.news_tti:before{
	content: "News";
	color: #05C7FF;
	display: block;
	font-size: 3rem;
    font-weight: 700;
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

/*TOP活動報告*/

.acti_box{
	padding: 80px 0px 30px;
}

.acti_tti{
    position: relative;
    padding-top: 25px;
}

.acti_tti:before{
	content: "Activity report";
	color: #05C7FF;
	display: block;
	font-size: 2.5rem;
    font-weight: 700;
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}


/*TOP挨拶*/

.gree_box{
	padding: 80px 0px 30px;
}

.gree_item_right{
	padding-top: 36px;
}

@media (min-width: 960px){
.gree_item_right{
	padding-left: 50px;
	padding-top: 0px;
	}
}

.gree_tti{
    position: relative;
    padding-top: 25px;
}

.gree_tti:before{
	content: "Greeting";
	color: #05C7FF;
	display: block;
	font-size: 2.5rem;
    font-weight: 700;
	position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.gree_p{
	line-height: 2em;
	margin-bottom: 60px;
}

@media(max-width: 960px){
.gree_img{
	max-width: 300px;
	}
}
/*見出しCSS*/

.title_h2{
	border-left: solid 5px #05C7FF;
	padding-left: 10px;
}

/*ボタン*/
.btn_box{
	text-align: center;
	margin: 30px 0px 80px;
}

a.btn_01 {
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	padding: 1rem 3rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	color: #27acd9;
	transition: 0.5s;
	font-size: .8rem;
}
a.btn_01:hover {
	color: #fff;
	background: #27acd9;
}