@charset "utf-8";
.wrapper,
.main_inner,
main {
width: 100%;
max-width:100%;
padding-bottom: 0px;
}
.titleBg {
background-image: none;
height: 10%;
background-color: #ccc;
margin-bottom: 90px;
}
.titleBg_inner {
max-width: 100%;
margin: 0 auto;
position: static;
}
.titleBox {
display: none;
}
.pankuzu {
display: none;
}
#top-slide{
position:relative;
padding:100px 0 80px ;
text-align:center;
}
#top-slide ul,
#top-slide ul li{
	margin:1em auto 0;
}
#top-slide ul li{
padding-bottom:12px;
background:#fff;
/*box-shadow:0 0 5px rgba(0,0,0,.1);*/
}
#top-slide ul li p{
	margin-top:.7em;
}

#top-slide .slick-slide{
	margin:20px 0 0;
	-webkit-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}

#top-slide .slick-slide:not(.slick-center){
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
position: absolute;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
bottom: -35px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: #ccc;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 20px;
line-height: 25px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #0B2A4B;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Arrow */
#top-slide .prev-arrow {
font-size: 3.0em;
color: #fff;
position: absolute;
top: 50%;
left: 21%;
margin: 0;
padding: 0;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
z-index: 100;
}
#top-slide .next-arrow {
font-size: 3.0em;
color: #fff;
position: absolute;
top: 50%;
right: 21%;
margin: 0;
padding: 0;
line-height: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
z-index: 100;
}


.linkBox_body {
max-width: 1280px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 70px;
}

.main_inner h2 {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.3em;
text-align: center;
line-height: 100%;
padding-bottom: 10px;
border-bottom: solid 4px #0B2A4B;
margin-bottom: 30px;
}
.main_inner h3 {
font-size: 2.2rem;
font-weight: 700;
letter-spacing: 0.3em;
text-align: center;
line-height: 100%;
padding-bottom: 10px;
border-bottom: solid 4px #ccc;
margin-bottom: 30px;
}

.box {
max-width: 600px;
width: 100%;
height: 300px;

}
.box a {
text-decoration: none;
color: #fff;
}
.imgBox {
max-width: 600px;
width: 100%;
height: 300px;
position: relative;
}
.box01 {
background-image: url("../img/img01.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.box02 {
background-image: url("../img/img02.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.linkTitle {
font-family: 'Fjalla One', sans-serif;
font-size: 4.0rem;
line-height: 100%;
color: #fff;
letter-spacing: 0.15em;
text-align: center;
padding-top: 130px;
}

.imgBox:hover {
opacity: 0.8;
}
main h4 {
color: #0B2A4B;
font-size: 4.5rem;
line-height: 100%;
margin-bottom: 10px;
text-align: center;
letter-spacing: 0.05em;
font-family: brandon-grotesque, sans-serif;
font-style: normal;
font-weight: 700;
}
.subT {
font-size: 1.4rem;
letter-spacing: 0.2em;
text-align: center;
}
.news_body {
max-width: 980px;
width: 100%;
margin: 50px auto 100px;
}
.newsBox {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
padding: 20px 0;
border-bottom: solid 1px #E8E8E8;
}
.date {
font-size: 1.5rem;
font-family: Arial, Helvetica, "sans-serif";
color: #85857F;
display: block;
padding: 0 20px ;
}
.category {
font-size: 1.3rem;
padding: 7px 25px 5px ;
border: solid 1px #30437C;
color: #304379;
text-align: center;
display: block;
border-radius: 5px;
line-height: 100%;
white-space: nowrap;
}
.newsTitle {
font-size: 1.6rem;
display: block;
padding-left: 35px;
}
.newsTitle a {
text-decoration: none;
color: #202020;
}
.newsTitle a:hover {
text-decoration: underline;
color: #084E87;
}
.Btn-Icon{
position: absolute;
top: 50%;
right: 10px;/*右からの距離*/
width: 13px;/*アイコンの横幅指定*/
transform: translateY(-50%);/*この指定で上下中央に*/
}
.Btn {
position: relative;
background-color: #0B2A4B;
border-radius: 3px;
color: #fff;
display: block;
width: 420px;/*ボタンの横幅指定*/
padding: 10px 50px;/*上下余白指定*/
text-align: center;/*テキスト中央寄せ*/
}
.Btn-Icon {
position: absolute;
color: #fff;
top: 50%;
right: 15px;/*右からの距離*/
width: 10px;/*アイコンの横幅指定*/
transform: translateY(-50%);/*この指定で上下中央に*/
}
.linkBox {
width: 420px;
margin: 50px auto 50px ;
}
.linkBox a {
text-decoration: none;
}
.linkBox:hover {
opacity: 0.9;
}
.location {
width: 100%;
background-color: #F5F5F5;
padding: 100px 0 0px;
border-top: solid 1px #E6E6E6;
border-bottom: solid 1px #E6E6E6;
}
.location_inner {
max-width: 1260px;
width: 100%;
margin: 0 auto;
}
.imgL {
max-width:630px;
width: auto;
margin-bottom: 1px;
}
.lmgL_right {
max-width:628px;
width: auto;
margin-left: 1px;
margin-top: 1px;
}
.imgL img,
.lmgL_right img,
.loSet img {
width: 100%;
}
.loSet {
display: flex;
align-items: center;
justify-content: flex-end
}
.loSet li {
margin-right: 1px;
}
.locationBox{
width: 50%;
}
.locationBox a:hover {
opacity: 0.8;
}
.location_body {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 70px;
margin-bottom: 100px
}
.works {
max-width: 1280px;
margin: 0 auto;
width: 100%;
padding-top: 90px;
padding-bottom: 50px;
}
.workBox {
max-width: 300px;
width:100%;
}
.worksImg {
margin-bottom: 15px;
}
.worksImg a:hover {
opacity: 0.8;
}
.worksImg img {
width: 100%;
}
.worksTitle {
font-size: 1.6rem;
font-weight: bold;
letter-spacing: 0.2em;
line-height: 100%;
margin-bottom: 5px;
padding-left: 10px;
}
.workBox dd {
font-size: 1.3rem;
color:#999;
padding-left: 10px;
}
.works_inner {
display: flex;
align-items: center;
justify-content: space-between;
/*flex-wrap: wrap;*/
padding: 70px 0 30px
}



/*スマートフォン*/

@media all and (max-width : 767px ){
.titleBg {
height: 30%;
background-color: #ccc;
margin-bottom: 30px;
}

#top-slide{
position:relative;
padding:35px 0 20px ;
text-align:center;
}

#top-slide ul li p{
	margin-top:.7em;
	font-size: 1.0rem;
}

/* Arrow */
#top-slide .prev-arrow {
font-size: 2.4em;
color: #fff;
position: absolute;
top: 45%;
left: 0%;
margin: 0;
padding: 0;
line-height: 1;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
cursor: pointer;
z-index: 100;
}
#top-slide .next-arrow {
font-size: 2.4em;
color: #fff;
position: absolute;
top: 45%;
right: 0%;
margin: 0;
padding: 0;
line-height: 1;
-webkit-transform: translateY(-45%);
transform: translateY(-45%);
cursor: pointer;
z-index: 100;
}

