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

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  /*font-family: "Lato", sans-serif;*/
  /*font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';*/
font-family: 'Yu Gothic UI','MS UI Gothic','ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;
  color: #231815;
  background-color: #FFF;
}

a {
  color: #22AC38;
  text-decoration: none;
}

a:hover {
  color: #F5932F;
  text-decoration: none;
}

p {
  color: #231815;
  line-height: 1.5;
}

/*------------　　 BASE  　----------*/

/*body { display: none; }  フェードイン用 */


/*------------------------------------------------------
　　　　　　　　　＊ MARGIN　＊
-------------------------------------------------------*/
.m_0 {margin: 0px !important;}
.m_10 {margin: 10px !important;}
.m_b5 {margin-bottom: 5px !important;}
.m_b10 {margin-bottom: 10px !important;}
.m_b15 {margin-bottom: 15px !important;}
.m_b20 {margin-bottom: 20px !important;}
.m_b25 {margin-bottom: 25px !important;}
.m_b30 {margin-bottom: 30px !important;}
.m_b35 {margin-bottom: 35px !important;}
.m_b40 {margin-bottom: 40px !important;}
.m_b50 {margin-bottom: 50px !important;}
.m_b60 {margin-bottom: 60px !important;}
.m_b70 {margin-bottom: 70px !important;}
.m_b80 {margin-bottom: 80px !important;}
.m_b90 {margin-bottom: 90px !important;}

.m_l5 {margin-left: 5px !important;}
.m_l10 {margin-left: 10px !important;}
.m_l15 {margin-left: 15px !important;}
.m_l20 {margin-left: 20px !important;}
.m_l25 {margin-left: 25px !important;}
.m_l30 {margin-left: 30px !important;}
.m_l35 {margin-left: 35px !important;}
.m_l40 {margin-left: 40px !important;}
.m_l60 {margin-left: 60px !important;}

.m_lr10 {margin: 0 10px !important;}
.m_lr20 {margin: 0 20px !important;}
.m_lrtb10 {margin: 10px 10px !important;}

.m_r5 {margin-right: 5px !important;}
.m_r10 {margin-right: 10px !important;}
.m_r15 {margin-right: 15px !important;}
.m_r20 {margin-right: 20px !important;}
.m_r30 {margin-right: 30px !important;}
.m_r35 {margin-right: 35px !important;}
.m_r40 {margin-right: 40px !important;}
.m_r50 {margin-right: 50px !important;}

.m_t5 {margin-top: 5px !important;}
.m_t10 {margin-top: 10px !important;}
.m_t12 {margin-top: 12px !important;}
.m_t15 {margin-top: 15px !important;}
.m_t20 {margin-top: 20px !important;}
.m_t25 {margin-top: 25px !important;}
.m_t30 {margin-top: 30px !important;}
.m_t40 {margin-top: 40px !important;}
.m_t50 {margin-top: 50px !important;}


.m_b15sp {margin-bottom: 0px;}
.m_b20sp {margin-bottom: 20px;}
@media only screen and (max-width: 999px) {
.m_b20sp {margin-bottom: 10px;}
.m_b15sp {margin-bottom: 15px;}
}
.m_b25sp {margin-bottom: 0px;}
@media only screen and (max-width: 999px) {
.m_b25sp {margin-bottom: 25px;}
}

/*------------------------------------------------------
　　　　　　　　　＊ PADDING　＊
-------------------------------------------------------*/
.p5 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p_l5 {padding-left: 5px !important;}
.p_l10 {padding-left: 10px !important;}
.p_lr5 {padding: 0px 5px 0px 5px !important;}
.p_lr10 {
	padding-right: 10px;
	padding-left: 10px !important;}
.p_lr15 {
	padding-right: 15px;
	padding-left: 15px !important;}
.p_lr25 {
	padding-right: 25px;
	padding-left: 25px !important;}
