@charset "UTF-8";

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.com_btn1_list .com_btn1{
	margin-bottom: 1%;
}
}




/* cli_
---------------------------------------------------------*/
.cli_bg{
	position: relative;
}
.cli_bg::after{
	position: absolute;
	display: block;
	content: "";
	background: #f8f7f6;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index: -2;
}

/*cli_access*/
.cli_access{
	flex-wrap: wrap;
}
.cli_access .cli_access_index{
	position: relative;
	display: inline-block;
	padding-left:.8em;
	box-sizing: border-box;
	font-size: min(160%,2.5vw);
	letter-spacing: 0.1em;
	line-height: 1.5em;
	margin-bottom: 1em;
}
.cli_access .cli_access_index::before{
	position: absolute;
	display: block;
	content: "";
	background: url(../images/arrow1.svg) no-repeat top left;
	background-size: 100% auto;
	width: .45em;
	height: .6em;
	top: .5em;
	left: 0;
}
.cli_access li{
	width: 100%;
}
.cli_access li.half{
	width: 50%;
	border-right: dotted 2px #000;
	box-sizing: border-box;
}
.cli_access li.half:nth-child(even){
	border-right: none;
}
.cli_access li > div{
	margin: 0 auto;
	text-align: center;	
	max-width: 900px;
}
.cli_access li .half_inbox{
	max-width: 460px;
}
.cli_access li .flex_box{
	align-items: center;	
}
.cli_access li .flex_l,
.cli_access li .flex_r{
	text-align: left;
}
.cli_access li .flex_l{
	width: 6.2em;
}
.cli_access li .flex_r{
	width: calc(100% - 7.7em);
}
.cli_access_list.flex_box{
	flex-wrap: wrap;
	justify-content: start;
}
.cli_access_list.flex_box li{
	width: 33.333%;
}
.cli_access_list{
	margin-bottom: -1.2em;
}
.cli_access_list li{
	line-height: 1.5em;
	position: relative;
	padding-left: 1em;
	box-sizing: border-box;
	margin-bottom: 1.2em;
	text-align: left;
}
.cli_access_list li::before{
	position: absolute;
	display: block;
	content: "";
	background: #d5bd8f;
	background-size: 100% auto;
	width: .55em;
	height: .55em;
	top:.7em;
	left: 0;
	border-radius: 50%;
}
.cli_access_list li span{
	font-size:200%;
	padding: 0 .1em;
	box-sizing: border-box;
}

/*com_table*/
.com_table th{
	width: 21.5%;
}
.com_table td{
	width: 78.5%;
}
.com_table td .tel{
	position: relative;
	padding-left: 2.6em;
	box-sizing: border-box;
}
.com_table td .tel::before{
	position: absolute;
	font-family: 'fontello';
	content: '\e805';	
	left: -.2em;
	font-size:280%;
	top: 50%;
	transform: translateY(-50%);
	color: #756159;
}
.com_table td .tel dt{
	font-size:min(190%,3.2vw);
	letter-spacing: 0.12em;
	line-height: 1em;
}
.com_table td .tel dd{
	font-size: 88%;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin-top: .8em;
	padding-left: .1em;
	box-sizing: border-box;
}

/*com_index2*/
.com_index2{
	margin-bottom: 60px;
}

/*cli_root*/
.cli_root{
	justify-content: start;
	flex-wrap: wrap;	
	margin-bottom: -40px;
}
.cli_root li{
	margin-bottom: 40px;
	margin-right: 0.9%;
}
.cli_root .con{
	width: 29.5%;
}
.cli_root .arrow{
	width: 2%;
	padding-top:110px;
}
.cli_root .img{
	margin-bottom: 1em;
}
.cli_root .txt{
	position: relative;
	padding-left: 4.2em;
	box-sizing: border-box;
}
.cli_root .txt dt{
	position: absolute;
	width: 3.5rem;
	height: 3.5rem;
	top:0;
	left: 0;
	font-size:140%;
	letter-spacing: 0.1em;
	background: linear-gradient(135deg,  rgba(167,149,100,0.6) 0%,rgba(167,149,100,1) 100%);
	text-align: center;
	color: #fff;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;	
}
.cli_root .txt dt span{
	line-height: 1em;
	padding-top: .1em;
}
.cli_root .txt dd{
	line-height: 1.7em;
}

