@charset 'UTF-8';
.extinfo {
    text-align: center;
    padding: 10px 0;
    background-color: #dc143c;
    color: #fff;
    margin-top: -9px;
font-size: 16px;
}
.extinfo a{
    color: #fff;
}
.side {
display: block;
}

/* kv
--------------------------------------- */

.kv {
position: relative;
max-height: 620px;
padding: 2px 0 8px;
overflow: hidden;
box-sizing: border-box;
}

.kv .bx-wrapper {
position: static;
width: 980px;
box-shadow: none;
border: none;
margin: 0 auto;
}

.kv .bx-viewport {
overflow:inherit !important;
}

.kv .bx-wrapper .bx-pager {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
}

.kv .bx-wrapper .bx-pager.bx-default-pager a {
background: #ccc;
}

.kv .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #666;
}

.kv .bx-wrapper .bx-has-pager{
display: none;
}

.kv .ttl_kv {
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 99;
    margin-left: -460px;
    width: 280px;
}

.kv .ttl_kv img{
    width: 100%;
}

/* bnrLink
--------------------------------------- */

.bnrLink {
max-width: 944px;
margin: 0 auto;
padding: 25px 20px 0;
}

.bnrLink ul {
letter-spacing: -0.5em;
}

.bnrLink ul li {
display: inline-block;
width: 30.72%;
margin: 0 3.92% 0 0;
letter-spacing: 0;
vertical-align: top;
}

.bnrLink ul li:last-child {
margin: 0;
}


/* news
--------------------------------------- */

.news {
border-bottom: 2px dotted #707070;
}

.news .inner {
max-width: 928px;
margin: 0 auto;
padding: 28px 20px 34px;
}

.news h2 {
float: left;
width: 111px;
padding: 35px 0 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
text-align: center;
background: #1f3c88;
}

.news h2 a {
display: block;
margin: 30px 0 0;
color: #fff;
font-size: 12px;
line-height: 1.59;
border-top: 1px solid #fff;
background: url("../img/top/bg_news_01.png") no-repeat;
}

.news ul {
float: left;
width: calc(100% - 141px);
margin: 9px 0 0 30px;
}

.news ul li {
position: relative;
margin: 0 0 14px;
padding: 0 0 0 70px;
}

.news ul li:last-child {
margin: 0;
}

.news ul li .bg01 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #054faf;
}

.news ul li .bg02 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #11af05;
}

.news ul li .bg03 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #af053e;
}

.news ul li a {
font-size: 15px;
}

.news ul li a .date {
display: inline-block;
margin: 0 15px 0 0;
}


/* event
--------------------------------------- */

.event {
max-width: 1120px;
margin: 0 auto;
padding: 45px 0 0;
}

.event h2 {
position: relative;
margin: 0 0 36px;
color: #fff;
font-size: 46px;
text-align: center;
text-shadow:#333 1px 1px 0, #333 -1px -1px 0,#333 -1px 1px 0, #333 1px -1px 0,#333 0px 1px 0, #333  0-1px 0,#333 -1px 0 0, #333 1px 0 0;
}

.event h2 span {
display: block;
margin: -10px 0 0;
color: #333;
font-size: 15px;
text-shadow: none;
}

.event h2:after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
right: 0;
width: 100px;
height: 4px;
margin: 0 auto;
background: #054faf;
}

.event .lead {
margin: 0 0 30px;
font-size: 16px;
text-align: center;
}

.event .tabMenu {
margin: 0 0 35px;
letter-spacing: -0.5em;
text-align: center;
}

.event .tabMenu li {
position: relative;
display: inline-block;
width: 300px;
padding: 6px 0;
color: #fff;
font-size: 18px;
letter-spacing: 0;
vertical-align: top;
background: #c4c4c4;
border-radius: 20px;
}

.event .tabMenu li + li {
margin: 0 0 0 120px;
}

.event .tabMenu li.act {
background: #054faf;
}

.event .tabMenu li:hover {
cursor: pointer;
opacity: 0.7;
}

.event .tabMenu li.act:after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -12px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 12px 0 12px;
border-color: #054faf transparent transparent transparent;
}

.event .tabContent .tabBlock ul {
letter-spacing: -0.5em;
text-align: center;
}

.event .tabContent .tabBlock ul li {
display: inline-block;
width: 200px;
margin: 0 12px 30px;
letter-spacing: 0;
vertical-align: top;
}