.p_t5 {padding-top: 5px !important;}
.p_t10 {padding-top: 10px !important;}
.p_r5 {padding-right: 5px !important;}
.p_t25 {padding-top: 25px !important;}
.p_t35 {padding-top: 35px !important;}
.p_b10 {padding-bottom: 10px !important;}
.p_b20 {padding-bottom: 20px !important;}
.p_b30 {padding-bottom: 30px !important;}


/*------------------------------------------------------
　　　　　　　　　＊ FONT&TEXT　＊
-------------------------------------------------------*/
.f_bold {font-weight: bold !important;}
.f_line a{ text-decoration:underline !important;}

.f_gr {color: #5A5A5A !important;}
.f_red {color: #22AC38 !important;}
.f_white {color: #FFFFFF !important;}
.f_gold {color: #868052 !important;}
.f_orange {color: #EE7332 !important;}
.f_blue {color: #00449B !important;}

.f_s9 {font-size: 67% !important;}
.f_s10 {font-size: 77% !important;}
.f_s11 {font-size: 85% !important;}
.f_s12 {font-size: 93% !important;}
.f_s13 {font-size: 100% !important;}
.f_s14 {font-size: 108% !important;}
.f_s14 a {font-size: 108% !important;}
.f_s15 {font-size: 116% !important;}
.f_s15 a {font-size: 116% !important;}
.f_s16 {font-size: 124% !important;}
.f_s16 a {font-size: 124% !important;}
.f_s17 a {font-size: 124% !important;}
.f_s17 {font-size: 131% !important;}
.f_s18 {font-size: 139% !important;}
.f_s19 {font-size: 147% !important;}
.f_s20 {font-size: 154% !important;}
.f_s21 {font-size: 162% !important;}
.f_s22 {font-size: 170% !important;}
.f_s23 {font-size: 177% !important;}
.f_s24 {font-size: 185% !important;}
.f_s25 {font-size: 193% !important;}

.f_lh100 {line-height: 1.0;}
.f_lh150 {line-height: 1.5;}
.f_lh200 {line-height: 2.0;}
.f_lh250 {line-height: 2.5;}


.t-a_right {text-align: right;}
.t-a_right-c {text-align: right;}
.t-a_center {text-align: center;}
.t-a_center_sp {text-align: left!important;}
@media only screen and (min-width:320px) and (max-width:414px) {
	.t-a_center {text-align: left;}
	.t-a_right {text-align: left;}
.t-a_right-c {text-align: center;}
	.t-a_center_sp {text-align: center!important;}
}	

.clear {
	clear:both;　/*float解除*/
}



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

 Header

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

header {
  z-index: 999;
  position:relative;
}
.cd-morph-dropdown {
  position: relative;
  height: 60px;
  background-color: #22AC38;
border-bottom: 1px solid #fff;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #fff;
  height: 3px;
  width: 26px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding: 1.2em 5%;
    box-shadow: inset 0 1px 0 #e6e6e6;
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
	  box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.2);
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}

@media screen and (max-width: 999px){
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
	 /*Fixedナビ内スクロールさせたい*/
	position: fixed;
	bottom: 0;
	overflow-y: auto;
}

}


.cd-morph-dropdown .dropdown-list > ul > li {
  /*margin-bottom: 2em; 3.3em*/
}
.list-one {
  margin-bottom: 0!important;
}

.cd-morph-dropdown .labels {
  display: block;
  font-size: 2.0rem;
  /*color: #0064B4; 紺*/
  margin-bottom: .8em;
/*text-align: center;*/
padding: .2em .6em .3em;
border-bottom: 1px dotted #ddd;
}


.labels i {
  color: #8FC31F!important;
}

.cd-morph-dropdown .labels a:hover {
  display: block;
  font-size: 2.2rem;
  color: #EE8F1C!important;
  margin-bottom: .8em;
text-align: left!important;
font-weight: bold!important;
padding: .2em .6em .3em;
}


@media only screen and (max-width: 320px) {
.cd-morph-dropdown .labels {
  display: block;
  font-size: 110%;
  margin-bottom: .8em;
padding: .2em .6em .3em;
border-bottom: 1px dotted #ddd;
}	
}

.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.4em;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}

.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em {
  display: block;
  line-height: 1.2;
}
.cd-morph-dropdown .gallery .content a em {
  font-size: 1.8rem;
  padding: .4em 0 .2em;
  color: #22AC38;
}
.cd-morph-dropdown .gallery .content a:hover em {
  font-size: 1.8rem;
  padding: .4em 0 .2em;
  color: #EB9C3C;
}
.cd-morph-dropdown .gallery .content a span {
  font-size: 1.4rem;
  color: #575757;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
.cd-morph-dropdown .gallery .content a:hover span {
    font-size: 1.4rem;
    color: #A1A1A1;

}
.cd-morph-dropdown .gallery .content a:hover {
  text-decoration: none;
}
.cd-morph-dropdown .gallery .content a:hover::before {
  /**/background-color: #DA9133;
}
.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a {
  display: block;
  margin-left: 14px;
  font-size: 2.2rem;
  line-height: 1.6;
}
.cd-morph-dropdown .btn-appointment,
.cd-morph-dropdown .btn-contact {
    display: block;
    font-size: 2.2rem;
    line-height: 1.6;
    padding: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.cd-morph-dropdown .links-list a:hover {
  color: #6D604D;
}

.cd-morph-dropdown .btn-appointment:hover {
    color: #FFFBA2;
    text-decoration: none;
}
.cd-morph-dropdown .btn-contact:hover {
    color: #FFFBA2;
    text-decoration: none;
}
.cd-morph-dropdown .content h2 {
  color: #a6a6a6;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin: 20px 0 10px 14px;
}

.cd-morph-dropdown .btn-appointment{
border-radius: 5px;
background-color: #DB6356;
color: #FFF;
}
.cd-morph-dropdown .btn-contact {
border-radius: 5px;
background-color: #22AC38;
color: #FFF;
}

.icon-img {
display:block;
	text-align: center;
	margin-top: 15px;
}


/* スクロール グローバルナビ上部固定 */

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

#globalNavi {
    display: flex!important;
}
.fixed {
    position: fixed!important;
    top: 0!important;
    width: 100%!important;
    z-index: 10000!important;
}
	
	.mainimg-box2 {
  display: none ;
 }
	
}

/* Topへ戻る */
.page-top
{
	display: none ;
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p
{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
}
 
.move-page-top {
	display: block;
border-radius: 25px;
background: #9DDD8B;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
	cursor: pointer;
}

a#move-page-top.move-page-top {
color: #fff!important;
}


/* ナビゲーションロゴ */
.sp_logo img {
	max-height: 60px;
	width: auto;
	margin-left: 20px;
}	

@media only screen and (min-width: 1000px) {

.sp_logo img {
	display: none ;
}
}	
	
@media only screen and (max-width: 999px) {

.sp_guidenav {
	display: none ;
}
	
.move-page-top {
	display: none ;
}
}

/* -------------------------------- 
 top image
-------------------------------- */
.mainimg-box {
  position: relative;
  height: auto;	
    background-color: transparent;
	/*background: linear-gradient(#fff 92%, #000 8%);*/
	background-color: #FFF;
 }
.mainimg-box2 {
	width: 100%;
	height: 0;
	/* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 7.6428571%;
    background-color: transparent;
	background: url(../img/slide/kasou-img01.jpg);
    background-repeat: no-repeat;
    background-position: center center;
 background-size: cover;
 }
.mainimg-box2 h1 {
	visibility:hidden;
 }
.mainimg-box2 img {
	max-width: 1400px; /* 最大幅 */
 }

@media only screen and (min-width: 1260px) {
.mainimg-box2 {
 background-size: auto;
 }	
 }	
.mainimg-ks {
  position: relative;
  height: auto;	
    background-color: #FFF;
 }

@media only screen and (min-width: 1000px) {
	
  .cd-morph-dropdown {
    /*position: absolute;*/
	position: relative;
    height: 135px;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
	background: #22AC38;
	 box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  }
	
	
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
	  letter-spacing: 1px;
  }
  .cd-morph-dropdown .main-nav > ul > li span {
  padding: .5em 1.7em;
  background-color: #fff;
  border-radius: 7px;
font-size: 14px;
  }
	
.main-nav img{
   max-width: 120px;
   height: auto;
}
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 0.8em;
    height: 120px;
    line-height: 40px;
    color: #845D23;
    font-size: 1.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
	text-decoration: none;
  }

  .cd-morph-dropdown .main-nav > ul > li > a:hover {
    color: #22AC38;
    text-decoration: none;
  }
	
	
	
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: .6;
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 130px;   /*58px;*/
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 12px solid transparent;
    border-bottom-color: #FFF9D9;　/*ここに背景色　△部分*/
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
	

	
	
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .labels {
    /* hide the labels on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 2.2em 1.8em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
	background-color: #FFF9D9; /*ここに背景色*/
  }


  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 100%; /*48%*/
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .gallery .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 280px;/*510px　710px;*/
    padding-bottom: .8em;
	  
  }
  .cd-morph-dropdown .gallery .content li {
    margin-bottom: 1.8em;
	
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 390px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .btn-appointment {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 60px;
    background: #DB6356;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn-appointment:hover {
    background: #6D604D;
    color: #FFFFFF;
  }

  .cd-morph-dropdown .btn-contact {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 60px;
    background-color: #00449B;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .cd-morph-dropdown .btn-contact:hover {
    background: #7189c3;
    color: #FFFFFF;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.8rem;
    text-transform: none;
    font-weight: normal;
    color: #31619E;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background: #FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }

}


@media only screen and (max-width: 999px) {
.cd-morph-dropdown .gallery .content li {
margin-left: 0em;
}  
.cd-morph-dropdown .gallery .content a span {
    padding-left: 2.5em;
}
.cd-morph-dropdown .gallery .content a em,
	.cd-morph-dropdown .gallery .content a:hover em{
        padding-left: 2em;
}
}  

@media only screen and (min-width: 1100px) {
  .cd-morph-dropdown {
    /*position: absolute;*/
	position: relative;
    height: 135px; /*80px;*/
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
	background: #22AC38;
	/*background: linear-gradient(#22AC38 55%, #fff 45%); 分割の場合*/
  }
	
	.main-nav img{
   max-width: 130px;
   height: auto;
}
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 1.2em;
    height: 120px;
    line-height: 40px;
    color: #7F4F21;
    font-size: 1.7rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
}	

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

Main site content

-------------------------------- */
.cd-main-content {
    min-height: 90vh;
    /*background-color: #FFF;*/
	background: rgb(255,255,255);
/*background: radial-gradient(circle, rgba(255,255,255,1) 40%, rgba(231,226,174,1) 100%);*/
    z-index: 1;
	/*background-color: #F5F3EB;   背景*/
}
.cd-main-content_ks {
    /*min-height: 70vh;*/
    background-color: #FFF;
    z-index: 1;

}

@media only screen and (min-width: 1000px) {
  .cd-main-content {
    padding-top: 50px;
  }
  .cd-main-content_ks {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 999px) {
  .cd-main-content {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 414px) {
  .cd-main-content {
    padding-top: 40px;
  }
}

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

見出し

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

/*TOPICS*/
.headline {
	font-size: 1.2em;
	    line-height: 30px;
	    text-align: left;
	margin-bottom: 0.2em;	
	padding-top: 5px;
    margin: 1em 0;
    color: #22AC38;
    border-radius: 5px;
background : #F9F8F4;
background : rgba(249, 248, 244, 1);
padding: 5px 1.5em;
}

.headline span {
	font-size: 12px;
	color: #727171;
	letter-spacing : 0.5px;
	padding-left: 2em;
}	


/* -------------------------------- 
　RSS
-------------------------------- */

#info{
	padding-bottom: 5em;
}
#info p {
    font-size: 85%;
}

#news {
font-size: 130%;
}

.linknon {
	padding-top: 15px;
	padding-left: 0;
}


#news dl a {
	position: relative;
	display: block;
	padding: 15px 20px 15px 0;
	text-decoration: none;
}
#news dl a:first-child {
	border-top: none;
}
#news dl a:link,
#news dl a:visited {
	background-color: transparent;
}
#news dl a:hover,
#news dl a:active {
	background-color: #FFFEEE;
}
#news dl a:after {
	display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 16px;
