@charset "UTF-8";
/*リセット*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align:baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  article, header, footer, aside, figure, figcaption, nav, section {
    display:block;
  }
  body {
      font-size: 15px;
    line-height: 1.6;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", ヒラギノ角ゴシック, YuGothic, "Yu Gothic", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
      font-weight: 700;
      background-color: #f2f2f2;
  }
img {max-width: 100%;}
h1 {font-size: 12px; line-height: 1.4em; padding-top: 5px; }h1.top {color: #4c4c4c;}
.kakaku A30A0A{color: #CF0004; font-weight: 600; text-align: right; font-size: 1.2em;}
    /*ページ内リンクずれ解消
#mds01,#mds02,#mds03,#mds04,.ttl02,#shisetuannai {
    margin-top:-180px;
  padding-top:180px;
}
/*ページ内リンクずれ解消*/
 /*ページ内リンクずれ解消
@media screen and (max-width:480px) {
   
#mds01,#mds02,#mds03,#mds04,.ttl02,#shisetuannai {
    margin-top:-80px;
  padding-top:80px;
}

}

/*ページ内リンクずれ解消*/
.mincho {font-family: source-han-serif-japanese, serif;
    font-weight: 700;}
.bld {font-weight: 600;}
.size120 {font-size: 120%;}
/*brレスポンシブ*/
@media screen and (min-width: 791px) {
    .brnone-pc { display:none; }
}
@media screen and (max-width: 790px) {
    .brnone-sp { display:none; }
}
/*brレスポンシブ*/
/*レスポンシブ表示非表示*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (min-width: 960px) {
/*----------------------------------------------------------------*/
/* 共通 */
/*----------------------------------------------------------------*/

.sp-hide {
	display: inline !important;
}

.pc-hide {
	display:none !important;	
}
}
@media only screen and (max-width: 960px) {
/*----------------------------------------------------------------*/
/* 共通 */
/*----------------------------------------------------------------*/

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

.pc-hide {
	
    display: inline !important;
}
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 790px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/*レスポンシブ表示非表示*/

/*hoverでぬるっと画像拡大*/
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 130px;	/*画像の高さ*/
}
@media only screen and (max-width: 750px) {
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 120px;	/*画像の高さ*/
}
    }
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
/*hoverでぬるっと画像拡大*/

.iro {color: #330f0a; font-weight: 700;}
.iro2 {color: #0a2e33; font-weight: 700;}
.iro3 {color: #db5e52; font-weight: 700;}

.iro_white {color: #FFF;}

.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}

.aaaa{
    margin-top:-60px;
  padding-top:60px;
}
@media screen and (max-width:480px) {
 .aaaa{
    margin-top:-110px;
  padding-top:110px;
}

}

@media screen and (max-width:768px) {
    body {
        font-size: 13px;
    line-height: 1.7;
    
  }
 
    }

  ol, ul {
    list-style: none;
    list-style-type: none;
  }
a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: #333;
}
    a:hover,
    a img:hover,
    label img:hover {
        opacity: 0.8;
    }

a.link_iro {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: underline;
    color: #330f0a;
}
a.link_iro:hover{color: #75732F;opacity: 1;}
    


/*    input {
    display: none;
    }*/
    button {
      border: none;
      background: none;
      outline:none;
    }

/*GoogleMap*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*GoogleMap*/

header {z-index: 9999;}
@media screen and (max-width:768px) {
    #pcheader {display: none;}
    }

@media screen and (min-width:768px) {
    #spheader {display: none;}
    }




/*pcheader*/
#pcheader {position: fixed; 
    width: 100%;
    margin: 0 auto;
background-color:rgba(255,255,255,0.9);
    /*border-bottom: solid 1px #EFEAE8;*/
z-index: 9999;
box-shadow: 0 1px 4px rgba(0,0,0,.2);}
#pcheader_in {
/*    width: 1200px;*/
    padding: 0 1%;
    margin: 0 auto;
    }
@media screen and (max-width:1200px) {
    #pcheader_in {
    width: 100%;
    padding: 0 2%;
    }
     }
/*下だけ角丸*/
.kadomaru_shita{
        width: 200px;
        height: 50px;
        background-color: #330f0a;
        border-radius: 0 0 10px 10px;
    }  
/*下だけ角丸*/
ul.list2 {
  font-size: 0;
    display: flex;
  justify-content: flex-end;/*右寄せ*/
  align-items: center;
  list-style: none;
}
.list2 li {
  display: inline-block;
  font-size: 13px;
    width: 100%;
        height: 25px;
        background-color: #330f0a;
        border-radius: 0 0 10px 10px;
    text-align: center;
    margin-right: 5px;
    padding-top: 4px;

}  
.list2 li:hover {
        background-color: #4c4c4c;
} 
.list2 li a {
    color: #FFF;
    font-weight: 600;
} 
@media screen and (max-width: 600px) {
    .list2 li {
    width: 180px;
        height: 25px;
        background-color: #330f0a;
        border-radius: 0 0 10px 10px;
    text-align: center;
    margin-right: 5px;
} 
} 



.dropdwn{
/*    width: 1200px;*/
    display: flex;
  justify-content: flex-end;/*右寄せ*/
  align-items: center;
  list-style: none;
}
@media screen and (max-width:1200px) {
    .dropdwn{
    width: 100%;
    display: flex;
}
    }
.logo {width: 360px;}
.menu_tel {width: 180px; font-size: 23px;
    font-weight: 700; color: #330f0a; }
.logo_shisetsu {width: 240px;}
ul{
    
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    align-items: center
}
.dropdwn li{
    /*max-width: calc(1200px/5);*/
    position: relative;
    text-align: center;
    cursor: pointer;
   border-right: solid 1px #ccc;

}
.dropdwn li a{
    font-size: 14px;
text-decoration: none;
    color: #3C3C3C;
    font-weight: 500;
}
.dropdwn li a span{
text-decoration: none;
    color: #330f0a;
    line-height: 0.8em;
    font-weight: 400;
    font-size: 6px;
    
}
.dropdwn li a:hover{
text-decoration: none;
    color: #330f0a;
}
.dropdwn>li{
    padding: 0 13px;
/*    width: 100%;*/
    margin: 10px 0;
    display: inline;
line-height: 1.4;
        
    
}

.dropdwn_menu{
    display: none;
    position: absolute;
    
    
    background: #FFFFFF;
    box-shadow: 0 0 5px #999;
    border-radius: 2px;
    right: 0;
    left: 0;
    width: 280px;
    padding: 2%;
border-right: none;
}


.dropdwn_menu li{
    width: 100%;
    border-right: none;
    line-height: 1.4;
    padding: 3%;
    border-bottom: dotted 1px #ccc;
}

.dropdwn_menu li:last-child{
    border-bottom: none;
    
}

.dropdwn li:first-child {
    line-height: 0;
    padding-left: 0%;
    border-right: none;
    margin-right: auto;
    margin-top: 0;
}

.dropdwn li:last-child {
    border-right: none;
}

.dropdwn_menu li:first-child {
    line-height: 1.4;
    padding-right: 0;
    border-right: none;
}
@media screen and (max-width:1170px) {
    .logo {width: 260px;}
.dropdwn li:first-child {
    line-height: 0;
    padding-right: 5%;
}
    .dropdwn {margin: 7px 2%;}
    }
.dropdwn_menu li a{
    display: block;
    color: #534741;
    text-decoration: none;
}

.dropdwn_menu li a:hover{
    color: #B2A5A1;
}
.dropdwn li.btn a {
    background-color:#484848;
    color: #FFFFFF;
    padding: 5px 10px;
        border-radius: 16px;
    font-size: 0.9em;
    
}
.dropdwn li.btn a:hover {
    background-color:#000000;
    color: #FFFFFF;
    padding: 5px 10px;
        border-radius: 16px;
    font-size: 0.9em;
    
}
@media screen and (max-width:1200px) {
    
.dropdwn>li {
    padding: 15px;
    margin: 1px;
    display: inline;
    line-height: 1.4;
}
    .dropdwn li a {
    font-size: 15px;
}
    .dropdwn li.btn a {
        display: block;
    background-color: #330f0a;
    color: #FFFFFF;
    padding: 5px 5px;
    border-radius: 16px;
    font-size: 12px;
        line-height: 1.2em;
}
    .dropdwn li.btn a:hover {
    background-color:#004902;
    color: #FFFFFF;
    padding: 5px 5px;
        border-radius: 16px;
    font-size: 12px;
         line-height: 1.2em;
}
}
/*/pcheader*/
/*spheader*/
@media screen and (max-width:768px) {
    /*ハンバーガーメニュー*/
    .menu,
    .menu span {
    display: inline-block;
    -webkit-transition:all .4s;
    transition: all .4s;
    box-sizing: border-box;
    }

    .menu {
      position: fixed;
      top: 20px;
      left:  20px;
      width: 30px;
      height: 22px;
      z-index: 10000;
    }

    .menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #B2A5A1;
    z-index: 10;
    }

    .menu span:nth-of-type(1) {
    top: 0px;
    }

    .menu span:nth-of-type(2) {
    top: 10px;
    }

    .menu span:nth-of-type(3) {
    bottom: 0px;
    }

    .menu.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
    }

    .menu.active span:nth-of-type(2) {
    opacity: 0;
    }

    .menu.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
    }

    #nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    opacity: 0;
    background-color:rgba(255,255,255,0.8);
    transition: all 0.3s ease-in-out;
    visibility:hidden;
    }

    #nav.active{
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
        z-index: 10000;
    }

    #nav ul{
    margin:30px 0;
    padding:20px 0;
        display: flex;
  flex-wrap: wrap;
    }

    #nav ul li{
    list-style-type: none;
         width: calc(50% - 10px);
  margin: 5px;
    }