.event .tabContent .tabBlock ul li a {
display: block;
text-align: left;
}

.event .tabContent .tabBlock ul li h3 {
display: inline-block;
min-width: 70px;
margin: 8px 0;
padding: 2px 5px;
color: #fff;
font-size: 12px;
text-align: center;
background: #5893d4;
box-sizing: border-box;
}

.event .tabContent .tabBlock ul li h3.cm {
padding: 1px 6px;
font-size: 12px;
background: #f7b633;
}

.event .tabContent .tabBlock ul li .img img {
height: 126px;
}

.event .tabContent .tabBlock ul li .ttl {
max-height: 48px;
font-size: 15px;
overflow: hidden;
}



/* case
--------------------------------------- */

.case {
padding: 65px 0 85px;
}

.case h2 {
position: relative;
margin: 0 0 35px;
color: #fff;
font-size: 46px;
text-align: center;
text-shadow:#333 1px 1px 0, #333 -1px -1px 0,#333 -1px 1px 0, #333 1px -1px 0,#333 0px 1px 0, #333  0-1px 0,#333 -1px 0 0, #333 1px 0 0;
}

.case h2 span {
display: block;
margin: -10px 0 0;
color: #333;
font-size: 15px;
text-shadow: none;
}

.case h2:after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
right: 0;
width: 100px;
height: 4px;
margin: 0 auto;
background: #054faf;
}

.case .lead {
margin: 0 0 23px;
font-size: 16px;
text-align: center;
}

.case .slideBox {
position: relative;
height: 430px;
margin: 0 0 22px;
overflow: hidden;
}

.case .bx-wrapper {
position: static;
width: 700px;
box-shadow: none;
border: none;
margin: 0 auto;
}

.case .bx-viewport {
overflow:inherit !important;
}

.case ul {
white-space:nowrap;
}

.case .bxslider li a {
position: relative;
display: block;
width: 642px;
margin: 0 auto;
overflow: hidden;
}

.case .bxslider li .pos {
position: absolute;
top: 8px;
left: -20px;
width: 83px;
padding: 7px 0 4px;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1;
text-align: center;
background: #f7b633;
transform: rotate(-45deg);
}

.case .bxslider li .txt {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 12px 16px;
color: #fff;
font-size: 18px;
background: rgba(0,0,0,0.52);
box-sizing: border-box;
}

.case .bx-pager {
letter-spacing: -0.5em;
text-align: center;
}

.case .bx-pager a {
position: relative;
display: inline-block;
margin: 0 9px;
letter-spacing: 0;
vertical-align: middle;
}

.case .bx-pager a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 4px solid #aaa;
box-sizing: border-box;
}

.case .bx-pager a.active:after {
border: 4px solid #f7b633;
}

.case .bx-pager a img{
width: 60px;
}

/* point
--------------------------------------- */

.point {
background: #5893d4;
}

.point .inner {
max-width: 1200px;
margin: 0 auto;
padding: 25px 3px 4px;
}

.point h2 {
position: relative;
margin: 0 0 25px;
font-size: 46px;
color: #fff;
font-weight: bold;
line-height: 1;
text-align: center;
}

.point h2 span {
display: block;
margin: 3px 0 0;
color: #f7b633;
font-size: 15px;
font-weight: bold;
}

.point .lead {
margin: 0 0 27px;
color: #fff;
font-size: 18px;
text-align: center;
}

.point .formBox .ctBox01 {
padding: 0 0 25px;
}

.point .formBox .ctBox01 h3 {
position: relative;
width: 236px;
margin: 0 auto 21px;
padding: 4px 0;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
border: 2px solid #fff;
border-radius: 20px;
}

.point .formBox .ctBox01 h3:before {
content: "";
position: absolute;
bottom: -12px;
left: 50%;
margin-left: -16px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 12px 16px 0 16px;
border-color: #5893d4 transparent transparent transparent;
z-index: 2;
}
.point .formBox .ctBox01 h3:after {
content: "";
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -17px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 13px 17px 0 17px;
border-color: #fff transparent transparent transparent;
z-index: 1;
}
.point .formBox .ctBox01 ul {
max-width: 984px;
margin: 0 auto;
text-align: center;
letter-spacing: -0.5em;
}

.point .formBox .ctBox01 ul li {
display: inline-block;
width: 140px;
margin: 0 12px 23px;
letter-spacing: 0;
vertical-align: top;
}

