/*
Theme Name: 採用・定着ブランディング
Version: 1.0
Author: RUBBER SOUL
-------------------------------------------------------------- */
@charset "UTF-8";
/* CSS Document */

/* reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
    overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea {
	margin: 0;
	padding: 0;
}
ol, ul{
    list-style:none;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

/* CSS Document */

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

body {
	font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;
	background-color: #fff;
	font-size: 15px;
	color: #231815;
}
@media screen and (max-width : 834px ){
  body {
      font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  }
}

.min {
	font-family:"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","游明朝","YuMincho","Sawarabi Mincho",serif;
}

a {
	color: #0c3050;
	text-decoration: none;
}

a:hover {
	color: #0064b4;
}

.clearfix {
	float: none;
	clear: both;
}

/* リンク画像透過 */
a img.linkimg01 {
	background: none!important;
}
 
a:hover img.linkimg01 {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
	-webkit-transition: all .3s;
	transition: all .3s;
}

html,body {
	height: 100%;
}

#container {
    width: 100%;
    position: relative;
	min-height: 100%;
    height: auto !important;    
    height: 100%;
	overflow: hidden;
}

.animated {
	opacity: 0;
}



/* =======================================
    container
======================================= */
#container.standby #maincontents {
	display: none;
}
#container.standby .fullSlideShow {
	display: block;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
#container.standby .fullSlideShow:after {
	height: 0;
}
#container.active #maincontents {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
#container.active .fullSlideShow {
	display: none;
}
#container #maincontents {
	position: relative;
	display: block;
	opacity: 0;
	-webkit-transform: translateY(40px);
	-moz-transform: translateY(40px);
	-ms-transform: translateY(40px);
	-o-transform: translateY(40px);
	transform: translateY(40px);
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
}
#container .fullSlideShow {
	-webkit-transition: all 400ms ease-in-out 0ms;
	-moz-transition: all 400ms ease-in-out 0ms;
	-ms-transition: all 400ms ease-in-out 0ms;
	-o-transition: all 400ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 400ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	opacity: 0;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}
#container .fullSlideShow:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 600ms ease-in-out 0ms;
	-moz-transition: all 600ms ease-in-out 0ms;
	-ms-transition: all 600ms ease-in-out 0ms;
	-o-transition: all 600ms ease-in-out 0ms;
	transition-property: all;
	transition-duration: 600ms;
	transition-timing-function: ease-in-out;
	transition-delay: 0ms;
	background: #fff;
}

#container.active .txt_menu {
	display: none;
}
#container.active .hambox01 {
	display: none;
}


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

  #container.standby {
  display: block;
  }
  #container.standby #maincontents {
  display: block;
  }
  #container.standby .fullSlideShow {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
  #container #maincontents {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
  #container .fullSlideShow {
  display: block !important;
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }
  #container .fullSlideShow:after {
  display: none !important;
  }

}


/* =======================================
    fullSlideShow
======================================= */
.fullSlideShow {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background-color: #edebdf;
}

.top_catch {
    width: 682px;
    height: 589px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (max-width : 834px ){
  .top_catch {
      width: 60%;
      height: auto;
      position: static;
      margin: 0 auto;
      padding-top: 25%;
  }
}
@media screen and (max-width : 568px ){
  .top_catch {
      width: 100%;
      height: auto;
      position: static;
      margin: 0 auto;
      padding-top: 12%;
  }
}
.top_catch img {
    width: 100%;
    height: auto;
}

/*==========================================
 header
===========================================*/
header {
	width: 100%;
	height: 80px;
	/*background-color: rgba( 255, 255, 255, 0.9 );*/
    background-color: #fff;
    border-bottom: 1px solid #000;
	z-index: 100;
    position: fixed;
}
@media screen and (max-width : 834px ){
  header {
      height: 69px;
      background-color: #fff;
  }
}

.head_logo {
    width: 238px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 10%;
}
@media screen and (max-width : 834px ){
  .head_logo {
      width: 220px;
      height: auto;
      position: absolute;
      top: 15px;
      left: 10%;
  }
}
.head_logo img {
    width: 100%;
}

/* メニューバー固定 */
.fixed {
    position: fixed;
    top: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}

#007,
#006,
#005,
#004,
#003,
#002 {
   margin-top: -200px !important;
   padding-top: 200px !important;
}
@media screen and (max-width : 834px ){
  #007sp,
  #006sp,
  #005,
  #004,
  #003,
  #002 {
     margin-top: -70px;
     padding-top: 70px;
  }
}


/* Bnr
-----------------------------------------*/
.Bnr {
  display: none;
  position: fixed;
}


.menu_box {
  position: fixed;
  width: 320px;
  top: 0;
  right: 7.5%;
}
@media screen and (max-width : 834px ){
  .menu_box {
    width: 30px;
    height: 22px;
    right: 10%;
  }
}

.menu_txt {
    width: 50px;
    height: 10px;
    position: absolute;
    top: 53px;
    right: 8.7%;
}
@media screen and (max-width : 834px ){
  .menu_txt {
      width: 35px;
      height: auto;
      top: 38px;
      left: -5px;
  }
}
.menu_txt img {
    width: 100%;
    height: auto;
}

/* Hamburger */
.menu-open-btn,
.menu-open-btn span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-open-btn {
  width: 44px;
  height: 32px;
  position: absolute;
  top: 18px;
  right: 10%;
}
@media screen and (max-width : 834px ){
  .menu-open-btn {
    width: 30px;
    height: 22px;
    top: 20px;
    right: 10%;
  }
}
.menu-open-btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
}
.menu-open-btn span:nth-of-type(1) { top: 0; }
.menu-open-btn span:nth-of-type(2) { top: 14px; }
.menu-open-btn span:nth-of-type(3) { bottom: 0; }
.menu-open-btn:not(.active):hover span:nth-of-type(1) { top: 4px; }
.menu-open-btn:not(.active):hover span:nth-of-type(3) { bottom: 4px; }
@media screen and (max-width : 834px ){
  .menu-open-btn span:nth-of-type(1) { top: 0; }
  .menu-open-btn span:nth-of-type(2) { top: 9px; }
  .menu-open-btn span:nth-of-type(3) { bottom: 0; }
  .menu-open-btn:not(.active):hover span:nth-of-type(1) { top: 2px; }
  .menu-open-btn:not(.active):hover span:nth-of-type(3) { bottom: 2px; }
}

