@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */




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

.pcBr { display: inline-block;}
.spBr { display: none;}

.pc { display: block;}
.sp { display: none;}


/* com
--------------------------------------------*/

.wrap { width: 100%; margin: auto;}
.w100 { width: 100%; margin: auto;}
.w1080 { width: 1080px; margin: auto;}
.w1280 { width: 1280px; margin: auto;}

.comPdTB40 { padding: 40px 0;}
.comPdTB60 { padding: 60px 0;}

.bgColorJunshin1 { background: #E3EEF5;}
.bgColorJunshin2 { background: #448BB9;}

#contents { padding: 120px 0 0;}


/* header
--------------------------------------------*/
header { width: 100%; margin: auto; position: fixed; background: rgba(255,255,255,1); z-index: 100;}
header .header { width: 1280px; height: 120px; margin: auto; position: relative}
header .header h1 { width: 180px; height: 200px; background: #FFF; position: absolute; top: 0; left: -25px; z-index: 10;}
header .header h1 a { width: 180px; height: 200px; display: block; text-align: center; line-height: 200px;}
header .header h1 a img { width: 112px; height: auto;}
header .header h1 a img.imgL { display: inline-block;}
header .header h1 a img.imgS { display: none;}
header .header h2 { position: absolute; left: 200px; font-size: 3.0rem; line-height: 120px; padding: 0;}
header .header nav { width: 670px; margin: 35px auto auto; position: absolute; left: 0; right: 0; top: 0;}
header .header nav ul { list-style: none; display: flex; justify-content: space-between;}
header .header nav ul li {}
header .header nav ul li a { color: #448BB9; display: block; font-size: 1.3rem;}
header .header nav ul li:nth-of-type(1) a::after { content: ""; display: block; margin: auto; width: 42px; height: 42px; background: url(../../other/junshin/images/header/navIcon01.svg) center bottom no-repeat;}
header .header nav ul li:nth-of-type(2) a::after { content: ""; display: block; margin: auto; width: 38px; height: 42px; background: url(../../other/junshin/images/header/navIcon02.svg) center bottom no-repeat;}
header .header nav ul li:nth-of-type(3) a::after { content: ""; display: block; margin: auto; width: 30px; height: 42px; background: url(../../other/junshin/images/header/navIcon03.svg) center bottom no-repeat;}
header .header nav ul li:nth-of-type(4) a::after { content: ""; display: block; margin: auto; width: 36px; height: 42px; background: url(../../other/junshin/images/header/navIcon04.svg) center bottom no-repeat;}
header .header nav ul li:nth-of-type(5) a::after { content: ""; display: block; margin: auto; width: 32px; height: 42px; background: url(../../other/junshin/images/header/navIcon05.svg) center bottom no-repeat;}
header .header nav ul li:nth-of-type(6) a::after { content: ""; display: block; margin: auto; width: 45px; height: 42px; background: url(../../other/junshin/images/header/navIcon06.svg) center bottom no-repeat;}

header .header .headerR { float: right; margin: 10px auto auto;}
header .header .headerR ul { list-style: none; display: flex; justify-content: flex-end; margin: auto auto 20px;}
header .header .headerR ul li { font-size: 1.2rem;}
header .header .headerR ul li::after { content: "/"; margin: 0 3px;}
header .header .headerR ul li:last-child::after { content: "";}
header .header .headerR ul li a { display: inline-block;}
header .header .headerR .txt { text-align: right;}
header .header .headerR .txt .tel { font-family: 'Roboto Condensed', sans-serif; font-size: 4.0rem;}
header .header .headerR .txt .tel:before { font-family: "FontAwesome"; content: "\f095"; font-size: 2.4rem; margin-right: 5px;}
header .header .headerR .txt .address { font-size: 1.2rem;}


header.smaller { width: 100%; margin: auto; position: fixed; background: rgba(255,255,255,0.8); z-index: 100; box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);}
header.smaller .header { width: 1280px; height: 80px; padding: 5px 0; margin: auto; position: relative;}
header.smaller .header h1 { width: 180px; height: 80px; background: none; position: absolute; top: 5px; left: -25px; z-index: 10;}
header.smaller .header h1 a { width: 180px; height: 80px; display: block; text-align: center; line-height: normal;}
header.smaller .header h1 a img { width: auto; height: 80px;}
header.smaller .header h1 a img.imgL { display: none;}
header.smaller .header h1 a img.imgS { display: inline-block;}
header.smaller .header h2 { position: absolute; left: 200px; font-size: 3.0rem; line-height: 80px; padding: 0;}
header.smaller .header nav { width: 670px; margin: 5px auto auto; position: absolute; left: 0; right: 0; top: 0;}
header.smaller .header nav ul { list-style: none; display: flex; justify-content: space-between;}
header.smaller .header nav ul li {}
header.smaller .header nav ul li a { color: #448BB9; display: block; font-size: 1.3rem;}
header.smaller .header nav ul li:nth-of-type(1) a::after { content: ""; display: block; margin: auto; width: 42px; height: 42px; background: url(../../other/junshin/images/header/navIcon01.svg) center bottom no-repeat;}
header.smaller .header nav ul li:nth-of-type(2) a::after { content: ""; display: block; margin: auto; width: 38px; height: 42px; background: url(../../other/junshin/images/header/navIcon02.svg) center bottom no-repeat;}
header.smaller .header nav ul li:nth-of-type(3) a::after { content: ""; display: block; margin: auto; width: 30px; height: 42px; background: url(../../other/junshin/images/header/navIcon03.svg) center bottom no-repeat;}
header.smaller .header nav ul li:nth-of-type(4) a::after { content: ""; display: block; margin: auto; width: 36px; height: 42px; background: url(../../other/junshin/images/header/navIcon04.svg) center bottom no-repeat;}
header.smaller .header nav ul li:nth-of-type(5) a::after { content: ""; display: block; margin: auto; width: 32px; height: 42px; background: url(../../other/junshin/images/header/navIcon05.svg) center bottom no-repeat;}
header.smaller .header nav ul li:nth-of-type(6) a::after { content: ""; display: block; margin: auto; width: 45px; height: 42px; background: url(../../other/junshin/images/header/navIcon06.svg) center bottom no-repeat;}

header.smaller .header .headerR { float: right; margin: 15px auto auto;}
header.smaller .header .headerR ul { display: none;}
header.smaller .header .headerR ul li { font-size: 1.2rem;}
header.smaller .header .headerR ul li::after { content: "/"; margin: 0 3px;}
header.smaller .header .headerR ul li:last-child::after { content: "";}
header.smaller .header .headerR ul li a { display: inline-block;}
header.smaller .header .headerR .txt { text-align: right;}
header.smaller .header .headerR .txt .tel { font-family: 'Roboto Condensed', sans-serif; font-size: 4.0rem;}
header.smaller .header .headerR .txt .tel:before { font-family: "FontAwesome"; content: "\f095"; font-size: 2.4rem; margin-right: 5px;}
header.smaller .header .headerR .txt .address { font-size: 1.2rem;}

header,
header.smaller,
header *,
header.smaller * {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}



/* footer
--------------------------------------------*/
footer {}
footer nav {}
footer nav ul { display: flex; flex-wrap: wrap; justify-content: center; position: relative; padding: 10px 0;}
footer nav ul li {}
footer nav ul li+li:before { position: absolute; display: block; content: ""; top: 50%; height: 14px; margin-top: -7px; border-right: 1px solid #FFF;}
footer nav ul li a { display: block; margin: 0 10px; padding: 0; color: #FFF;}
footer .fotLogo { width: 370px; margin: 50px auto 30px; overflow: hidden;}
footer .fotLogo .fotLogoImg { float: left; width: 55px;}
footer .fotLogo .fotLogoTxt { float: right; width: 290px;}
footer .fotLogo .fotLogoTxt .img { margin-bottom: 10px;}
footer .fotLogo .fotLogoTxt p { font-size: 1.3rem; line-height: 140%;}
footer .cp { font-size: 1.3rem; text-align: center; padding-bottom: 100px;}


#totop { bottom: 20px; display: block; position: fixed; right: 30px; z-index: 2000; width: 54px; height: 54px; border-radius: 5px;}
#totop a { display: block; background: #000; text-align: center; line-height: 54px;}
#totop a i { color: #FFF; font-size: 1.8rem;}




/* グループ枠
--------------------------------------------*/
.linkGroup { display: block; position: relative; font-size: 0.8em; margin: auto auto 60px;}
.linkGroup h2 { position: absolute; top: -30px; left: 0;}
.linkGroup h2 .ttl { background: #448BB9; color: #FFF; padding: 0 25px; height: 30px; line-height: 30px; display: block; position: relative;}
.linkGroup h2 .ttl::after { content: ""; position: absolute; top: 0; right: -30px; width: 0; height: 0; border: 15px solid transparent; border-left: 15px solid #448BB9; border-bottom: 15px solid #448BB9;}
.linkGroup h2 .ttl span { font-size: 0.9em;}
.linkGroup .list5 { margin: auto auto 30px;}
.linkGroup .list5 h3 { text-align: center; margin: auto auto 30px;}
.linkGroup .list5 h3 span { width: 200px; padding: 5px 0; background: #448BB9; color: #FFF; display: inline-block;}
.linkGroup .list5 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list5 ul li { width: 230px; background: #FFF; margin: 0 0 0;}
.linkGroup .list5 ul li a { display: block;}
.linkGroup .list5 ul li a figure { width: 100%; height: auto; overflow: hidden;}
.linkGroup .list5 ul li a:hover figure img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
.linkGroup .list5 ul li a figure img { width: 100%; height: auto;}
.linkGroup .list5 ul li a p { padding: 15px 5px; text-align: center;}

.linkGroup .list2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list2 .boxGroup { width: 525px; margin: 0 0 40px;}
.linkGroup .list2 .boxGroup h3 { text-align: center; margin: auto auto 30px;}
.linkGroup .list2 .boxGroup h3 span { width: 200px; padding: 5px 0; background: #448BB9; color: #FFF; display: inline-block;}
.linkGroup .list2 .boxGroup .boxList2 { background: #FFF; padding: 10px 15px;}
.linkGroup .list2 .boxGroup .boxList2 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; height: 10em;}
.linkGroup .list2 .boxGroup .boxList2 ul li { width: 50%;}
.linkGroup .list2 .boxGroup .boxList2 ul li::before { content: "・";}

.linkGroup .list2 .boxGroup .boxList3 { background: #FFF; padding: 10px 15px;}
.linkGroup .list2 .boxGroup .boxList3 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; height: 4.5em;}
.linkGroup .list2 .boxGroup .boxList3 ul li { width: 33.3333%; align-self: flex-start;}
.linkGroup .list2 .boxGroup .boxList3 ul li::before { content: "・";}

/*.linkGroup .list2 .boxGroup a:hover { text-decoration: underline;}*/


.linkGroup .list1 { background: #448BB9; padding: 10px 15px;}
.linkGroup .list1 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list1 ul li { width: 25%;}
.linkGroup .list1 ul li::before { content: "・"; color: #FFF;}
.linkGroup .list1 ul li a { color: #FFF;}


/* hedImg
--------------------------------------------*/
.hedImg { padding: 20px 0 40px;}
.hedImg h2 { text-align: center; font-size: 4.0rem; letter-spacing: 0.05em; line-height: normal;}
.hedImg p { text-align: center; font-size: 2.0rem; line-height: normal;}


/* pankuzu
--------------------------------------------*/
.pankuzu { display: block; list-style: none; margin: auto; padding: 0; text-align: right;}
.pankuzu li { display: inline-block;}
.pankuzu li a { display: block; position: relative; vertical-align: middle; padding: 0 20px 0 0;}
/*.pankuzu li a:after { content: ">"; display: inline-block; margin: 0 5px;}*/
.pankuzu li a:after { content: ""; vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto; right: 7px; width: 6px; height: 6px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


/* ttl
--------------------------------------------*/
.ttl01 { text-align: center; font-size: 2.4rem; margin: auto auto 50px;}
.ttl01 span { position: relative; display: inline-block;}
.ttl01 span::before { content: ''; position: absolute; bottom: -17px; display: inline-block; width: 40px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #333; border-radius: 2px;}


/* btn
--------------------------------------------*/
.btnC { text-align: center; margin: auto auto 30px;}
.btnL { text-align: left; margin: auto auto 30px;}
.btnR { text-align: right; margin: auto auto 30px;}

.btnC a,
.btnL a,
.btnR a { display: inline-block; padding: 5px 20px; border: solid 1px #448BB9; border-radius: 5px; background: #448BB9; color: #FFF;}






}




/*pcとsp共通*/
/*----------------------------*/
.gridContainer { overflow: hidden;}

.imgSlide { width: 100%; height: 100%; overflow: hidden;}
.imgSlide .imgSlideIn { width: inherit; height: inherit; opacity: 0;}
.isPlay {
animation-name: play;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
position: relative;
opacity: 1 !important;
}
.isPlay:before {
animation-name: maskOut;
animation-duration: .5s;
animation-delay: .5s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(.8,0,.5,1);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 101%;
height: 100%;
background-color: #202020;
}
@keyframes play {
from { transform: translateX(-100%);}
to { transform: translateX(0);}
}
@keyframes maskOut {
from { transform: translateX(0);}
to { transform: translateX(100%);}
}
/*----------------------------------------------------------------------*/







/*sp*/
@media only screen and (max-width: 768px) {


.pcBr { display: none;}
.spBr { display: inline-block;}

.pc { display: none;}
.sp { display: block;}


/* ScrollTop
--------------------------------------------*/
/*#totop { bottom: 30px; display: block; position: fixed; right: 20px; z-index: 2000; width: 45px; }
#totop a { display: block; width: 45px; height: 45px; text-indent: -1000em; overflow: hidden; background: url(../images/com/btn_scroll_top.png) 0 0 no-repeat; background-size: auto auto; background-size: 100% auto; }*/

/* com
--------------------------------------------*/

.wrap { width: 100%; margin: auto;}
.w100 { width: 100%; margin: auto;}
.w1080 { width: 90%; margin: auto;}
.w1280 { width: 96%; margin: auto;}

.comPdTB40 { padding: 3% 0;}
.comPdTB60 { padding: 5% 0;}

.bgColorJunshin1 { background: #E3EEF5;}
.bgColorJunshin2 { background: #448BB9;}

#contents { padding: 80px 0 0;}


/* header
--------------------------------------------*/
header { position: fixed; top: 0; left: 0; width: 100%; padding: 15px 10px; box-sizing: border-box; z-index: 10; background: #FFF; box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2); -moz-box-shadow: 0px 4px 2px -2px rgba(0,0,0,0.2);}
header h1 { width: 50px; height: 50px; display: inline-block;}
header h1 img { width: auto; height: 50px;}
header h2 { display: inline-block;}
/*header h1 a { display: block; height: 50px;}
header h1 a img { width: auto; height: 50px;}*/

header .tel { position: absolute; top: 15px; right: 60px; background: #333; width: 30px; height: 30px; padding: 8px; border-radius: 3px;}
header .tel a { display: block; color: #FFF; position: relative;}
header .tel a:before { font-family: "FontAwesome"; content: "\f095"; font-size: 3.0rem; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}


header .spMenu { position: absolute; top: 15px; right: 10px; background: #333; width: 30px; height: 30px; padding: 8px; border-radius: 3px;}
header .spMenu .menu-trigger,
header .spMenu .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
header .spMenu .menu-trigger { position: relative; width: 30px; height: 30px; }
header .spMenu .menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #FFF; border-radius: 4px; }
header .spMenu .menu-trigger span:nth-of-type(1) { top: 2px; }
header .spMenu .menu-trigger span:nth-of-type(2) { top: 14px; }
header .spMenu .menu-trigger span:nth-of-type(3) { bottom: 2px; }

headerSp .spMenu .menu-trigger span:nth-of-type(2) { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }
headerSp .spMenu .spMenu .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-315deg) scale(.8); transform: translateY(20px) rotate(-315deg) scale(.8); }
headerSp .spMenu .menu-trigger.active span:nth-of-type(2) { width: 60px; height: 60px; background-color: transparent; border: 3px solid #fff; border-radius: 50%; }
headerSp .spMenu .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(315deg) scale(.8); transform: translateY(-20px) rotate(315deg) scale(.8); }



/*----------------------------------------------------

 spMenu

----------------------------------------------------*/
.header-inner { position: fixed; top: 80px; left: 0; bottom: 0; right: 0; background: #003894; z-index: 10000; overflow-y: auto;}
/*.header-inner .spMenuInner { position: fixed; top: 25px; right: 10px;}
.header-inner .spMenuInner p { color: #FFF; font-size: 8px; margin: 30px 0 0; text-align: center;}*/

.menu-trigger,
.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; }
.menu-trigger { position: relative; width: 40px; height: 34px; }
.menu-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #FFF;}
.menu-trigger span:nth-of-type(1) { top: 0; }
.menu-trigger span:nth-of-type(2) { top: 15px; }
.menu-trigger span:nth-of-type(3) { bottom: 0; }
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg); }
.menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; }
.menu-trigger.active span:nth-of-type(3) { top: 110%; -webkit-transform: translateY(-22px) rotate(45deg); transform: translateY(-22px) rotate(45deg); }

@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.header-inner .main { margin: 50px auto auto; max-width: 280px; }
.header-inner .main ul { border-top: solid 1px #FFF; list-style: none; }
.header-inner .main ul li { border-bottom: solid 1px #FFF; margin: 0; padding: 10px; }
.header-inner .main ul li a { color: #FFF; text-decoration: none; display: block; }
.header-inner .main ul li a { display: block; padding: 0 0 0 16px; color: #FFF; vertical-align: middle; text-decoration: none; font-size: 15px; }

.header-inner .group { margin: 50px auto 50px; max-width: 280px;}
.header-inner .group h2 { text-align: center; margin: auto auto 20px; background: #FFF; border-radius: 20px; font-weight: normal;}
.header-inner .group .list { display: none;}
.header-inner .group h3 { text-align: center; color: #FFF; font-weight: normal;}
.header-inner .group h3 span { position: relative; display: inline-block; margin-bottom: 15px;}
.header-inner .group h3 span:before { content: ''; position: absolute; bottom: -7px; display: inline-block; width: 40px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #FFF; border-radius: 2px;}
.header-inner .group ul { margin: auto auto 20px; border-bottom: dotted 1px #FFF; padding: 0 0 20px;}
.header-inner .group ul li { text-align: center; color: #FFF;}
.header-inner .group ul li a { color: #FFF; font-size: 1.4rem;}



/* footer
--------------------------------------------*/
footer {}
footer .fotLogo { width: auto; margin: 50px auto 30px; text-align: center;}
footer .fotLogo .fotLogoImg { float: none; width: 55px; margin: auto auto 2%;}
footer .fotLogo .fotLogoTxt { float: none; width: 290px; margin: auto;}
footer .fotLogo .fotLogoTxt .img { margin-bottom: 10px;}
footer .fotLogo .fotLogoTxt p { font-size: 1.3rem; line-height: 140%;}
footer .cp { font-size: 1.3rem; text-align: center; padding-bottom: 100px;}


#totop { bottom: 20px; display: block; position: fixed; right: 30px; z-index: 2000; width: 40px; height: 40px; border-radius: 5px;}
#totop a { display: block; background: #000; text-align: center; line-height: 40px;}
#totop a i { color: #FFF; font-size: 1.8rem;}




/* グループ枠
--------------------------------------------*/
.linkGroup { display: none; position: relative; font-size: 0.8em; margin: auto auto 60px;}
/*.linkGroup h2 { position: absolute; top: -30px; left: 0;}
.linkGroup h2 .ttl { background: #448BB9; color: #FFF; padding: 0 25px; height: 30px; line-height: 30px; display: block; position: relative;}
.linkGroup h2 .ttl::after { content: ""; position: absolute; top: 0; right: -30px; width: 0; height: 0; border: 15px solid transparent; border-left: 15px solid #448BB9; border-bottom: 15px solid #448BB9;}
.linkGroup h2 .ttl span { font-size: 0.9em;}
.linkGroup .list5 { margin: auto auto 30px;}
.linkGroup .list5 h3 { text-align: center; margin: auto auto 30px;}
.linkGroup .list5 h3 span { width: 200px; padding: 5px 0; background: #448BB9; color: #FFF; display: inline-block;}
.linkGroup .list5 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list5 ul li { width: 192px; background: #FFF; margin: 0 0 0;}
.linkGroup .list5 ul li a { display: block;}
.linkGroup .list5 ul li a figure { width: 100%; height: auto; overflow: hidden;}
.linkGroup .list5 ul li a figure img { width: 100%; height: auto;}
.linkGroup .list5 ul li a p { padding: 15px 5px; text-align: center;}

.linkGroup .list2 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list2 .boxGroup { width: 525px; margin: 0 0 40px;}
.linkGroup .list2 .boxGroup h3 { text-align: center; margin: auto auto 30px;}
.linkGroup .list2 .boxGroup h3 span { width: 200px; padding: 5px 0; background: #448BB9; color: #FFF; display: inline-block;}
.linkGroup .list2 .boxGroup .boxList2 { background: #FFF; padding: 10px 15px;}
.linkGroup .list2 .boxGroup .boxList2 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; height: 10em;}
.linkGroup .list2 .boxGroup .boxList2 ul li { width: 50%;}
.linkGroup .list2 .boxGroup .boxList2 ul li::before { content: "・";}

.linkGroup .list2 .boxGroup .boxList3 { background: #FFF; padding: 10px 15px;}
.linkGroup .list2 .boxGroup .boxList3 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; height: 4.5em;}
.linkGroup .list2 .boxGroup .boxList3 ul li { width: 33.3333%; align-self: flex-start;}
.linkGroup .list2 .boxGroup .boxList3 ul li::before { content: "・";}

.linkGroup .list1 { background: #448BB9; padding: 10px 15px;}
.linkGroup .list1 ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.linkGroup .list1 ul li { width: 25%;}
.linkGroup .list1 ul li::before { content: "・"; color: #FFF;}
.linkGroup .list1 ul li a { color: #FFF;}
*/


/* hedImg
--------------------------------------------*/
.hedImg { padding: 8% 0;}
.hedImg h2 { text-align: center; font-size: 2.4rem; letter-spacing: 0.05em; line-height: normal;}
.hedImg p { text-align: center; font-size: 1.6rem; line-height: normal;}


/* pankuzu
--------------------------------------------*/
.pankuzu { display: none;}
.pankuzu li { display: inline-block;}
.pankuzu li a { display: block; position: relative; vertical-align: middle; padding: 0 20px 0 0;}
/*.pankuzu li a:after { content: ">"; display: inline-block; margin: 0 5px;}*/
.pankuzu li a:after { content: ""; vertical-align: middle; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto; right: 7px; width: 6px; height: 6px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}




/* ttl
--------------------------------------------*/
.ttl01 { text-align: center; font-size: 1.8rem; margin: auto auto 10%;}
.ttl01 span { position: relative; display: inline-block;}
.ttl01 span::before { content: ''; position: absolute; bottom: -17px; display: inline-block; width: 40px; height: 2px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #333; border-radius: 2px;}


/* btn
--------------------------------------------*/
.btnC { text-align: center; margin: 15px auto 30px;}
.btnL { text-align: left; margin: 15px auto 30px;}
.btnR { text-align: right; margin: 15px auto 30px;}

.btnC a,
.btnL a,
.btnR a { display: inline-block; padding: 5px 20px; border: solid 1px #448BB9; border-radius: 5px; background: #448BB9; color: #FFF;}


/* scroll table
--------------------------------------------*/
.scroll {overflow: auto; white-space: nowrap;}
.scroll::-webkit-scrollbar { height: 5px;}
.scroll::-webkit-scrollbar-track { background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
.scroll table { width:100%;}




}