<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*=====================================================
COMMON-LAYOUT
======================================================*/


/* アイコン */


.icon{margin-bottom: 7px;}
.icon span{background: #333;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 6px;
    border-radius: 5px;
    line-height:2.1rem;
    white-space:nowrap;}
    
span.iconew{background: #765716;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 6px;
    border-radius: 5px;}  
    
    span.iconew2{background: #b00c0c;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 6px;
    border-radius: 5px;}  
    
    
      
@media screen and (max-width: 600px){

.icon{margin-bottom: 7px;}
.icon span{background: #333;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 4px;
    border-radius: 5px;
    line-height:1.9rem;
    white-space:nowrap;}
    
    
    span.iconew{background: #765716;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 4px;
    border-radius: 5px;
    line-height:1.9rem;
    white-space:nowrap;} 
    
    
     
    
    span.iconew2{background: #b00c0c;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    margin: 0 4px;
    border-radius: 5px;
    line-height:1.9rem;
    white-space:nowrap;}  
    

}  




h1 {
    display: none;
}
.logo_inner{
    display: none;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
div.header {
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
    height: 70px;
    box-sizing: content-box;
    transition: background 0.7s ease-in-out;
    z-index: 999999;
}
/*div.header.header_bg {
    background: rgba(0, 0, 0, 0.5);
}*/
div.header h2 {
    position: absolute;
    top: 13px;
    left: 18px;
    line-height: 0;
}
ul.headnavi {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 0;
    line-height: 0;
}
.nav_btn {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9999;
    width: 30px;
    height: 36px;
    transition: all 0.5s ease-in-out;
    display: none;
}

.nav_btn_text {
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    font-size: 10px;
    text-align: center;
}

body.nav_open .nav_btn_text .nav_btn_text_menu,
body:not(.nav_open) .nav_btn_text .nav_btn_text_close {
	display:none;
}

.nav_btn hr {
    width: 24px;
    background: #666666;
    height: 2px;
    position: absolute;
    border: none;
    transform-origin: center center;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: top 0.2s ease-in-out 0.3s, transform 0.2s ease-in-out 0s;
}
body.nav_open .nav_btn hr {
    transition: top 0.2s ease-in-out 0s, transform 0.2s ease-in-out 0.3s;
}
.nav_btn hr:nth-child(1) {
    top: 0px;
    width: 30px;
    margin-right: 0;
}
.nav_btn hr:nth-child(2) {
    top: 6px;
    width: 30px;
    margin-right: 0;
}
.nav_btn hr:nth-child(3) {
    top: 12px;
    width: 30px;
    margin-right: 0;
}
body.nav_open .nav_btn hr:nth-child(1) {
    transform: rotate(45deg);
    top: 7px;
}
body.nav_open .nav_btn hr:nth-child(2) {
    transform: scaleX(0);
    top: 7px;
}
body.nav_open .nav_btn hr:nth-child(3) {
    transform: rotate(-45deg);
    top: 7px;
    width: 30px;
}
.nav_btn .hamb_txt {
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    text-align: center;
    transition: all 0.5s ease-in-out;
}
.nav_btn .hamb_txt.close {
    opacity: 0;
}
body.nav_open .nav_btn .hamb_txt.open {
    opacity: 0;
}
body.nav_open .nav_btn .hamb_txt.close {
    opacity: 1;
}
ul.headnavi li {
    float: left;
}
/*nav.gnavi_wrap{
	position:relative;
}*/
ul.gnavi {
    max-width: 572px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    right: 20px;
    color: #fff;
    top: 25px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    letter-spacing: 0.15em;
    z-index: 999999;
}
ul.gnavi li {
    position: relative;
}
ul.gnavi li::before {
    content: "/";
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
}
ul.gnavi li:last-child::before {
    content: "/";
}
ul.gnavi li a{
    position: relative;
}
ul.gnavi li dl.subnav dt{
	pointer-events: none;
}
ul.gnavi li dl.subnav dt a{
	pointer-events: all;
}
ul.gnavi li dl.subnav dd{
	display: none;
}
ul.gnavi li a::after{
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    width: 0;
    transition: 0.8s ease-in-out;
   background: rgba(198,165,84,.9);
}
body:not(.mobile) ul.gnavi li a.cr::after,
body:not(.mobile) ul.gnavi li a:hover::after{
    width: 100%;
}
ul.breadlist {
    max-width: 960px;
    margin: 0 auto;
    padding: 10px 10px;
    box-sizing: content-box;
}
ul.breadlist li {
    display: inline-block;
}
ul.breadlist li:after {
    content: "&gt; ";
}
ul.breadlist li:last-child:after {
    content: none;
}
ul.breadlist li a {
    text-decoration: underline;
}
body:not(.mobile) ul.breadlist li a:hover {
    text-decoration: none;
}
@media screen and (max-width: 1320px) {}
@media screen and (max-width: 1280px) {
    ul.gnavi {
        font-size: 13px;
        right: 10px;


        max-width: 634px;
    }
    div.header h2 {
        left: 10px;
    }
}
@media screen and (max-width: 1180px) {}
@media screen and (max-width: 1024px) {
    div.header {
        height: 50px;
    }
    ul.gnavi {
        font-size: 12px;
        max-width: 593px;
        top: 15px;
    }
    div.header h2 {
        top: 10px;
        max-width: 250px;
    }
}
@media screen and (max-width: 960px) {
    header{
        position: fixed;
    }
    body.nav_open .gnavi_wrap {
        pointer-events: all;
        transform: none;
    }
    .gnavi_wrap .gnavi li {
	width: 100%;
	line-height: 1em;
	}

	.gnavi_wrap .gnavi a {
		display: block;
		justify-content: flex-start;
		padding: 0 20px;
		align-items: center;
		text-align: left;
		color: #fff;
		line-height: 50px;
		font-size: 12px;
		border: solid rgba(255,255,255,.2) 1px;
		font-family: "Yu Gothic","游ゴシック","YuGothic","游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN","Meiryo","sans-serif";
		/* background-color: rgba(0,0,0,.8); */
	}
	
	.gnavi_wrap .gnavi li:nth-child(3) a:after,
	.gnavi_wrap .gnavi li:nth-child(4) a:after{
		content: "";
		margin-left: 0.5em;
		background: center center / contain no-repeat;
		width: 14px;
		height: 10px;
		background-image: url(../images/common/external_w.png);
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -0.1em;
	}
	

	.gnavi_wrap .gnavi a.last {
		line-height: 20px;
		padding: 10px 20px;
	}
	
	.gnavi_wrap .gnavi li dl.subnav{
		position: relative;
		border: solid rgba(255,255,255,.2) 1px;
	}	

	.gnavi_wrap .gnavi li dl.subnav a{
		position: relative;
		border:none;
		border-bottom: solid rgba(255,255,255,.05) 1px;
	}	

	.gnavi_wrap .gnavi li dl.subnav dd a:last-child{
		border-bottom:none;
	}	

	.gnavi_wrap .gnavi li dl.subnav dt{
		position: relative;
		pointer-events: all;
		cursor:pointer;
	}	

	.gnavi_wrap .gnavi li dl.subnav dd{
		display: none;
	}	

	.gnavi_wrap .gnavi li dl.subnav dt:before{
		content: "+";
		position: absolute;
		top: 0;
		right: 15px;
		line-height: 52px;
		color: #FFFFFF;
		z-index: 1;
	}	

	.gnavi_wrap .gnavi li dl.subnav.opened dt:before{
		content: "-";
	}	

	.gnavi_wrap .gnavi li dl.subnav dt a{
		pointer-events: none;
	}	

	.gnavi_wrap .gnavi li dl.subnav dd a{
		line-height: 35px;
		border: solid rgba(255,255,255,.05) 1px;
	}	

	.gnavi_wrap .gnavi li dl.subnav dd a:before{
		content: "- ";
		padding-left: 1em;
	}	

	body#top .gnavi_wrap .gnavi li.tp a{
		background-color: rgba(198,165,84,.9);
	} 
	
	.gnavi_wrap .gnavi a.cr {
		background-color: rgba(198,165,84,.9);
	}
	
	.gnavi_wrap .gnavi a.allarea {
		background-color: rgba(0,0,0,.8);
	}
	
	

	body.nav_open {
		/*overflow: hidden;*/
	}

    .nav_btn {
        display: block;
    }
    div.header {
        background: #fff !important;
    }
    .gnavi_wrap {
        z-index: 9999;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        transition: .5s all ease;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 50px 0 0;
        transform: translateX(100%);
        pointer-events: none;
    }
    ul.gnavi {
        position: static;
        height: 100%;
        width: 60%;
        display: block;
        max-width: 240px;
        top: 0;
        left: 0;
        margin-right: 0;
        background: rgba(0,0,0,.9);
        right: 0;
    }
    ul.gnavi li {
        width: 50%;
    }
    ul.gnavi li::before {
        content: none;
    }

	ul.gnavi li a::after{
		content: none;
	}
    
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 460px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 374px) {

	ul.gnavi {
        width: 70%;
	}
	
}
footer {
    padding-bottom: 18px;
    border-bottom: 1px solid #e9e9e9;
    /*//margin-bottom: 33px;*/
}
div.footer {
    max-width: 1455px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: content-box;
}
div.footer .links_footer {
    display: flex;
    font-size: 12px;
    font-feature-settings: "pkna";
    letter-spacing: -0.04em;
    margin-bottom: 63px;
    white-space:nowrap;
}
div.footer .links_footer a{
    transition: opacity 0.6s ease-in-out;
}
body:not(.mobile)  div.footer .links_footer ul a:hover{
    opacity: 0.6;
}
div.footer .links_footer .item {
    border-right: 1px solid #aaaaaa;
    /*padding-right: 1.79%;
  padding-left: 1.79%;
  margin-right: 1.79%;*/
    padding-right: 2.2%;
    padding-left: 2.2%;
    margin-right: 2.2%;
}
div.footer .links_footer .item:nth-child(1) {
    width: 20.14%;
    white-space:nowrap;
}
div.footer .links_footer .item:nth-child(2) {
    width: 24%;
}
div.footer .links_footer .item:nth-child(3) {
    width: 17.32%;
}
div.footer .links_footer .item:nth-child(2) .flex01 {
    display: flex;
    justify-content: space-between;
}
div.footer .links_footer .item:nth-child(2) .child {
    padding-left: 7px;
}
div.footer .links_footer .item:nth-child(2) .child &gt; p {
    margin-bottom: 8px;
}
div.footer .links_footer .item ul &gt; li {
    margin-bottom: 5px;
}
div.footer .links_footer .item:nth-child(4) .flex01 {
    display: flex;
    justify-content: space-between;
}
div.footer .links_footer .item:nth-child(4) .child {
    padding-left: 7px;
}
div.footer .links_footer .item:nth-child(4) .child &gt; p {
    margin-bottom: 8px;
}
div.footer .links_footer .item:nth-child(4) {
    width: 27.76%;
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
div.footer .links_footer .arrow {
    font-size: 14px;
    transform: scale(0.5);
    transform-origin: left center;
    display: inline-block;
    margin-right: -7px;
    position: relative;
    top: -1px;
}
div.footer .links_footer .f_icon {
    font-size: 16px;
    margin-bottom: 11px;
    line-height: 1.2;
    position: relative;
}
div.footer .links_footer .f_icon a{
    display: block;
    position: relative;
    pointer-events: none;
}
div.footer .links_footer .f_icon.f_icon01 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background: url("../images/common/f_icon01@2x.png") no-repeat center center;
    background-size: contain;
    left: -14.5%;
}
div.footer .links_footer .f_icon.f_icon02 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 14px;
    height: 20px;
    background: url("../images/common/f_icon02@2x.png") no-repeat center center;
    background-size: contain;
    left: -11.5%;
}
div.footer .links_footer .f_icon.f_icon03 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 26px;
    height: 28px;
    background: url("../images/common/f_icon03@2x.png") no-repeat center center;
    background-size: contain;
    left: -18.5%;
}
div.footer .links_footer .f_icon.f_icon04 a::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 21px;
    height: 20px;
    background: url("../images/common/f_icon04@2x.png") no-repeat center center;
    background-size: contain;
    left: -8.5%;
}
div.footer .f_nav {
    /* max-width: 808px; */
    margin: auto;
    letter-spacing: -.40em;
    text-align: center;
}
div.footer .f_nav a{
    transition: opacity 0.6s ease-in-out;
}
body:not(.mobile) div.footer .f_nav a:hover{
    opacity: 0.6;
}
div.footer .f_nav li {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    vertical-align: top;
    margin-right: 37px;
    margin-bottom: 12px;
}
div.footer .f_nav li:last-child {
    margin-right: 0;
}
div.footer .f_nav li a {
    padding-left: 18px;
    display: block;
    position: relative;
    line-height: 1.1;
}
div.footer .f_nav li a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/common/f_arrow@2x.png") no-repeat center center;
    background-size: contain;
    width: 9px;
    height: 11px;
}
.copyright {
    text-align: center;
    padding-bottom: 40px;
    padding-top: 30px;
}
.copyright address {
    font-size: 12px;
    padding: 0 10px;
    text-align: center;
    font-style: normal;
}
.img_cap {
    position: relative;
}
.img_cap span {
    background: rgba(0, 0, 0, 0.6);
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    line-height: 1.5;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
.img_cap.white span {
    background: rgba(255, 255, 255, 0.6);
    color: #333333;
}
.pagetop {
    position: fixed;
    bottom: 20px;
    right: -60px;
    transition: all 0.5s ease-in-out 0s;
}
.pagetop.scrolled {
    right: 20px;
}
.pagetop2 {
    position: fixed;
    bottom: 20px;
    right: -60px;
    transition: all 0.5s ease-in-out 0s;
    z-index: 9999;
}
.pagetop2.scrolled {
    right: 20px;
}
@media screen and (max-width: 767px) {
    div.header h1 {
        display: none;
    }
    ul.headnavi {
        display: none;
    }
}
@media screen and (max-width: 1320px) {}
@media screen and (max-width: 1280px) {
    div.footer .links_footer .f_icon{
        font-size: 14px;
    }
    div.footer .links_footer{
        font-size: 11px;
    }
}
@media screen and (max-width: 1180px) {
    div.footer .links_footer{
        flex-wrap: wrap;
        max-width: 650px;
        margin: auto;
    }
    div.footer .links_footer .item{
        margin-bottom: 25px !important;
        border-right: none;
    }
    div.footer .links_footer .item:nth-child(1){
        width: 40%;
        padding-right: 2%;
        margin-right: 2%;
        margin-left: 0;
        padding-left: 0;
    }
     div.footer .links_footer .item:nth-child(2){
        width: 56%;
         padding: 0;
         margin: 0;
         border-right: none;
         padding-left: 5%;
    }
     div.footer .links_footer .item:nth-child(3){
        width: 40%;
          padding-right: 4%;
        margin-right: 4%;
        margin-left: 0;
        padding-left: 0;
    }
     div.footer .links_footer .item:nth-child(4){
        width: 56%;
         padding: 0;
         margin: 0;
         padding-left: 5%;
    }
    div.footer .links_footer .f_icon.f_icon01 a::after{
        left: -28px;
    }
    div.footer .links_footer .f_icon.f_icon02 a::after{
        left: -24px;
    }
     div.footer .links_footer .f_icon.f_icon03 a::after{
        left: -35px;
    }
     div.footer .links_footer .f_icon.f_icon04 aa::after{
        left: -36px;
    }
   /* div.footer .links_footer .item{
        padding-right: 1.8%;
    padding-left: 1.8%;
    margin-right: 1.8%;
    }
    div.footer .links_footer .f_icon.f_icon01::after{
        width: 11px;
        left: -9.5%;
    }
    div.footer .links_footer .f_icon.f_icon02::after{
        width: 11px;
        left: -7.5%;
    }
      div.footer .links_footer .f_icon.f_icon03::after{
        width: 17px;
        left: -14.8%;
          top: -4px;
    }
     div.footer .links_footer .f_icon.f_icon04::after{
        width: 20px;
        left: -8.5%;
    }*/
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
    
    div.footer .links_footer{
        display: block;
        margin-bottom: 20px;
    }
    div.footer .links_footer .item{
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    div.footer .links_footer .item .f_icon+ul,
    div.footer .links_footer .item .f_icon+div.flex01{
        display: none;
    }
    div.footer .links_footer .item{
        padding: 0 0!important;
        margin-bottom: 13px !important;
        border-bottom: 1px solid #aaaaaa;
    }
    
    div.footer .links_footer .f_icon{
        margin-bottom: 0 !important;
    }

    div.footer .links_footer .f_icon a{
      padding: 0 12px 13px 30px !important;
      display:block;
      position:relative;
      pointer-events: all;
    }

    div.footer .links_footer .f_icon a:before{
      content:"+";
      position:absolute;
      line-height:1;
      top:50%;
      right:10px;
      margin-top:-1em;
    }

    div.footer .links_footer .f_icon.f_icon03 a:before{
      content:none;
    }

    div.footer .links_footer .item.opened .f_icon a:before{
      content:"-";
    }

    div.footer .links_footer .f_icon.f_icon01 a{
        padding-left: 30px;
    }
    div.footer .links_footer .f_icon.f_icon02 a{
        padding-left: 30px;
    }
     div.footer .links_footer .f_icon.f_icon03 a{
        padding-left: 30px;
    }
    div.footer .links_footer .f_icon.f_icon04 a{
        padding-left: 30px;
    }
    div.footer .links_footer .f_icon.f_icon01 a::after{
        left: 0;
    }
    div.footer .links_footer .f_icon.f_icon02 a::after{
        left: 3px;
    }
     div.footer .links_footer .f_icon.f_icon03 a::after{
        left: -2px;
        top: -4px;
    }
    div.footer .links_footer .f_icon.f_icon04 a::after{
        left: 1px;
    }
    div.footer .f_nav li{
        font-size: 12px;
        display: block;
    }
    .copyright{
        background: #e4e4e4;
        padding-top: 18px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 550px) {
    div.footer .f_nav{
        max-width: 387px;
        text-align: left;
        margin: 0;
    }
    div.footer .f_nav li{
        margin-right: 0;
    }
    div.footer .f_nav li:nth-child(3){
        margin-right: 5.9em;
    }
    div.footer .f_nav li:nth-child(1){
        margin-right: 2em;
    }
    .pagetop2{
        max-width: 40px;
    }
    .pagetop2.scrolled{
        right: 5px;
    }
}
@media screen and (max-width: 460px) {}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 374px) {
    div.footer .f_nav li{
        font-size: 11px;
    }
}







/*laurel*/
.laurel {
    /*background: #ba9224;*/
    background: #000;
    border-top: solid 2px #aa8420;
    border-bottom: solid 2px #aa8420;
}
.laurel .laurel_inner{
  max-width: 1240px;
  margin: auto;
  padding: 18px 20px 20px;
  padding: 24px 20px 14px\0;
}
.laurel h3{
  text-align: center;
  font-size: 26px;
  line-height: 1.4;
    color: #fff;
}
.laurel .flex01{
  display: flex;
  color: #fff;
  border-top: solid 2px rgba(255,255,255,0.7);
}
.laurel .flex01 &gt; .item{
  width: 50%;
  padding: 48px 15px;
}
.laurel .flex01 &gt; .item.brand {
  background: url("../images/top/brand_bg.jpg") no-repeat center center;
  background-size: cover;
}
.laurel .flex01 &gt; .item.brand h4{
  line-height: 1.2;
  font-size: 36px;
  text-align: center;
}
.laurel .flex01 &gt; .item.gallery {
  background: url("../images/top/gallery_bg.jpg") no-repeat center center;
  background-size: cover;
}
.laurel .flex01 &gt; .item .read{
  font-size: 14px;
  line-height: 2.6;
  letter-spacing: 0.11em;
  
}
.laurel .flex01 &gt; .item .read.js_height{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.laurel .flex01 &gt; .item .js_height{
  margin-bottom: 25px;
}
.laurel .flex01 &gt; .item.gallery h4{
  background-size: 34px;
  line-height: 1.2;
  font-size: 36px;
  text-align: center;
}
.laurel .flex01 &gt; .item  .ja{
  font-size: 15px;
  line-height: 1.3;
  text-align: center;
}
.laurel .flex01 .box01{
  max-width: 640px;
  margin:auto;
}
.laurel .flex01 .btn{
 text-align: center;
}
.laurel .flex01 .btn a{
  font-size: 16px;
  display: inline-block;
  padding: 13px 11px;
  width: 100%;
  max-width: 256px;
  padding-top\0: 16px;
  background: #fff;
  color: #805f09;
  border-radius: 24px;
  line-height: 1.2;
  letter-spacing: -0.05em;
  position: relative;
  transition: opacity 0.5s ease-in-out;
}

.laurel .flex01 .btn a::after{
  content: "";
  display: inline-block;
  background: url("../images/top/btn_arrow@2x.png") no-repeat center center;
  background-size: 18.5px;
  width: 18.5px;
  height: 10.5px;
  margin-left: 11px;
  position: relative;
transition: 0.5s;
  left: 0;
}

body:not(.mobile) .laurel .flex01 .btn a:hover{
  opacity: 0.6;
}


body:not(.mobile) .laurel .flex01 .btn a:hover::after{
  left: 8px;
}
@media screen and (max-width: 1320px) {}
@media screen and (max-width: 1280px) {
    .laurel .flex01 &gt; .item .read{
        font-size: 13px;
        line-height: 2.2;
    }
    .laurel .flex01 .btn a{
        font-size: 14px;
    }
    .laurel h3{
        font-size: 24px;
    }
}
@media screen and (max-width: 1180px) {
    .laurel .flex01 &gt; .item.brand h4{
        font-size: 30px;
    }

    .laurel .flex01 &gt; .item .ja{
        font-size: 14px;
    }
    .laurel .flex01 &gt; .item .js_height{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 960px) {
    .laurel .flex01{
        display: block;
    }
    .laurel .flex01 &gt; .item{
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .laurel .flex01 &gt; .item{
        padding: 25px 15px;
    }
    .laurel h3{
        font-size: 20px;
    }
}
@media screen and (max-width: 640px) {
    .laurel h3{
        font-size: 18px;
        display: inline-block;
    }
}
@media screen and (max-width: 480px) {
    .laurel .flex01{display: none;}
    .laurel .sp_list01 &gt; li{
        background: #193857;
        color: #fff;
        width: 50%;
        float: left;
        text-align: center;
        
    }
    .laurel .sp_list01 .wrapper{
        padding: 10px 10px;
        position: relative;
    }
    .laurel .sp_list01 li:first-child .wrapper{
        border-right: 1px solid #fff;
    }
    .laurel .sp_list01 li .wrapper:before{
		content: "";
		position:absolute;
		top:0;
		bottom:0;
		margin:auto 0;
		right:10px;
		background: center  center / contain no-repeat;
		width:14px;
		height:10px;
		background-image: url(../images/common/external_w.png);
		display: block;
		vertical-align: middle;
    }

    .laurel .sp_list01 .t1{
        font-size: 18px;
    }
    .laurel .sp_list01 .t2{
        font-size: 11px;
    }
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 374px) {}
/*laurel*/

/*service*/
.service{
  background: url("../images/top/service_bg.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: scroll;
  padding: 70px 10px 70px;
}
.service a{
    display: block;
    text-align: center;
}

body:not(.mobile) .service{
  background-attachment: fixed;
}
.service h3{
  font-size: 26px;
letter-spacing: 0.03em;
  line-height: 1.2;
  color: #000000;
  
  text-align: center;
}
.service .ja{
  font-size: 14px;
  text-align: center;
  padding-bottom: 23px;
  margin-bottom: 26px;
  position: relative;
}
.service  .ja::after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
      height: 6px;
    background-size: 3px 3px;
    background-color: #a6a6a6;
  max-width: 100px;
  width: 100%;
 left: 50%;
  transform: translateX(-50%);
    background-image: linear-gradient(45deg, #535353 25%, transparent 25%, transparent 50%, #535353 50%, #535353 75%, transparent 75%, transparent);
}
.service .sub_read{
  font-size: 14px;
  line-height: 1.78;
  text-align: center;
}
.service .site_btn{
  color: #fff;
  line-height: 1.2;
  text-align: center;
  font-size: 22px;
  
}
.service .site_btn .s1{
  font-size: 81.8%; 
}
.service .site_btn{
  display: inline-block;
  background: rgba(0,0,0,0.6);
  padding: 20px 30px;
padding-top\0: 26px;
  border-radius: 7px;
  text-align: center;
  transition: opacity 0.5s ease-in-out;
}
body:not(.mobile) .service a .site_btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1320px) {}
@media screen and (max-width: 1280px) {
    .service .sub_read{
        font-size: 13px;
        letter-spacing: -0.05em;
    }
}
@media screen and (max-width: 1180px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
   
}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {
    .service{
        padding: 25px 10px;

    }
     .service .sub_read{
    }
    .service .site_btn{
		/* display: none; */
		padding: 10px 15px;
		font-size: 16px;
	}
    .service .ja{
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .service .ja::after{
        content: none;
    }
   
    
    #scroll_wrap_sp{
        overflow: hidden;
        height: 60px;
    }
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 374px) {}
/*service*/

/*news*/
.news{
  background: #e4e4e4;
  padding: 75px 10px 85px;
}
.news .news_inner{

  max-width: 1200px;
  margin: auto;
}
.news .inblock01{
  letter-spacing: -.40em;
}
.news .inblock01 .left,
.news .inblock01 .right{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
}
.news .inblock01 .left{
  width: 42.67%;
  margin-right: 3.99%;
  margin-top: -10px;
}
.news .inblock01 .right{
  width: 53.34%;
}
.news .inblock01 .right .banner &gt; li{
  width: 48.44%;
  float: left;
  margin-right: 3.12%;
}
.news .inblock01 .right .banner &gt; li:nth-child(2n){
  margin-right: auto;
}



.news h3.line {
	overflow: hidden;
	font-size: 16px;
	color: #000;
}
.news h3.line span {
	display: inline-block;
	padding: 0 0.5em;
	position: relative;
	left: -5px;
}
.news h3.line span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 99em;
  height: 6px;
  background-size: 3px 3px;
  background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
  opacity:0.2;
  transform: translateY(-50%);
    left: 100%;
}


#scroll_wrap{
  overflow: hidden;
  height: 100px;
}
.news .dl_list01{
  font-size: 14px;
  letter-spacing: -.40em;
}
.news .dl_list01 dt{
  font-size: 12px;
  color: #fff;
  background: #193857;
  line-height: 1.1;
  text-align: center;
  padding: 6px 4px 6px;
  width: 80px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 15px;
}
.news .dl_list01 dd{
  width: calc(100% - 95px);
display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  
}
@media screen and (max-width: 1320px) {}
@media screen and (max-width: 1280px) {
    .news .dl_list01{
        font-size: 12px;
    }
    .news .dl_list01 dt{
        font-size: 11px;
    }
    .news{
        padding: 35px 10px 35px;
    }
    .news .inblock01 .left{
        width: auto;
        display: block;
        margin-right: 0;
        max-width: 641px;
        margin: auto;
        margin-bottom: 15px;
    }
    .news .inblock01 .right{
        width: auto;
        float: none;
        display: block;
    }
    .news .inblock01 .right .banner{
        max-width: 641px;
        margin: auto;
    }
}
@media screen and (max-width: 1180px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 640px) {}
@media screen and (max-width: 480px) {
     #scroll_wrap{
        height: 120px;
    }
    .news.news_pc .inblock01 .left{
    margin-bottom: 25px;
    }
    .news h3.line{
        text-align: center;
    }
    .news h3.line span:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 99em;
  height: 6px;
  background-size: 3px 3px;
  background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
  opacity:0.2;
  transform: translateY(-50%);
    right: 100%;
        
}
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 374px) {}
/*news*/


.external:before{
	content: "";
	margin-right:0.5em;
	background: center  center / contain no-repeat;
	width:14px;
	height:10px;
	background-image: url(../images/common/external.png);
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top:-0.1em;
}

.ext_txt:after{
	content: "";
	margin-left:0.2em;
	background: center  center / contain no-repeat;
	width:14px;
	height: 10px;
	background-image: url(../images/common/external.png);
	display: inline-block;
	vertical-align: middle;

	position: relative;
	/* top:-0.1em; */
}

.external.ext_w:before{
	background-image: url(../images/common/external_w.png);
}

.external.ext_g:before{
	background-image: url(../images/common/external_g.png);
}

.external.ext_hover_gray:before{
    transition: 0.8s ease-in-out;
}

body:not(.mobile) a:hover .external.ext_hover_gray:before,
body:not(.mobile) a.external.ext_hover_gray:hover:before{
	background-image: url(../images/common/external.png);
}








.slick-dots li:only-child{
    display: none !important;
}
</pre></body></html>