.point .formBox .ctBox01 ul li a {
display: block;
}

.point .formBox .ctBox01 ul li span {
display: block;
padding: 15px 4px 19px;
font-size: 15px;
font-weight: bold;
text-align: center;
background: #fff;
border-radius: 70px;
}

.point .formBox .ctBox01 ul li a:hover {
opacity: 1;
}

.point .formBox .ctBox01 ul li a:hover span {
padding: 11px 0 15px;
background:#f1f1f1;
border: 4px solid #054faf;
}

.point .formBox .ctBox01 ul li span img {
display: block;
margin: 15px auto;
}

.point .formBox .ctBox02 {
float: left;
width: 50%;
padding: 35px 0 14px;
background: #fff;
border-right: 2px solid #5893d4;
box-sizing: border-box;
}

.point .formBox .ctBox02 + .ctBox02 {
float: right;
border-right: none;
border-left: 2px solid #5893d4;
}

.point .formBox .ctBox02 h3 {
position: relative;
margin: 0 0 21px;
color: #1f3c88;
font-size: 24px;
font-weight: bold;
text-align: center;
}

.point .formBox .ctBox02 h3 img {
display: block;
margin: 0 auto 20px;
}

.point .formBox .ctBox02 ul {
letter-spacing: -0.5em;
text-align: center;
}

.point .formBox .ctBox02 ul li {
display: inline-block;
width: 154px;
margin: 0 5px 27px;
letter-spacing: 0;
vertical-align: top;
}

.point .formBox .ctBox02 ul li a {
display: block;
}

.point .formBox .ctBox02 ul li span {
display: block;
padding: 17px 3px;
font-size: 18px;
font-weight: bold;
text-align: center;
background: #fff;
border: 1px solid #707070;
border-radius: 32px;
}

.point .formBox .ctBox02 ul li a:hover {
opacity: 1;
}

.point .formBox .ctBox02 ul li a:hover span {
padding: 14px 0;
background:#f1f1f1;
border: 4px solid #054faf;
}



/* guide
--------------------------------------- */

.guide .inner {
max-width: 1090px;
margin: 0 auto;
padding: 55px 0 40px;
}

.guide h2 {
position: relative;
margin: 0 0 30px;
color: #fff;
font-size: 46px;
text-align: center;
text-shadow:#333 1px 1px 0, #333 -1px -1px 0,#333 -1px 1px 0, #333 1px -1px 0,#333 0px 1px 0, #333  0-1px 0,#333 -1px 0 0, #333 1px 0 0;
}

.guide h2 span {
display: block;
margin: -10px 0 0;
color: #333;
font-size: 15px;
text-shadow: none;
}

.guide h2:after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
right: 0;
width: 100px;
height: 4px;
margin: 0 auto;
background: #054faf;
}

.guide .lead {
margin: 0 0 28px;
font-size: 16px;
text-align: center;
}

.guide .tabMenu {
padding: 0 0 10px;
letter-spacing: -0.5em;
text-align: center;
}

.guide .tabMenu li {
position: relative;
display: inline-block;
width: 150px;
margin: 0 15px 34px;
padding: 6px 0;
color: #fff;
font-size: 18px;
letter-spacing: 0;
vertical-align: top;
background: #aaa;
border-radius: 20px;
}

.guide .tabMenu li.act {
background: #1f3c88;
}

.guide .tabMenu li:hover {
cursor: pointer;
opacity: 0.7;
}

.guide .tabMenu li.act:after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -12px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 12px 0 12px;
border-color: #1f3c88 transparent transparent transparent;
}

.guide .tabContent .tabBlock ul {
margin: 0 5px;
letter-spacing: -0.5em;
}

.guide .tabContent .tabBlock ul li {
display: inline-block;
width: 320px;
margin: 0 20px 47px;
letter-spacing: 0;
vertical-align: top;
}

.guide .tabContent .tabBlock ul li a {
display: block;
}

.guide .tabContent .tabBlock ul li .img {
float: left;
width: 100px;
}

.guide .tabContent .tabBlock ul li .txtBox {
float: right;
width: 210px;
}

.guide .tabContent .tabBlock ul li .txtBox h3 {
font-size: 18px;
font-weight: bold;
}

.guide .tabContent .tabBlock ul li .txtBox p {
font-size: 13px;
}