/* close */
.menu-close-btn,
.menu-close-btn span {
  display: inline-block;
  transition: all .0s;
  box-sizing: border-box;
}
.menu-close-btn {
  width: 44px;
  height: 32px;
  position: absolute;
  top: 18px;
  right: 10%;
}
@media screen and (max-width : 834px ){
  .menu-close-btn {
    width: 30px;
    height: 22px;
    top: 20px;
  }
}
.menu-close-btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  border-radius: 1px;
}
.menu-close-btn:not(.active):hover span:nth-of-type(1) { height: 4px; background-color: #4C4C4C; }
.menu-close-btn:not(.active):hover span:nth-of-type(2) { height: 4px; background-color: #4C4C4C; }
.menu-close-btn span:nth-of-type(1) {
  top: -8px;
  right: 22px;
  -webkit-transform: translateY(22px) rotate(-45deg);
  transform: translateY(22px) rotate(-45deg);
}
.menu-close-btn span:nth-of-type(2) {
  bottom: -8px;
  right: 22px;
  -webkit-transform: translateY(-22px) rotate(45deg);
  transform: translateY(-22px) rotate(45deg);
}
@media screen and (max-width : 834px ){
  .menu-close-btn span:nth-of-type(1) {
    top: -6px;
    right: 15px;
    -webkit-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
  }
  .menu-close-btn span:nth-of-type(2) {
    bottom: -6px;
    right: 15px;
    -webkit-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
  }
}

.menu-nav {
}
.menu-nav a {
  display: block;
}
.menu-nav a:hover {
}

body.is-menu-open #modal-menu {
  opacity: 1;
  pointer-events: auto;
}

body.is-menu-open #content {
  pointer-events: auto;
  /* -webkit-filter: blur(8px);
     -moz-filter: blur(8px);
      -ms-filter: blur(8px);
          filter: blur(8px);
           */
}

body.is-menu-open .menu-nav {
  transform: translateY(0);
}

#modal-menu {
  position: fixed;
  width: 320px;
  height: 600px;
  background-color: #f7f6f2;
  top: 0;
  right: 7.5%;
  opacity: 0;
  transition: opacity .2s ease-out;
  pointer-events: none;
  z-index: 1000;
}
@media screen and (max-width : 834px ){
  #modal-menu {
    width: 100%;
    height: 100%;
    right: 0;
  }
}

.mo_menu_area {
    width: 100%;
    margin: 90px auto 0;
}

ul.mo_list {
    width: 275px;
    margin: 35px auto 0;
    font-size: 14px;
    list-style: none;
}
@media screen and (max-width : 834px ){
  ul.mo_list {
      margin: 20px auto 0;
  }
}
ul.mo_list li { 
    letter-spacing: 0.17em;
    margin-bottom: 25px;
}
@media screen and (max-width : 834px ){
}
ul.mo_list li:before {
    content: "●";
    color: #ddcf7b;
    padding: 0 4px 0 0;
}

ul.mo_list li a {
    font-weight: bold;
  	text-decoration: none;
    color: #1a1a1a;
	position: relative;
	display: inline-block;
	transition: .3s;
}
ul.mo_list li a:hover {
    color: #666;
	transition: .3s;
}
ul.mo_list li a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ddcf7b;
	transition: .3s;
}
ul.mo_list li a:hover::after {
	width: 100%;
}

.mo_txt {
    width: 250px;
    margin: 50px auto 0;
}
.mo_txt img {
    width: 100%;
}

.bt_mo_form {
    width: 251px;
    margin: 5px auto 0;
}
.bt_mo_form img {
    width: 100%;
}

/*==========================================
 footer
===========================================*/

footer {
	width: 100%;
	margin: 0 auto;
    padding: 70px 0 110px;
	bottom: 0;
	position: relative;
    border-top: 1px solid #231815;
}
@media screen and (max-width : 834px ){
  footer {
      padding: 50px 0;
  }
}

.ft_01 {
    width: 238px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .ft_01 {
      width: 40%;
  }
}
@media screen and (max-width : 568px ){
  .ft_01 {
      width: 60%;
  }
}

.ft_01 img {
    width: 100%;
}

ul.ft_list {
    width: 950px;
    margin: 35px auto 0;
    list-style: none;
}
@media screen and (max-width : 834px ){
  ul.ft_list {
      width: 280px;
      margin: 20px auto 0;
  }
}
ul.ft_list li { 
    font-weight: bold;
    padding-left: 1em;
    display: inline-block;
}
@media screen and (max-width : 834px ){
ul.ft_list li { 
    display: block;
    padding: 5px 0;
}
}
ul.ft_list li:before {
    content: "●";
    color: #ddcf7b;
    padding: 0 8px 0 0;
}

ul.ft_list li a {
    font-weight: bold;
  	text-decoration: none;
    color: #1a1a1a;
	position: relative;
	display: inline-block;
	transition: .3s;
}
ul.ft_list li a:hover {
    color: #666;
	transition: .3s;
}
ul.ft_list li a::after {
	position: absolute;
	bottom: 0px;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #ddcf7b;
	transition: .3s;
}
ul.ft_list li a:hover::after {
	width: 100%;
}

.ft_copy {
    width: 263px;
    margin: 20px auto 0;
}
.ft_copy img {
    width: 100%;
}


/*==========================================
 page-top
===========================================*/

.page-top {
	position: fixed;
	bottom: 20px;
    right: 20px;
	z-index: 100;
	display: inline-block;
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	outline: none;
	background-image: url(images/bg_top_btn.png);
	background-size: cover;
	background-color: #838383;
	color: #fff;
}

.page-top::before,
.page-top::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.page-top,
.page-top::before,
.page-top::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.page-top:hover {
	background-color: rgba(131,131,131,0.8);
}



/*====================================================================
.s_05 .accordion_one
====================================================================*/
.s_05 .accordion_one {
	width: 100%;
	margin: 0 auto !important;
    padding: 0 !important;
}

.s_05 .accordion_one .accordion_header {
	text-align: center;
	position: relative;
	cursor: pointer;
	transition-duration: 0.2s;
}

.bt_marg {
    margin-top: -150px !important;
}
@media screen and (max-width : 834px ){
  .bt_marg {
      margin-top: -150px !important;
  }
}

.s_05 .accordion_one .accordion_header:hover {
	opacity: .8;
}