height: 16px;
margin: -4px 0 0 0;
border-top: solid 2px #22AC38;
border-right: solid 2px #22AC38;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
#news dl a:link:after,
#news dl a:visited:after {
	right: 6px;
}
#news dl a:hover:after,
#news dl a:active:after {
	right: 3px;
}

#news dt  {
	margin-bottom: 3px;
	color: #8FC31F;
	font-size: 76%;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

#news dd  {
	color: #666;
	font-size: 76%;
	border-bottom: solid 1px #eee;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}



/* -------------------------------- 
　ボタン
-------------------------------- */

/*中央寄せボタン*/
.button-block a {
    margin: 10px 0.25em;
	    color: #22AC38;
}

.button-block {
    display: inline-block;
    margin: 0;
    padding: 35px 40px;
    min-width: 270px;
    max-width: 100%;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
background : #F9F8F4;
  background : rgba(249, 248, 244, 1);
  border-style : Solid;
  border : solid 1px #C9CACA;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:  3px;
}

.button-block:hover, a:hover .button {
    text-decoration: none !important;
    background: #EDFCE4 !important;
}

/*ブロックレベル要素全体をリンク*/

.button-block {
  position: relative;
}
.button-block a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
line-height: 48px;
}


@media only screen and (max-width : 414px) {
.button-block {
    padding: 35px 20px;
    min-width: 260px;
}	
}	




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

 Footer

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