.guide .tabContent .tabBlock ul li .txtBox p span {
display: block;
color: #5893d4;
font-weight: bold;
}

.guide .bnrBox {
padding: 50px 0 30px;
background: url("../img/top/bg_guide_01.png") no-repeat center center;
background-size: cover;
}

.guide .bnrBox ul {
max-width: 1092px;
margin: 0 auto;
letter-spacing: -0.5em;
text-align: left;
}

.guide .bnrBox ul li {
display: inline-block;
width: 240px;
margin: 0 16px 20px;
letter-spacing: 0;
vertical-align: top;
background: #fff;
border-radius: 10px;
}

.guide .bnrBox ul li a {
position: relative;
display: block;
padding: 38px 0 37px 40px;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.15;
background: #fff url("../img/top/bg_guide_02.png") no-repeat right 4px bottom 4px;
border: 1px solid #707070;
border-radius: 10px;
}

.guide .bnrBox ul li:last-child a {
padding: 26px 0 26px 68px;
text-align: left;
}

.guide .bnrBox ul li a img {
position: absolute;
top: 21px;
left: 14px;
}

.guide .bnrBox ul li:last-child a img {
position: absolute;
top: 21px;
left: 9px;
}


/* column
--------------------------------------- */

.column {
max-width: 1120px;
margin: 0 auto;
padding: 55px 0 70px;
}

.column h2 {
position: relative;
margin: 0 0 32px;
color: #fff;
font-size: 46px;
text-align: center;
text-shadow:#333 1px 1px 0, #333 -1px -1px 0,#333 -1px 1px 0, #333 1px -1px 0,#333 0px 1px 0, #333  0-1px 0,#333 -1px 0 0, #333 1px 0 0;
}

.column h2 span {
display: block;
margin: -10px 0 0;
color: #333;
font-size: 15px;
text-shadow: none;
}

.column h2:after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
right: 0;
width: 100px;
height: 4px;
margin: 0 auto;
background: #054faf;
}

.column .lead {
margin: 0 0 28px;
font-size: 16px;
text-align: center;
}

.column ul {
padding: 0 0 18px;
letter-spacing: -0.5em;
}

.column ul li {
display: inline-block;
width: 259px;
margin: 0 10px 20px;
letter-spacing: 0;
vertical-align: top;
overflow: hidden;
}

.column ul li a {
position: relative;
display: block;
padding: 9px;
border: 1px solid #d2d2d2;
}

.column ul li a .pos {
position: absolute;
top: 8px;
left: -20px;
width: 83px;
padding: 8px 0 5px;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1;
text-align: center;
background: #f7b633;
transform: rotate(-45deg);
}

.column ul li a .bg01 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #E2007D;
}
.column ul li a .bg02 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #D9D900;
}
.column ul li a .bg03 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #019FE8;
}
.column ul li a .bg04 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #910781;
}
.column ul li a .bg05 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #F29700;
}
.column ul li a .bg06 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #009D96;
}
.column ul li a .bg07 {
position: relative;
margin: -6px 0 0;
padding: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 1.75;
text-align: center;
background: #b47142;
}.column ul li h3 {
height: 48px;
margin: 10px 0;
padding: 0 6px;
font-size: 18px;
font-weight: bold;
line-height: 1.34;
overflow: hidden;
box-sizing: border-box;
}

.column ul li .txt {
max-height: 68px;
padding: 0 6px 10px;
font-size: 15px;
line-height: 1.6;
overflow: hidden;
box-sizing: border-box;
}

.column ul li .img {
padding: 0;
}

.column ul li .img img {
height: auto;
}

.column .btn {
width: 312px;
margin: 0 auto;
}

.column .btn a {
display: block;
padding: 8px 0 9px 30px;
font-size: 17px;
font-weight: bold;
text-align: center;
background: #eee url("../img/top/ico_arw_01.png") no-repeat 43px center;
border: 1px solid #c9c9c9;
border-radius: 22px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}


/* insta
--------------------------------------- */

.insta {
margin: 0 0 3px;
background: #1f3c88;
}

.insta .ttlBox {
position: relative;
padding: 12px 0 20px;
color: #fff;
text-align: center;
}

.insta .ttlBox h2 {
display: inline-block;
position: relative;
margin: 0 0 22px;
padding: 0 0 0 45px;
font-size: 36px;
font-weight: bold;
background: url("../img/top/ico_ibsta_01.png") no-repeat left 8px;
}

