@charset "utf-8";
  /*
@media (min-width: 768px) {
}
@media (min-width: 960px) {
}
@media (max-width: 767px) {
}
*/

  body {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    font-family: "游ゴシック", YuGothic, "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #000;
    width: 100%;
    height: 100%;
    position: relative;
		min-width: 1300px;
    /*
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  */
  }

@media (max-width: 750px) {
body {
  font-size: 12px;
	min-width: auto;
 }
}

  article, aside, figure, footer, header, hgroup, nav, section {
    display: block;
  }

  h1, h2, h3, h4, h5, h6, p, th, td, address, small, i {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
  }

  ol, ul, dl, dt, dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  img, object, embed {
    border: 0;
    vertical-align: bottom;
  }

  img {
    max-width: 100%;
  }

  table {
    border-spacing: 0;
    border-collapse: collapse;
  }

  th {
    text-align: left;
  }

  a {
    color: white;
    text-decoration: underline;
  }

  a:hover {
    color: white;
    text-decoration: none;
  }

  @media screen and (min-width: 751px) {
    a {
      box-shadow: 0 0 1px transparent;
      transition-duration: 0.3s;
    }
    a:hover {
      opacity: 0.5;
    }
    a img {
      -webkit-transition: 0.3s;
    }
  }

  .pc-s {
    display: block !important;
  }

  .sp-s {
    display: none !important;
  }

  @media (max-width: 750px) {
    .pc-s {
      display: none !important;
    }
    .sp-s {
      display: block !important;
    }
    img {
      width: 100%;
    }
  }

  .clearfix {
    min-height: 1px;
  }

  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
	*::-moz-selection {
	background:#e8f1f8;
	color:#000;
	}
	*::selection {
		background: #e8f1f8;
		color: #000;
	}
#menu {
    display: none;
  }
.slicknav_menu {
    display: none;
  }
@media (max-width: 750px) {
    .slicknav_menu {
      display: block;
    }
  }
header{
max-width: 1160px;
margin: auto;
padding:25px 0 0;
position: relative;
}
@media (max-width: 750px) {
header{
padding:4em 1em 0;
 }
}

header .site-logo{
margin-bottom:35px;
}
@media (max-width: 750px) {
header .site-logo{
width: 40vw;
margin-bottom: 4em;
 }
}

header .fb-area{
position: absolute;
right: 0;
top: 50px;
}
@media (max-width: 750px) {
header .fb-area{
right: 2em;
top: 7.2em;
 }
}

header .g-nav{
display: flex;
justify-content: space-between;
}
@media (max-width: 750px) {
header .g-nav{
display:none;
 }
}
header .g-nav a{
display: block;
border-right: 1px solid black;
padding: 5px 75px;
text-decoration: none;
color: black;
}
header .g-nav a:first-child{
border-left: 1px solid black;
}
.cont-title{
text-align: center;
margin-bottom:80px;
}
@media (max-width: 750px) {
.cont-title{
margin-bottom:9%;
 }
}

.item_list li .caption{ 
display: none; 
}
.item_list li:hover .caption { 
display: block; 
font-size: 16px; 
text-align: left; 
color: #fff; 
position: absolute; 
left: 20px; 
top: 30px; 
-webkit-transition: all 0.6s ease; 
transition: all 0.6s ease;
opacity: 1;
font-weight: normal;
}
@media (max-width: 750px) {
.item_list li:hover .caption { 
font-size: 12px; 
left: 5px; 
top: 10px; 
 }
}

.item_list li a:hover{
opacity: 1;
}
.item_list li .mask { 
width: 100%; 
height: 100%; 
box-sizing: border-box; 
padding: 0 10px 10px 20px ; 
position: absolute; 
bottom: 0; 
left: 0; 
opacity: 0; 
background-color: rgba(0,0,0,0.6); 
-webkit-transition: all 0.6s ease; 
transition: all 0.6s ease;
}
@media (max-width: 750px) {
.item_list li .mask { 
padding: 0 5px 5px 10px ; 
 }
}

.item_list li:hover .mask { 
opacity: 1;/* padding-top: 205px;*/ 
cursor: pointer;
}
.item_list li.last{
background:#640000;
padding:40px 30px;
box-sizing: border-box;
color: white;
font-family: 'Garamond', 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'メイリオ', Meiryo, serif;
font-size: 18px;
letter-spacing: -1px;
line-height: 2;
text-align: center;
}
@media (max-width: 750px) {
.item_list li.last{
padding:0;
 }
}

.item_list li.last a{
display: block;
border: 2px solid white;
border-radius:40px;
padding:13px 0 10px;
font-size: 16px;
font-family:"游ゴシック", YuGothic, "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
text-decoration: none;
color: white;
line-height: 1;
margin-top: 10px;
position: relative;
z-index: 3;
}
@media (max-width: 750px) {
.item_list li.last a{
border:0;
border-radius:0;
padding:0;
margin-top:0;
 }
}

.item_list li.last a::before,
.item_list li.last a::after {
  position: absolute;
  z-index: 2;
  display: block;
  content: '';
}
.item_list li.last a,
.item_list li.last a::before,
.item_list li.last a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.item_list li.last a:hover {
  background-color: #fff;
  border-color: white;
  color: #640000;
	border-radius:40px; 
	opacity: 1;
}
.item_list li.last a::before,
.item_list li.last a::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: none;
}
.item_list li.last a::before {
  right: 0;
}
.item_list li.last a::after {
  left: 0;
}
.item_list li.last a:hover::before,
.item_list li.last a:hover::after {
  width: 0;
  background-color: white;
	border-radius:40px;
}
footer{
background: #e8ddcd;
margin-top: 95px;
}
@media (max-width: 750px) {
footer{
margin-top: 10%;
 }
}
footer .inner{
max-width: 1294px;
margin: auto;
padding: 65px 0 45px;
}
@media (max-width: 750px) {
footer .inner{
padding: 6% 0 10%;
 }
}
footer .inner .f-nav{
float: left;
max-width:645px;
}
@media (max-width: 750px) {
footer .inner .f-nav{
display: none;
 }
}

footer .inner .f-nav li{
float: left;
width:645px;
padding-bottom: 15px;
margin-bottom: 25px;
border-bottom: 1px solid black;
}
footer .inner .f-nav li a{
text-decoration: none;
color: black;
 }
footer .inner .coimpany-profile{
padding-top: 100px;
max-width: 370px;
float: right;
line-height: 1.8;
}
@media (max-width: 750px) {
footer .inner .coimpany-profile{
padding-top: 0;
max-width: 100%;
float: none;
line-height: 1.8;
position: relative;
 }
}

footer .inner .coimpany-profile h3{ 
text-align: center;
margin-bottom:55px;
}
@media (max-width: 750px) {
footer .inner .coimpany-profile h3{ 
margin-bottom:0;
text-align: left;
position: absolute;
right:5%;
bottom: 5px;
 }
footer .inner .coimpany-profile h3 img{ 
width: 80px;
height:auto;
 }
}

footer .inner .coimpany-profile h3 + p{
font-size: 16px;
}
@media (max-width: 750px) {
footer .inner .coimpany-profile h3 + p{
font-size: 10px;
font-weight: bold;
padding-left: 5%;
letter-spacing: -0.5px;
 }
}

footer .inner .coimpany-profile small{
font-size: 10px;
padding-left: 1.5em;
}
@media (max-width: 750px) {
footer .inner .coimpany-profile small{
font-size: 8px;
padding-left: 5%;
letter-spacing: -0.5px;

 }
}