#footer {
	box-shadow: 0 0 8px #eee;
padding-top: 1em;
}

#footer li {
	list-style: none;
}

#footer h4 {
	color: #22ac38!important;
	margin-bottom: 0.6em;
}

#footer p {
	color: #7F4F21;
}

#footer li a {
	color: #7F4F21;
}
#footer li a:hover {
	color: #EE8F1C;
}
.bunner-area{
background: #22AC381A;
padding-top: 3.1em;
padding-bottom: 1.5em;
	color: #fff;
}

.bunner-area a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.copy {
font-size: 78%;
text-align: center;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: -25px;
background: #22AC38;
padding-bottom: 0.8em;
padding-top: 1em;
	color: #fff!important;
}


/* -------------------------------- 
　横幅指定
-------------------------------- */
.max700 {
width: 100%;
max-width: 700px;
margin:0px auto;
}

.max900 {
width: 100%;
max-width: 900px;
margin:0px auto;
}

.max1000 {
width: 100%;
max-width: 1000px;
margin:0px auto;
}

.max1140 {
width: 100%;
max-width: 1140px;
margin:0px auto;
}
/* -------------------------------- 
　パンくず用
-------------------------------- */
.bg-lgray{
	background: #EFEFEF;
	border-top: 2px solid #fff;
}
#breadcrumb{
	font-size:13px;
	padding:10px 10px 10px 10px;
}
@media only screen and (max-width: 1199px) {
#breadcrumb{
	max-width: 960px;
	margin: 0px auto;
}
}
@media only screen and (max-width: 1024px) {
#breadcrumb{
	padding:10px 50px 10px 50px;
}
}
@media only screen and (max-width: 991px) {
#breadcrumb{
	max-width: 720px;
	margin: 0px auto;
	padding:10px 0px 10px 0px;
}
}
@media only screen and (max-width: 768px) {
#breadcrumb{
	padding:10px 20px 10px 20px;
}
}
@media only screen and (max-width: 414px) {
#breadcrumb{
	padding:10px 20px 10px 20px;
}
}