.ttlsccs {display: block;  text-align: center; margin: 0 auto; width: 100%; padding: 10px 0 4px;}
    #nav ul li a:hover {
    background-color: #870000;
        border-radius: 6px;
    }
    #nav ul li a{
    display: block;
    padding: 15px 0;
    transition: all 0.2s ease-in-out;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
        background-color: #330f0a;
        border-radius: 6px;
    }
    .ttlsccs {display: block;  text-align: center; margin: 0 auto; width: 100%; padding: 10px 0 4px;}
    

header {
    position: fixed;
    margin:0 auto;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #B2A5A1;
    background: #fff;
    z-index: 1000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
    .header_top {
    
    background-image: url(../img/common/logo.png);
        background-size: 35%;
        background-position: left 60% center;
        
}
    @media screen and (max-width:480px) {
    .header_top {
    
    background-image: url(../img/common/logo.png);
        background-size: 60%;
        background-position: left 60% center;
     }   
}
header h1 {
    margin: 20px 0;
    font-size: 1.4rem;
    text-align: center;
}
@media screen and (max-width:768px) {
    header h1,
    #nav ul li a {
        font-size: 0.8rem;
    }
    .contents {
        width: 100%;
    }
    .contents img {
        width: 100%;
    }
}
    }
/*/spheader*/


/*#slide {padding-top: 99px; }*/
@media screen and (max-width:768px) {
    #slide {padding-top: 60px;}
    }