.s_05 .accordion_one .accordion_inner {
	display: none;
    margin-top: 150px;
}
@media screen and (max-width : 834px ){
  .s_05 .accordion_one .accordion_inner {
      margin-top: 100px;
  }
}

.s_05 .accordion_one .accordion_inner .box_one {
	height: 300px;
}
.s_05 .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
}
.s_05 .accordion_one .accordion_inner .closeArea {
	width: 180px;
	margin: 0 auto;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #db0f2f;
	padding: 15px 15px 15px 20px;
	text-decoration: none;
	line-height: 1.3;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	transition-duration: 0.2s;
}
.s_05 .accordion_one:nth-of-type(2) .accordion_inner .closeArea .close_box a.close_btn {
    background-color: #ff9a05;
}
.s_05 .accordion_one:nth-of-type(3) .accordion_inner .closeArea .close_box a.close_btn {
    background-color: #1c85d8;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
	opacity: .8;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 10%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 18px;
	height: 18px;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	transform-origin: center center;
}
.s_05 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
}
@media screen and (max-width: 1024px) {
}

.bt_close {
    width: 203px;
    margin: -150px auto 0;
}
@media screen and (max-width: 568px) {
.bt_close {
    width: 150px;
}
}
.bt_close img {
    width: 100%;
}

/*==========================================
 sec1
===========================================*/
.sec1_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 200px;
    background-image: url("images/sec1_bg.png");
    background-size: 105% 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
@media screen and (max-width : 834px ){
  .sec1_wrap {
      width: 100%;
      background-size: contain;
      background-position: center bottom;
  }
}

.sec1_01 {
    width: 800px;
    margin: 0 auto;
    padding-top: 170px;
}
@media screen and (max-width : 834px ){
  .sec1_01 {
      width: 70%;
      margin: 0 auto;
      padding-top: 50px;
  }
}
@media screen and (max-width : 568px ){
  .sec1_01 {
      width: 90%;
  }
}
.sec1_01 img {
    width: 100%;
}

.sec1_02 {
    width: 769px;
    margin: 0 auto;
}
.sec1_02 img {
    width: 100%;
}

.bt_more {
    width: 208px;
    height: 70px;
    margin: 0 auto;
}
@media screen and (max-width : 568px ){
  .bt_more {
      width: 150px;
      height: auto;
  }
}
.bt_more img {
    width: 100%;
}

.sec1_03 {
    width: 493px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec1_03 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_03 {
      width: 70%;
  }
}
.sec1_03 img {
    width: 100%; 
}

.sec1_box01 {
    width: 880px;
    height: 107px;
    margin: 15px auto 0;
    display: table;
}
@media screen and (max-width : 834px ){
  .sec1_box01 {
      width: 80%;
      height: auto;
      display: block;
  }
}
.sec1_box01 p {
    padding-right: 20px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: -0.03em;
    vertical-align: bottom;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec1_box01 p {
      padding-right: 0;
      display: block;
  }
}
.sec1_04 {
    width: 262px;
    vertical-align: top;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec1_04 {
      margin: 20px auto 0;
      display: block;
  }
}
.sec1_04 img {
    width: 100%;
}

.sec1_box02 {
    width: 880px;
    height: 62px;
    margin: 60px auto 0;
    display: table;
}
@media screen and (max-width : 834px ){
  .sec1_box02 {
      width: 80%;
      height: auto;
      display: block;
  }
}

.sec1_box02 p {
    padding-left: 20px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: -0.03em;
    vertical-align: middle;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec1_box02 p {
      padding-left: 0;
      display: block;
      margin: 15px auto 0;
  }
}

.sec1_05 {
    width: 262px;
    vertical-align: top;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec1_05 {
      width: 50%;
      margin: 20px auto 0;
      display: block;
  }
}
@media screen and (max-width : 568px ){
  .sec1_05 {
      width: 70%;
  }
}
.sec1_05 img {
    width: 100%;
}

.sec1_wrap01 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
    background-image: url("images/sec1_bg01.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;;
}
@media screen and (max-width : 834px ){
  .sec1_wrap01 {
      width: 100%;
      padding-bottom: 80px;
      background-size: contain;
  }
}