.insta .ttlBox h2:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100px;
height: 4px;
margin: 0 auto;
background: #f7b633;
}

.insta .ttlBox h2 span {
position: absolute;
top: -36px;
right: -100px;
}

.insta .ttlBox p {
font-size: 15px;
}

.insta .inner {

}



@media screen and (max-width: 1150px) {
.guide .bnrBox ul {
max-width: 546px;
}

}

@media screen and (max-width: 980px) {
.kv .bx-wrapper {
width: 100%;
}
.kv .bx-wrapper li img {
padding: 0 57px;
box-sizing: border-box;
}
}

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

.extinfo {
    text-align: center;
    padding: 6px 0;
    background-color: #dc143c;
    color: #fff;
    margin-top: 0px;
font-size: 16px;
}
/* kv
--------------------------------------- */

.kv {
max-height: 220px;
padding: 0;
}

.kv .bx-wrapper {
width: 100%;
}

.kv .bx-wrapper li img {
padding: 0;
}

.kv .bx-wrapper .bx-pager {
position: absolute;
left: 0;
right: 0;
bottom: 14px;
}

.kv .bx-wrapper .bx-pager.bx-default-pager a {
background: #fff;
}

.kv .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #666;
}

.kv .ttl_kv {
    top: 10px;
    left: 10px;
    width: 130px;
    margin-left: 0;
}

/* bnrLink
--------------------------------------- */

.bnrLink {
width: 89.33%;
margin: 0 auto;
padding: 5% 0;
}

.bnrLink ul li {
display: block;
width: 100%;
margin: 0 0 3%;
text-align: center;
}

/* news
--------------------------------------- */

.news {
border-bottom: 1px solid #707070;
}

.news .inner {
max-width: inherit;
margin: 0 auto;
padding: 0 0 7%;
}

.news h2 {
float: none;
width: 100%;
margin: 0 0 5%;
padding: 0;
color: #fff;
font-size: 14px;
line-height: 1.5;
text-align: center;
}

.news h2 a {
margin: 0;
background: #85b0e0 url("../img/top/bg_news_01.png") no-repeat right bottom;
}

.news ul {
float: none;
width: 89.33%;
margin: 0 auto;
}

.news ul li {
position: relative;
margin: 0 0 4%;
padding: 0;
}

.news ul li:last-child {
margin: 0;
}

.news ul li .bg01 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #054faf;
}

.news ul li .bg02 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #11af05;
}

.news ul li .bg03 {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 0 6px;
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 23px;
background: #af053e;
}

.news ul li a {
font-size: 14px;
}

.news ul li a .date {
display: block;
margin: 0 0 1% 70px;
}


/* event
--------------------------------------- */

.event {
max-width: inherit;
width: 80.8%;
margin: 0 auto;
padding: 10% 0 0;
}

.event h2 {
margin: 0 0 8%;
font-size: 32px;
}

.event h2 span {
margin: -5px 0 0;
font-size: 14px;
}

.event h2:after {
height: 3px;
}

.event .lead {
margin: 0 0 5.5%;
font-size: 14px;
}

.event .tabMenu {
margin: 0 0 8.5%;
}

.event .tabMenu li {
width: 46.2%;
padding: 4px 0;
font-size: 16px;
border-radius: 16px;
}

.event .tabMenu li + li {
margin: 0 0 0 7.6%;
}

.event .tabMenu li:hover {
opacity: 1;
}

.event .tabMenu li.act:after {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
margin-left: -8px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 16px 8px 0 8px;
border-color: #054faf transparent transparent transparent;
}

.event .tabContent .tabBlock ul li {
display: block;
width: 100%;
margin: 0 0 5%;
letter-spacing: -0.5em;
}

.event .tabContent .tabBlock ul li .img {
display: inline-block;
width: 36.3%;
margin: 0 4% 0 0;
letter-spacing: 0;
vertical-align: top;
}

.event .tabContent .tabBlock ul li .img img {
height: auto;
}

.event .tabContent .tabBlock ul li .txtBox {
display: inline-block;
width: 58.7%;
letter-spacing: 0;
vertical-align: top;
text-align: left;
}

.event .tabContent .tabBlock ul li h3 {
display: inline-block;
margin: 0 0 3%;
padding: 2px 6px;
color: #fff;
font-size: 14px;
}

