@charset "UTF-8";

/*------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------*/
/* MV */
#mvWrap > #mvSec img { width:100%; }

/* リンク */
#linkWrap { margin-top:85px; }
#linkWrap #linkSec { max-width:1200px; margin:0 auto; }
#linkWrap #linkSec ul { display:flex; justify-content:space-between; }
#linkWrap #linkSec ul li { width:30.8%; position:relative; box-shadow:0px 0px 8px 0px rgba(210, 210, 210, 1); }
#linkWrap #linkSec ul li a { display:block; padding:70px 35px 45px; }
#linkWrap #linkSec ul li a img { width:110px; position:absolute; top:-50px; left:50%; transform:translateX(-50%); }
#linkWrap #linkSec ul li a h2 span { display:block; text-align:center; letter-spacing:0.1em; }
#linkWrap #linkSec ul li a h2 span:nth-child(1) { font-weight: 500; }
#linkWrap #linkSec ul li a h2 span:nth-child(2) { font-size:42%; color:var(--color-primary); margin-top:7px; letter-spacing:0.2em; }
#linkWrap #linkSec ul li a h2 + p { margin-top:15px; font-size:113%; line-height:1.8; }
#linkWrap #linkSec ul li a .linkSec { margin-top:30px; padding-top:15px; border-top:1px solid #d6d6d6; }
#linkWrap #linkSec ul li a .linkSec p { font-size:88%; text-align:center; position:relative; color:var(--color-primary); }
#linkWrap #linkSec ul li a .linkSec p::after { content:''; margin:auto; position:absolute; top:0; bottom:0; right:0; width:8px; height:8px; border-top:1px solid var(--color-primary); border-right:1px solid var(--color-primary); transform:rotate(45deg); }

/* お知らせ */
#newsWrap { margin:70px 0; }
#newsWrap #newsSec { max-width:1200px; margin:0 auto; display:flex; justify-content:space-between; }
#newsWrap #newsSec h2 { width:160px; }
#newsWrap #newsSec h2 > span { display:block; }
#newsWrap #newsSec h2 > span:nth-child(1) { font-size:200%; font-weight: 400; line-height:1; display:inline-block; background:linear-gradient(90deg, rgb(7, 95, 175), rgb(13, 162, 178)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; font-family:'Noto Sans JP'; }
#newsWrap #newsSec h2 > span:nth-child(2) { font-size:75%; font-weight: 400; line-height:1; margin-top:10px; letter-spacing:0.2em; }

#newsWrap #newsSec ul { flex:1; margin-left:30px; }
#newsWrap #newsSec ul li:first-child { border-top:2px dotted #d6d6d6; }
#newsWrap #newsSec ul li { border-bottom:2px dotted #d6d6d6; }
#newsWrap #newsSec ul li > a,
#newsWrap #newsSec ul li > span { display:flex; padding:33px 0; transition:color 0.2s ease-out; }
#newsWrap #newsSec ul li > a:hover { text-decoration:none; color:var(--color-primary); }
#newsWrap #newsSec ul li > * > span { display:block; }
#newsWrap #newsSec ul li > * > span:nth-child(1) { width:7em; color:var(--color-primary); }
#newsWrap #newsSec ul li > * > span:nth-child(2) { flex:1; letter-spacing:0.1em; }

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

#linkWrap #linkSec { width:94%; }
#newsWrap #newsSec { width:94%; }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ■タブレット用CSS■
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){

/*------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------*/
/* リンク */
#linkWrap { margin-top:7vw; }
/* #linkWrap #linkSec { width:94%; } */
#linkWrap #linkSec ul li a { padding:6.5vw 3.5vw 4vw; }
#linkWrap #linkSec ul li a img { width:9vw; top:-4.5vw; }
#linkWrap #linkSec ul li a h2 span:nth-child(2) { margin-top:0.5vw; }
#linkWrap #linkSec ul li a h2 + p { margin-top:2vw; }
#linkWrap #linkSec ul li a .linkSec { margin-top:2.5vw; padding-top:1.5vw; }
#linkWrap #linkSec ul li a .linkSec p::after { width:0.7vw; height:0.7vw; }

/* お知らせ */
#newsWrap { margin:6vw 0; }
/* #newsWrap #newsSec { width:94%; } */
#newsWrap #newsSec h2 { width:auto; }
#newsWrap #newsSec h2 > span:nth-child(2) { margin-top:1vw; }
#newsWrap #newsSec ul { margin-left:4vw; }
#newsWrap #newsSec ul li > a,
#newsWrap #newsSec ul li > span { padding:3vw 0; }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ■スマートフォン用CSS■
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:750px){

/*------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------*/

/* リンク */
#linkWrap #linkSec { width:90%; }
#linkWrap #linkSec ul { display:block; margin-top:20vw; }
#linkWrap #linkSec ul li { width:100%; margin-top:17vw; }
#linkWrap #linkSec ul li:first-child { margin-top:0; }
#linkWrap #linkSec ul li a { padding:17vw 8.5vw 8vw; }
#linkWrap #linkSec ul li a img { width:26vw; top:-12vw; }
#linkWrap #linkSec ul li a h2 span:nth-child(2) { margin-top:1.5vw; font-size:3vw; }
#linkWrap #linkSec ul li a h2 + p { margin-top:4vw; }
#linkWrap #linkSec ul li a .linkSec { margin-top:6vw; padding-top:4vw; }
#linkWrap #linkSec ul li a .linkSec p::after { width:2vw; height:2vw; }

/* お知らせ */
#newsWrap { margin:15vw 0 12vw; }
#newsWrap #newsSec { width:90%; display:block; }
#newsWrap #newsSec h2 { width:100%; text-align:center; }
	#newsWrap #newsSec h2 > span:nth-child(1) { font-size:8.5vw; }
	#newsWrap #newsSec h2 > span:nth-child(2) { margin-top: 0.1vw }

#newsWrap #newsSec ul { margin-top:5vw; }
#newsWrap #newsSec ul li > * > span:nth-child(1) { width:6em; }
#newsWrap #newsSec ul li > a,
#newsWrap #newsSec ul li > span { padding:6vw 0; }

}