/* -------------------------------- 
　囲み枠
-------------------------------- */

.box-link01;
.box-link02
{
	cursor: pointer;
}

.box-violet {
    background-color: #A85AA0;
    color: #fff;
    margin-top: 0.5em;
    margin-right: 0;
    margin-left: 0;
    padding: 1em;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 150%;
}

.box-violet a {
    color: #fff;
}

.box-violet:hover {
    background-color: #D15AC4;
    color: #fff;
	cursor: pointer;
}


.box-blue2 {
    background-color: #00449B;
    color: #fff;
    margin-top: 2em;
    margin-right: 0;
    margin-left: 0;
    padding: 1em;
    border: 1px solid #FFFFFF;
    text-align: center;
    font-size: 150%;
}

.box-blue2 a {
    color: #fff;
}

.box-blue2:hover {
    background-color: #006CBA;
    color: #fff;
	cursor: pointer;
}


.box-blue {
    background-color: #00449B;
    color: #fff;
    margin: 2em 0;
    padding: 1em;
	border: 1px solid #FFFFFF;
	text-align: center;
	font-size: 150%;
}

.box-blue a {
    color: #fff;
}

.box-blue:hover {
    background-color: #006CBA;
    color: #fff;
	cursor: pointer;
}


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

.box-violet,
.box-blue {	
	margin: 1em 0 2em 0;
}	
	
}