.linkBox_body {
max-width: 95%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.box {
margin-right: 1px;
}
.linkTitle {
font-size: 3.0rem;
padding-top: 130px;
}
main h4 {
color: #0B2A4B;
font-size: 2.0rem;
line-height: 100%;
margin-bottom: 10px;
text-align: center;
letter-spacing: 0.05em;
font-family: brandon-grotesque, sans-serif;
font-style: normal;
font-weight: 700;
}
.subT {
font-size: 1.1rem;
letter-spacing: 0.2em;
text-align: center;
}
.news_body {
padding: 0 15px;
margin: 10px auto 40px;
}
.newsBox {
display: block;
padding: 20px 0 5px;
}
.date {
font-size: 1.1rem;
padding: 0 10px ;
float: left;
}
.category {
font-size: 1.0rem;
padding: 5px 20px 3px ;
float:left;
}
.newsTitle {
font-size: 1.1rem;
padding-left: 10px;
clear: both;
padding-top: 10px;
}
.Btn {
font-size: 1.1rem;
width: 260px;/*ボタンの横幅指定*/
padding: 10px 50px;/*上下余白指定*/
text-align: center;/*テキスト中央寄せ*/
white-space: nowrap;
}
.linkBox {
width: 260px;
margin: 35px auto 10px ;
}
.location {
padding: 30px 15px 30px;
}
.location_inner {
max-width: 1260px;
width: 100%;
margin: 0 auto;
}
.locationBox{
width: 100%;
margin-bottom: 1px;
}
.location_body {
display: block;
margin-top: 30px;
margin-bottom: 40px
}
.works {
padding: 40px 15px 20px;
}
.workBox {
max-width: 300px;
width:48%;
margin-bottom: 15px;
}
.worksImg {
margin-bottom: 10px;
}
.worksTitle {
font-size: 1.2rem;
margin-bottom: 5px;
padding-left: 5px;
}
.workBox dd {
font-size: 1.1rem;
padding-left: 5px;
}
.works_inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 0 0;
}
}