/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
 /* Works
 --------------------------------------- */
 .works-template-default #inTtlWrap figure{display: none;}
 
.mypattern li figure,
.post-type-archive-works .tumList4 li figure,
#indexWorks .tumList4 li figure{
 text-align:center;
 overflow:hidden;
 }
.mypattern li figure figcaption,
.post-type-archive-works .tumList4 li figure figcaption,
#indexWorks .tumList4 li figure figcaption{
 text-align:left;
}
.mypattern li figure img,
.post-type-archive-works .tumList4 li figure img,
#indexWorks .tumList4 li figure img{
 width:auto;
 height:200px;
 }
 .mypattern li figure img{ height:160px;}
@media only screen and (max-width: 1240px){
	.mypattern li figure img,
	.post-type-archive-works .tumList4 li figure img,
	#indexWorks .tumList4 li figure img{
	 height:160px;
	 }
	.mypattern li figure img{ height:130px;}
}
@media only screen and (max-width: 1024px){
	.mypattern li figure img{ height:190px;}
}
@media only screen and (max-width: 900px){
	.mypattern li figure img,
	.post-type-archive-works .tumList4 li figure img,
	#indexWorks .tumList4 li figure img{
	 height:150px;
	 }
	 .mypattern li figure img{ height:160px;}
}
@media only screen and (max-width: 767px){
	 .mypattern li figure img{ height:140px;}
}
@media only screen and (max-width: 505px){
	.mypattern li figure img,
	.post-type-archive-works .tumList4 li figure img,
	#indexWorks .tumList4 li figure img{
	 height:130px;
	 }
}
@media only screen and (max-width: 480px){
	 .mypattern li figure img{ height:278px;}
}
@media only screen and (max-width: 400px){
	.mypattern li figure img,
	.post-type-archive-works .tumList4 li figure img,
	#indexWorks .tumList4 li figure img{
	 height:100px;
	 }
	 .mypattern li figure img{ height:200px;}
}
@media only screen and (max-width: 330px){
	.mypattern li figure img,
	.post-type-archive-works .tumList4 li figure img,
	#indexWorks .tumList4 li figure img{
	 height:90px;
	 }
	 .mypattern li figure img{ height:180px;}
}


/* slid */
.slider-for {
width:76%;
height:500px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
}
.slider-for li {
text-align:center;
}
.slider-for img{
object-fit: cover;
width:auto;
height:500px;
display:inline-block !important;
}
.slider-nav {
height:75px;
overflow: hidden;
}
.slider-nav li{margin-left:5px;margin-right: 5px;}
@media only screen and (max-width: 1024px){
    .slider-for {
    width:100%;
    }
    .slider-for,
    .slider-for img{height:500px;}
    .slider-nav{
    height:75px;
    }
}
@media only screen and (max-width: 767px){
    .slider-for,
    .slider-for img{
    height:240px;
    }
    .slider-nav{
    height:65px;
    }
}
@media only screen and (max-width: 340px){
    .slider-for,
    .slider-for img{
    height:180px;
    }
    .slider-nav li{
    height:60px;
    }
}
.slick-prev
{
    left: 0 !important;
    z-index:20;
}
[dir='rtl'] .slick-prev
{
    right: 0 !important;
    left: auto;
}
.slick-prev:before
{
    content: '〈' !important;
    color:#000 !important;
    font-family: 'Noto Sans DemiLight', Arial, Helvetica, sans-serif !important;
}
[dir='rtl'] .slick-prev:before
{
    content: '〉' !important;
    color:#000 !important;
    font-family: 'Noto Sans DemiLight', Arial, Helvetica, sans-serif !important;
}

.slick-next
{
    right: 3% !important;
    z-index:20;
    color:#000 !important;

}
button,
button:link,
button:visited,
button:hover{text-decoration: none;padding-bottom:1px;}
button:before{text-decoration: none;}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0 !important;
}
.slick-next:before
{
    content: '〉' !important;
    color:#000 !important;
    font-family: 'Noto Sans DemiLight', Arial, Helvetica, sans-serif !important;
    text-decoration: none;
}
[dir='rtl'] .slick-next:before
{
    content: '〈' !important;
    color:#000 !important;
    font-family: 'Noto Sans DemiLight', Arial, Helvetica, sans-serif !important;
    text-decoration: none;
}

/* TOP
----------------------------------------*/
#indexTtlWrap figure,
#indexTtlWrap ul{
margin-top:0;
}
#indexTtlWrap figure{
position:relative;
}
#indexTtlWrap figure figcaption{
position:absolute;
left:0;
top:50%;
margin-top:-2em;
z-index: 3;
background-color:#fff;
padding:1em;
font-size:1.5em;
opacity: 0.8; filter: alpha(opacity=80); 
}
@media only screen and (max-width: 767px){
    #indexTtlWrap figure figcaption{
    margin-top:-1.5em;
    font-size:1.2em;
    }
}

/* indexNews */
.indexNews{width:90%;margin:0 auto;font-size:90%;line-height:1.2;}
.indexNews .indexNewsTtl{
float:left;
width:14%;
}
.indexNews .indexNewsTtl h2{
font-size:2em;
margin-top:0;
text-align:left;
}
.indexNews ul{
margin-top:0;
}
.indexNews ul.linkList{
margin-top:1em;
}