/* -------------------------------- 
　背景
-------------------------------- */

.bg-be{
background-color: #FFFCE9;/*#F5F3E4;*/
padding-top: 2em;
padding-bottom: 3em;
}

.bg-gla-ye{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(254,254,251,1) 50%, rgba(249,248,205,1) 100%);
}

.bg-gray{
background-color: #EFEFEF;
padding-top: 1.5em;
padding-bottom: 1.5em;
}

@media only screen and (max-width: 414px) {
.bg-gray{
padding-top: 1em;
}	
}


.bg-wh{
background-color: #FFF;
padding-top: 0em;
padding-bottom: 2em;
}

.bg-gy{
background-color: #CCCCCC;
padding: 5em;
margin-bottom: 2em;
	margin-top: 2em;
}



/* -------------------------------- 
　枠組装飾
-------------------------------- */
.boxshadow {
 background-color: #fff;
  box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	padding-top: 15px;
	padding-bottom: 1em;
	margin-left: 10px;
	margin-right: 10px;
}

.boxshadow li {
 list-style: disc;
	margin:1.5em 0 0.5em 1.5em ;
	line-height: 1.2em;
}

.boxshadow span {
color: #EB0001;
}

@media screen and (max-width: 414px){
	.boxshadow {
	margin-left: 0px;
	margin-right: 0px;
}
}



/* -------------------------------- 
　TOP index.html
-------------------------------- */

/*企業理念*/

#philosorhy{
	padding-bottom: 3.5em;
}




.outline {
  background : #22AC38;
  background : rgba(215, 0, 75, 1);
border-radius: 10px;
padding: 1em;
margin-bottom: 1.5em;
}

/*DIV全体リンク指定*/
.outline {
    position: relative;
    z-index: 1;
}
.outline a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
.outline:hover {
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;/*IE*/
}
.outline h3 {
padding: .5em .75em;
background-color: #fff;
border-radius: 20px;
text-align: center;
}

#activity {
	padding-bottom: 1em;
		margin-bottom: 3em;
}

#activity h2 {
	font-size: 146%;
	text-align: center;
	color: #22AC38;
	letter-spacing: 0.05em;
	margin-bottom: 2em;
	margin-top: 1.5em;
}

#activity p {
	font-size: 90%;
	text-align: center;
}

.boder_4co {
  padding: .5em .75em;
  border: 1px solid #ccc;
  margin-top: 2em;
}
.boder_4co p {
text-align: left!important;
}


/*DIV全体リンク指定*/
.boder_4co {
    position: relative;
    z-index: 1;
}
.boder_4co a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
.boder_4co:hover {
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;/*IE*/
}

/*fixed要素に内部スクロールを実装*/
.element {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
}


/* -------------------------------- 
 コンセプト
-------------------------------- */
#concept{
}

#concept h3{
	font-size: 140%;
	padding: 0 15px;
	padding-bottom: 1em;
	padding-top: 0.5em;
	letter-spacing: 0.05em;
}