.event .tabContent .tabBlock ul li h3.cm {
    padding: 1px 4px;
    font-size: 13px;
    background: #f7b633;
}

.event .tabContent .tabBlock ul li .ttl {
font-size: 16px;
line-height: 1.4;
font-weight: bold;
}



/* case
--------------------------------------- */

.case {
padding: 11% 0 12.5%;
}

.case h2 {
margin: 0 0 5.5%;
font-size: 32px;
}

.case h2 span {
margin: -5px 0 0;
font-size: 14px;
}

.case h2:after {
height: 3px;
}

.case .lead {
margin: 0 0 4%;
font-size: 14px;
text-align: center;
}

.case .slideBox {
height: 200px;
margin: 0 0 2%;
}

.case .bx-wrapper {
width: 307px;
}

.case .bxslider li a {
width: 289px;
}

.case .bxslider li .pos {
padding: 5px 0;
font-size: 12px;
}

.case .bxslider li .txt {
padding: 5px;
font-size: 14px;
line-height: 1.36;
text-align: center;
}

.case .bx-pager a {
position: relative;
display: inline-block;
width: 7.47%;
margin: 0 1.34%;
letter-spacing: 0;
vertical-align: middle;
}

.case .bx-pager a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #aaa;
box-sizing: border-box;
}

.case .bx-pager a.active:after {
border: 2px solid #f7b633;
}


/* point
--------------------------------------- */

.point .inner {
max-width: inherit;
padding: 7% 0;
}

.point h2 {
margin: 0 0 5.5%;
font-size: 28px;
}

.point h2 span {
font-size: 14px;
}

.point h2:after {
height: 3px;
}

.point .lead {
margin: 0 0 4%;
font-size: 14px;
text-align: center;
}

.point .formBox .ctBox01 {
width: 84%;
margin: 0 auto;
padding: 0 0 6%;
}

.point .formBox .ctBox01 h3 {
width: auto;
margin: 0 0 7%;
padding: 3px 0;
font-size: 16px;
}

.point .formBox .ctBox01 ul li {
width: 47.6%;
margin: 0 4.8% 2% 0;
text-align: left;
}

.point .formBox .ctBox01 ul li:nth-child(2n) {
margin: 0 0 2%;
}

.point .formBox .ctBox01 ul li a {
display: block;
position: relative;
}

.point .formBox .ctBox01 ul li a span {
display: block;
padding: 9px 2px 9px 22px;
font-size: 14px;
font-weight: bold;
}

.point .formBox .ctBox01 ul li a:hover span {
padding: 7px 0 7px 20px;
border: 2px solid #054faf;
}

.point .formBox .ctBox01 ul li span img {
position: absolute;
top: 9px;
left: 5px;
width: 19%;
margin: 0;
}

.point .formBox .clearfix {
margin: 0;
}

.point .formBox .ctBox02 {
float: none;
width: 100%;
margin: 0 auto 2px;
padding: 4% 0;
border: none;
}

.point .formBox .ctBox02 + .ctBox02 {
float: none;
border: none;
}

.point .formBox .ctBox02 h3 {
width: auto;
margin: 0 0 5%;
padding: 3px 0;
font-size: 16px;
}

.point .formBox .ctBox02 h3 img {
display: block;
width: 9%;
margin: 0 auto 1%;
}

.point .formBox .ctBox02 ul {
margin: 0;
}

.point .formBox .ctBox02 ul li {
width: 31.7%;
margin: 0 2.45% 0 0;
}

.point .formBox .ctBox02 ul li:nth-child(3) {
margin: 0;
}

.point .formBox .ctBox02 ul li span {
padding: 2px 13px;
font-size: 15px;
line-height: 1.14;
}

.point .formBox .ctBox02 ul li a:hover span {
padding: 1px 12px;
background:#f1f1f1;
border: 2px solid #054faf;
}



/* guide
--------------------------------------- */

.guide .inner {
max-width: inherit;
width: 85.33%;
margin: 0 auto;
padding: 10% 0 7%;
}

.guide h2 {
margin: 0 0 8%;
font-size: 32px;
}

.guide h2 span {
margin: -5px 0 0;
font-size: 14px;
}

.guide h2:after {
width: 100px;
}

.guide .lead {
margin: 0 0 7%;
font-size: 14px;
}