.indexNews .newsLists,
.indexNews .newsLists li{
border:none;
}
.indexNews .newsLists li{padding:5px 0;}
.indexNews .listsWrap{
float:right;
width:82%;
border-left:solid 1px #707070;
padding-left:1em;
}

.indexNews:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
    .indexNews .listsWrap,
    .indexNews .indexNewsTtl{
    float:none;
    width:auto
    }
    .indexNews .inCon{padding:0 !important;}
    .indexNews h2{margin-top:0 !important;}
    .indexNews .newsLists{
    border-left:none;
    padding-left:0;
    margin-top:0;
    }
}

/* indexGreeting */
#indexGreeting{
width:90%;
margin-left:auto;
margin-right:auto;
margin-top:2em;
}
@media only screen and (max-width: 767px){
    #indexGreeting{
    width:100%;
    }
    #indexGreeting img{width:60%;}
    #indexGreeting figure{text-align:center;}
}

/* indexPhilosophy */
.indexPhilosophy .columG3{width:90%;margin:3em auto;}
.indexPhilosophy .columG3 h3.marMin{margin-top:10px}
.indexPhilosophy .col2{padding-top:3em;}
.indexPhilosophy .imgL figure{float:left;margin-left:0;}
.indexPhilosophy .imgL .col2{float:right;}

@media only screen and (max-width: 767px){
    .indexPhilosophy .col2{padding-top:0;}
    .indexPhilosophy .imgL figure,
    .indexPhilosophy .imgL .col2{float:none;}
		.indexPhilosophy .columG3 h3.marMin{margin-top:1.5em}
}
#indexWorks .workListWrap{padding:0.8em;}
#indexWorks .workListWrap ul{margin-top:5px}
/* profile
-------------------------------------------*/
.profileWrap .col1{margin-top:2.5em;}
.profileWrap{
border-top:solid 2px #707070;
border-bottom:solid 2px #707070;
padding-bottom:2em;
}
.profileWrap .col1{
float:left;
margin-left:0;
}
.profileWrap .col3{
float:right;
}
@media only screen and (max-width: 767px){
    .profileWrap .col1,
    .profileWrap .col3{float:none;}
}

/* contact
-------------------------------------------*/
#accessMap .col #map iframe{
margin-top:2em;
}

/* Fee
-------------------------------------------*/
.feeWrap{
margin-left:3.5em;
}
.inFeeWrap{
margin:1em;
background:url("/asset/img_cmn/bg_line.png") 50% 0 repeat-y;
}
.fee dt,
.Detail dt{display: none;}
.feeWrap h3 + p,
.feeWrap h3 + ol{margin-top:0.5em}
.FeeList dl,
.FeeList dd ul{margin-top:0;}
.FeeList dd ul.insidLinks2{margin-top:1em;}
.FeeList p.period{margin-left:60px;}
.FeeList h2{
font-size:1.2em;
line-hieht:1.4;
padding:0.3em 1em;
margin-top:1.5em;
background-color:#ccc;
}
.FeeList h2 span{margin-right:1em;}
.feeWrap dl{
float:left;
width:48%;
}

.feeWrap dl.fee{
float:right;
}
.feeWrap dl.fee dt{color:#890A59;}
.inFeeWrap:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}

.FeeList{
background: url("/asset/img_cmn/bg_arrow_m.png") repeat-y 30px 0;
background-size:1.5em auto;
}

@media only screen and (max-width: 767px){
    .feeWrap dl,
    .feeWrap dl.fee{
    float:none;
    width:auto;
    }
    table.tableStyle.detail{
    font-size:90%;
    }
    table.tableStyle.detail th{
    font-size:70%;
    }
    table.tableStyle.detail th,
    table.tableStyle.detail td{padding:5px 3px;}
    .inFeeWrap{
    margin:1em;
    background:none;
    }
    .feeWrap dl.fee{
    margin-top:1em;
    padding-top:1em;
    border-top:solid 1px #707070;
    }
    .FeeList p.period{font-size:0.8em;}
}

/* process
-------------------------------------------*/
.stepList h2{margin-top:1.5em;}
.stepList h2 span{
display:inline-block;
border-radius: 50px;
background-color:#CECBCB;
font-size:80%;
margin-right: 1em;
padding:0.2em 0.1em;
width:2em;
text-align: center;
position:relative;
}
.stepList h2 span:before{
content:"STEP";
position:absolute;
font-size:80%;
top:-1.2em;
left:50%;
margin-left:-1em;
line-height: 1.1;
background-color:#fff;
padding-bottom:2px;
}
.stepList .stepTxt{
border:solid 1px #707070;
padding:1em;
margin-top:1em;
margin-left:3.5em;
}
.stepList .stepTxt > p:first-child,
.stepList .stepTxt > ul:first-child{
margin-top:0;
}

.stepList{
background:url("/asset/img_cmn/bg_line.png") repeat-y 1.3em 0;
}
.stepList.end{
background:none;
}