section {padding: 4% 0 4%;}
section.bknone {padding: 4% 0 0;}
section.bkiro {background-color: #ccf0f5; padding: 4% 0; color: #FFF;}
section.bkdot {
background-size: 15px 15px;
  margin: 0 auto;
    background-color: #4c4c4c;
  background-image: radial-gradient(#6D6D6D 5%, transparent 10%),
                    radial-gradient(#6D6D6D 5%, transparent 10%);
  background-position: 0 0, 15px 15px;
    }
section.bkimg {
    height: auto;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/img/bkimg2.jpg);
    background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
}
section.bkimg2 {
    height: auto;
    background-size: cover;
        background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/img/bkimg1.jpg);
/*    background-color: rgba(0,0,0,0.6);*/
background-blend-mode:lighten;
}
section.bkimg4 {
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(../img/company/rinen_bk.png);
}
section.bkimg3 {background: url(../img/image/bk3.png) no-repeat right center;
    background-size:50%; padding: 8% 0; background-attachment: fixed; }
/*半分色違う*/
section.bkleftiro {background:linear-gradient(90deg,#77c033 0%,#77c033 50%,#FFF 50%,#FFF 100%);  padding: 3% 0 -3%; margin: 0 ;}
section.bkleftiro2 {background:linear-gradient(90deg,#FFF 0%,#FFF 50%,#77c033 50%,#77c033 100%);  padding: 3% 0 -3%; margin: 0 ;}
/*section.bkleftiro {background:linear-gradient(90deg,#d7dce0 0%,#f2f5f7 60%,#FFF 60%,#FFF 100%); padding: 3% 0 3%; margin: 3% 0;}*/
@media screen and (max-width:590px) {
    section {padding: 5% 0;}
section.bkleftiro {background:none;}
    section.bkleftiro2 {background:none;}
    }

/*----------------------------------------------------------------*/
/* TOP */
/*----------------------------------------------------------------*/  
.top_catch {text-align: center;
    font-size: 54px;
    font-family: "Work Sans",sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1.6;
    padding-top: 0px;
    margin-bottom: 40px;
    text-transform: uppercase;}
@media screen and (max-width:790px) {
    .top_catch {
    font-size: 26px;
}
    }
.topics dl {
padding: 15px 0;
border-bottom: 1px solid #D2D1D3;
}

.topics dt {
padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 15%;
}
.topics dd {
margin-left: 11%;
}
}

@media screen and (min-width: 768px) {
.list309 dt {
clear: left;
float: left;
width: 100%;
}
.list309 dd {
margin-left: 0%;
}
}
.btn_shosai {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border: solid #ccc 1px;
}
.area_ttl {font-weight: bold; color: 48474A; font-size: 1.1em; margin-bottom: 10px;}
.area_shi {border-bottom: dotted 1px #48474A; padding-bottom: 10px; margin-bottom: 20px; font-size: 1em;}
.bk_map {background-image: url("../img/top/map.png");
background-size: contain; background-repeat: no-repeat; background-position: center center;}

.concept {
    
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
margin-bottom: 4%;

}
@media screen and (max-width: 1024px) {
.concept {
    margin-bottom: 70px;
}
    }
.concept .inner {
    position: relative;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 768px){
.concept .inner {
    height: auto;
}
    }


.catch {
    font-size: 45px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    line-height: 1.6;
    padding-top: 0px;
    margin-bottom: 40px;
    text-transform: uppercase;
}
@media screen and (max-width: 768px){
.catch {
    font-size: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;

    line-height: 1.4em;
}
    }
@media screen and (max-width: 1280px){
.concept .lead_area {
    padding: 0 20px 0 40px;
}
     }
.concept .lead_area {
    width: 40%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 80px;
}

.catch2 {
    font-size: 30px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1.6;
    padding-top: 0px;
    margin-bottom: 25px;
    text-transform: uppercase;

}
@media screen and (max-width: 768px){
.catch2 {
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    line-height: 1.4em;
}
    }
.catch3 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6;
    padding-top: 0px;
    margin-bottom: 15px;
    letter-spacing: 1px;
}
@media screen and (max-width: 768px){
.catch3 {
    font-size: 16px;
    margin-bottom: 10px;
}
    }
.catch4 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.6;
    padding-top: 0px;
    margin-bottom: 1%;
}
@media screen and (max-width: 768px){
.catch4 {
    font-size: 15px;
    margin-bottom: 10px;
}
    }
.concept .lead {
    font-size: 17px;
    line-height: 2.2;
    font-weight: 700;
}

.concept .lead_area {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px 0 0px;
}
@media screen and (max-width: 768px){
.concept .lead_area {
    display: block;
    width: 100%;
    padding: 0 0%;

}
    }
.concept .img_area {
    width: 50%;
    height: 450px;
    overflow-x: hidden;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 0;
    -webkit-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
    -moz-transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
    transition: all .5s 0s cubic-bezier(.165,.84,.44,1);
}
.concept .img1 {background: url(../img/image/img06.jpg) no-repeat right center;}
.concept .img2 {background: url(../img/image/27.jpg) no-repeat right center;}
.concept .img3 {background: url(../img/img/bukken4/5.jpg) no-repeat right center;}
.concept .img4 {background: url(../img/img/bukken4/6.jpg) no-repeat right center;}
.concept .img5 {background: url(../img/img/bukken1/3.jpg) no-repeat right center;}
.concept .img6 {background: url(../img/img/bukken2/6.jpg) no-repeat right center;}
.concept .img7 {background: url(../img/img/bukken3/5.jpg) no-repeat right center;}
.concept .img_area img {
    display: none;
}
@media screen and (max-width: 768px){
.concept .img_area {
    display: block;
    background: 0 0;
    height: auto;
    width: 100%;
    position: relative;
}
    .concept .img_area img {
    display: block;
        width: 100%;
}
    }

.checklist li{
    text-align: left;
    list-style-type: none;
    
}
.checklist li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
    content: "\f00c"; 
    padding-right: 10px;
    color: #003265;

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

.bgtxt {font-size: 40px; font-weight: 700; text-align: center; margin: 80px 0 30px;}
@media screen and (max-width: 768px){
    .bgtxt {font-size: 18px; font-weight: 700; text-align: center; margin: 30px 0;}
    }
/*下に促す矢印*/
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	height: 60px;
	margin: 1em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	/*left: 50%;*/
	width: 60px;
	height: 10px;
	-webkit-transform: scale(0.3);
	        transform: scale(0.3);
	-webkit-animation: arrow-move07 3s ease-out infinite;
	        animation: arrow-move07 3s ease-out infinite;
	opacity: 0;
}
.cp_arrows .cp_arrow:first-child {
	-webkit-animation: arrow-move07 3s ease-out 1s infinite;
	        animation: arrow-move07 3s ease-out 1s infinite;
}
.cp_arrows .cp_arrow:nth-child(2) {
	-webkit-animation: arrow-move07 3s ease-out 2s infinite;
	        animation: arrow-move07 3s ease-out 2s infinite;
}
.cp_arrows .cp_arrow:before,
.cp_arrows .cp_arrow:after {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	content: '';
	border-radius: 2px;
	background: #003265;
}
.cp_arrows .cp_arrow:before {
	left: 1px;
	-webkit-transform: skewY(30deg);
	        transform: skewY(30deg);
}
.cp_arrows .cp_arrow:after {
	right: 1px;
	width: 50%;
	-webkit-transform: skewY(-30deg);
	        transform: skewY(-30deg);
}
@-webkit-keyframes arrow-move07 {
	25% {
		opacity: 0.6;
	}
	43.75% {
		-webkit-transform: translateY(1em);
		        transform: translateY(1em);
		opacity: 0.8;
	}
	62.5% {
		-webkit-transform: translateY(2em);
		        transform: translateY(2em);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(3em) scale(0.5);
		        transform: translateY(3em) scale(0.5);
		opacity: 0;
	}
}
@keyframes arrow-move07 {
	25% {
		opacity: 0.6;
	}
	43.75% {
		-webkit-transform: translateY(1em);
		        transform: translateY(1em);
		opacity: 0.8;
	}
	62.5% {
		-webkit-transform: translateY(2em);
		        transform: translateY(2em);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateY(3em) scale(0.5);
		        transform: translateY(3em) scale(0.5);
		opacity: 0;
	}
}
/*下に促す矢印*/
.waku_mind {background-color:#FFF;
    box-shadow: 0 1px 4px rgba(2,2,2,.4);
    text-align: center;
    padding-bottom: 5px;
}
.waku_mind img {width: 100%; overflow: hidden;}
.mdsmind {font-size: 21px; font-weight: 700; text-align: center; background-color: #2E73C6; color: #FFF; padding: 10px 0 6px;}
.mdsmind2 {font-size: 21px; font-weight: 700; text-align: center; background-color: #DD4B4B; color: #FFF; padding: 10px 0 6px;}
.mdsmind3 {font-size: 21px; font-weight: 700; text-align: center; background-color: #E2B700; color: #FFF; padding: 10px 0 6px;}
.mdsmind4 {font-size: 21px; font-weight: 700; text-align: center; background-color: #845FAF; color: #FFF; padding: 10px 0 6px;}
.mdsmind5 {font-size: 14px; font-weight: 600; text-align: center;  color: #000; padding: 5px 0 0px;}
.mdsmind6 {font-size: 26px; font-weight: 600;  color: #000; padding: 5px 0 15px; }
@media screen and (max-width: 790px){
    .waku_mind img {width: 100%;　 overflow: hidden;}


    .mdsmind5 {padding: 5px 0 3px; font-size: 12px; }
    .mdsmind6 {font-size: 14px; border-bottom: solid 1px #000; padding: 3px 0 5px; margin-bottom: 10px;}
    }
.btn_gly {
    display: inline-block;
    background-color: #F4F4F4;
    border-radius: 20px;
    line-height: 1.4em;
    padding: 6px 15px;
    margin: 4px;
    text-align: right;
    font-size: 12px;
    font-weight: 600;
}
@media screen and (max-width: 790px){
    .btn_gly {
            width: 100%;
    background-color: #F4F4F4;
    display: block;
    line-height: 1em;
    padding: 2px 4px;
    margin: 3px;
    text-align: center;
        font-size: 10px;
}
    }
.btn_gly2 {
    display: inline-block;
    background-color: #F9F9F9;
    border-radius: 20px;
    line-height: 1.2em;
    padding: 4px 10px;
    margin: 4px;
    text-align: center;
}
.btn_iro {
    display: inline-block;
    background-color: #0a2e33;
    border-radius: 6px;
    line-height: 1.2em;
    padding: 3px 6px;
    margin: 4px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
}
.btn_iro2 {
    display: inline-block;
    background-color: #c46e60;
    border-radius: 6px;
    line-height: 1.2em;
    padding: 3px 6px;
    margin: 4px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
}
.btn_iro3 {
    display: inline-block;
    background-color: #6a9663;
    border-radius: 6px;
    line-height: 1.2em;
    padding: 3px 6px;
    margin: 4px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
}
/*流れ*/
.balloon1-right {
     text-align: center;
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
}
.balloon1-right:nth-child(1) {
  background: #2E73C6;
}
.balloon1-right:nth-child(2) {
  background: #DD4B4B;
}
.balloon1-right:nth-child(3) {
  background: #E2B700;
}
.balloon1-right:nth-child(4) {
  background: #845FAF;
}
.balloon1-right img {width: 30%; overflow: hidden;}

.balloon1-right:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 100%;
  margin-top: -15px;    
      border: 80px solid transparent;
}
   
.balloon1-right:nth-child(1):before {
  border-left: 20px solid #2E73C6;
}
.balloon1-right:nth-child(2):before {
  border-left: 20px solid #DD4B4B;
}
.balloon1-right:nth-child(3):before {
  border-left: 20px solid #E2B700;
}
.balloon1-right:nth-child(4):before {
  border: none;
  border-left: none;
    
}
@media screen and (max-width: 790px){
.balloon1-right:nth-child(1):before {border-left: none;}
.balloon1-right:nth-child(2):before {border-left: none;}
.balloon1-right:nth-child(3):before  {border-left: none;}
.balloon1-right:nth-child(4):before {
  border: none;
  border-left: none;
}
.balloon1-right img {width: 60%; overflow: hidden;}
 }
.btn_balloon1-right {
    background-color: #FFF;
    border-radius: 20px;
    line-height: 1.4em;
    padding: 4px;
    margin: 4px;
    text-align: center;
}
@media screen and (max-width: 790px){
.btn_balloon1-right {
    width: 100%;
    background-color: #FFF;
    border-radius: 20px;
    line-height: 1.2em;
    padding: 0 0 6px;
    margin: 4px 0;
    text-align: center;
    font-size: 12px;
}
    }
/*流れ*/
/*求人流れ*/
.balloon2-right {
     text-align: center;
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 10px 20px;
  min-width: 120px;
  max-width: 100%;
    background: #f2f5f7;;
}
.balloon2-rightttl {text-align: center; font-weight: 600; padding: 10px 0; }
.balloon2-righttxt {text-align: left;}

.balloon2-right img {width: 100%; overflow: hidden;}

.balloon2-right:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 100%;
  margin-top: -15px;    
      border: 80px solid transparent;
    border-left: 20px solid #f2f5f7;
}
   

.balloon2-right:nth-child(4):before {
  border: none;
  border-left: none;
}
@media screen and (max-width: 790px){
.balloon2-right:nth-child(1):before {border-left: none;}
.balloon2-right:nth-child(2):before {border-left: none;}
.balloon2-right:nth-child(3):before  {border-left: none;}
.balloon2-right:nth-child(4):before {
  border: none;
  border-left: none;
}
.balloon2-right img {width: 60%; overflow: hidden;}
 }
.btn_balloon2-right {
    background-color: #FFF;
    border-radius: 20px;
    line-height: 1.4em;
    padding: 4px;
    margin: 4px;
    text-align: center;
}
@media screen and (max-width: 790px){
.btn_balloon2-right {
    width: 100%;
    background-color: #FFF;
    border-radius: 20px;
    line-height: 1.2em;
    padding: 4px 6px;
    margin: 4px 0;
    text-align: center;
    font-size: 12px;
}
    }
/*求人流れ*/

.kono3tu {font-size: 32px; font-weight: 700; text-align: center;}
@media screen and (max-width: 790px){
    .kono3tu {font-size: 15px; }
}
/*----------------------------------------------------------------*/
/* TOP */
/*----------------------------------------------------------------*/  
/*----------------------------------------------------------------*/
/* 代表挨拶 */
/*----------------------------------------------------------------*/  
.message {background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    width: 1200px;
    margin: 0 auto;
    padding: 60px 60px 60px 60px;
position: relative;}
.message::before {
    border-width: 60px 60px 0 0;
}
.message::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 35px 35px 0 0;
    border-color: #0a2e33 transparent transparent transparent;
    position: absolute;
    top: 5px;
    left: 5px;
}
.message {background: url(../img/top/bkimg01.png), #FFF;
    background-position: right center;
    background-repeat: no-repeat ;
}

@media screen and (max-width: 1200px){
    .message {
    width: 100%;
    padding: 30px 30px 30px 30px;
position: relative;
        background: none;
        background-color: #FFF;
    
        
}
   }


.concept_ttl .number::after {
    width: 66px;
    bottom: 0px;
}

.txt_point {
    color: #330f0a; !important;
    font-weight: bold;
    line-height: 1.5;
}

.concept_ttl h3 {
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.5;
}
@media screen and (max-width: 1200px){
    .inner_base {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
   position: relative;
    height: auto;
}
    .concept_main_block .concept_main_block_inner {
    
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: -70px;

}
    .concept_block .concept_img .concept_img_main_odd {
		position: relative;
		display: inline-block;
		width: 100%;
		padding-top: 50px;
		-webkit-transform-origin: left bottom;
		        transform-origin: left bottom;
	}
    .concept_ttl {
    width: 100%;
}
    .concept_txt {
    width: 100%;
    margin-top: 120px;
        font-size:14px;
}
}
.bkleftiro .container {position: relative;}
.bkleftiro2 .container {position: relative;}

    .concept_ttl p {
    width: 100%;
    margin-top: 30px;
        font-size:18px;
}
.number {
    font-size: 4rem;
    font-weight: bold;
    color: #330f0a;
    position: relative;
}
.number::after {
    content: "";
    border-bottom: 2px solid #330f0a;;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}

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

    .concept_ttl h3 {
    font-size:20px;
    font-weight:700;
}
    .concept_ttl p {
    margin-top: 10px;
        font-size:13px;
}
    .number {
    font-size: 2.5rem;
    font-weight: 700;
    color: #330f0a;

}
   .concept_ttl .number::after {
    width: 40px;
    bottom: 5px;
}
}
/*----------------------------------------------------------------*/
/* 代表挨拶 */
/*----------------------------------------------------------------*/  
/*----------------------------------------------------------------*/
/*ビジネスパートナー*/
/*----------------------------------------------------------------*/  

ul.ulmark{
  font: 14px/1.6 'arial narrow', sans-serif;
  list-style: none;
  padding: 0.5em 0.7em;
}
ul.ulmark li{
  position: relative;
    padding-left: 30px;
  line-height: 3em;
  font-size: 15px;
  border-bottom: 1px dashed #585858;
}
ul.ulmark li a{
  color: #48474A;
}
ul.ulmark li:last-child{
  border:none;
  margin: 0;
}
ul.ulmark li:before{
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left: 5px;
  font-size: 1.2em;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  background-position: bottom;
    color: #C63B42;
}
/*ul.ulmark li:hover:before{
  -webkit-transform:rotateY(-360deg);
  transform:rotateY(-360deg);
  color: #C63B42;
}*/
@media screen and (max-width: 790px){
    ul.ulmark{
  font: 14px/1.6 'arial narrow', sans-serif;
  list-style: none;
  padding: 0.3em 0.7em;
}
   ul.ulmark li{
  position: relative;
  color: #48474A;
  margin-bottom:5px;
  padding-left: 30px;
  line-height: 30px;
  font-size: 13px;
  font-weight: normal;
  border-bottom: 1px dashed #C63B42;
}
    ul.ulmark li:last-child{
  border-bottom: 1px dashed #C63B42;
  margin: 0;
}
    }
/*----------------------------------------------------------------*/
/*ビジネスパートナー*/
/*----------------------------------------------------------------*/  
/*----------------------------------------------------------------*/
/* シーリング工事の工程 */
/*----------------------------------------------------------------*/ 
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 3em;
  padding: 2%;
  width: 100%;
  font-size: 16px;
  background: #FFF;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  border: 60px solid transparent;
  border-top: 30px solid #FFF;
}
.balloon1:last-child:before {
  border: none;
}

.balloon1 p {

}
@media screen and (max-width: 790px){
    .balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #EFEFEF;
}
    .balloon1 p {
        font-size: 13px;
}
    }
/*----------------------------------------------------------------*/
/* シーリング工事の工程 */
/*----------------------------------------------------------------*/ 

/*----------------------------------------------------------------*/
/* サイトマップ*/
/*----------------------------------------------------------------*/  

.sitemap ul li ul {
  margin-top: .8em;
  margin-bottom: .75em;
  margin-left: 30px;
    line-height: 2em;
}
 
.sitemap ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #999;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #999;
}
/*----------------------------------------------------------------*/
/* サイトマップ*/
/*----------------------------------------------------------------*/  




/* フッター　*/
.copyright {
	color: #383838;
	text-align: center;
    clear: both;
}
.copyright small {
	font-size: 1em !important;
}

img.f_logo{
    width: 50% !important;
    margin:0 auto 40px;
}





/*----------------------------------------------------------------*/
/* フッター ナビゲーション */
/*----------------------------------------------------------------*/  

.footer-nav ul {
	margin:20px auto;
}

.footer-nav li {
    display:inline-block;
	border-left: solid 1px #999;
	width:auto;
	margin-bottom: 10px;
	border-bottom:none;
	text-align:inherit;
    line-height: 1em;
}

.footer-nav li a {
    display:block;
	padding:0 10px 0 10px;
    text-decoration: none;
    color: #383838;
    font-size: 0.9em;
    font-weight: normal;
}
.footer-nav li a:hover {
    color: #888672;
}
.footer-nav li:first-child {
	border:none;
}

.footer-nav li:first-child a {
	padding:0 15px 0 0;
}
.ft_btn{
    background-color: #494949;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 16px;
    font-size: 0.9em;
    text-align: center;
}
.ft_btn:hover{
    background-color: #161616;
}
/*2カラム1カラムfooterボタン*/
.flex_ftbtn {
  display: flex;
  flex-wrap: wrap;
          align-items: center;
/*          justify-content: center;*/
}
 
.flex_ftbtn .flex_ftbtn_in {
  width: calc(48%);
  margin: 10px 1%;

}
.flex_ftbtn p{text-align: center;font-size: 1em;
color: #FFFFFF;
font-weight: 600;}
.tel a{text-align: center; 
color: #000;
font-size: 38px;
    font-weight: 600;}
@media screen and (max-width: 900px) {
.flex_ftbtn {

}
 
.flex_ftbtn .flex_ftbtn_in {
  width: calc(100%);
  margin: 1% 0;
}
.flex_ftbtn p{text-align: center;font-size: 1.2em;}
 .tel a{text-align: center; 
color: #000;
font-size: 23px;
    font-weight: 600;}  
    }
    
/*2カラム1カラムfooterボタン*/
@media screen and (max-width:768px) {
    footer p {text-align: center;}
    .footer-nav {
	font-weight:600;
	margin:20px 0 20px;
}

.footer-nav ul {
	font-size:1em;
	margin:0 -2%;
}

.footer-nav li {
    border-left: none;
	display:inline-block;
	width:44%;
	margin:0 2%;
	box-sizing:border-box;
	border-bottom:1px solid #939393;
	text-align:center;
}

.footer-nav li a {
	display:block;
	padding:11px 0 8px;
    color: #383838;font-size: 0.9em;
}.footer-nav li a:hover {
    color: #FFF;
}
    .footer-nav li:first-child {
	border-bottom:1px solid #939393;
}

.footer-nav li:first-child a {
	padding:11px 0 8px;
}
    }


/*2カラム1カラムfooter*/
.flex_ft {
  display: flex;
  flex-wrap: wrap;
          align-items: center;
          justify-content: center;
}
 
.flex_ft .flex_ft_left {
  width: calc(48%);
  margin: 20px 1%;
text-align: center;
}
.flex_ft .flex_ft_right {
  width: calc(48%);
  margin: 20px 1%;
}
    .flex_ft img {width: 100%;}
@media screen and (max-width: 900px) {
.flex_ft {

}
 
.flex_ft .flex_ft_left {
  width: calc(100%);
  margin: 20px 0;

}
.flex_ft .flex_ft_right {
  width: calc(100%);
  margin: 20px 0;

}
    .flex_ft img {width: 100%;}
.flex_ft p{font-size: 1em;}
    }

    
/*2カラム1カラムfooter*/
/*フッター固定*/
#footfix {position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #330f0a;
z-index: 2;}
#footfix_in {
    width: 1200px;
    display: flex;
    margin: 0 auto;
    color:#FFFFFF; 
    font-family: "Work Sans", sans-serif;
    padding: 8px 0;

    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */

}
.footfix_in_1{font-size: 1.2em;
    color: #FFF;
    border: solid 1px #FFF;
    padding: 5px 15px;
    vertical-align: middle;}
.footfix_in_2 a {font-size: 28px; padding: 0 20px;color: #FFFFFF;font-weight: 600;}
.footfix_in_3 a{background-color: #FFF;
    color: #330f0a;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 21px;
font-weight: 600;}

/*フッター固定*/

 .footercolor {background-color:#ccf0f5; padding: 0 0 70px; color: #383838;}

/*----------------------------------------------------------------*/
/* フッター ナビゲーション */
/*----------------------------------------------------------------*/  


.ttl {padding: 10px 0;}
.footer-nav li a:hover,.footer-nav2 li a:hover,.footer-nav2 p a:hover{
    color: #7A6D67;
    } 
    
    



    
    
.aaa {    transition: ease 0.8s all;
    cursor: pointer;}
.aaa:hover {
opacity:0.8;
	transform:scale(1.05,1.05);
}
.aaa:hover img {
    -moz-opacity:0.8;
    opacity:1;
    filter: alpha(opacity=80);
}

/*トップへ戻る*/
.pagetop {
    position: fixed;
    bottom: 70px;
    right: 10px;
    z-index: 3;
    
}
.pagetop a {
    display: inline-block;
    background: #330f0a;
    color: #FFF;
    width: 80px;
    height: 80px;
    border-radius: 50%;/*角丸*/
    text-decoration: none;
    font-size: 0.7em;
/*    border: solid 1px #330f0a;*/
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    text-align:center;
  line-height: 80px;
    
}
.pagetop a:hover {
    background: #330f0a;
    text-decoration: none;
    color: #FFF;
}
@media screen and (max-width: 790px) {
    .pagetop {
    position: fixed;
    bottom: 70px;
    right: 10px;
    
}
.pagetop a {
    display: inline-block;
    background: #330f0a;
    color: #FFF;
    width: 70px;
    height: 70px;
    border-radius: 50%;/*角丸*/
    text-decoration: none;
    font-size: 6px;
/*    border: solid 1px #330f0a;*/
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    text-align:center;
  line-height: 70px;
    
}
.pagetop a:hover {
    background: #330f0a;
    text-decoration: none;
}
    }
/*下部下部固定のもの*/

.pagetop2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    
}
.pagetop2 a {
    display: block;
    background: #534741;
    color: #fff;
    width: 90px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.7em;
}
.pagetop2 a:hover {
    background: #847770;
    text-decoration: none;
}
@media screen and (max-width: 790px) {
    .pagetop2 {
    position: fixed;
    bottom: 60px;
    right: 20px;
    
}
.pagetop2 a {
    display: block;
    background: #534741;
    color: #fff;
    width: 70px;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.6em;
}
.pagetop2 a:hover {
    background: #847770;
    text-decoration: none;
}
    }
/*トップへ戻る*/
/*開園時間*/
.img {max-width: 600px;}
.tbl-r02 {
  margin: 20px auto;
    width: 100%;
    border-spacing: 10px;
}

.tbl-r02 th {
  background: #F4EDEA;
  border: solid 1px #FFF;
  color: #54433A;
    border-radius: 20px;
    vertical-align: middle;
    width: 180px;
    font-weight: 600;
    
}
.tbl-r02 td {
　border: solid 1px #FFF;
    padding-left: 30px;
}
@media screen and (max-width: 790px) {
    .img {width: 100%;}

  .last td:last-child {
    border-bottom: solid 1px #FFF;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
    .tbl-r02 th {
    border-radius: 10px;
    vertical-align: middle;
    padding: 10px;
}
    .tbl-r02 td {
    padding-left: 0px;
}
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/*/開園時間*/


    

.mds03 {
font-weight: 600;
font-size: 21px;
margin-bottom: 3%;}
.btn_shiro {background-color: #FFF;
border-radius: 20px;
line-height: 1.4em;
padding: 10px;}
/*最新情報*/
.mainTtl03 {
    font-family: 'Cormorant Upright',serif;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .04em;
    text-align: right;
    }
.mainTtl03 a {
 color: #F4F4F4;
    font-size: 1.4em;
    text-decoration: none;
    }
    .mainTtl03 a:hover {
 color: #333;
    }
    .infobox {padding-top: 200px;}
/*最新情報*/
/* 第二見出し要素
----------------------------------------------------------- */
  
/*    body, html, main {
    /* important 
    height: 100%;
}*/
  
.cd-fixed-bg {
    height: 350px;
    background-size: cover;
/*    background-attachment: fixed;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/daini/daini.jpg");
}
  

.cd-scrolling-bg {
    min-height: 100%;
}
    .cd-fixed-bg h1 {color: #383838; text-align: center; padding-top: 190px; font-size: 38px;}   
    .dainikomidashi {color: #383838; text-align: center; font-size: 12px;}   
  

@media screen and (max-width: 790px) {
.cd-fixed-bg {
    height: 150px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/daini/daini.jpg");
}
  

.cd-scrolling-bg {
    min-height: 100%;
}
    .cd-fixed-bg h1 {color: #FFFFFF; text-align: center; padding-top: 60px; font-size: 20px;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}   
    .dainikomidashi {color: #FFFFFF; text-align: center; font-size: 11px;text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
} 

} 
/* ・第二見出し要素*/

/*テーブル*/
table.tbl{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  width: 100%;
}
table.tbl th,
table.tbl td{
  border: 1px solid #ccc;
  padding: 1em;
}
table.tbl th{
    text-align: left;
    vertical-align: middle;
  background: #F3F3F3;
    width: 20%;
    font-weight: 500;
}
table.tbl td{
  background: #FFF;
}
@media (max-width: 600px) {
table.tbl{
      width: 100%;
    
    }
    table.tbl th,
    table.tbl td{
        text-align: left;
        width: 100%;
      display: block;
        font-size: 1em;
        padding: .5em 0.5em;
        line-height: 1.6em;
    }
    table.tbl th,
    table.tbl td{
      border-top: none; /* 一旦、すべてのborder-topを削除 */
    }
    table.tbl tr:first-child th{
      border-top: 1px solid #CEC3C0; /* 一番上にあるthだけborder-topを追加 */
    }

}
.go_top{text-align: right;color: #534741; font-size: 0.8em; margin-top: 10px; }
/*/テーブル*/
/*テーブル*/
table.tbl2{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  width: 100%;
}
table.tbl2 th,
table.tbl2 td{
    width: 50%;
  border: none;
  padding: 2% 4%;
}
table.tbl2 th{
    text-align: center;
    vertical-align: middle;
    width: 20%;
    font-weight: 500;
    border-bottom: 1px solid #ccc;
}
table.tbl2 td {border-bottom: 1px solid #ccc;}
@media (max-width: 600px) {
    table.tbl2 th,
    table.tbl2 td{
        width: 50%;
        }
    }
@media (max-width: 600px) {
table.tbl2{
      width: 100%;
    
    }
    table.tbl2 th {background-color: #ccc;}
    table.tbl2 th,
    table.tbl2 td{
        text-align: left;
        width: 100%;
      display: block;
        font-size: 1em;
        padding: .5em 0.5em;
        line-height: 1.6em;
    }
    table.tbl2 th,
    table.tbl2 td{
      border-top: none; 
    }
    table.tbl2 tr:first-child th{
      border-top: 1px solid #CEC3C0; 
    }
}
/*/テーブル*/


/*プライバシーポリシー*/
ol.list01 {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0;
}
ol.list01 li {
  position: relative;
  padding: 0.5em;
  line-height: 1.5em;

  border-left : solid 40px #666;
    
  margin-bottom: 10px;
    font-size: 1.4em;
    border-bottom: dashed 1px silver;
}
ol.list01 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 1.1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -35px;
  width: 35px;
  height: 1em;
  line-height: 1;
  text-align: center;
} 
ol.list01 p {
  padding-left: 40px;
}
/*/プライバシーポリシー*/
/*バナー風枠*/
.box_waku{border: solid 1px #ccc; border-radius: 6px;
padding: 60px 0 60px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .04em;
    width: 100%;
text-align: center;
    }


.box_waku2{border: solid 1px #ccc; border-radius: 6px;
padding: 20px 0 20px;}
.box_waku2{
    font-size: 16px;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1;
    background-color: #FFFFFF;
    padding: 3%;
    }
@media screen and (max-width: 600px){

.box_waku{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .04em;
    }


.box_waku2{border: solid 1px #ccc; border-radius: 6px;
padding: 15px 0 15px;}
.box_waku2{
    font-size: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    }  
  }

.mds01 {
    font-weight: 600;
    font-size: 16px;
    margin: 0 auto;
    margin: 1% 0;
    color: #383838;
    background-color: #EDEDED;
    padding: 5px 10px;
    text-align: left;
}
@media screen and (max-width: 600px){
    .mds01 {
    font-size: 15px;
}
    }
.waku_iro {
    background-color: #FFF; 
    margin-bottom: 3%;
    box-shadow: 0 0 5px #ccc;
}
.waku_iro_2 {
    background-color: #FFF; padding: 4%;
}
@media screen and (max-width: 600px){
    .waku_iro {
    padding: 3%;
}
.waku_iro_2 {
    padding: 3%;
}
    }
.waku_iro2 {
    background: #325ea5;
background: -moz-linear-gradient(left, #003265 0%, #325ea5 100%);
background: -webkit-gradient(linear, left center, right center, from(#003265), to(#325ea5));
background: -webkit-linear-gradient(left, #003265 0%, #325ea5 100%);
background: -o-linear-gradient(left, #003265 0%, #325ea5 100%);
background: linear-gradient(to right, #003265 0%, #325ea5 100%);
    text-align: center;
    padding: 1%;
}
.waku_iro3 {
    background-color: #F4F4F4;
    text-align: center;
    padding: 1%;
    margin-top: 1%;
    border-radius: 4px;
/*    box-shadow: 0 0 5px #ccc;*/
}

/* お問い合わせ */ 
.gly-bk {
    background-color: #F9F9F9;
    padding: 2%;
}
.otoi_tel,.otoi_tel a {font-size: 40px; font-weight: 600; color: #330f0a; }
@media screen and (max-width: 960px){
    .otoi_tel,.otoi_tel a {font-size: 20px; font-weight: 700; text-align: center; }
    }

    .btn-border {
  display: inline-block;
  width: 180px;
  text-align: center;
  border: 2px solid #C63B42;
  font-size: 16px;
  color: #FFFFFF;
  background-color: #C63B42;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #FFFFFF;
  border-color: #003265;
  color: #003265;
}
   
/* ボタン　*/
.button{
    background: #AF9F97;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    }
.button span{
    color: #fff;
    text-align: center;
    display: inherit;
}
a.btn,a.btn_a{
    text-decoration: none;
}



      .btn-border {
  text-align: center;
  border: 2px solid #C63B42;
  font-size: 14px;
  color: #FFFFFF;
  background-color: #C63B42;
  text-decoration: none;
  font-weight: bold;
  padding: 4px 16px;
  border-radius: 4px;
  transition: .4s;
}

.btn-border:hover {
  background-color: #FFFFFF;
  border-color: #330f0a;
  color: #330f0a;
}

.f_logo{
    width: 50% !important;
    margin: 0 auto 40px;
}
.prof {
    margin-top: 20px;
    overflow: hidden;
} 
.prof img{
    width: 40%;
    float: left;
}
.prof p{
    width: 60%;
    float: right;
    padding-left: 10px;
    font-size: 0.8em;
    line-height: 1.5em;
}



    

}



/*最新情報ページ*/
.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

.topics dt {
padding-bottom: 5px;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
.topics dt {
clear: left;
float: left;
width: 10%;
}
.topics dd {
margin-left: 11%;
}
}
.topics_hiduke{
    font-size: 14px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height:1.4;
    letter-spacing: .04em;
margin-bottom: 10px;}
.topics_mds{font-family: 'Cormorant Upright',serif;
    font-size: 28px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .04em;
margin-bottom: 40px;}
.cntr {text-align: center; }
@media screen and (max-width: 768px) {
    }
@media screen and (max-width: 768px) {
.topics_hiduke{
    font-size: 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height:1.3;
    letter-spacing: .04em;}
.topics_mds{font-family: 'Cormorant Upright',serif;
    font-size: 28px;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0em;}}
/*/最新情報ページ*/

/*申し込みフォームボタン*/
.btn001{
text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    padding: .3em 0;
    background-color: #330f0a;
    color: #FFFFFF;
    border-radius: 10px;
line-height: 1.3em;
width: auto;
margin: 1% 0 1%;}

.btn001 a,.btn001 a:hover{
    color: #FFFFFF;
    text-decoration: none;}
.btn001:hover{
    background-color: #004902;
    color: #FFFFFF;
    }
@media screen and (max-width:768px) {
    .btn001{
    font-size: 1.4em;
    }
}
/*申し込みフォームボタン*/


/*リオナス経理の特長*/
.mds001 {position: relative;
    margin-bottom: 40px;
    padding-bottom: 60px;
    text-align: center;
    background: url(../img/common/arrow.png) center bottom no-repeat;
    background-size: 23px;
    
}
.mds001 p {
display: inline-block;
    font-size: 36px;
    line-height: 1.6;
    letter-spacing: 0.1em;
    font-weight: 500;
}


@media only screen and (max-width: 480px) {
.mds001 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: url(../img/common/arrow.png) center bottom no-repeat;
    background-size: 10px;
    
}
   .mds001 p {
font-size: 17px;
  line-height: 1em;
       padding-bottom: 10px;
       letter-spacing: normal;
       font-weight: 700;
}
}
    
    
.mds002 {
    font-weight: 600;
    font-size: 19px;
	padding: 5px 0 3px;
    background-color: #616161;
  color: #FFF;/*文字色*/
    text-align: center;
    margin-bottom: 1%;
}
.mds_002 {
    font-weight: 600;
    font-size: 19px;
	padding: 5px 0 3px;
    background-color: #616161;
  color: #FFF;/*文字色*/
    text-align: center;
}
.mds002_white {
    font-weight: 600;
    font-size: 19px;
	padding: 3px 0;
    background-color: #FFF;
  color: #330f0a;/*文字色*/
    text-align: center;
    margin-bottom: 3%;

}
.mds0022 {font-size: 21px; text-align: center; padding: 3% 0 3%;}
.mds0022:after {
	content: "";
	display: block;
	margin: 1% auto 0%;
	width: 40px;
	height: 1px;
	background-color: #383838;
    
}

@media screen and (max-width: 768px) {
    .mds002 {
    font-size: 18px;
}
    .mds0022 {font-size: 15px;}
    }



.mdstxt {
    color: #003265;
    font-size: 30px;
    margin-bottom: 1%;
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    .mdstxt {
    font-size: 16px;
    margin-bottom: 1%;
}
    }
.mdstxt2 {
    font-size: 21px;
    margin-bottom: 1%;
    font-weight: 400;
    line-height: 1.8em;
    color: #003265;
}
@media screen and (max-width: 768px) {
    .mdstxt2 {
    font-size: 14px;
    margin-bottom: 1%;
}
    }
/*2カラム1カラム*/
.flex_img {
  display: flex;
  flex-wrap: wrap;
          align-items: center;
          justify-content: center;
   
}
 
.flex_img .flex_img_in_left {
      width: calc(46%);
    margin: 2%;
    padding: 0;

}
.flex_img .flex_img_in_right {
     width: calc(46%);
    margin: 2%;
    padding: 0;
}

    .flex_img img {width: 100%; padding-top: 0;}
@media screen and (max-width: 768px) {
    .flex_img .flex_img_in_left { order: 1; }
.flex_img .flex_img_in_right { order: 2; }

    }
.flex_img .txt{font-size: 1.4em;
color: #330f0a;
font-weight: 600;}
@media screen and (max-width: 790px) {
.flex_img {

}
 
.flex_img .flex_img_in_left {
  width: calc(100%);
  margin: 0 auto;
padding: 2%;
    text-align: center;
}
.flex_img .flex_img_in_right {
  width: calc(100%);
  margin: 0 auto;
padding: 2%;
        text-align: center;
}
    .flex_img img {max-width: 60%;
    }
    }
/*2カラム1カラム*/

.waku_check {
  background-color: #FFF; 
    padding: 6% 2% 2%;
    position: relative;
    display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 /*-webkit-justify-content: center;  横方向中央揃え（Safari用） */
 /*justify-content: center;  横方向中央揃え */
    box-shadow: 0 1px 4px rgba(0,0,0,.2);}
}
.waku_check p {
    font-size: 1.3em;
    line-height: 1.6em;
    position: relative;
    height: auto;
    vertical-align: middle;
    text-align: left;
}

.waku_check:before {
    position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;

  display: block;

  width: 40px;
  height: 40px;
  content:'\f058';
  font-family: FontAwesome;
  color:#0a2e33;
    font-size: 3em 
}
@media only screen and (max-width: 790px) {
    .waku_check {
    padding: 10% 3% 3%;
    position: relative;
}
    .waku_check p {
    font-size: 1em;
    line-height: 1.1em;
    position: relative;
    height: auto;
    vertical-align: middle;
}
    .waku_check:before {
    position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 20px;
  height: 20px;
  content:'\f00c';
  font-family: FontAwesome;
  color:#003265;
         font-size: 1.8em 
}
}
/*3カラム1カラム*/
.flex_check {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: stretch;
    margin: 1% 0;
    padding: 1%;
}
 
.flex_check .flex_check_in {
  width: calc(31%);
  margin: 1%;
}
    .flex_check img {width: 100%;}
.flex_check p{}

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

.flex_check {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
align-items: stretch;
}
 
    .flex_check p{}

.flex_check .flex_check_in {
  width: calc(100%);
  margin: 10px 0;
    
}
    }
    /*3カラム1カラム*/
.mds04 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 3%;
}
.mds_ao {
    padding: 40px;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 23px;
    font-weight: 600;
    text-align: left;
    background: url(../img/image/joseikiri.png) no-repeat;
    background-color: #2E73C6;
    background-position: right 10px bottom 0px;
    background-size: 100px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 790px){
.mds_ao {
    background-color: #2E73C6;
    padding: 10px 70px 10px 10px;
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4em;
    text-align: left;
    background-size: 70px;
    background-position: right 5px bottom 0;
}
    }
/*リオナス経理の特長*/
/*導入事例*/
/*2カラム2カラム*/
.flex_jirei {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: stretch;
}
 
.flex_jirei .flex_jirei_left {
  width: 90%;
}
.flex_jirei .flex_jirei_right {
  width: 10%;
}
    .flex_jirei img {width: 100%;}
@media only screen and (max-width: 790px){
    .flex_jirei .flex_jirei_left {
  width: 80%;
}
.flex_jirei .flex_jirei_right {
  width: 20%;
}
    }



.flex_jirei2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: stretch;
}
 
.flex_jirei2 .flex_jirei2_left {
  width: 48%;
    margin: 1%;
        display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
.flex_jirei2 .flex_jirei2_left p {
    color: #FFF;
}
.flex_jirei2 .flex_jirei2_right {
  width: 48%;
    margin: 1%;
}

    .flex_jirei2 img {width: 100%;}
@media only screen and (max-width: 790px){
    .flex_jirei2 .flex_jirei2_left {
  width: 100%;
}
    .flex_jirei2 .flex_jirei2_left p {
        margin-bottom: 1%;
    font-weight: 600;
}
.flex_jirei2 .flex_jirei2_right {
  width: 100%;
}
    }





.flex_jirei_koe {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: stretch;
}
 
.flex_jirei_koe .flex_jirei_koe_left {
  width: 10%;
}
.flex_jirei_koe .flex_jirei_koe_right {
  width: 80%;
}
    .flex_jirei_koe img {width: 100%;}
@media only screen and (max-width: 790px){
    .flex_jirei_koe .flex_jirei_koe_left {
  width: 100%;
        margin: 0 auto;
        display: flex;
  justify-content: center;
}
.flex_jirei_koe .flex_jirei_koe_right {
  width: 100%;
}
     .flex_jirei_koe img {width: 25%; text-align: center; margin: 0 auto;}
    }

.fukidashi {
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  padding: 10px 10px 6px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #F7DADA;
    border-radius: 10px;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #F7DADA;
}

.fukidashi p {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 790px){
.fukidashi {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #F7DADA;
}

.fukidashi:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #F7DADA;
}

.fukidashi p {
    font-size: 13px;
    line-height: 1.7;
  margin: 0;
  padding: 0;
}}


    /*2カラム2カラム*/
.mds05 {font-size: 1.8em; line-height: 1.9em;  font-weight: 600;  margin-bottom: 1%; }

.box28 {
    position: relative;
    padding: 30px 15px 7px;
    border: solid 2px #003265;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #003265;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 2px #CC4E54;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #CC4E54;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box30 {
    margin: 2em 0;
    background: #FFFFFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #330f0a;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 0px;
    margin: 0;
}
@media only screen and (max-width: 790px){
    .box30 p {
    padding: 0px 10px;
    margin: 0;
    font-size: 1em;
        text-align: left;
        
}
    }
.triangle3{
    text-align: center;
    margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #ccc;
}
@media only screen and (max-width: 790px){
    .triangle3{
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ccc;
}
    }
/*2カラム1カラム*/
.flex21 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
    align-items: stretch;
}
 
.flex21 .flex21_in {
  width: 50%;
}
@media only screen and (max-width: 790px){
    .flex21 .flex21_in {
  width: 100%;
        padding: 0;
        margin: 0;
}
    }
    /*2カラム1カラム*/
/*導入事例*/


/*--------------------------------メインコンテンツ--------------------------------*/
/*--------------------------------PC表示--------------------------------*/
@media screen and (min-width:961px) {
    .rsp_img{text-align: center; margin-bottom: 20px; width: 100%; }
    .rsp_img img{width: 100%; }
    .container {
    margin:0 auto;
    width: 1200px;
}
    .bkwaku {padding: 1%; border:solid 2px #f2f5f7; background-color: #fafbfc;}
.container_mb {
    margin:0 auto;
    width: 1200px;
    margin-bottom: 80px;
}
    .container_960 {
    margin:0 auto;
    width: 960px;
    margin-bottom: 80px;
}
 .mb40 {margin-bottom: 4%;}
.mb20 {margin-bottom: 2%;}
 .mb10 {margin-bottom: 1%;}   
.ttl01 {
/*    font-family: 'Cormorant Upright',serif;*/
    font-size: 43px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: .04em;
    text-align: center;
    margin-bottom: 4%;
    color: #383838;
    }
        .ttl01 span {
    font-size: 0.5em;
    font-family: Oswald, sans-serif;
    font-weight: 600;
    line-height: 0.1em;
    letter-spacing: .09em;
    margin-bottom: 10px;
    text-align: center;
        color: #383838;
    }
.ttl01:after {
	content: "";
	display: block;
	margin: 2% auto 0%;
	width: 60px;
	height: 1px;
	background-color: #383838;
}
.ttl01_white {
/*    font-family: 'Cormorant Upright',serif;*/
    font-size: 23px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: .04em;
    text-align: center;
    margin-bottom: 4%;
    color: #FFF;
    }
        .ttl01_white span {
    font-size: 0.5em;
    font-family: Oswald, sans-serif;
    font-weight: 600;
    line-height: 0.1em;
    letter-spacing: .09em;
    margin-bottom: 10px;
    text-align: center;
        color: #330f0a;
            color: #FFF;
    }
.ttl01_white:after {
	content: "";
	display: block;
	margin: 2% auto 0%;
	width: 60px;
	height: 1px;
	background-color: #FFF;
    
}

   


.flexbox-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .flexbox-box1 {
    width: 30%;
    text-align: left;
}
    .flexbox-box1 img{
    display: block;
    width: 100%;
    max-height: 300px;
        border-radius: 6px;
}
.flexbox-box4 {
    width: 60%;
    text-align: left;
}

.rinen {font-size: 2.3em; font-weight: 700; margin-bottom: 4%;}

.img_box {text-align: center;}
.img_box img {width: 100%; border-radius: 10px;}
    
    
    
    .ttlsccs { text-align: center;}
        .ttlsccs span{ font-size: 1em; background-color: #EDE3DF; padding: 3px 10px 1px; border-radius: 6px; line-height: 1em; }
        .footer_logo {margin: 0 auto; text-align: center; margin-bottom: 30px;}   
 .footer_logo img {width: 400px;}  
    .footer_logo_shisetsu {margin-bottom: 10px;}   
 .footer_logo_shisetsu img {width: 360px;}   

    
    #sp-footer-tel {display: none;}
    }

/*--------------------------------スマホ表示--------------------------------*/
@media screen and (max-width:1200px) {
    .rsp_img{text-align: center; margin-bottom: 20px; width: 100%; }
    .rsp_img img{width:100%; }
.bkwaku {padding: 1%; border:solid 2px #f2f5f7; background-color: #fafbfc; }
    .container {
    width: 100%;
        padding-right: 15px;
        padding-left: 15px;
}
    .container_mb {
    width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    margin-bottom: 60px;
}
    .container_960 {
    width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    margin-bottom: 60px;
}
    
    

.ttl01 {
/*    font-family: 'Cormorant Upright',serif;*/
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.4em;
    letter-spacing: .04em;
    margin-bottom: 20px;
    text-align: center;
    color: #000;
    }
    .ttl01 span {
        font-family: Oswald, sans-serif;
    font-size: 0.5em;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: .04em;
    margin-bottom: 10px;
    text-align: center;
       
    }
.ttl01:after {
	content: "";
	display: block;
	margin: 2% auto 3%;
	width: 60px;
	height: 1px;
	background-color: #CEC2BC;
}
.ttl02 {
    font-size: 16px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: .04em;
    margin-bottom: 40px;
    text-align: left;
        padding-bottom: 10px;
        color: #54433A;
    }
    
    .ttl01_white {
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: .04em;
    margin-bottom: 20px;
    text-align: center;
    color: #FFF;
    }
        .ttl01_white span {
    font-family: Oswald, sans-serif;
    font-size: 0.5em;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: .04em;
    margin-bottom: 10px;
    text-align: center;
            color: #FFF;
    }
.ttl01_white:after {
	content: "";
	display: block;
	margin: 2% auto 3%;
	width: 60px;
	height: 1px;
	background-color: #FFF;
    
}

    
    
.ttl02_midori {border-bottom: solid 1px #30A33A;}
.ttl02_aka {border-bottom: solid 1px #DA334C;}
.ttl02_kon {border-bottom: solid 1px #1C2F70;}
.ttl02_kiiro {border-bottom: solid 1px #F0E43F;}
.ttl02_glay {border-bottom: solid 1px #808080;}
.ttl02_ao {border-bottom: solid 1px #1CA9C3;}
    
    
    .ttl_circle_out{text-align: center; margin-bottom: 30px;
}
.ttl_circle {	
  width: 100%;
  height: 50px;
  border-radius: 10px;
    padding: 10px;
}
.aka {
      background: #E45404;
}
.ao {
      background: #438ECA;
}
.kiiro {
      background: #E6BD00;
}
.midori {
      background: #99BB05;
}
.murasaki {
      background: #8A70A9;
}
    .orenji {
      background: #D97F03;
}
        .aomidori {
      background: #00A7A3;
}
            .pink {
      background: #FF8080;
}
    .ttl_circle span {
  text-align:center;
    color: #FFFFFF;
    font-size: 1.3em;
        line-height: 1.3em;

}
.flexbox-box1 {
    width: 100%;
    text-align: left;
}
    .flexbox-box1 img{
    display: block;
    width: 60%;
    max-height: 300px;
        border-radius: 6px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 6%;
}
.flexbox-box4 {
    width: 100%;
    text-align: left;

}
   .rinen {font-size: 1em;}  
    .img_box {text-align: center;}
.img_box img {width: 100%;}
    
    
    /* 年間スケジュール*/
    .event {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
        margin-bottom: 8%;
}  
    .event_txt{width: 100%; text-align: center;order: 1; }
    .event_img{width: 100%; text-align: center;order: 2; border-radius: 10px;}
    .event_img img{border-radius: 20px;}
    .haru {color: #FF8080; font-weight: 600; font-size: 40px;}    
    .natu {color: #438ECA; font-weight: 600; font-size: 40px;}    
    .aki {color: #D97F03; font-weight: 600; font-size: 40px;}    
    .huyu {color: #8A70A9; font-weight: 600; font-size: 40px;}    
    .ul_yoko {margin: 4% 0;}
    .ul_yoko li {display: inline-block; margin: 3px 2px; padding: 6px 10px; color: #FFFFFF; border-radius: 20px; line-height: 1.1em; font-size: 1em;}
    .ul_yoko.ulharu li{
    background-color: #FF8080;}
    
.ul_yoko.ulnatu li{
    background-color: #438ECA;}
.ul_yoko.ulaki li{
    background-color: #D97F03;}
.ul_yoko.ulhuyu li{
    background-color: #8A70A9;}
    /* /年間スケジュール*/
    
     .ttlsccs { text-align: center;}
        .ttlsccs span{ font-size: 1em; background-color: #EDE3DF; padding: 3px 10px 1px; border-radius: 6px; line-height: 1em; }
        .footer_logo {margin: 0 auto; text-align: center; margin-bottom: 30px;}   
 .footer_logo img {width: 100%;}   
 .footer_logo_shisetsu {margin: 0 auto 30px; text-align: center; }   
 .footer_logo_shisetsu img {width: 80%;}   
    footer {text-align: left;
    font-size: 13px;}
    
    
    /*----------------------------------------------------------------*/
/* フッター スマホ用電話 */
/*----------------------------------------------------------------*/
#sp-footer-tel {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border-top:1px solid #fff;
	z-index:3;
}

#sp-footer-tel ul {
	font-size:0;
}

#sp-footer-tel li {
	text-align:center;
	width:50%;
	border-right:1px solid #fff;
	box-sizing:border-box;
	display:inline-block;
}

#sp-footer-tel li:last-child {
	border:none;
}

#sp-footer-tel a {
	display:block;
	font-size:20px;
	font-size:1.0rem;
	font-weight:600;
	line-height:60px;
	background:#330f0a;
	color:#fff;
	text-decoration:none;
}

#sp-footer-tel li:last-child a {
	background:#F4F4F4;
    color:#330f0a;
}

#sp-footer-tel a .fas,
#sp-footer-tel a .far {
	margin:0 5px 0 0;
}
    
    
}
.marker{
 background: linear-gradient(transparent 0%, #ccf0f5 0%);
 font-weight: bold; 
border-radius:6px;
}
.marker2 {
    border-bottom: 4px solid #ccf0f5;
    font-size: 120%;
    font-weight: 500;
    color: #0a2e33;
}
/*シマシマテーブル*/

/*シマシマテーブル*/
.tbl_odd {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.tbl_odd tr {
      background-color: #EFEDE6;
  border-bottom: 1px solid #C6C4BA;
}
.tbl_odd tr:nth-child(even){
  background-color: #F7F6F2;
}
.tbl_odd th,
.tbl_odd td {
  padding: .35em 1em;
}
.tbl_odd thead th {
    padding: 1em;
}
.tbl_odd thead tr{
  background-color: #fd6767;
  color:#fff;
}
.tbl_odd tbody th {
  text-align: left;
}
@media screen and (max-width: 600px) {
.tbl_odd {
    border: 0;
    width:100%
  }
.tbl_odd th{
    background-color: #fd6767;
    display: block;
    border-right: none;
  }
.tbl_odd thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
.tbl_odd tr {
    display: block;
    margin-bottom: .625em;
    border: 1px solid #fd6767;
  }
.tbl_odd td {
    border-bottom: 1px dotted #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: 1.5em 1em 1.5em 4em;
    border-right: none;
  }
  
.tbl_odd td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #000;
  }
.tbl_odd td:last-child {
    border-bottom: 0;
  }
.tbl_odd tbody th {
    color: #fff;
    padding: 1em
}
.tbl_odd tr:nth-child(even){
  background-color: #fff;
}
}

hr.hr01 {
	 border-top: 1px dashed #bbb;
}
.mini {font-size: 0.6em;}
.ttl03 {font-weight: 600;
    background-color: #dddddd;
    padding: 10px 10px;
    line-height: 1em;
    margin: 5px 0;
font-size: 1em;}

/*qa*/
#QandA-2 {
	width: 100%;
}
#QandA-2 h3 {
	font-size: 16px;
	margin-top: 32px;
}
#QandA-2 dl {
	border: 1px solid #ccc;
}
#QandA-2 dt {
    font-size: 1.3em;
font-weight: bold;
	color: #111;
	background: #ccc; /* 「Q」タイトルの背景色 */
	padding: 2%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-2 dd {
	padding: 20px 20px 20px 45px;
	margin: 0;
	line-height: 140%;
    background-color: #FFF;
}
/*#QandA-2 dd:first-line {
	font-weight: bold;
	color: #bf0000;
}*/
#QandA-2 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}
.imgright {float: right;
width: 30%;
margin-left: 2%;}

/*qa*/
.kakaku {color: #C81215; }
.mini {font-size: 60%;}
.footer_bn {
    display: flex;
  flex-wrap: wrap;
          align-items: center;
          justify-content: center;
}
.footer_bn {
  
}
.footer_bn img {
    width: auto;
    height: 100px;
     margin: 5px 5px;
}
.footer_bn_sougou {
    display: flex;
  flex-wrap: wrap;
          align-items: center;
          justify-content: center;
    
}
.footer_bn_sougou img {
    max-width: 300px;
    margin: 5px 5px;
}
@media screen and (max-width: 480px) {
.footer_bn img {
    height: 50px;
}

.footer_bn_sougou img {
    max-width: 200px;
}

.footercolor{
    padding-bottom: 150px;
    }

}
.jigyosho {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.jigyosho_in {
    margin: 2%;
    width: 46%;
    
    
}
.jigyosho_ttl {
    font-weight: 700;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 10px;
}
.jusho_wrap img {
    max-width: 100%;
    width: auto;
    margin: 4% auto;
    display: block;

}
.jusho_ttl {

    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6em;
    letter-spacing: .04em;
    text-align: center;
    margin-bottom: 2%;
    color: #383838;
}
.date {
    text-align: right;
    font-weight: 600;
    font-size: 1.1rem;
}