.guide .tabMenu {
padding: 0 0 7%;
letter-spacing: -0.5em;
text-align: center;
}

.guide .tabMenu li {
width: 28.125%;
margin: 0 2% 3%;
padding: 4px 0;
font-size: 16px;
border-radius: 16px;
}

.guide .tabMenu li:hover {
opacity: 1;
}

.guide .tabMenu li.act:after {
display: none;
}

.guide .tabContent .tabBlock ul {
margin: 0;
}

.guide .tabContent .tabBlock ul li {
display: block;
width: auto;
margin: 0 0 6%;
}

.guide .tabContent .tabBlock ul li .img {
float: left;
width: 31.2%;
}

.guide .tabContent .tabBlock ul li .txtBox {
float: right;
width: 65%;
}

.guide .bnrBox {
padding: 4.5% 0 2.5%;
background: #ebebeb;
}

.guide .bnrBox ul {
max-width: inherit;
width: 79.46%;
margin: 0 auto;
}

.guide .bnrBox ul li {
display: block;
width: auto;
margin: 0 0 3%;
}

.guide .bnrBox ul li a {
padding: 12px 0 12px 20px;
font-size: 17px;
line-height: 1.5;
}

.guide .bnrBox ul li:last-child a {
padding: 12px 0 12px 20px;
text-align: center;
}

.guide .bnrBox ul li a img {
top: 4px;
left: 16px;
width: 43px;
}

.guide .bnrBox ul li:last-child a img {
top: 5px;
left: 16px;
}


/* column
--------------------------------------- */

.column {
max-width: inherit;
width: 91.46%;
margin: 0 auto;
padding: 12% 0 16%;
}

.column h2 {
margin: 0 0 7%;
font-size: 32px;
}

.column h2 span {
margin: -5px 0 0;
font-size: 14px;
}

.column h2:after {
height: 3px;
}

.column .lead {
margin: 0 0 7%;
font-size: 14px;
}

.column ul {
padding: 0 0 2%;
}

.column ul li {
display: block;
width: auto;
margin: 0 0 3%;
}

.column ul li a {
padding: 9px;
letter-spacing: -0.5em;
}

.column ul li a .pos {
top: 8px;
left: -24px;
padding: 3px 0;
font-size: 10px;
letter-spacing: 0;
}

.column ul li a .img {
display: inline-block;
overflow: hidden;
width: 23.84%;
letter-spacing: 0;
vertical-align: top;
}

.column ul li a .img img {
max-width: 200%;
height: auto;
margin-left: -50%;
}

.column ul li a .txtBox {
display: inline-block;
width: 71%;
margin: 0 0 0 5.1%;
letter-spacing: 0;
vertical-align: top;
}

.column ul li a .bg01 ,
.column ul li a .bg02 ,
.column ul li a .bg03 ,
.column ul li a .bg04 ,
.column ul li a .bg05 ,
.column ul li a .bg06 ,
.column ul li a .bg07  {
display: inline-block;
margin: 0;
padding: 2px 11px;
font-size: 11px;
line-height: 1;
}

.column ul li h3 {
height: auto;
margin: 0 0 2px;
padding: 0;
font-size: 15px;
font-weight: bold;
line-height: 1.34;
}

.column ul li .txt {
max-height: 60px;
padding: 0;
font-size: 13px;
}

.column ul li .img {
padding: 0;
}

.column .btn {
width: 280px;
margin: 0 auto;
}

.column .btn a {
padding: 10px 0 10px 10px;
font-size: 14px;
border-radius: 22px;
background: #eee url("../img/top/ico_arw_01.png") no-repeat 30px center;
background-size: 20px auto;
}


/* insta
--------------------------------------- */

.insta {
margin: 0 0 2px;
padding: 0;
}

.insta .ttlBox {
padding: 5% 0 3%;
color: #fff;
text-align: center;
}

.insta .ttlBox h2 {
margin: 0 0 3%;
padding: 0 0 0 25px;
font-size: 22px;
background: url("../img/top/ico_ibsta_01.png") no-repeat left 6px;
background-size: 20px auto;
}

.insta .ttlBox h2:after {
width: 100px;
height: 3px;
}

.insta .ttlBox h2 span {
width: 25%;
top: -60px;
right: 0;
}

.insta .ttlBox p {
font-size: 14px;
}

.insta .inner {
height: auto;
padding: 0;
}
}