#concept p {
	line-height: 2.5em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1.7em;
}

.concept_bg{
padding-bottom: 8.5em;
background:url(../img/concept/bg-img.png) center no-repeat; background-size: contain;
background-position : center bottom;
}
/* -------------------------------- 
会社情報
-------------------------------- */

#company{
padding-bottom: 8.5em;
}

#company h3{
	font-size: 140%;
	padding: 0 15px;
	padding-bottom: 1em;
	padding-top: 0.5em;
	letter-spacing: 0.05em;
}


#company p {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1.7em;
	font-size: 90%;
}

/*テーブル*/

.company-table ul {
	font-size: 94%;
}
.company-table span {
	font-weight: bold;
	color: #7E8580;
}
@media screen and (max-width: 414px){
.company-table ul {
	font-size: 88%;
	line-height: 1.9em;
}
}


table.company-table {
	width:100%;
	border-right:#CCCCCC solid 1px;
	border-collapse: collapse;
}
table.company-table thead th {
	background:#888A8D;
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
}
table.company-table thead th:last-child {
	border-right:#CCCCCC solid 1px;
}
table.company-table tbody th {
	background:#F3FBF3;
	color:#231815;
	padding:20px 15px;
	border-bottom:#CCCCCC solid 1px;
	vertical-align:top;
	border-left: #CCCCCC solid 1px;
}
table.company-table tbody tr:first-child th {
		border-top: #CCCCCC solid 1px;
}
table.company-table tbody tr:last-child th {
	border-bottom:#CCCCCC solid 1px;
}
table.company-table tbody td {
	background:#FFF;
    padding:20px 15px;
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	border-top: #CCCCCC solid 1px;
	vertical-align:top;
	text-align: left;
}

@media screen and (max-width: 991px) {
table.company-table thead {
	display:none;
}
table.company-table tbody th {
	display:block;
}
table.company-table tbody td {
	border-top: none;
	display:block;

}
table.company-table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.company-table tbody td p {
	/*padding-left:9em;
	text-align: right;*/
}

}

@media screen and (max-width: 414px) {
table.company-table tbody td p {
	/*padding-left:4.5em;*/
}
table.company-table tbody td {
	/*padding:10px 10px;*/
}
}

/* -------------------------------- 
事業情報
-------------------------------- */

#service-ks{
padding-bottom: 5.5em;
}

#service-ks h3{
	font-size: 140%;
	padding: 0.5em 15px 0.5em;
	letter-spacing: 0.05em;
  border-bottom: 3px dotted #22AC38;
	margin-bottom: 0.5em;
	color: #22AC38;
}

#service-ks h4{
	font-size: 150%;
	text-align: center;
	margin-bottom: 1.1em;
	padding-top: 2em;
	color: #EB0001;
}


#service-ks p {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 95%;
}
.under-boder_sl-tb {
  padding: 1em 0!important;
  border-bottom: none!important;
   font-size: 140%!important;
	color: #000!important;
		text-align: center;
	background: #FFFCD0;
	border-radius: 50px 3px; 
}

.service_cat {
	line-height: 1.7em!important;
		padding: 0 15px!important;
	letter-spacing: 0.05em!important;
	font-size: 154%!important;
	color: #EE7332;
	margin-top: 0.6em;
}


/* -------------------------------- 
お知らせ
-------------------------------- */

#news-ks{
padding-bottom: 5.5em;
}

#news-ks h3{
	font-size: 110%;
	padding: 0.5em 15px 0.5em;
	letter-spacing: 0.05em;
  border-bottom: 3px dotted #22AC38;
	margin-bottom: 0.5em;
}

#news-ks h4{
	font-size: 150%;
	text-align: center;
	margin-bottom: 1.1em;
	padding-top: 2em;
	color: #EB0001;
}

#news-ks p {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 95%;
}

#news-ks .time {
	line-height: 1.7em;
		padding: 0 15px;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	font-size: 85%;
	color: #22AC38;
	text-align: right;
}