.sec1_06 {
    width: 845px;
    margin: 10px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_06 {
      width: 75%;
      margin: 30px auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec1_06 {
      width: 90%;
  }
}
.sec1_06 img {
    width: 100%;
}

.sec1_07 {
    width: 561px;
    margin: 20px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_07 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_07 {
      width: 65%;
  }
}
.sec1_07 img {
    width: 100%;
}

.sec1_box03 {
    width: 880px;
    margin: 90px auto 0;
    display: table;
}
@media screen and (max-width : 834px ){
  .sec1_box03 {
      width: 80%;
      height: auto;
      display: block;
  }
}

.sec1_box03 p {
    padding-left: 20px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: -0.03em;
    vertical-align: middle;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec1_box03 p {
      padding-left: 0;
      display: block;
      margin: 20px auto 0;
  }
}

.sec1_08 {
    width: 253px;
    vertical-align: top;
    display: table;
}
@media screen and (max-width : 834px ){
  .sec1_08 {
      width: 50%;
      display: block;
      margin: 0 auto;
  }
}
@media screen and (max-width : 568px ){
  .sec1_08 {
      width: 70%;
  }
}
.sec1_08 img {
    width: 100%;
}

.sec1_09 {
    width: 809px;
    margin: 30px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_09 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_09 {
      width: 90%;
  }
}
.sec1_09 img {
    width: 100%;
}

.sec1_txt01 {
    width: 695px;
    margin: 15px auto 0;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.09em;
}
@media screen and (max-width : 834px ){
  .sec1_txt01 {
      width: 70%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_txt01 {
      width: 83%;
  }
}

.sec1_wrap02 {
    width: 100%;
    margin: 70px auto 0;
    padding-bottom: 200px;
    background-image: url("images/sec1_bg02.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width : 834px ){
  .sec1_wrap02 {
      width: 100%;
      background-size: contain;
  }
}

.sec1_txt02 {
    width: 537px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec1_txt02 {
      width: 80%;
  }
}
.sec1_txt02 p {
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 15px;
    letter-spacing: -0.1em;
}
.sec1_txt02 img {
    width: 100%;
    vertical-align: bottom;
}

.sec1_10 {
    width: 822px;
    margin: 40px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_10 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_10 {
      width: 90%;
  }
}
.sec1_10 img {
    width: 100%;
}

.sec1_txt03 {
    width: 795px;
    margin: 15px auto 0;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0.09em;
}
@media screen and (max-width : 834px ){
  .sec1_txt03 {
      width: 70%;
      font-size: 70%;
      line-height: 16px;
  }
}
@media screen and (max-width : 568px ){
  .sec1_txt03 {
      width: 83%;
  }
}

.sec1_11 {
    width: 515px;
    margin: 50px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_11 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec1_11 {
      width: 55%;
  }
}
.sec1_11 img {
    width: 100%;
}

.sec1_bt01 {
    width: 736px;
    margin: 65px auto 0;
}
@media screen and (max-width : 834px ){
  .sec1_bt01 {
      width: 55%;
      margin: 30px auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec1_bt01 {
      width: 80%;
  }
}
.sec1_bt01 img {
    width: 100%;
}

/*==========================================
 sec2
===========================================*/
.sec2_wrap01 {
    width: 100%;
    margin: 150px auto 0;
    padding-bottom: 200px;
    background-image: url("images/sec2_bg01.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width : 834px ){
  .sec2_wrap01 {
      width: 100%;
      margin: 100px auto 0;
      background-size: contain;
  }
}

.sec2_01 {
    width: 763px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_01 {
      width: 70%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_01 {
      width: 90%;
  }
}
.sec2_01 img {
    width: 100%;
}

.sec2_wrap02 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;
}
@media screen and (max-width : 834px ){
  .sec2_wrap02 {
      width: 100%;
  }
}

.sec2_02 {
    width: 557px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_02 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_02 {
      width: 90%;
  }
}
.sec2_02 img {
    width: 100%;
}

.sec2_03 {
    width: 875px;
    margin: 70px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_03 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_03 {
      width: 90%;
  }
}
.sec2_03 img {
    width: 100%;
}

.sec2_wrap03 {
    width: 100%;
    margin: 0 auto;
    padding: 75px 0 130px;
    background-color: #5d9eb2;
}
@media screen and (max-width : 834px ){
  .sec2_wrap03 {
      width: 100%;
      padding-bottom: 60px;
  }
}

.sec2_04 {
    width: 797px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_04 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_04 {
      width: 90%;
  }
}
.sec2_04 img {
    width: 100%;
}

.sec2_txt01 {
    width: 790px;
    margin: 30px auto 0;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: -0.07em;
}
@media screen and (max-width : 834px ){
  .sec2_txt01 {
      width: 80%;
  }
}

.sec2_05 {
    width: 806px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_05 {
      width: 65%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_05 {
      width: 80%;
  }
}
.sec2_05 img {
    width: 100%;
}

.sec2_wrap04 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 100px;
    background-color: #ddcf7b;
}
@media screen and (max-width : 834px ){
  .sec2_wrap04 {
      width: 100%;
      padding: 50px 0 60px;
  }
}

.sec2_06 {
    width: 789px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_06 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_06 {
      width: 90%;
  }
}
.sec2_06 img {
    width: 100%;
    vertical-align: bottom;
}

.sec2_07 {
    width: 789px;
    margin: 40px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_07 {
      width: 60%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_07 {
      width: 80%;
  }
}
.sec2_07 img {
    width: 100%;
}

.sec2_08 {
    width: 806px;
    margin: 30px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_08 {
      width: 65%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_08 {
      width: 80%;
  }
}
.sec2_08 img {
    width: 100%;
}

.sec2_wrap05 {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 200px;
    background-color: #b0c37a;
    background-image: url("images/sec2_bg02.gif");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width : 834px ){
  .sec2_wrap05 {
      width: 100%;
      background-size: contain;
  }
}

.sec2_09 {
    width: 787px;
    margin: 30px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_09 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_09 {
      width: 90%;
  }
}
.sec2_09 img {
    width: 100%;
    vertical-align: bottom;
}

.sec2_10 {
    width: 804px;
    margin: 20px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_10 {
      width: 65%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_10 {
      width: 80%;
  }
}
.sec2_10 img {
    width: 100%;
}

.bt_wrap {
    margin: 0 auto 65px;
}
@media screen and (max-width : 834px ){
  .bt_wrap {
      margin: 0 auto 30px;
  }
}

.sec2_wrap06 {
    width: 100%;
    margin: 150px auto 0;
    padding-bottom: 200px;
    background-image: url("images/sec2_bg03.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width : 834px ){
  .sec2_wrap06 {
      width: 100%;
      margin: 100px auto 0;
      background-size: contain;
  }
}

.sec2_11 {
    width: 804px;
    margin: 20px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_11 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_11 {
      width: 90%;
  }
}
.sec2_11 img {
    width: 100%;
}
/*
.sec2_wrap07 {
    width: 100%;
    margin: -70px auto 0;
    padding: 70px 0;
    background-color: #edebdf;
}
@media screen and (max-width : 834px ){
  .sec2_wrap07 {
      width: 100%;
      margin: 0 auto;
      padding-bottom: 40px;
  }
}
*/
.sec2_wrap07 {
    width: 100%;
    margin: -70px auto 0;
    padding: 70px 0;
    background-image: url("images/sec2_bg05.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
@media screen and (max-width : 834px ){
  .sec2_wrap07 {
      background-size: cover;
  }
}
@media screen and (max-width : 568px ){
  .sec2_wrap07 {
      width: 100%;
      margin: 0 auto;
      padding-top: 0px;
      padding-bottom: 40px;
  }
}

.sec2_wrap08 {
    width: 910px;
    margin: 0 auto;
    padding: 80px 0;
    background-color: #fff;
    border-radius: 20px;
}
@media screen and (max-width : 834px ){
  .sec2_wrap08 {
      width: 75%;
      padding: 40px 5%;
  }
}

.sec2_12 {
    width: 432px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_12 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_12 {
      width: 100%;
  }
}
.sec2_12 img {
    width: 100%;
}

.sec2_txt02 {
    width: 760px;
    margin: 30px auto 0;
    line-height: 24px;
    font-weight: bold;
    letter-spacing: -0.09em;
}
@media screen and (max-width : 834px ){
  .sec2_txt02 {
      width: 100%;
      margin: 30px auto 0;
      letter-spacing: -0.04em;
  }
}

.sec2_13 {
    width: 719px;
    margin: 50px auto 0;
    position: relative;
}
@media screen and (max-width : 834px ){
  .sec2_13 {
      width: 75%;
      position: static;
  }
}
@media screen and (max-width : 568px ){
  .sec2_13 {
      width: 100%;
  }
}
.sec2_13 img {
    width: 100%;
}

.sec2_bt01 {
    width: 453px;
    height: 45px;
    position: absolute;
    right: 0;
    bottom: 20px;
    cursor: pointer;
}
.sec2_bt01 img {
    width: 100%;
    height: auto
}

.sec2_bt01_sp {
    width: 100%;
    margin: 20px auto 0;
}
.sec2_bt01_sp img {
    width: 100%;
    height: auto
}

.sec2_14 {
    width: 764px;
    margin: 35px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_14 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_14 {
      width: 100%;
  }
}
.sec2_14 img {
    width: 100%;
}

.sec2_14_01 {
    width: 718px;
    margin: 35px auto 0;
}
.sec2_14_01 img {
    width: 100%;
}

.arrow01 {
    width: 54px;
    margin: 50px auto;
}
@media screen and (max-width : 834px ){
  .arrow01 {
      margin: 25px auto;
  }
}
.arrow01 img {
    width: 100%;
}

.sec2_16 {
    width: 768px;
    margin: 50px auto 0;
    position: relative;
}
@media screen and (max-width : 834px ){
  .sec2_16 {
      width: 75%;
      position: static;
  }
}
@media screen and (max-width : 568px ){
  .sec2_16 {
      width: 100%;
      position: static;
  }
}
.sec2_16 img {
    width: 100%;
}

.sec2_bt02 {
    width: 450px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.sec2_bt02 img {
    width: 100%;
    height: auto
}

.sec2_bt02_sp {
    width: 100%;
    margin: 20px auto 0;
}
.sec2_bt02_sp img {
    width: 100%;
    height: auto
}

.sec2_wrap09 {
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 130px;
    background-image: url("images/sec2_bg04.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media screen and (max-width : 834px ){
  .sec2_wrap09 {
      width: 100%;
  }
}

.sec2_17 {
    width: 829px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_17 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_17 {
      width: 90%;
  }
}
.sec2_17 img {
    width: 100%;
}

.sec2_18 {
    width: 864px;
    margin: 80px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_18 {
      width: 55%;
      margin: 30px auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec2_18 {
      width: 80%;
      margin: 30px auto 0;
  }
}
.sec2_18 img {
    width: 100%;
}

.sec2_19 {
    width: 324px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec2_19 {
      width: 50%;
  }
}
@media screen and (max-width : 568px ){
  .sec2_19 {
      width: 80%;
  }
}
.sec2_19 img {
    width: 100%;
}

.sec2_20 {
    width: 848px;
    margin: 60px auto 0;
}
@media screen and (max-width : 834px ){
  .sec2_20 {
      width: 75%;
      margin: 40px auto 0;
  }
}
@media screen and (max-width : 568px ){
  .sec2_20 {
      width: 90%;
  }
}
.sec2_20 img {
    width: 100%;
}

.sec2_txt03 {
    width: 840px;
    margin: 30px auto 100px;
    line-height: 28px;
}
@media screen and (max-width : 834px ){
  .sec2_txt03 {
      width: 80%;
      margin: 30px auto 40px;
  }
}

/*==========================================
 sec3
===========================================*/

.sec3_wrap01 {
    width: 830px;
    margin: 150px auto 140px;
}
@media screen and (max-width : 834px ){
  .sec3_wrap01 {
      width: 100%;
      margin: 100px auto 70px;
  }
}

.sec3_wrap01 p {
    width: 100%;
    margin: 30px auto 100px;
    line-height: 28px;
    font-weight: bold;
    letter-spacing: -0.07em;
}
@media screen and (max-width : 834px ){
  .sec3_wrap01 p {
      width: 80%;
      margin: 30px auto 40px;
      letter-spacing: -0.03em;
  }
}

.sec3_01 {
    width: 781px;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec3_01 {
      width: 75%;
  }
}
@media screen and (max-width : 568px ){
  .sec3_01 {
      width: 90%;
  }
}
.sec3_01 img {
    width: 100%;
}

.sec3_bar {
    width: 100%;
    margin: 0 auto;
}
@media screen and (max-width : 834px ){
  .sec3_bar {
      width: 80%;
  }
}
.sec3_bar img {
    width: 100%;
}

.sec3_box01 {
    width: 755px;
    margin: 35px auto;
    display: table;
}
@media screen and (max-width : 834px ){
  .sec3_box01 {
      width: 80%;
      margin: 35px auto;
      display: block;
  }
}

.sec3_02 {
    width: 230px;
    padding-right: 48px;
    display: table-cell;
}
@media screen and (max-width : 834px ){
  .sec3_02 {
      width: 40%;
      padding-right: 0;
      display: block;
      margin: 0 auto;
  }
}
@media screen and (max-width : 568px ){
  .sec3_02 {
      width: 60%;
      padding-right: 0;
      display: block;
      margin: 0 auto;
  }
}
.sec3_02 img {
    width: 100%;
}

.sec3_box02 {
    padding-top: 10px;
    display: table-cell;
    vertical-align: top;
}
.sec3_box02 p {
    margin: 20px auto 5px;
    font-weight: lighter !important;
    letter-spacing: 0;
}
@media screen and (max-width : 834px ){
  .sec3_box02 p {
      font-size: 13px;
      line-height: 24px;
  }
}

.sec3_03 {
    width: 196px;
}
@media screen and (max-width : 834px ){
  .sec3_03 {
      width: 40%;
      margin: 0 auto;
  }
}
@media screen and (max-width : 568px ){
  .sec3_03 {
      width: 60%;
      margin: 0 auto;
  }
}
.sec3_03 img {
    width: 100%;
}

.sec3_bt01 {
    width: 206px;
    margin-left: 270px;
}
@media screen and (max-width : 834px ){
  .sec3_bt01 {
      width: 60%;
      margin: 20px auto 0;
  }
}
.sec3_bt01 img {
    width: 100%;
}

/*==========================================
 sec4
===========================================*/

.sec4_wrap01 {
    widows: 100%;
    padding: 80px 0 50px;
    margin: 0 auto;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
    background-color: #fbfaf4;
}

.sec4_txt01 {
    width: 180px;
    font-size: 24px;
    letter-spacing: 0.5em;
    margin: 0 auto;
    text-align: center;
}

.sec4_box01 {
    width: 850px;
    margin: 40px auto 0;
    overflow: hidden;
}
@media screen and (max-width : 834px ){
  .sec4_box01 {
      width: 70%;
  }
}
@media screen and (max-width : 568px ){
  .sec4_box01 {
      width: 90%;
  }
}

.news_box {
    width: 200px;
    height: 290px;
    margin: 0 0 40px;
    padding: 0 35px 0;
    position: relative;
    float: left;
}
@media screen and (max-width : 834px ){
  .news_box {
      width: 160px;
      height: 290px;
      padding: 0;
      float: none;
  }
}


.news_box:nth-child(2):before, .news_box:nth-child(2):after, 
.news_box:nth-child(5):before, .news_box:nth-child(5):after,
.news_box:nth-child(8):before, .news_box:nth-child(8):after,
.news_box:nth-child(11):before, .news_box:nth-child(11):after { 
    position: absolute;
    top: 0;
    content:'';
    width: 0px;
    height: 270px;
    display: inline-block;
    box-sizing: border-box;
}
@media screen and (max-width : 834px ){
  .news_box:nth-child(2):before, .news_box:nth-child(2):after,
  .news_box:nth-child(5):before, .news_box:nth-child(5):after,
  .news_box:nth-child(8):before, .news_box:nth-child(8):after,
  .news_box:nth-child(11):before, .news_box:nth-child(11):after { 
      display: none;
  }
}

.news_box:nth-child(2):before,
.news_box:nth-child(5):before,
.news_box:nth-child(8):before, 
.news_box:nth-child(11):before {
    border-left: 2px dashed #000;
    left: 0;
}
.news_box:nth-child(2):after, 
.news_box:nth-child(5):after, 
.news_box:nth-child(8):after, 
.news_box:nth-child(11):after {
    border-right: 2px dashed #000;
    right: 0;
}

.con11_thum {
	width: 200px;
	height: 290px;
    overflow: hidden;
}
@media screen and (max-width : 834px ){
  .con11_thum {
      width: 160px;
      height: 290px;
      overflow: hidden;
  }
}

.photoWrap {
    position: relative;
    overflow: hidden;
    width: 190px;
	height: 160px;
    cursor: pointer;
}
@media screen and (max-width : 834px ){
  .photoWrap {
      width:160px;
      height: 135px;
  }
}
.photoWrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 127% !important;
    height: auto !important;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 1.0s linear;
    -webkit-transform: translate(-50%, -50%) scale(1.0);
    -moz-transform: translate(-50%, -50%) scale(1.0);
    -o-transform: translate(-50%, -50%) scale(1.0);
    -ms-transform: translate(-50%, -50%) scale(1.0);
    transform: translate(-50%, -50%) scale(1.0);
	opacity: 1.0;
    object-fit: cover !important;
}

.photoWrap img:hover{
    -webkit-transform: translate(-50%, -50%) scale(1.03);
    -moz-transform: translate(-50%, -50%) scale(1.03);
    -o-transform: translate(-50%, -50%) scale(1.03);
    -ms-transform: translate(-50%, -50%) scale(1.03);
    transform: translate(-50%, -50%) scale(1.03);
	opacity: 0.8;
}

.con11_thum p a {
  	text-decoration: none !important;
    color: #fff !important;
}
.con11_thum p a {
	position: relative !important;
	display: inline-block !important;
	transition: .3s !important;
}
.con11_thum p a::after {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	content: '' !important;
	width: 0 !important;
	height: 1px !important;
	background-color: #97824f !important;
	transition: .3s !important;
}
.con11_thum p a:hover::after {
	width: 100% !important;
}

p.title {
    padding: 10px 5px 5px;
    font-weight: bold;
	position:relative;
	text-indent:1em;
    letter-spacing: -0.05em;
}
p.title:before{
	position:absolute;
	left:5px;
	content:"";
	display:inline-block;
	width:16px;
	height:15px;
	background:url("images/flag.png") no-repeat;
	background-size:contain;
}

p.txt {
    width: 95% !important;
    margin: 0 auto !important;
    line-height: 24px !important;
    letter-spacing: -0.1em !important;
    font-size: 15px !important;
}
@media screen and (max-width : 834px ){
  .flex {
      flex-wrap: wrap;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: stretch;
      -webkit-box-pack:justify;
      -moz-box-pack:justify;
      -webkit-flex-pack:justify;
      -moz-flex-pack:justify;
      -ms-flex-pack:justify;
      -webkit-justify-content:space-around;
      -moz-justify-content:space-around;
      justify-content: space-around;
  }
}


/*==========================================
 sec5
===========================================*/
.sec5_wrap01 {
    widows: 100%;
    padding: 50px 0 40px;
    margin: 0 auto;
}

.sec5_box01 {
    width: 740px;
    margin: 0 auto;
    display: table;
}
@media screen and (max-width : 568px ){
  .sec5_box01 {
      width: 200px;
      margin: 0 auto;
      display: block;
  }
}

.sec5_01 {
    width: 136px;
    display: table-cell;
}
@media screen and (max-width : 568px ){
  .sec5_01 {
      display: block;
      margin: 0 auto;
  }
}
.sec5_01 img {
    width: 136px;
}
@media screen and (max-width : 568px ){
  .sec5_01 img {
      width: 100%;
  }
}

.sec5_box02 {
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
@media screen and (max-width : 568px ){
  .sec5_box02 {
      width: 200px;
      display: block;
  }
}

.sec5_box03 {
    width: 150px;
	height: 130px;
    padding: 0 25px;
    overflow: hidden;
    display: table-cell;
}
@media screen and (max-width : 568px ){
  .sec5_box03 {
      padding: 25px 25px;
      display: block;
  }
}
.sec5_box03:nth-child(2) {
    border-left: 2px dashed #000;
    border-right: 2px dashed #000;
}
@media screen and (max-width : 568px ){
  .sec5_box03:nth-child(2) {
      border: none;
      border-top: 2px dashed #000;
      border-bottom: 2px dashed #000;
  }
}

.kanren01 {
    width: 470px;
    text-align: center !important;
    display: table-cell;
    vertical-align: top;
    padding-top: 65px;
}
@media screen and (max-width : 568px ){
  .kanren01 {
      width: 100%;
      display: block;
  }
}


.sec5_02 {
    position: relative;
    overflow: hidden;
    width: 150px;
	height: 130px;
    cursor: pointer;
}
.sec5_02 img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 127% !important;
    height: auto !important;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 1.0s linear;
    -webkit-transform: translate(-50%, -50%) scale(1.0);
    -moz-transform: translate(-50%, -50%) scale(1.0);
    -o-transform: translate(-50%, -50%) scale(1.0);
    -ms-transform: translate(-50%, -50%) scale(1.0);
    transform: translate(-50%, -50%) scale(1.0);
	opacity: 1.0;
    object-fit: cover !important;
}
.sec5_02 img:hover{
    -webkit-transform: translate(-50%, -50%) scale(1.03);
    -moz-transform: translate(-50%, -50%) scale(1.03);
    -o-transform: translate(-50%, -50%) scale(1.03);
    -ms-transform: translate(-50%, -50%) scale(1.03);
    transform: translate(-50%, -50%) scale(1.03);
	opacity: 0.8;
}

/*==========================================
 blog
===========================================*/
.secbl_wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 180px 0 100px;
    display: table;
    min-height: 65vh;
}
@media screen and (max-width : 834px ){
  .secbl_wrap {
      width: 95%;
      height: auto;
      padding-top: 22%;
      display: block;
  }
}
@media screen and (max-width: 568px) {
  .secbl_wrap {
      padding-top: 40%;
  }
}

.blog_area {
    display: table-cell;
    padding-right: 20px;
    vertical-align: top;
}
.sb_area {
    width: 250px;
    display: table-cell;
    vertical-align: top;
    padding-top: 90px;
}
@media screen and (max-width : 834px ){
  .blog_area {
      width: 100%;
      margin: 0 auto;
      display:block;
      padding-right: 0;
  }
  .sb_area {
      width: 100%;
      margin: 30px auto 0;
      display:block;
  }
}

.sb_area h3 {
    width: 100%;
    padding: 5px 2%;
    font-size: 17px;
    line-height: 24px;
    background-color: #4d4d4d;
    color: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
}

.ca_list01 {
    margin: 10px auto 40px;
}
.ca_list01 ul li {
    list-style:none !important;
    padding: 5px;
    border-bottom: 1px solid #000;
}

.column_txt_all00 {
	width: 810px;
	height: auto;
	margin: 50px auto 0;
}
@media screen and (max-width : 834px ){
  .column_txt_all00 {
      width: 100%;
      height: auto;
      margin: 30px auto 0;
  }
}


.column_txt_all {
	width: 810px;
	height: auto;
	margin: 50px auto 0;
}

.column_txt_all p {
	line-height: 30px;
	letter-spacing: 0.06em;
	margin-bottom: 35px;
}

@media screen and (max-width : 834px ){
  .column_txt_all {
      width: 100%;
      height: auto;
      margin: 30px auto 0;
  }

  .column_txt_all p {
      width: 100%;
  }
}

.ct_area {
	width: 100%;
	height: auto;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom: 1px solid #231815;
	display: table;
	position: relative;
}
.ct_data {
	width: 120px;
	font-size: 15px;
	color: #000;
	display: table-cell;
	vertical-align: top;
    text-align: left !important;
}
.column_title {
	color: #3E3A39;
	font-size: 22px !important;
	line-height: 25px;
	display: table-cell;
	vertical-align: top;
	padding-left: 25px;
    text-align: left !important;
}
@media screen and (max-width : 834px ){
  .ct_area {
      width: 100%;
      height: auto;
  }

  .ct_data {
      width: 100%;
      display: block;
  }

  .column_title {
      display: block;
      margin: 20px auto 0;
      padding: 0;
  }
}

@media screen and (max-width : 568px ){
  .column_txt_all p img {
      width: 85%;
      height: auto;
      margin: 0 auto 20px !important;
  }
}

.wpnav {
    margin-top: 30px;
}

.back_box {
	width: 160px;
	height: 40px;
	box-sizing: border-box;
	background-color: #000;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	position: relative;
	margin: 0px auto 100px;
}
@media screen and (max-width : 834px ){
  .back_box {
      margin: 0px auto 50px;
  }
}

.back_box a {
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.back_box a:hover {
    background-color: #5d5e5e;
	color: #fff !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.wp-pagenavi {
	padding: 10px 0 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		display: inline-block;
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		display: inline-block;
		color:#fff !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
 		display: inline-block;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #3C3C3C !important;
		border-color:#202020 !important;
		background:#525252 !important;
		background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252)) !important;
}

@media screen and (max-width : 834px ){
  .mt-enclosure img {
      width: 60%;
      height: auto;
      margin: 0 auto !important;
  }
}
@media screen and (max-width : 568px ){
  .mt-enclosure img {
      width: 85%;
  }
}
/*
.flex01 {
	flex-wrap: wrap;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	align-items: stretch;
	-webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content: space-around;
}
*/


/*==========================================
wordpress用css
===========================================*/
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}

img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.youtube {
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.column_txt_all p strong {
    font-weight: bold !important;
}

/*==========================================
お問い合せ
contact
===========================================*/

.pt110_head {
    padding-top: 110px;
}
@media screen and (max-width : 834px ){
  .pt110_head {
      padding-top: 10%;
  }
}
@media screen and (max-width: 568px) {
  .pt110_head {
      padding-top: 15%;
  }
}

.seccon_txt {
    width: 400px;
    color: #000;
    font-size: 25px;
    position: absolute;
    top: 98px;
    left: 170px;
    z-index: 1;
}
@media screen and (max-width : 834px ){
  .seccon_txt {
      width: 100%;
      font-size: 21px;
      top: 55px;
      left: 80px;
      letter-spacing: -0.08em;
  }
}
@media screen and (max-width: 568px) {
  .seccon_txt {
      top: 50px;
      left: 50px;
      font-size: 19px;
      letter-spacing: -0.03em;
  }
}

.seccon_wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 150px 0 100px;
    min-height: 55vh;
}
@media screen and (max-width : 834px ){
  .seccon_wrap {
      width: 95%;
      padding-top: 120px;
  }
}
@media screen and (max-width: 568px) {
  .seccon_wrap {
      width: 95%;
  }
}

.con_area01 {
	width: 100%;
	margin: 0 auto 30px;
    text-align: center;
}
.con_area01 p {
	font-size: 23px;
	font-weight: bold;
	letter-spacing: 0.04em;
	padding-bottom: 10px;
}
@media screen and (max-width : 834px ){
  .con_area01 {
      width: 100%;
      margin: 0 auto 20px;
      text-align: center;
  }
  .con_area01 p {
      font-size: 20px;
      font-weight: bold;
  }
}

.con_area04 {
	font-size: 50px;
	font-weight: bold !important;
	letter-spacing: 0.05em;
}
@media screen and (max-width : 834px ){
  .con_area04 {
      width: 100%;
      height: auto;
      font-size: 30px;
      text-align: center;
      border: none;
      display: block;
  }
  .con_area04 a {
      font-weight: bold;
  }
}
.contact_area {
	width: 75%;
	margin: 30px auto 0;
}

p.con_txt {
    padding-top: 15px;
    line-height: 24px;
}
p.con_txt span {
    color: #DB0003;
    font-weight: bold;
}

.con_top_head {
	width: 100%;
	height: 57px;
	background: #1A1A1A;
	font-size: 20px;
	line-height: 57px;
	color: #fff;
	text-align: center;
	letter-spacing: 0.5em;
}
@media screen and (max-width : 834px ){
  .con_top_head {
      font-size: 17px;
      margin: 0 auto;
  }
}

.ca_area {
	width: 90%;
	margin: 40px auto 0;
	text-align: center;
}


table.contust {
	width: 100%;
	margin: 35px auto 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    
}

table.contust thead th {
	padding: 5px;
	color: #fff;
	font-weight: bold;
}

table.contust th.his {
	width: 45px !important;
    padding: 15px 0;
}
table.contust th {
	width: 15%;
	padding: 15px 0 15px 5px;
	vertical-align: top;
	text-align: left !important;
	border-bottom: 1px solid #ccc;
    white-space: nowrap;
}

table.contust td {
	padding: 15px 5px 15px 0;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}

table.contust tr:nth-child(odd) th,
table.contust tr:nth-child(odd) td {
	background-color: #f8f8f8;
}
table.contust tr:nth-child(even) th,
table.contust tr:nth-child(even) td {
	background-color: #fff;
}

.hissu {
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #ff0000;
}

.adno {
	font-size: 14px;
	color: #0047B5;
}

.tdad01 {
	font-size: 14px !important;
}

.mfbtbox {
	width: 216px !important;
	height: 60px !important;
	line-height: 60px !important;
	margin: 50px auto 0 !important;
	text-align: center !important;
	overflow: hidden !important;
}

button.button_mfp_goconfirm {
	width: 216px !important;
	height: 60px !important;
	line-height: 60px !important;
	font-size: 25px !important;
	color: #000 !important;
	background-color: #ddcf7b !important;
	background-image: none !important;
	border: none !important;
	border-style: none !important;
	cursor: pointer !important;
	border-radius: 0 !important;
}

button.button_mfp_goconfirm:hover {
	opacity: 0.7 !important;
	cursor: pointer !important;
}

input#button_mfp_reset {
	width: 131px;
	height: 44px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: none;
	background-size: 131px;
	border: none;
	border-style: none;
	cursor: pointer;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
textarea {
	width: 95% !important;
    padding: 0.8em;
    outline: none;
    border: 1px solid #a8acb0;
}

input[type="text"].pcode {
	width: 80px !important;
}

input[type="number"] {
	width: 10%;
}
textarea {
    width: 80%;
}

input[type="checkbox"] {
	padding: 1em;
	outline: none;
    border: 1px solid #a8acb0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


.thankstex {
	width: 70%;
	height: auto;
	margin: 80px auto 150px;
	text-align: center;
	line-height: 20px;
}


.bgno dd {
	background-color: transparent !important;
}

.mfp_col10 {
	margin-bottom: 5px !important;
}

div.mfp_buttons button#mfp_button_send {
	width: 120px !important;
	height: 35px !important;
	line-height: 35px;
	padding: 0 !important;
	color: #fff;
	background-color: #00208c !important;
	cursor: pointer !important;
}
div.mfp_buttons button#mfp_button_send:hover {
	opacity: 0.7 !important;
	cursor: pointer !important;
}

div.mfp_buttons button#mfp_button_cancel {
	width: 120px !important;
	height: 35px !important;
	line-height: 35px;
	padding: 0 !important;
	color: #fff;
	background-color: #c00000 !important;
	cursor: pointer !important;
}
div.mfp_buttons button#mfp_button_cancel:hover {
	opacity: 0.7 !important;
	cursor: pointer !important;
}


@media screen and (max-width : 834px ){
  .contact_area {
      width: 100%;
      margin: 0 auto;
      overflow: hidden !important;
  }

  table.contust tr:nth-child(odd) th,
  table.contust tr:nth-child(odd) td {
      background: none;
  }
  table.contust tr:nth-child(even) th,
  table.contust tr:nth-child(even) td {
      background: none;
  }

  table.contust th {
      width: 100%;
      padding: 15px 0 10px 0 !important;
      vertical-align: middle;
      border-bottom: none;
      background-color: none  !important;
  }

  table.contust td {
      padding: 15px;
      vertical-align: middle;
      border-bottom: 1px solid #ccc;
      background-color: #f8f8f8 !important;
  }

  table.contust,
  table.contust tbody,
  table.contust thead,
  table.contust tr,
  table.contust td {
      display: block;
  }

  table.contust th {
      width: auto;
  }

  .hissu {
      margin-left: 15px;
  }

  .nini {
      margin-left: 15px;
  }
  input[type="text"],
  input[type="number"],
  input[type="tel"],
  input[type="email"],
  textarea {
      font-size: 16px;
  }
}


p.kanren {
    text-align: center !important;
    margin: 30px auto !important;
}




/******************************************************************************************************* Media Queries */
.for-pc { display:block; }
.for-sp { display:none; }
.for-tab { display:none; }

@media screen and (max-width : 834px ){
.for-pc { display:none !important; }
.for-sp { display:block; }
.for-tab { display:block; }



/**** スマホはfadeInUpをfadeInのみに ****/
@keyframes fadeInUp {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}



}/**********************************************************************************834px  Media Queries   end */


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

.for-sp { display:block; }
.for-tab { display:none; }



}/**********************************************************************************568px  Media Queries   end */


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




}/**********************************************************************************375px  Media Queries   end */

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




}/**********************************************************************************320px  Media Queries   end */