iframe{
	overflow: hidden;
	display: block;
	margin-bottom: 1.5em;
	height: min(500px,45vw)!important;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
/*cli_access*/
.cli_access .cli_access_index{
	margin-bottom: .7em;
}
.cli_access li .flex_l{
	width: 5em;
}
.cli_access li .flex_r{
	width: calc(100% - 6em);
}
.cli_access_list{
	margin-bottom: -.8em;
}
.cli_access_list li{
	margin-bottom: .8em;
}

/*com_index2*/
.com_index2{
	margin-bottom: 4%;
}

/*cli_root*/
.cli_root{
	margin-bottom: -5%;
}
.cli_root li{
	margin-bottom: 5%;
}
.cli_root .arrow{
	padding-top: 7.5vw;
}
.cli_root .img{
	margin-bottom: .7em;
}
.cli_root .txt{
	padding-left: 2.9em;
}
.cli_root .txt dt{
	width: 2.5rem;
	height:2.5rem;
	left: -0.5em;
	font-size:120%;
}
iframe{
	margin-bottom: 1em;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.cli_access{
	display: block;
}
.cli_access .cli_access_index{
	font-size:130%;
	margin-bottom: .8em;
}
.cli_access li{
	width: 100%;
}
.cli_access li.half{
	width: 100%;
	border-right: none;
	border-bottom: dotted 2px #000;
	padding-bottom: 7%;
	margin-bottom: 7%;
}
.cli_access li.half:nth-child(even){
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.cli_access li .flex_l{
	width: 5.2em;
}
.cli_access li .flex_r{
	width: calc(100% - 6.2em);
}
.cli_access li .flex_box{
	align-items: start;	
}
.cli_access_list.flex_box{
	display: block;
}
.cli_access_list.flex_box li{
	width: 100%;
}
.cli_access_list{
	margin-bottom: -.6em;
}
.cli_access_list li{
	margin-bottom: .6em;
}
.cli_access_list li span{
	font-size: 150%;
}

/*com_table*/
.com_table th,
.com_table td{
	width:100%;
}
.com_table td .tel{
	padding-left: 2.2em;
}
.com_table td .tel::before{
	font-size:230%;
}
.com_table td .tel dt{
	font-size: 170%;
}

/*com_index2*/
.com_index2{
	margin-bottom: 4%;
}

/*cli_root*/
.cli_root{
	display: block;
	margin-bottom: 0;
}
.cli_root li{
	margin-bottom: 0;
	margin-right: 0;
}
.cli_root .con{
	width: 100%;
}
.cli_root .arrow{
	width: 4%;
	padding-top:0;
	transform: rotate(90deg);
	text-align: center;
	margin: 4% auto;
}
.cli_root .img{
	width: 80%;
	margin: 0 auto 4%;
}
.cli_root .txt{
	padding-left: 4em;
}
iframe{
	margin-bottom: .5em;
	height:60vw!important;
}
}



/* slide
---------------------------------------------------------*/
.count {
	margin-top:-50px;
    text-align: right;
	font-size: min(180%,3vw);
	line-height: 1em;
	margin-bottom: 1em;
}
.count .slide_count{
	position: relative;
	margin-left: -.32em;
	padding-right: .5em;
	margin-right: .15em;
}
.count .slide_count::before{
	position: absolute;
	display: block;
	content: "";
	background: #a79564;
	background-size: 100% auto;
	width: 1px;
	height: .9em;
	top: .2em;
	right: 0;
	transform: rotate(38deg);
}

.a_slick{
	width:min(3815px,260vw);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.a_slick li{
	margin-left:min(20px,10vw);
	margin-right:min(20px,10vw);
}
.a_slick .ft_no{
	font-size:160%;
	letter-spacing: 0.01em;
	line-height: 1em;
	margin-top: .7em;
	text-align: center;
}

.thumbnail_box{
	width: 96%;
    max-width: 1220px;
    margin: 40px auto 0;
}
.thumbnail{    
	padding-left: min(22px,3vw);
	padding-right: min(22px,3vw);
}
.thumbnail li{
    position:relative;
	margin-left:min(10px,1vw);
	margin-right:min(10px,1vw);
}

/* arrow */
.slick-arrow {
    position: absolute;
    z-index: 400;
}
.slick-prev,
.slick-next{
    top: 47%;
    transform: translateY(-50%); 
	border: none;
	cursor: pointer;
	transition: 0.4s;
}
.slick-prev:hover,
.slick-next:hover{
	opacity: .7;
	transition: 0.4s;
}
.slick-prev {    
    background: url(../../../images/common/slick_l.svg)no-repeat top left;
    background-size:100% auto;
}
.slick-next {
    background: url(../../../images/common/slick_r.svg)no-repeat top left;
    background-size:100% auto;
}
.a_slick .slick-prev,
.a_slick .slick-next{
	width:min(88px,6.8vw);
    height:min(88px,6.8vw);
}
.a_slick .slick-prev{
    left: 32.1%;
}
.a_slick .slick-next{
    right: 32.1%;
}
.a_thumbnail .slick-prev,
.a_thumbnail .slick-next{
    top:50%!important;
	width:min(17px,1vw);
    height:min(32px,3vw);
}
.a_thumbnail .slick-prev {   
    background-image: url(../../../images/common/thum_l.svg);
	left: 0;
}
.a_thumbnail .slick-next {
    background-image: url(../../../images/common/thum_r.svg);
	right: 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) { 
.count {
	margin-top:-3vw;
	margin-bottom: 2vw;
}
.thumbnail_box{
    margin: 4% auto 0;
}

/* arrow */
.slick-prev,
.slick-next{
    top: 45%;
}
}

/* Mobile (Portrait) 
------------------------------------------*/ 
@media only screen and (max-width: 767px) { 
.count {
	margin-top: -1vw;
	font-size: 130%;
	margin-bottom: .4em;
}
.count .slide_count{
	margin-left: -.25em;
}
.a_slick{
	width: 260vw;
}
.a_slick li{
	margin-left: 1.5vw;
	margin-right:1.5vw;
}
.a_slick .ft_no{
	font-size:130%;
	margin-top: .7em;
}

.thumbnail_box{
    margin: 6% auto 0;
}
.thumbnail{    
	padding-left: 4vw;
	padding-right: 4vw;
}
.thumbnail li{
	margin-left: 1vw;
	margin-right: 1vw;
}

/* arrow */
.slick-prev,
.slick-next{
    top: 45%;
}
.a_slick .slick-prev,
.a_slick .slick-next{
	width:9vw;
    height:9vw;
}
.a_slick .slick-prev{
    left: 32%;
}
.a_slick .slick-next{
    right: 32%;
}
.a_thumbnail .slick-prev,
.a_thumbnail .slick-next{
	width: 2vw;
    height: 4.5vw;
}
}