/*------------------------------------------------------
　　　　　　　　　＊ お問合せ　＊
-------------------------------------------------------*/

.formTable .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 20px;
	} 


.form-control{
	font-size:110%;
} 

/* ---------- form ---------- */

@media screen and (min-width:961px) {
	#formWrap {
	color: #555;
	line-height: 120%;
	font-size: 110%;
	 margin-right : 10%;
     margin-left : 10%;
}

	.tablecontact table {
	margin:0 auto;
	width:90%;
	border-collapse:collapse;
}

.tablecontact table th {
	background-color: #F5F5F5; /*背景色 */
	color: #000000;             /* 文字色 */
	text-align: left;           /* 配置 */
	white-space: nowrap;
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
}

.tablecontact table td {
	background-color: #fff; 
	color: #000000;             /* 文字色 */
	text-align: left;           /* 配置 */
	border-style: none;
	/* white-space: nowrap;*/
	padding: 15px;
	border:1px solid #ccc;
}
.space {
	margin-left: 25px;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}
table.formTable tr td #email2 {
	width: 100%;
}

table.formTable tr td #homepage {
	width: 100%;
}
table.formTable tr td #comment {
	width: 100%;
}
	
table.formTable tr td #question {
	width: 100%;
}

.submit{
	padding-top: 30px;
}

input[type="reset"] {
	font-size: large;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

input[type="submit"] {
	font-size: large;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.button{
	padding-top: 30px;
}
input[type="button"] {
	font-size: large;
	background-color: #e4e4f1;
	border: 1px solid #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

}


/* ----------  コンタクト  ----------*/

label {
    font-weight: normal;
    padding-left: 0.5em;
}
select {
    border: 1px solid #eee;
    padding: 3px;
    width: 20%;
    font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.0rem;
	margin-top: 1em;
	font-size: 90%;
}
#cate-list {
    width: 100%;
}


input, button, select, textarea {
    padding: 0.3em;
}

@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/

#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:110%;
}

table {
	margin:0 auto;
	width: 100%;
	border-collapse:collapse;
}
.formTable {
	
	width: 120%;
}
    .formTable th,
    .formTable td{
        width: 100%;
        display: block;
        border-top: none;
    }

.formTable tr:first-child th   {
	border-top: 1px solid #ddd;
}
	
table.formTable td,table.formTable th{
	padding: 15px;
	border-top: 1px solid #CCCCCC;
/*	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;*/	
}

	
	
table.formTable th{
	font-weight:normal;
	background:#F5F5F5;
	text-align:left;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #duty-station {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}

table.formTable tr td #comment {
	width: 100%;
}

table.formTable tr td #question {
	width: 100%;
}
}

@media screen and (max-width:414px) {
select {
    border: 1px solid #eee;
    padding: 3px;
    width: 31%;
    font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.0rem;
	margin-top: 1em;
	font-size: 100%;
}
}

@media screen and (max-width:375px) {
/*スマホ用のcssを記述*/
.formTable {
	
}
    .formTable th,
    .formTable td{
        width: 100%;
        display: block;
        border-top: none;
    }

.formTable tr:first-child th   {
	border-top: 1px solid #ddd;
}
	
table.formTable td,table.formTable th{
	padding: 15px;
	border-top: 1px solid #CCCCCC;
}

table.formTable th{
	font-weight:normal;
	background:#F5F5F5;
	text-align:left;
		border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
table.formTable tr td #campany {
	width: 100%;
}
table.formTable tr td #duty-station {
	width: 100%;
}
table.formTable tr td #name {
	width: 100%;
}
table.formTable tr td #furigana {
	width: 100%;
}
table.formTable tr td #zip {
	width: 100%;
}
table.formTable tr td #address {
	width: 100%;
}

table.formTable tr td #tel {
	width: 100%;
}

table.formTable tr td #email {
	width: 100%;
}
table.formTable tr td #comment {
	width: 100%;
}
table.formTable tr td #question {
	width: 100%;
}

.space {
	margin-left: 0px;
}
}

.error_messe{
	color: #BF393B;
}