@charset "UTF-8";


/* body
------------------------------------------------- */
body.service,
body.company,
body.complete,
body.post-type-archive-works,
body.tax-works_tag,
body.single-works {
    background-color: #D7E5EA;
}


/* header
------------------------------------------------- */
.is-nav #header {
    width: 100%;
    height: 4.5em;
    background-color: rgba(0,26,36,0.84);
    position: fixed;
    left: 0;
    top: 0;
}
.is-nav #header .logo {
    width: 7.6875em;
    left: 1.6875em;
    top: 0.9375em;
}
@media only screen and (max-width:750px){
.is-nav #header {
    height: 15.733vw;
}
.is-nav #header .logo {
    width: 26.133vw;
    left: 4vw;
    top: 3.733vw;
}
}


/* navtoggle
------------------------------------------------- */
#navtoggle {
    display: block;
}
.is-nav #navtoggle {
    right: 1.5625em;
    top: 1.5em;
}
@media only screen and (max-width:750px){
.is-nav #navtoggle {
    right: 4vw;
    top: 5.6vw;
}
}


/* maintit
------------------------------------------------- */
.maintit {
    width: 100%;
    height: 28.9375em;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.maintit::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url("../img/top/main_bg2.png") center center repeat;
    background-size: 0.375em auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.maintit h1,
.maintit .h1tit {
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 2;
}
.maintit h1 span,
.maintit .h1tit span {
    display: block;
    font-weight: 100;
    line-height: 1;
    letter-spacing: 0.08em;
    padding-bottom: 0.15em;
}
@media only screen and (max-width:750px){
.maintit {
    height: 70.666vw;
}
.maintit::before {
    background-image: url("../img/top/main_bg2_sp.png");
    background-size: 1.466vw auto;
}
.maintit h1,
.maintit .h1tit {
    font-size: 3.733vw;
}
.maintit h1 span,
.maintit .h1tit span {
    font-size: 10.666vw;
    letter-spacing: 0.06em;
}
}


/* path
------------------------------------------------- */
#path {
    padding: 1.125em 0;
}
#path ul {
    display: flex;
}
#path ul li {
    line-height: 1;
    letter-spacing: 0.04em;
    padding-right: 2em;
    position: relative;
}
#path ul li::after {
    content: '';
    width: 0.42em;
    height: 0.714em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.57%22%20height%3D%229.997%22%20viewBox%3D%220%200%205.57%209.997%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238797%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238797%22%20d%3D%22M-10157.062-3383.56l4%2C4.389-4%2C4.611%22%20transform%3D%22translate(10157.629%203384.065)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.8em;
    top: 50%;
    margin-top: -0.357em;
}
#path ul li:last-child::after {
    display: none;
}
@media only screen and (min-width:751px){
#path ul li a:hover {
    color: #48ADD9;
} 
}
@media only screen and (max-width:750px){
#path {
    padding: 0.75em 0;
}
#path ul {
    font-size: 3.466vw;
}
#path ul li {
    white-space: nowrap;
}
#path ul li:last-child {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
}


/* contactbox
------------------------------------------------- */
#contactbox {
    background-color: #fff;
    padding: 5.875em 0 5.5em;
    text-align: center;
}
#contactbox h3 {
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 1.785em;
}
#contactbox h3 span {
    display: block;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #48ADD9;
    padding-bottom: 0.75em;
}
#contactbox ul li {
    width: 22.777em;
    height: 8.611em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.725em;
}
#contactbox ul li.btnst1 a {
    width: 100%;
    height: 100%;
    border-radius: 0;
    padding-right: 0.5em;
}
#contactbox ul li.btnst1 a::before {
    border-radius: 0;
}
#contactbox ul li:nth-child(2) {
    background-color: #D8E4EA;
}
#contactbox ul li:nth-child(2) .txt1 {
    letter-spacing: normal;
}
#contactbox ul li:nth-child(2) .txt2 {
    letter-spacing: 0.04em;
}
#contactbox ul li:nth-child(2) .tel a {
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79111%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079111%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2234.323%22%20viewBox%3D%220%200%2028%2034.323%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_17471%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017471%22%20transform%3D%22translate(14.323%202.748)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_17469%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017469%22%20transform%3D%22translate(1.229%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_40585%22%20data-name%3D%22%E3%83%91%E3%82%B9%2040585%22%20d%3D%22M1171.287%2C430.956a1.1%2C1.1%2C0%2C0%2C1-1.086-1.27%2C14.292%2C14.292%2C0%2C0%2C0-9.343-15.71%2C1.1%2C1.1%2C0%2C0%2C1%2C.735-2.07%2C16.489%2C16.489%2C0%2C0%2C1%2C10.777%2C18.124A1.1%2C1.1%2C0%2C0%2C1%2C1171.287%2C430.956Z%22%20transform%3D%22translate(-1160.127%20-411.842)%22%20fill%3D%22%23252c2c%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_17470%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017470%22%20transform%3D%22translate(0%205.771)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_40586%22%20data-name%3D%22%E3%83%91%E3%82%B9%2040586%22%20d%3D%22M1107.328%2C703.072c-.031%2C0-.061%2C0-.092%2C0a1.1%2C1.1%2C0%2C0%2C1-1-1.185%2C8.495%2C8.495%2C0%2C0%2C0-4.982-8.434%2C1.1%2C1.1%2C0%2C1%2C1%2C.9-2%2C10.69%2C10.69%2C0%2C0%2C1%2C6.272%2C10.618A1.1%2C1.1%2C0%2C0%2C1%2C1107.328%2C703.072Z%22%20transform%3D%22translate(-1100.601%20-691.349)%22%20fill%3D%22%23252c2c%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_17472%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2017472%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_40587%22%20data-name%3D%22%E3%83%91%E3%82%B9%2040587%22%20d%3D%22M408.285%2C282.257c-3.089%2C5.345-.5%2C13.49%2C2.789%2C19.082h0l.017.029.017.029h0c3.3%2C5.585%2C9.186%2C11.784%2C15.358%2C11.663a6.232%2C6.232%2C0%2C0%2C0%2C4.427-1.759l1.072-1.056a1.555%2C1.555%2C0%2C0%2C0%2C.059-2.155l-5.214-5.73a1.555%2C1.555%2C0%2C0%2C0-2.173-.126l-1.361%2C1.187a3.616%2C3.616%2C0%2C0%2C1-1.162.691c-1.889.67-3.747-.743-6.488-5.38l-.017-.029-.017-.029c-2.735-4.641-3.074-6.951-1.575-8.28a3.615%2C3.615%2C0%2C0%2C1%2C1.166-.683l1.7-.618a1.556%2C1.556%2C0%2C0%2C0%2C.94-1.963l-2.5-7.334a1.555%2C1.555%2C0%2C0%2C0-1.915-.99l-1.443.428A6.232%2C6.232%2C0%2C0%2C0%2C408.285%2C282.257Z%22%20transform%3D%22translate(-406.9%20-278.74)%22%20fill%3D%22%23252c2c%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.78em auto;
    padding-left: 1.25em;
}
@media only screen and (max-width:750px){
#contactbox {
    padding: 16vw 8.266vw 14.5vw;
}
#contactbox h3 {
    font-size: 5.866vw;
    margin-bottom: 1.5em;
}
#contactbox h3 span {
    font-size: 3.466vw;
    padding-bottom: 0.5em;
}
#contactbox ul li {
    width: 100%;
    height: 35.733vw;
    margin: 0 0 2.66vw;
}
#contactbox ul li.btnst1 a {
    font-size: 4.8vw;
    line-height: 1.77;
}
#contactbox ul li:nth-child(2) .txt1 {
    font-size: 4vw;
    margin-bottom: 0.25em;
}
#contactbox ul li:nth-child(2) .txt2 {
    font-size: 3.733vw;
    margin-top: 0.25em;
}
#contactbox ul li:nth-child(2) .tel a {
    font-size: 7.2vw;
}
}


/* complete/（旧）
------------------------------------------------- */
.thanks .maintit {
    height: 21em;
    background-image: url("../img/thanks/mainimg.jpg");
}
@media only screen and (max-width:750px){
    
}

/*  .cont1  */
.thanks .cont1 {
    text-align: center;
    padding: 4.5em 0 7.5em;
}
.thanks .cont1 h2 {
    font-weight: 700;
    padding-bottom: 1.5em;
}
.thanks .cont1 p {
    line-height: 1.75;
    letter-spacing: 0.04em;
    padding-bottom: 3em;
}
.thanks .cont1 .btnst1 a {
    width: 13.75em;
    height: 3.125em;
}
@media only screen and (max-width:750px){
.thanks .cont1 {
    padding: 13.5vw 0 18.5vw;
}
.thanks .cont1 h2 {
    font-size: 4.8vw;
    padding-bottom: 1em;
}
.thanks .cont1 p {
    font-size: 3.733vw;
    line-height: 1.715;
    letter-spacing: normal;
    padding-bottom: 3.25em;
}
.thanks .cont1 .btnst1 a {
    font-size: 4vw;
    width: 58.66vw;
    height: 11.733vw;;
}
}


/* complete/（新）
------------------------------------------------- */
.complete .maintit {
    background-image: url("../img/thanks/mainimg.jpg");
}
.complete #path {
    padding: 1.125em 2.25em;
}
@media only screen and (max-width:750px){
.complete #path {
    padding: 5.33vw 4vw;
}  
}

/*  .cont1  */
.complete .cont1 {
    text-align: center;
    padding-bottom: 6.2em;
    position: relative;
    z-index: 2;
}
.complete .cont1 .whbox {
    background-color: #fff;
    margin-top: -7.6875em;
    padding: 5.125em 7.1875em 4.5em; 
}
.complete .cont1 h2 {
    font-weight: 700;
    padding-bottom: 1.5em;
}
.complete .cont1 p {
    line-height: 1.75;
    letter-spacing: 0.04em;
    padding-bottom: 3em;
}
.complete .cont1 .btnst1 a {
    width: 13.75em;
    height: 3.125em;
}
@media only screen and (max-width:750px){
.complete .cont1 {
    padding-bottom: 17.5vw;
}
.complete .cont1 .whbox {
    margin-top: -15vw;
    padding: 12vw 4.266vw 9.5vw; 
}
.complete .cont1 h2 {
    font-size: 4.8vw;
    padding-bottom: 1em;
}
.complete .cont1 p {
    font-size: 3.733vw;
    line-height: 1.715;
    letter-spacing: normal;
    padding-bottom: 3.25em;
}
.complete .cont1 .btnst1 a {
    font-size: 4vw;
    width: 58.66vw;
    height: 11.733vw;;
}
}


/* service/
------------------------------------------------- */
.service .maintit {
    background-image: url("../img/service/mainimg.jpg");
}
.service #path {
    padding: 1.125em 2.25em;
}
@media only screen and (max-width:750px){
.service .maintit {
    background-image: url("../img/service/mainimg_sp.jpg");
}
.service #path {
    padding: 5.33vw 4vw;
}  
}

/*  .cont1  */
.service .cont1 {
    padding-bottom: 6.2em;
    position: relative;
    z-index: 2;
}
.service .cont1 .inner {
    padding: 0 7.1875em;
}
.service .cont1 .whbox {
    background-color: #fff;
    margin-top: -7.6875em;
    padding: 5.125em 7.1875em 4.5em; 
}
.service .cont1 h2 {
    text-align: center;
    padding-bottom: 3em;
}
.service .cont1 h2 span {
    display: inline-block;
    font-weight: 700;
    letter-spacing: normal;
    border-bottom: 1px solid #48ADD9;
    padding-bottom: 0.01em;
    margin-bottom: 0.25em;
}
.service .cont1 .sec {
    margin-bottom: 7.5em;
}
.service .cont1 .sec.last {
    margin-bottom: 0;
}
.service .cont1 .sec .photo {
    width: 48%;
    position: relative;
}
.service .cont1 .sec .photo::before {
    content: '';
    width: 32.9375em;
    height: 9.0625em;
    background: url("../img/service/ttl.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: -7.1875em;
    top: 0;
    z-index: 1;
}
.service .cont1 .sec .photo h3 {
    font-weight: 700;
    color: #fff;
    line-height: 1;
    letter-spacing: normal;
    padding: 1.15em 0 1em;
    position: relative;
    z-index: 2;
}
.service .cont1 .sec .photo h3 span {
    display: block;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
    padding-bottom: 0.9em;
}
.service .cont1 .sec .photo img {
    position: relative;
    z-index: 2;
}
.service .cont1 .sec .con {
    width: 48%;
    margin-top: 3.75em;
}
.service .cont1 .sec .con h4 {
    font-weight: 700;
    line-height: 1.72;
    letter-spacing: normal;
    color: #48ADD9;
    padding-bottom: 1.25em;
}
.service .cont1 .sec .con p {
    line-height: 1.86;
    letter-spacing: normal;
}
.service .cont1 .sec .con ul {
    padding-top: 2em;
}
.service .cont1 .sec .con ul li {
    width: 15.15em;
    height: 4.42em;
    margin: 0 0.75em 0.75em 0;
}
.service .cont1 .sec .con ul li a {
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.285%22%20height%3D%2212.598%22%20viewBox%3D%220%200%2012.285%2012.598%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21534%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021534%22%20transform%3D%22translate(0.499%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_43%22%20data-name%3D%22%E7%B7%9A%2043%22%20x2%3D%226%22%20transform%3D%22translate(5.286)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21530%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021530%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021524%22%20transform%3D%22translate(5.56%205.726)%20rotate(-45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_44%22%20data-name%3D%22%E7%B7%9A%2044%22%20y2%3D%226%22%20transform%3D%22translate(11.286)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_262%22%20data-name%3D%22%E3%83%91%E3%82%B9%20262%22%20d%3D%22M-18152.492-12047.5h-3.145v11.6h11.258v-2.809%22%20transform%3D%22translate(18155.637%2012047.5)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 92% center no-repeat;
    background-size: 0.9em auto;
    border: 1px solid #48ADD9;
    border-radius: 3em;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #48ADD9;
    padding-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
@media only screen and (min-width:751px){
.service .cont1 .sec .con ul li a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.285%22%20height%3D%2212.598%22%20viewBox%3D%220%200%2012.285%2012.598%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21534%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021534%22%20transform%3D%22translate(0.499%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_43%22%20data-name%3D%22%E7%B7%9A%2043%22%20x2%3D%226%22%20transform%3D%22translate(5.286)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21530%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021530%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021524%22%20transform%3D%22translate(5.56%205.726)%20rotate(-45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_44%22%20data-name%3D%22%E7%B7%9A%2044%22%20y2%3D%226%22%20transform%3D%22translate(11.286)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_262%22%20data-name%3D%22%E3%83%91%E3%82%B9%20262%22%20d%3D%22M-18152.492-12047.5h-3.145v11.6h11.258v-2.809%22%20transform%3D%22translate(18155.637%2012047.5)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-color: #48ADD9;
    color: #fff;
}
}
@media only screen and (max-width:750px){
.service .cont1 {
    padding-bottom: 17.5vw;
}
.service .cont1 .inner {
    padding: 0;
}
.service .cont1 .whbox {
    margin-top: -15vw;
    padding: 12vw 4.266vw 9.5vw; 
}
.service .cont1 h2 {
    font-size: 5.866vw;
    text-align: left;
    padding-bottom: 2.5em;
    margin-left: 6.4vw;
}
.service .cont1 h2 span {
    padding-bottom: 0;
    margin-bottom: 0.05em;
}
.service .cont1 .sec {
    margin-bottom: 17vw;
}
.service .cont1 .sec .photo {
    width: 100%;
}
.service .cont1 .sec .photo::before {
    content: '';
    width: 77.333vw;
    height: 26.666vw;
    left: -4.266vw;
    z-index: 2;
}
.service .cont1 .sec .photo h3 {
    font-size: 5.33vw;
    padding: 1.15em 0 0;
    z-index: 3;
}
.service .cont1 .sec .photo h3 span {
    font-size: 3.2vw;
    padding-bottom: 0.9em;
}
.service .cont1 .sec .photo img {
    z-index: 1;
}
.service .cont1 .sec .con {
    width: 100%;
    margin-top: 1.1em;
}
.service .cont1 .sec .con h4 {
    padding-bottom: 1em;
}
.service .cont1 .sec .con p {
    font-size: 3.733vw;
    line-height: 2;
}
.service .cont1 .sec .con ul {
    font-size: 3.466vw;
}
.service .cont1 .sec .con ul li {
    width: 56.5vw;
    height: 12.8vw;
    margin: 0 auto 4vw;
}
.service .cont1 .sec .con ul li a {
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.285%22%20height%3D%2212.598%22%20viewBox%3D%220%200%2012.285%2012.598%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21534%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021534%22%20transform%3D%22translate(0.499%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_43%22%20data-name%3D%22%E7%B7%9A%2043%22%20x2%3D%226%22%20transform%3D%22translate(5.286)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21530%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021530%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_21524%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2021524%22%20transform%3D%22translate(5.56%205.726)%20rotate(-45)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20x2%3D%227.711%22%20transform%3D%22translate(0%200)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3Cline%20id%3D%22%E7%B7%9A_44%22%20data-name%3D%22%E7%B7%9A%2044%22%20y2%3D%226%22%20transform%3D%22translate(11.286)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_262%22%20data-name%3D%22%E3%83%91%E3%82%B9%20262%22%20d%3D%22M-18152.492-12047.5h-3.145v11.6h11.258v-2.809%22%20transform%3D%22translate(18155.637%2012047.5)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 92% center no-repeat;
    background-size: 0.9em auto;
    border: 1px solid #48ADD9;
    border-radius: 3em;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: normal;
    color: #48ADD9;
    padding-right: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
}


/* company/
------------------------------------------------- */
.company .maintit {
    background-image: url("../img/company/mainimg.jpg");
}
.company #path {
    padding: 1.125em 2.25em;
}
@media only screen and (max-width:750px){
.company .maintit {
    background-image: url("../img/company/mainimg_sp.jpg");
}
.company #path {
    padding: 5.33vw 4vw;
}  
}

/*  .cont1  */
.company .cont1 {
    padding-bottom: 6.2em;
    position: relative;
    z-index: 2;
}
.company .cont1 .inner {
    padding: 0 7.1875em;
}
.company .cont1 .whbox {
    background-color: #fff;
    margin-top: -7.6875em;
    padding: 5.125em 8.4375em 0; 
}
.company .cont1 .whbox table {
    width: 100%;
}
.company .cont1 .whbox table th,
.company .cont1 .whbox table td {
    text-align: left;
    vertical-align: top;
    line-height: 1.85;
    letter-spacing: normal;
    border-top: 1px solid #D8E4EA;
    padding: 2.2em 0 2.2em 1.5em;
    box-sizing: border-box;
}
.company .cont1 .whbox table th {
    width: 19.3%;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-top: 2px solid #48ADD9;
    padding: 2.2em 0;
}
.company .cont1 .whbox table tr:first-child th,
.company .cont1 .whbox table tr:first-child td {
    border-top: none;
}
.company .cont1 .whbox table td dl {
    display: flex;
}
.company .cont1 .whbox table td dl dt {
    width: 17%;
    font-weight: 700;
    padding-left: 1em;
    box-sizing: border-box;
    position: relative;
}
.company .cont1 .whbox table td dl dt::before {
    content: '';
    width: 0.36em;
    height: 0.36em;
    background-color: #48ADD9;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.75em;
}
.company .cont1 .whbox table td dl dd .map {
    display: inline-block;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79215%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2216.002%22%20viewBox%3D%220%200%2011%2016.002%22%3E%20%3Cpath%20id%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D_1%22%20data-name%3D%22%E5%89%8D%E9%9D%A2%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%A7%E5%9E%8B%E6%8A%9C%E3%81%8D%201%22%20d%3D%22M5.5%2C16h0c-.013-.018-1.386-1.819-2.749-3.99C.477%2C8.389%2C0%2C6.564%2C0%2C5.671A5.594%2C5.594%2C0%2C0%2C1%2C5.5%2C0%2C5.594%2C5.594%2C0%2C0%2C1%2C11%2C5.671c0%2C.893-.477%2C2.717-2.75%2C6.34C6.889%2C14.179%2C5.514%2C15.983%2C5.5%2C16ZM5.5%2C4.05A1.621%2C1.621%2C0%2C1%2C0%2C7.072%2C5.671%2C1.6%2C1.6%2C0%2C0%2C0%2C5.5%2C4.05Z%22%20fill%3D%22%2348add9%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.75em auto;
    color: #48ADD9;
    padding-right: 0.85em;
    margin-left: 1em;
}
.company .cont1 .whbox table td .con1 dl {
    padding-bottom: 1.85em;
}
.company .cont1 .whbox table td .con1 ul {
    padding-bottom: 4.8em;
}
.company .cont1 .whbox table td .con1 ul li {
    margin-right: 0.66em;
}
.company .cont1 .whbox table td .con1 ul li img {
    display: block;
    width: auto;
    height: 15.6em;
}
.company .cont1 .whbox table td .con1 ul li span {
    display: block;
    margin-top: 0.25em;
}
.company .cont1 .whbox table td .con2 {
    padding-bottom: 2em;
}
.company .cont1 .whbox table td .con2 dl {
    padding-bottom: 1em;
}
.company .cont1 .whbox table td .con2 p {
    line-height: 1;
    margin-bottom: 1.625em;
    position: relative;
}
.company .cont1 .whbox table td .con2 p::before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #48ADD9;
    position: absolute;
    left: 0;
    top: 50%;
}
.company .cont1 .whbox table td .con2 p span {
    display: inline-block;
    background-color: #fff;
    font-weight: 700;
    letter-spacing: normal;
    color: #48ADD9;
    padding-right: 1.5em;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:750px){
.company .cont1 {
    padding-bottom: 17.5vw;
}
.company .cont1 .inner {
    padding: 0;
}
.company .cont1 .whbox {
    margin-top: -15vw;
    padding: 12vw 4.266vw 0; 
}
.company .cont1 .whbox table {
    width: 100%;
}
.company .cont1 .whbox table th,
.company .cont1 .whbox table td {
    font-size: 3.733vw;
    width: 100%;
    display: block;
    line-height: 1.57;
    letter-spacing: normal;
    border-top: 1px solid #D8E4EA;
    padding: 3.5vw 0 5.33vw;
    box-sizing: border-box;
}
.company .cont1 .whbox table th {
    font-weight: 700;
    letter-spacing: normal;
    border-top: none;
    padding: 0 0 2.5vw;
    position: relative;
}
.company .cont1 .whbox table th::after {
    content: '';
    width: 19.5vw;
    height: 2px;
    background-color: #48ADD9;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.company .cont1 .whbox table tr:first-child td {
    border-top: 1px solid #D8E4EA;
}
.company .cont1 .whbox table td dl {
    display: block;
}
.company .cont1 .whbox table td dl dt {
    width: 100%;
    margin: 1.5vw 0 2vw;
}
.company .cont1 .whbox table td .con1 dl {
    padding-bottom: 1em;
}
.company .cont1 .whbox table td .con1 ul {
    display: flex;
    justify-content: space-between;
    padding: 2.5vw 0 10vw;
}
.company .cont1 .whbox table td .con1 ul li {
    margin-right: 0;
}
.company .cont1 .whbox table td .con1 ul li img {
    height: 30.933vw;
}
.company .cont1 .whbox table td .con1 ul li span {
    margin-top: 0.25em;
}
.company .cont1 .whbox table td .con2 {
    padding-bottom: 1.75em;
}
.company .cont1 .whbox table td .con2 dl {
    padding-bottom: 0.75em;
}
.company .cont1 .whbox table td .con2 p {
    font-size: 4vw;
    margin-bottom: 1.5em;
}
}


/* works/
------------------------------------------------- */
.post-type-archive-works .maintit,
.tax-works_tag .maintit {
    background-image: url("../img/works/mainimg.jpg");
}
.post-type-archive-works #path,
.tax-works_tag #path {
    padding: 1.125em 2.25em;
}
@media only screen and (max-width:750px){
.post-type-archive-works .maintit,
.tax-works_tag .maintit {
    background-image: url("../img/works/mainimg_sp.jpg");
}
.post-type-archive-works #path,
.tax-works_tag #path {
    padding: 5.33vw 4vw;
}  
}

/*  .cont1  */
.post-type-archive-works .cont1,
.tax-works_tag .cont1 {
    padding-bottom: 7em;
    position: relative;
    z-index: 2;
}
.post-type-archive-works .cont1 .inner,
.tax-works_tag .cont1 .inner {
    padding: 0 7.8125em;
}
.post-type-archive-works .cont1 .whbox,
.tax-works_tag .cont1 .whbox {
    background-color: #fff;
    margin-top: -7.8125em;
    padding: 4.55em 0 1.5em;
}
.post-type-archive-works .cont1 .picktit {
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    color: #48ADD9;
    padding-bottom: 0.5em;
}
.post-type-archive-works .cont1 .main-slider {
    margin-bottom: 7.625em;
}
.post-type-archive-works .cont1 .main-slider .swiper-slide {
    width: 34.8125em;
    margin: 0 1.875em;
    opacity: 0.5;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .main-slider .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.post-type-archive-works .cont1 .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: default;
    pointer-events: none;
}
.post-type-archive-works .cont1 .swiper-slide.swiper-slide-active a {
    cursor: pointer;
    pointer-events: auto;
}
.post-type-archive-works .cont1 .swiper-slide a .photo {
    width: 100%;
    height: 20.375em;
    overflow: hidden;
}
.post-type-archive-works .cont1 .swiper-slide a .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .swiper-slide a dl {
    display: flex;
    align-items: center;
    padding: 2em 0 1em;
}
.post-type-archive-works .cont1 .swiper-slide a dl dt {
    margin-right: 0.75em;
}
.post-type-archive-works .cont1 .swiper-slide a dl dt span {
    height: 1.625em;
    background-color: #48ADD9;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    padding: 0 0.625em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.post-type-archive-works .cont1 .swiper-slide a dl dd {
    font-weight: 700;
    letter-spacing: normal;
}
.post-type-archive-works .cont1 .swiper-slide a h3 {
    font-weight: 700;
    line-height: 1.68;
    letter-spacing: normal;
}
.post-type-archive-works .cont1 .swiper-slide a .tag {
    display: flex;
    flex-wrap: wrap;
    padding: 2em 0 3em;
}
.post-type-archive-works .cont1 .swiper-slide a .tag li {
    letter-spacing: normal;
    color: #364141;
    margin: 0 0.75em 0.1em 0;
}
.post-type-archive-works .cont1 .swiper-slide a .tag li::before {
    content: '#';
    color: #48ADD9;
    font-weight: 700;
    padding-right: 0.35em;
}
.post-type-archive-works .cont1 .swiper-slide a .btn {
    width: 20em;
    height: 3.5625em;
    background: linear-gradient(90deg, #2085B2, #5BB3C7);
    border-radius: 3em;
    margin: 0 auto;
    font-weight: 700;
    color: #fff;
    letter-spacing: normal;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1em;
    box-sizing: border-box;
    position: relative;
}
.post-type-archive-works .cont1 .swiper-slide a .btn::before {
    content: '';
    width: 2.875em;
    height: 2.875em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79467%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079467%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245.589%22%20height%3D%2245.589%22%20viewBox%3D%220%200%2045.589%2045.589%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238880%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238880%22%20d%3D%22M221.944%2C237.715A22.794%2C22.794%2C0%2C1%2C0%2C199.15%2C214.92a22.838%2C22.838%2C0%2C0%2C0%2C22.794%2C22.794Z%22%20transform%3D%22translate(-199.15%20-192.126)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79466%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079466%22%20transform%3D%22translate(12%2010.147)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_64288%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2064288%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44857%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044857%22%20width%3D%2222%22%20height%3D%2227%22%20rx%3D%222%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_98042%22%20data-name%3D%22%E3%83%91%E3%82%B9%2098042%22%20d%3D%22M-2962-11104.5h9%22%20transform%3D%22translate(2968.498%2011113.033)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_98044%22%20data-name%3D%22%E3%83%91%E3%82%B9%2098044%22%20d%3D%22M-2962-11104.5h9%22%20transform%3D%22translate(2968.498%2011117.584)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_98045%22%20data-name%3D%22%E3%83%91%E3%82%B9%2098045%22%20d%3D%22M-2962-11104.5h9%22%20transform%3D%22translate(2968.498%2011122.135)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -1.4375em;
}
.post-type-archive-works .cont1 .swiper-slide a .btn::after {
    content: '';
    width: 0.5em;
    height: 0.75em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.118%22%20height%3D%2211.407%22%20viewBox%3D%220%200%207.118%2011.407%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_98058%22%20data-name%3D%22%E3%83%91%E3%82%B9%2098058%22%20d%3D%22M-9648.75-11509.3l5%2C5-5%2C5%22%20transform%3D%22translate(9649.457%2011510.005)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 1.5em;
    top: 50%;
    margin-top: -0.375em;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next,
.post-type-archive-works .cont1 .main-slider .swiper-button-prev {
    width: 2em;
    height: 2em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79588%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079588%22%20transform%3D%22translate(-349%20-731)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238929%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238929%22%20d%3D%22M16%2C0A16%2C16%2C0%2C1%2C1%2C0%2C16%2C16%2C16%2C0%2C0%2C1%2C16%2C0Z%22%20transform%3D%22translate(349%20731)%22%20fill%3D%22%23757c7c%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238926%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238926%22%20d%3D%22M-10152.062-3383.56l-5%2C5.852%2C5%2C6.148%22%20transform%3D%22translate(10519.063%204124.561)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 9.25em;
    margin: 0 0 0 -20.3125em;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next {
    transform: scale(-1, 1);
    left: auto;
    right: 50%;
    margin: 0 -20.3125em 0 0;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next::after,
.post-type-archive-works .cont1 .main-slider .swiper-button-prev::after {
    display: none;
}

.post-type-archive-works .cont1 .whbox .winner,
.tax-works_tag .cont1 .whbox .winner {
    padding: 0 7.5em;
}
.post-type-archive-works .cont1 .searchbox {
    background-color: #F4F4F4;
    padding: 3.75em 5em 2.25em;
    margin: 0 0.9375em 5.625em;
    box-sizing: border-box;
}
.post-type-archive-works .cont1 .searchbox dl {
    display: flex;
    padding-bottom: 0.625em;
}
.post-type-archive-works .cont1 .searchbox dl dt {
    width: 15.5%;
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    color: #48ADD9;
}
.post-type-archive-works .cont1 .searchbox dl dd {
    width: 84.5%;
}
.post-type-archive-works .cont1 .searchbox dl dd ul {
    display: flex;
    flex-wrap: wrap;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li {
    line-height: 1;
    margin: 0 1em 1em 0;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li label {
    width: auto;
    display: block;
    font-weight: 700;
    line-height: 1;
    padding-left: 1.375em;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li label::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li label::after {
    content: '';
    display: block;
    width: 0.2em;
    height: 0.7em;
    border-right: 0.1em solid #fff;
    border-bottom: 0.1em solid #fff;
    position: absolute;
    left: 0.375em;
    top: 50%;
    margin-top: -0.45em;
    opacity: 0;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li input[type=checkbox]:checked + label::before {
    background-color: #48ADD9;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li input[type=checkbox]:checked + label::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
.post-type-archive-works .cont1 .searchbox .search {
    width: 19em;
    border-bottom: 1px solid #364141;
    margin: 2.25em auto 0;
    position: relative;
}
.post-type-archive-works .cont1 .searchbox .search input {
    width: 100%;
    height: 2.375em;
    background-color: #F4F4F4;
    padding: 0 2.5em 0 0.5em;
    box-sizing: border-box;
}
.post-type-archive-works .cont1 .searchbox .search button {
    width: 2.5em;
    height: 2.5em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.484%22%20height%3D%2224.807%22%20viewBox%3D%220%200%2023.484%2024.807%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61156%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061156%22%20transform%3D%22translate(1.398%201.402)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61155%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061155%22%20transform%3D%22translate(0%20-0.004)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61154%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061154%22%20transform%3D%22translate(0%200.001)%22%3E%20%3Cg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_72_7%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%2072%20%E2%80%93%207%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61145%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061145%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61144%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061144%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61143%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061143%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61142%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061142%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61141%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061141%22%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_622%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20622%22%20cx%3D%227.398%22%20cy%3D%227.396%22%20rx%3D%227.398%22%20ry%3D%227.396%22%20transform%3D%22translate(0%208.782)%20rotate(-36.411)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_2796%22%20data-name%3D%22%E7%B7%9A%202796%22%20x2%3D%225%22%20y2%3D%226%22%20transform%3D%22translate(15.093%2016)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 1.375em auto;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    cursor: pointer;
}

.post-type-archive-works .cont1 .listbox,
.tax-works_tag .cont1 .listbox {
    min-height: 10em;
    position: relative;
}
.post-type-archive-works .cont1 .work-list,
.tax-works_tag .cont1 .work-list {
    background-color: #fff;
    position: relative;
    z-index: 3;
}
.post-type-archive-works .cont1 .work-list li,
.tax-works_tag .cont1 .work-list li {
    width: 30%;
    margin: 0 1.64835% 4.125em;
}
.post-type-archive-works .cont1 .work-list li a,
.tax-works_tag .cont1 .work-list li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.post-type-archive-works .cont1 .work-list li a .photo,
.tax-works_tag .cont1 .work-list li a .photo {
    width: 100%;
    height: 11.625em;
    overflow: hidden;
    position: relative;
}
.post-type-archive-works .cont1 .work-list li a .photo img,
.tax-works_tag .cont1 .work-list li a .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .work-list li a .photo p,
.tax-works_tag .cont1 .work-list li a .photo p {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.post-type-archive-works .cont1 .work-list li a .photo p span,
.tax-works_tag .cont1 .work-list li a .photo p span {
    height: 1.625em;
    background-color: #48ADD9;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    padding: 0 0.625em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.post-type-archive-works .cont1 .work-list li a .photo.video::after,
.tax-works_tag .cont1 .work-list li a .photo.video::after {
    content: '';
    width: 2.75em;
    height: 2.75em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2244.126%22%20height%3D%2244.126%22%20viewBox%3D%220%200%2044.126%2044.126%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232085b2%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235bb3c7%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79506%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079506%22%20transform%3D%22translate(-7.874)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33839%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033839%22%20d%3D%22M221.213%2C236.252a22.063%2C22.063%2C0%2C1%2C0-22.063-22.063%2C22.105%2C22.105%2C0%2C0%2C0%2C22.063%2C22.063Z%22%20transform%3D%22translate(-191.276%20-192.126)%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33840%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033840%22%20d%3D%22M339.68%2C422.668h15.768a2.683%2C2.683%2C0%2C0%2C1%2C1.713.591%2C1.847%2C1.847%2C0%2C0%2C1%2C.713%2C1.42v1.682l5.969-2.856a.48.48%2C0%2C0%2C1%2C.234-.059.391.391%2C0%2C0%2C1%2C.423.35V434.57a.316.316%2C0%2C0%2C1-.058.174.471.471%2C0%2C0%2C1-.575.128l-5.63-2.694-.364-.174v1.682a1.851%2C1.851%2C0%2C0%2C1-.713%2C1.42h0a2.689%2C2.689%2C0%2C0%2C1-1.711.59H339.68a2.691%2C2.691%2C0%2C0%2C1-1.713-.59%2C1.852%2C1.852%2C0%2C0%2C1-.713-1.421v-9.007a1.846%2C1.846%2C0%2C0%2C1%2C.713-1.418l0%2C0a2.689%2C2.689%2C0%2C0%2C1%2C1.711-.591Z%22%20transform%3D%22translate(-319.877%20-407.119)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    z-index: 2;
}
.post-type-archive-works .cont1 .work-list li a h3,
.tax-works_tag .cont1 .work-list li a h3 {
    font-weight: 700;
    line-height: 1.15;
    border-left: 0.215em solid #48ADD9;
    padding-left: 0.5em;
    margin: 1.15em 0 0.5em;
}
.post-type-archive-works .cont1 .work-list li a h4,
.tax-works_tag .cont1 .work-list li a h4 {
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: normal;
}
.post-type-archive-works .cont1 .work-list li a .tag ,
.tax-works_tag .cont1 .work-list li a .tag {
    display: flex;
    flex-wrap: wrap;
    padding-top: 1em;
}
.post-type-archive-works .cont1 .work-list li a .tag li,
.tax-works_tag .cont1 .work-list li a .tag li {
    width: auto;
    letter-spacing: normal;
    color: #364141;
    margin: 0 0.75em 0.1em 0;
}
.post-type-archive-works .cont1 .work-list li a .tag li::before,
.tax-works_tag .cont1 .work-list li a .tag li::before {
    content: '#';
    color: #48ADD9;
    font-weight: 700;
    padding-right: 0.35em;
}
.post-type-archive-works .cont1 .work-list li a .new,
.tax-works_tag .cont1 .work-list li a .new {
    font-weight: 400;
    line-height: 1;
    letter-spacing: normal;
    color: #FF292A;
    padding-left: 0.8em;
    position: absolute;
    left: 0;
    top: -1.65em;
}
.post-type-archive-works .cont1 .work-list li a .new::before,
.tax-works_tag .cont1 .work-list li a .new::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: #FF292A;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.25em;
}
.post-type-archive-works .cont1 .nokeyword,
.tax-works_tag .cont1 .nokeyword {
    width: 100%;
    position: absolute;
    left: 0;
    top: 1em;
    z-index: 1;
}
.post-type-archive-works .cont1 .nokeyword p,
.post-type-archive-works .cont1 .nokey,
.tax-works_tag .cont1 .nokeyword p {
    width: 100%;
    font-weight: 700;
    line-height: 2.125;
    text-align: center;
}
.post-type-archive-works .cont1 .nokey.nony {
    padding: 3em 0 5.5em;
}

.post-type-archive-works .cont1 .searchtit,
.tax-works_tag .cont1 .searchtit {
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    padding-left: 1.68em;
    margin: 1.4em 0 1.8em 0.575em;
    position: relative;
}
.post-type-archive-works .cont1 .searchtit::before,
.tax-works_tag .cont1 .searchtit::before {
    content: '';
    width: 1.2em;
    height: 0.16em;
    background-color: #48ADD9;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.08em;
}
@media only screen and (min-width:751px){
.post-type-archive-works .cont1 .swiper-slide a:hover .photo img,
.post-type-archive-works .cont1 .work-list li a:hover .photo img,
.tax-works_tag .cont1 .work-list li a:hover .photo img {
    transform: scale(1.12);
}
.post-type-archive-works .cont1 .swiper-slide a:hover .btn::after {
    right: 1.2em;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next:hover,
.post-type-archive-works .cont1 .main-slider .swiper-button-prev:hover {
    opacity: 0.7;
}
}
@media only screen and (max-width:750px){
.post-type-archive-works .cont1,
.tax-works_tag .cont1 {
    padding-bottom: 17.5vw;
}
.post-type-archive-works .cont1 .inner,
.tax-works_tag .cont1 .inner {
    padding: 0;
}
.post-type-archive-works .cont1 .whbox,
.tax-works_tag .cont1 .whbox {
    margin-top: -15vw;
    padding: 8vw 0 2vw;
}
.post-type-archive-works .cont1 .picktit {
    font-size: 5.33vw;
    padding-bottom: 0.3em;
}
.post-type-archive-works .cont1 .main-slider {
    margin-bottom: 22vw;
}
.post-type-archive-works .cont1 .main-slider .swiper-slide {
    width: 71.2vw;
    margin: 0 1.733vw;
}
.post-type-archive-works .cont1 .swiper-slide a .photo {
    height: 45.33vw;
}
.post-type-archive-works .cont1 .swiper-slide a dl {
    font-size: 3.733vw;
    display: block;
    padding: 0;
    position: absolute;
    left: 2.66vw;
    top: 32vw;
    opacity: 0;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .swiper-slide a dl dt {
    margin: 0 0 0.3em;
}
.post-type-archive-works .cont1 .swiper-slide a dl dt span {
    display: inline-block;
    height: 5.33vw;
    line-height: 5.33vw;
    padding: 0 1.866vw;
}
.post-type-archive-works .cont1 .swiper-slide a dl dd {
    color: #fff;
    line-height: 1;
    max-width: 66.66vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.post-type-archive-works .cont1 .swiper-slide a h3 {
    line-height: 1.5;
    padding-top: 5.5vw;
    opacity: 0;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .swiper-slide a .tag {
    font-size: 3.466vw;
    padding: 1em 0 1.5em;
    opacity: 0;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .swiper-slide a .tag li {
    margin: 0 0.6em 0 0;
}
.post-type-archive-works .cont1 .swiper-slide a .btn {
    font-size: 3.733vw;
    width: 67vw;
    height: 15.2vw;
    opacity: 0;
    transition: 0.4s;
}
.post-type-archive-works .cont1 .swiper-slide a .btn::before {
    width: 9vw;
    height: 9vw;
    left: 2.933vw;
    margin-top: -4.5vw;
}
.post-type-archive-works .cont1 .swiper-slide a .btn::after {
    right: 1.3em;
}
.post-type-archive-works .cont1 .swiper-slide.swiper-slide-active a dl,
.post-type-archive-works .cont1 .swiper-slide.swiper-slide-active a h3,
.post-type-archive-works .cont1 .swiper-slide.swiper-slide-active a .tag,
.post-type-archive-works .cont1 .swiper-slide.swiper-slide-active a .btn {
    opacity: 1;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next,
.post-type-archive-works .cont1 .main-slider .swiper-button-prev {
    width: 8.5vw;
    height: 8.5vw;
    top: 19.2vw;
    margin: 0 0 0 -41.866vw;
}
.post-type-archive-works .cont1 .main-slider .swiper-button-next {
    margin: 0 -41.866vw 0 0;
}

.post-type-archive-works .cont1 .whbox .winner,
.tax-works_tag .cont1 .whbox .winner {
    padding: 0 4vw;
}
.post-type-archive-works .cont1 .searchbox {
    padding: 6.75vw 6.4vw 9vw;
    margin: 0 0 13.5vw;
}
.post-type-archive-works .cont1 .searchbox dl {
    display: block;
    padding-bottom: 5.5vw;
}
.post-type-archive-works .cont1 .searchbox dl dt {
    font-size: 4.8vw;
    width: 100%;
    padding-bottom: 1.25em;
}
.post-type-archive-works .cont1 .searchbox dl dd {
    width: 100%;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li {
    font-size: 3.733vw;
    margin: 0 0.75em 1.5em 0;
}
.post-type-archive-works .cont1 .searchbox dl dd ul li label {
    font-size: 3.733vw;
}
.post-type-archive-works .cont1 .searchbox .search {
    width: 100%;
    margin: 0 auto;
}
.post-type-archive-works .cont1 .searchbox .search input {
    font-size: 4vw;
    height: 10.66vw;
}

.post-type-archive-works .cont1 .work-list li,
.tax-works_tag .cont1 .work-list li {
    width: 76vw;
    margin: 0 auto 13.5vw;
}
.post-type-archive-works .cont1 .work-list li a .photo,
.tax-works_tag .cont1 .work-list li a .photo {
    height: 45.33vw;
}
.post-type-archive-works .cont1 .work-list li a .photo p,
.tax-works_tag .cont1 .work-list li a .photo p {
    font-size: 3.733vw;
    line-height: 1;
}
.post-type-archive-works .cont1 .work-list li a .photo p span,
.tax-works_tag .cont1 .work-list li a .photo p span {
    display: inline-block;
    height: 5.33vw;
    line-height: 5.33vw;
    padding: 0 1.866vw;
}
.post-type-archive-works .cont1 .work-list li a .photo.video::after,
.tax-works_tag .cont1 .work-list li a .photo.video::after {
    width: 11.733vw;
    height: 11.733vw;
    right: 1.35vw;
    bottom: 1.6vw;
}
.post-type-archive-works .cont1 .work-list li a h3,
.tax-works_tag .cont1 .work-list li a h3 {
    font-size: 3.733vw;
    border-left: 0.8vw solid #48ADD9;
    padding-left: 2.15vw;
    margin: 6vw 0 2.5vw;
}
.post-type-archive-works .cont1 .work-list li a h4,
.tax-works_tag .cont1 .work-list li a h4 {
    font-size: 4.8vw;
    line-height: 1.55;
}
.post-type-archive-works .cont1 .work-list li a .tag,
.tax-works_tag .cont1 .work-list li a .tag {
    font-size: 3.466vw;
    padding: 1em 0 0;
}
.post-type-archive-works .cont1 .work-list li a .tag li,
.tax-works_tag .cont1 .work-list li a .tag li {
    margin: 0 0.6em 0 0;
}
.post-type-archive-works .cont1 .work-list li a .new,
.tax-works_tag .cont1 .work-list li a .new {
    font-size: 3.2vw;
    left: 0;
    top: -1.65em;
}
.post-type-archive-works .cont1 .nokeyword p,
.post-type-archive-works .cont1 .nokey,
.tax-works_tag .cont1 .nokeyword p {
    font-size: 3.733vw;
    line-height: 1.75;
}
.post-type-archive-works .cont1 .nokey.nony {
    font-size: 3.733vw;
    padding: 3em 0 5.5em;
}    
.post-type-archive-works .cont1 .searchtit,
.tax-works_tag .cont1 .searchtit {
    font-size: 5.866vw;
    padding-left: 5.33vw;
    margin: 0.55em 0 2em;
}
.post-type-archive-works .cont1 .searchtit::before,
.tax-works_tag .cont1 .searchtit::before {
    content: '';
    width: 4vw;
    height: 0.8vw;
    margin-top: -0.4vw;
}
}


/* works/detail
------------------------------------------------- */
.single-works .maintit {
    background-image: url("../img/works/mainimg.jpg");
}
.single-works #path {
    padding: 1.125em 2.25em;
}
@media only screen and (max-width:750px){
.single-works .maintit {
    background-image: url("../img/works/mainimg_sp.jpg");
}
.single-works #path {
    padding: 5.33vw 4vw;
}  
}

/*  .cont1  */
.single-works .cont1 {
    padding-bottom: 7em;
    position: relative;
    z-index: 2;
}
.single-works .cont1 .inner {
    padding: 0 7.8125em;
}
.single-works .cont1 .whbox {
    background-color: #fff;
    margin-top: -7.8125em;
    padding: 6em 8.5em 7.5em;
}
.single-works .cont1 .catbox {
    margin-bottom: 1.75em;
    position: relative;
}
.single-works .cont1 .catbox dl {
    display: flex;
    align-items: center;
}
.single-works .cont1 .catbox dl dt {
    margin-right: 0.75em;
}
.single-works .cont1 .catbox dl dt span {
    height: 1.625em;
    background-color: #48ADD9;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    padding: 0 0.625em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.single-works .cont1 .catbox dl dd {
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: normal;
    padding-right: 5em;
}
.single-works .cont1 .catbox .date {
    font-weight: 100;
    line-height: 2;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}
.single-works .cont1 .mainttl {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal;
    padding-bottom: 0.75em;
}
.single-works .cont1 .tag {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 4.75em;
}
.single-works .cont1 .tag li {
    margin: 0 0.65em 0.1em 0;
}
.single-works .cont1 .tag li a {
    letter-spacing: normal;
    color: #364141;
}
.single-works .cont1 .tag li a::before {
    content: '#';
    color: #48ADD9;
    font-weight: 700;
    padding-right: 0.3em;
}
.single-works .cont1 .profbox {
    padding-bottom: 3.125em;
}
.single-works .cont1 .profbox .photo {
    width: 64%;
}
.single-works .cont1 .profbox .con {
    width: 32.5%;
}
.single-works .cont1 .profbox .con dl {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.single-works .cont1 .profbox .con dl dt {
    font-weight: 700;
    letter-spacing: normal;
    color: #48ADD9;
}
.single-works .cont1 .profbox .con dl dd {
    line-height: 1.45;
    letter-spacing: normal;
}
.single-works .cont1 .profbox .con .movie {
    margin-top: 2em;
}
.single-works .cont1 .profbox .con .movie a {
    font-weight: 700;
    line-height: 1;
    letter-spacing: normal;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234.081%22%20height%3D%2234.083%22%20viewBox%3D%220%200%2034.081%2034.083%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%220.5%22%20x2%3D%220.5%22%20y2%3D%221%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232085b2%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%235bb3c7%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79680%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079680%22%20transform%3D%22translate(5947.228%2018189.427)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61159%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061159%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33839%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033839%22%20d%3D%22M216.191%2C226.209a17.042%2C17.042%2C0%2C1%2C0-17.041-17.042%2C17.074%2C17.074%2C0%2C0%2C0%2C17.041%2C17.042Z%22%20transform%3D%22translate(-6146.378%20-18381.553)%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url(%23linear-gradient)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33840%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033840%22%20d%3D%22M338.829%2C422.668h10.234a1.746%2C1.746%2C0%2C0%2C1%2C1.112.382%2C1.192%2C1.192%2C0%2C0%2C1%2C.463.918v1.087l3.874-1.846a.313.313%2C0%2C0%2C1%2C.152-.038.254.254%2C0%2C0%2C1%2C.275.227v6.965a.2.2%2C0%2C0%2C1-.037.112.306.306%2C0%2C0%2C1-.373.082l-3.654-1.742-.236-.112v1.087a1.2%2C1.2%2C0%2C0%2C1-.463.918h0a1.75%2C1.75%2C0%2C0%2C1-1.111.381H338.829a1.751%2C1.751%2C0%2C0%2C1-1.112-.381%2C1.2%2C1.2%2C0%2C0%2C1-.463-.919v-5.822a1.192%2C1.192%2C0%2C0%2C1%2C.463-.917h0a1.749%2C1.749%2C0%2C0%2C1%2C1.111-.382Z%22%20transform%3D%22translate(-6276.284%20-18599.262)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 2.125em auto;
    padding: 0.6em 2.75em 0.6em 0;
    transition: 0.2s;
}
.single-works .cont1 .babox {
    margin-bottom: 2.5em;
}
.single-works .cont1 .babox .con {
    width: 48%;
    background-color: #F4F4F4;
    padding: 2.5em 2.5em 1.75em;
    box-sizing: border-box;
    position: relative;
}
.single-works .cont1 .babox .con h2 {
    text-align: center;
    margin-bottom: 1.5em;
}
.single-works .cont1 .babox .con h2 span {
    font-weight: 700;
    letter-spacing: normal;
    color: #909090;
    padding: 0.75em 0 0.75em 2.55em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2240%22%20viewBox%3D%220%200%2046%2040%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44915%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044915%22%20width%3D%2246%22%20height%3D%2240%22%20fill%3D%22%23909090%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79693%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079693%22%20opacity%3D%220.496%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79692%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079692%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238962%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238962%22%20d%3D%22M4.29%2C40H30.4a4.317%2C4.317%2C0%2C0%2C0%2C4.29-4.333v-7.3H33.341v7.3a2.941%2C2.941%2C0%2C1%2C1-5.881%2C0v-3.86H6.772V1.363H33.341V13.088H34.69V0H5.423V31.807H0v3.86A4.316%2C4.316%2C0%2C0%2C0%2C4.29%2C40M1.349%2C33.17H26.11v2.5a4.342%2C4.342%2C0%2C0%2C0%2C1.169%2C2.971H4.29a2.959%2C2.959%2C0%2C0%2C1-2.941-2.971Z%22%20fill%3D%22%23909090%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238963%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238963%22%20d%3D%22M128.6%2C40.907a.794.794%2C0%2C0%2C0%2C.385.721.777.777%2C0%2C0%2C0%2C.811-.007l4.319-2.679%2C11.222-19.2a1.633%2C1.633%2C0%2C0%2C0%2C.173-1.234%2C1.614%2C1.614%2C0%2C0%2C0-.742-1l-2.5-1.493a1.605%2C1.605%2C0%2C0%2C0-2.208.575l-11.222%2C19.2Zm4.781-3.391-.9-.535%2C9.371-16.036.9.535Zm7.838-20.235a.262.262%2C0%2C0%2C1%2C.36-.094l2.5%2C1.493a.267.267%2C0%2C0%2C1%2C.093.363l-.738%2C1.263-2.956-1.762ZM139.8%2C19.717l.9.535-9.37%2C16.036-.9-.535Zm-9.672%2C17.438%2C2.188%2C1.3L130%2C39.9Z%22%20transform%3D%22translate(-99.562%20-12.187)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44909%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044909%22%20width%3D%2216.994%22%20height%3D%221.363%22%20transform%3D%22translate(11.648%2013.802)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44910%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044910%22%20width%3D%2216.994%22%20height%3D%221.363%22%20transform%3D%22translate(11.648%209.174)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44911%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044911%22%20width%3D%2216.994%22%20height%3D%221.363%22%20transform%3D%22translate(11.648%2018.429)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44912%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044912%22%20width%3D%2215.763%22%20height%3D%221.363%22%20transform%3D%22translate(11.648%2023.056)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44913%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044913%22%20width%3D%2210.121%22%20height%3D%221.363%22%20transform%3D%22translate(11.648%2027.683)%22%20fill%3D%22%23909090%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44914%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044914%22%20width%3D%226.414%22%20height%3D%221.363%22%20transform%3D%22translate(16.938%204.753)%22%20fill%3D%22%23909090%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 2.09em auto;
}
.single-works .cont1 .babox .con ul {
    padding-left: 1em;
}
.single-works .cont1 .babox .con ul li {
    font-weight: 700;
    line-height: 1.85;
    letter-spacing: normal;
    color: #23252B;
    margin-bottom: 1em;
    position: relative;
}
.single-works .cont1 .babox .con ul li::before {
    content: '';
    width: 0.4em;
    height: 0.4em;
    background-color: #909090;
    border-radius: 50%;
    position: absolute;
    left: -1em;
    top: 0.7em;
}
.single-works .cont1 .babox .con1::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
    border-left: 1.25em solid #F4F4F4;
    border-right: 0;
    position: absolute;
    left: 99%;
    top: 50%;
    margin-top: -0.75em;
}
.single-works .cont1 .babox .con2 {
    background-color: #EAFAFD;
}
.single-works .cont1 .babox .con2 h2 span {
    color: #48ADD9;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79695%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079695%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242%22%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44923%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044923%22%20width%3D%2242%22%20height%3D%2248%22%20fill%3D%22%2348add9%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79694%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079694%22%20opacity%3D%220.503%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238964%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238964%22%20d%3D%22M25.963%2C39.513a16.487%2C16.487%2C0%2C0%2C0%2C.684%2C4.363%2C14.239%2C14.239%2C0%2C0%2C0%2C1.637%2C3.414%2C58.623%2C58.623%2C0%2C0%2C1%2C4.328%2C7.8l.719%2C1.584v6.2A4.211%2C4.211%2C0%2C0%2C0%2C34.741%2C66a4.351%2C4.351%2C0%2C0%2C0%2C2.9%2C1.1h6.023a4.351%2C4.351%2C0%2C0%2C0%2C2.9-1.1%2C4.211%2C4.211%2C0%2C0%2C0%2C1.411-3.133v-6.2L48.6%2C55.3a54.265%2C54.265%2C0%2C0%2C1%2C4.335-7.868%2C14.2%2C14.2%2C0%2C0%2C0-1.79-18A14.856%2C14.856%2C0%2C0%2C0%2C30.3%2C29.277a14.2%2C14.2%2C0%2C0%2C0-4.341%2C10.237M45.595%2C64.948a2.886%2C2.886%2C0%2C0%2C1-1.927.732H37.645a2.886%2C2.886%2C0%2C0%2C1-1.926-.732%2C2.8%2C2.8%2C0%2C0%2C1-.85-1.409H46.445a2.806%2C2.806%2C0%2C0%2C1-.85%2C1.409m.936-2.834H34.782V60.2H46.531Zm0-3.337H34.782V57.231H46.531ZM40.753%2C26.513a13.256%2C13.256%2C0%2C0%2C1%2C9.358%2C3.923%2C12.791%2C12.791%2C0%2C0%2C1%2C1.615%2C16.216%2C55.675%2C55.675%2C0%2C0%2C0-4.449%2C8.071l-.492%2C1.083H34.527l-.59-1.3A60.027%2C60.027%2C0%2C0%2C0%2C29.5%2C46.521a12.819%2C12.819%2C0%2C0%2C1-1.472-3.069%2C15.291%2C15.291%2C0%2C0%2C1-.618-3.938%2C12.794%2C12.794%2C0%2C0%2C1%2C3.912-9.225%2C13.313%2C13.313%2C0%2C0%2C1%2C9.426-3.775%22%20transform%3D%22translate(-19.656%20-19.105)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44916%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044916%22%20width%3D%221.451%22%20height%3D%224.119%22%20transform%3D%22translate(20.274)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44917%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044917%22%20width%3D%224.191%22%20height%3D%221.425%22%20transform%3D%22translate(37.809%2019.909)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_44918%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2044918%22%20width%3D%224.191%22%20height%3D%221.425%22%20transform%3D%22translate(0%2019.909)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238967%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238967%22%20d%3D%22M0%2C0%2C1.438.013l.038%2C4.155L.038%2C4.155Z%22%20transform%3D%22translate(32.373%2032.791)%20rotate(-45)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238968%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238968%22%20d%3D%22M0%2C0%2C1.438.013l.038%2C4.155L.038%2C4.155Z%22%20transform%3D%22translate(5.636%206.545)%20rotate(-45)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238969%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238969%22%20d%3D%22M0%2C0%2C4.155.038l.013%2C1.438L.013%2C1.438Z%22%20transform%3D%22translate(32.373%208.448)%20rotate(-45)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238970%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238970%22%20d%3D%22M0%2C0%2C4.155.038l.013%2C1.438L.013%2C1.438Z%22%20transform%3D%22translate(5.636%2034.694)%20rotate(-45)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238965%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238965%22%20d%3D%22M56.2%2C64.786a9.533%2C9.533%2C0%2C1%2C0-9.708-9.531A9.632%2C9.632%2C0%2C0%2C0%2C56.2%2C64.786m0-17.637a8.107%2C8.107%2C0%2C1%2C1-8.256%2C8.106A8.191%2C8.191%2C0%2C0%2C1%2C56.2%2C47.149%22%20transform%3D%22translate(-35.196%20-34.82)%22%20fill%3D%22%2348add9%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238966%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238966%22%20d%3D%22M76.509%2C69.905l-1.057-.977-6.233%2C6.5-2.544-3.044-1.122.9%2C3.592%2C4.3Z%22%20transform%3D%22translate(-49.629%20-52.49)%22%20fill%3D%22%2348add9%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 1.9em auto;
}
.single-works .cont1 .babox .con2 ul li::before {
    background-color: #48ADD9;
}
.single-works .cont1 .batxt {
    line-height: 2;
    letter-spacing: normal;
    padding-bottom: 2.5em;
}
.single-works .cont1 .indexbox {
    background-color: #F4F4F4;
    padding: 4.75em 4em 1em;
    margin: 7.5em 0 7.25em;
    box-sizing: border-box;
    position: relative;
}
.single-works .cont1 .indexbox h3 {
    width: 100%;
    font-weight: 300;
    line-height: 1;
    color: #909090;
    position: absolute;
    left: 0;
    top: -0.5em;
    text-align: center;
}
.single-works .cont1 .indexbox ul li {
    width: 100%;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 0.5em;
    margin-bottom: 1.25em;
}
.single-works .cont1 .indexbox ul li a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%228.6%22%20viewBox%3D%220%200%2015%208.6%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79254%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079254%22%20transform%3D%22translate(-468.153%20-88.595)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_94286%22%20data-name%3D%22%E3%83%91%E3%82%B9%2094286%22%20d%3D%22M.979%2C15a1.009%2C1.009%2C0%2C0%2C1-.645-.228.878.878%2C0%2C0%2C1-.091-1.3L5.965%2C7.352.258%2C1.541A.881.881%2C0%2C0%2C1%2C.315.243%2C1.026%2C1.026%2C0%2C0%2C1%2C1.7.3L8.6%2C7.321l-.582.621-6.3%2C6.745A1%2C1%2C0%2C0%2C1%2C.979%2C15Z%22%20transform%3D%22translate(483.153%2088.595)%20rotate(90)%22%20fill%3D%22%2348add9%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') 96% 50% no-repeat;
    background-size: 0.75em auto;
    display: flex;
    align-items: center;    
}
.single-works .cont1 .indexbox ul li a span {
    width: 8%;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
    color: #48ADD9;
}
.single-works .cont1 .indexbox ul li a b {
    width: 92%;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    color: #364141;
    padding-right: 3.5em;
    box-sizing: border-box;
}
.single-works .cont1 .contbox {
    margin-bottom: 6em;
}
.single-works .cont1 .contbox .h2tit {
    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
}
.single-works .cont1 .contbox .h2tit span {
    width: 12.5%;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
    color: #48ADD9;
    border-right: 1px solid #48ADD9;
}
.single-works .cont1 .contbox .h2tit b {
    width: 84.5%;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    margin-left: 3%;
}
@media only screen and (min-width:751px){
.single-works .cont1 .tag li a:hover {
    color: #48ADD9;
}
.single-works .cont1 .profbox .con .movie a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235.081%22%20height%3D%2235.083%22%20viewBox%3D%220%200%2035.081%2035.083%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_79680%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2079680%22%20transform%3D%22translate(5947.728%2018189.927)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61159%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061159%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33839%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033839%22%20d%3D%22M216.191%2C226.209a17.042%2C17.042%2C0%2C1%2C0-17.041-17.042%2C17.074%2C17.074%2C0%2C0%2C0%2C17.041%2C17.042Z%22%20transform%3D%22translate(-6146.378%20-18381.553)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33840%22%20data-name%3D%22%E3%83%91%E3%82%B9%2033840%22%20d%3D%22M338.829%2C422.668h10.234a1.746%2C1.746%2C0%2C0%2C1%2C1.112.382%2C1.192%2C1.192%2C0%2C0%2C1%2C.463.918v1.087l3.874-1.846a.313.313%2C0%2C0%2C1%2C.152-.038.254.254%2C0%2C0%2C1%2C.275.227v6.965a.2.2%2C0%2C0%2C1-.037.112.306.306%2C0%2C0%2C1-.373.082l-3.654-1.742-.236-.112v1.087a1.2%2C1.2%2C0%2C0%2C1-.463.918h0a1.75%2C1.75%2C0%2C0%2C1-1.111.381H338.829a1.751%2C1.751%2C0%2C0%2C1-1.112-.381%2C1.2%2C1.2%2C0%2C0%2C1-.463-.919v-5.822a1.192%2C1.192%2C0%2C0%2C1%2C.463-.917h0a1.749%2C1.749%2C0%2C0%2C1%2C1.111-.382Z%22%20transform%3D%22translate(-6276.284%20-18599.262)%22%20fill%3D%22%2348add9%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    color: #48ADD9;
}
.single-works .cont1 .indexbox ul li a:hover {
    background-position: 96% 80%;
}
}
@media only screen and (max-width:750px){
.single-works .cont1 {
    padding-bottom: 17.5vw;
}
.single-works .cont1 .inner {
    padding: 0;
}
.single-works .cont1 .whbox {
    margin-top: -15vw;
    padding: 15vw 4vw 24vw;
}
.single-works .cont1 .catbox {
    font-size: 3.733vw;
    padding: 0 4vw;
    margin-bottom: 1em;
}
.single-works .cont1 .catbox dl dt {
    margin-right: 0.5em;
}
.single-works .cont1 .catbox dl dt span {
    height: 5.33vw;
    padding: 0 1.866vw;
}
.single-works .cont1 .catbox dl dd {
    padding-right: 0;
}   
.single-works .cont1 .catbox .date {
    display: none;
}
.single-works .cont1 .mainttl {
    font-size: 6.4vw;
    padding: 0 4vw 0.75em;
}
.single-works .cont1 .tag {
    font-size: 3.466vw;
    padding-bottom: 4em;
}
.single-works .cont1 .tag li {
    margin: 0 0.6em 0 0;
}
.single-works .cont1 .profbox {
    padding: 0 4vw 3.5em;
}
.single-works .cont1 .profbox .photo {
    width: 100%;
    margin-bottom: 6vw;
}
.single-works .cont1 .profbox .con {
    width: 100%;
}
.single-works .cont1 .profbox .con dl {
    font-size: 3.466vw;
    display: flex;
}
.single-works .cont1 .profbox .con dl dt {
    width: 28.5%;
}
.single-works .cont1 .profbox .con dl dd {
    width: 71.5%;
    line-height: 1.385;
}
.single-works .cont1 .profbox .con .movie {
    font-size: 4vw;
    text-align: center;
}
.single-works .cont1 .babox {
    margin-bottom: 0;
}
.single-works .cont1 .babox .con {
    width: 100%;
    padding: 2.5em 6.4vw 3.5vw;
    margin-bottom: 6.5vw;
}
.single-works .cont1 .babox .con h2 {
    font-size: 5.33vw;
    margin-bottom: 1em;
}
.single-works .cont1 .babox .con ul {
    font-size: 3.733vw;
}
.single-works .cont1 .babox .con1::after {
    border-style: solid;
    border-right: 3.2vw solid transparent;
    border-left: 3.2vw solid transparent;
    border-top: 5.33vw solid #F4F4F4;
    border-bottom: 0;
    left: 50%;
    top: 99%;
    margin: 0 0 0 -3.2vw;
}
.single-works .cont1 .batxt {
    font-size: 3.733vw;
    line-height: 1.715;
    padding-bottom: 6.5vw;
}
.single-works .cont1 .indexbox {
    padding: 8vw 6.4vw 9.33vw;
    margin: 13.5vw 0 18.5vw;
}
.single-works .cont1 .indexbox h3 {
    font-size: 8vw;
    top: -4vw;
}
.single-works .cont1 .indexbox ul li {
    min-height: 16vw;
    padding-bottom: 0;
    margin-bottom: 0;
}
.single-works .cont1 .indexbox ul li a {
    min-height: 16vw;
    background-position: 99% center;
}
.single-works .cont1 .indexbox ul li a span {
    font-size: 7.466vw;
    width: 18.8%;
}
.single-works .cont1 .indexbox ul li a b {
    font-size: 4vw;
    width: 81.2%;
    line-height: 1.6;
    padding-right: 10vw;
}
.single-works .cont1 .contbox {
    margin-bottom: 3em;
}
.single-works .cont1 .contbox .h2tit {
    display: block;
    margin-bottom: 2.75em;
}
.single-works .cont1 .contbox .h2tit span {
    font-size: 13.33vw;
    width: auto;
    border-right: none;
    border-bottom: 1px solid #48ADD9;
    padding-bottom: 0.15em;
}
.single-works .cont1 .contbox .h2tit b {
    font-size: 6.4vw;
    display: block;
    width: 100%;
    margin: 4vw 0 0;
}
}


/* works/detail - 自由入力欄
------------------------------------------------- */
.single-works .cont1 .contbox .con p {
    line-height: 2;
    letter-spacing: normal;
    padding-bottom: 2.5em;
}
.single-works .cont1 .contbox .con p strong {
    font-weight: 700;
}
.single-works .cont1 .contbox .con p em {
    font-style: italic;
}
.single-works .cont1 .contbox .con p a {
    color: #48ADD9 !important;
	text-decoration: underline;
    word-break: break-all;
}
.single-works .cont1 .contbox .con h3 {
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: normal;
    padding-left: 1.4em;
    border-left: 0.25em solid #48ADD9;
    margin-bottom: 2em;
}
.single-works .cont1 .contbox .con ul,
.single-works .cont1 .contbox .con ol {
    padding-left: 1.25em;
    margin-bottom: 2em;
}
.single-works .cont1 .contbox .con ul li,
.single-works .cont1 .contbox .con ol li {
    line-height: 1.75;
    letter-spacing: normal;
    margin-bottom: 1em;
    position: relative;
}
.single-works .cont1 .contbox .con ul li::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: #48ADD9;
    border-radius: 50%;
    position: absolute;
    left: -1.25em;
    top: 0.65em;
}
.single-works .cont1 .contbox .con ol {
    counter-reset: my-counter;
    list-style: none;
}
.single-works .cont1 .contbox .con ol li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    width: 1.25em;
    height: 1.25em;
    background-color: #48ADD9;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 0.25em;
    left: -1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-works .cont1 .contbox .con img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.single-works .cont1 .contbox .con .wp-caption {
    max-width: 100% !important;
    margin-bottom: 3em;
}
.single-works .cont1 .contbox .con .wp-caption.aligncenter {
    margin: 0 auto 3em;
}
.single-works .cont1 .contbox .con .wp-caption .wp-caption-text {
    line-height: 1.66;
    letter-spacing: -0.05em;
    padding: 1em 0 0;
}
.single-works .cont1 .contbox .con img.aligncenter {
    display: block;
    margin: 0 auto;
}

.single-works .cont1 .contbox .con .baqbox {
    border: 0.125em solid #48ADD9;
    padding: 4em 7em 3em;
    box-sizing: border-box;
    position: relative;
}
.single-works .cont1 .contbox .con .baqbox::before {
    content: 'Before / After';
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
    color: #48ADD9;
    position: absolute;
    left: 1.35em;
    top: 1.35em;
}
.single-works .cont1 .contbox .con .baqbox h4 {
    font-weight: 700;
    line-height: 1.45;
    text-align: center;
    padding-bottom: 1.35em;
}
.single-works .cont1 .contbox .con .baqbox .sec {
    display: flex;
    justify-content: space-between;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn {
    width: 45%;
    position: relative;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn1::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 0.75em solid transparent;
    border-bottom: 0.75em solid transparent;
    border-left: 1.25em solid #D8E4EA;
    border-right: 0;
    position: absolute;
    right: -2.6em;
    top: 5em;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn .wp-caption {
    width: 100% !important;
    margin-bottom: 0;
}
@media only screen and (min-width:751px){
.single-works .cont1 .contbox .con h3 {
    font-size: 30px;
}
.single-works .cont1 .contbox .con .wp-caption .wp-caption-text,
.single-works .cont1 .contbox .con .baqbox::before {
    font-size: 22.5px;
}
.single-works .cont1 .contbox .con p a:hover {
	text-decoration: none;
} 
}
@media only screen and (min-width:751px) and (max-width:2100px){
.single-works .cont1 .contbox .con h3 {
    font-size: 1.42857vw;
}
.single-works .cont1 .contbox .con .wp-caption .wp-caption-text,
.single-works .cont1 .contbox .con .baqbox::before {
    font-size: 1.07142vw;
}
}
@media only screen and (max-width:750px){
.single-works .cont1 .contbox .con p {
    font-size: 4vw;
    line-height: 1.866;
}
.single-works .cont1 .contbox .con h3 {
    font-size: 4.8vw;
    line-height: 1.55;
    padding-left: 4vw;
    border-left: 1.33vw solid #48ADD9;
    margin-bottom: 7vw;
}
.single-works .cont1 .contbox .con ul,
.single-works .cont1 .contbox .con ol {
    font-size: 4vw;
}
.single-works .cont1 .contbox .con ul li,
.single-works .cont1 .contbox .con ol li {
    line-height: 1.66;
}
.single-works .cont1 .contbox .con .wp-caption .wp-caption-text {
    font-size: 3.733vw;
    line-height: 1.57;
    letter-spacing: normal;
}
.single-works .cont1 .contbox .con .baqbox {
    border: 0.55vw solid #48ADD9;
    padding: 14vw 9.5vw 2.25em;
}
.single-works .cont1 .contbox .con .baqbox::before {
    font-size: 3.466vw;
    left: 1em;
    top: 0.5em;
}
.single-works .cont1 .contbox .con .baqbox p {
    font-size: 3.466vw;
    left: 2.66vw;
    top: 2vw;
}
.single-works .cont1 .contbox .con .baqbox h4 {
    font-size: 4.8vw;
    line-height: 1.55;
    text-align: left;
    padding-bottom: 1.15em;
}
.single-works .cont1 .contbox .con .baqbox .sec {
    display: block;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn {
    width: 100%;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn1 {
    margin-bottom: 13.5vw;
}
.single-works .cont1 .contbox .con .baqbox .sec .secinn1::after {
    border-style: solid;
    border-right: 3.2vw solid transparent;
    border-left: 3.2vw solid transparent;
    border-top: 5.33vw solid #D8E4EA;
    border-bottom: 0;
    left: 50%;
    top: auto;
    bottom: -9vw;
    margin: 0 0 0 -3.2vw;
}
}


/* works/detail - recbox
------------------------------------------------- */
.single-works .cont1 .recbox h3 {
    font-weight: 700;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 1.25em;
}
.single-works .cont1 .recbox ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}
.single-works .cont1 .recbox ul::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #C4C4C4;
    position: absolute;
    left: 50%;
    top: 0;
}
.single-works .cont1 .recbox ul li {
    width: 46%;
}
.single-works .cont1 .recbox ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.single-works .cont1 .recbox ul li a .photo {
    width: 31.35%;
    height: 7.1875em;
    overflow: hidden;
}
.single-works .cont1 .recbox ul li a .photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-works .cont1 .recbox ul li a .con {
    width: 65%;
}
.single-works .cont1 .recbox ul li a .con h4 {
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: normal;
    border-bottom: 1px solid #48ADD9;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    transition: 0.4s;
}
.single-works .cont1 .recbox ul li a .con p {
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: normal;
    transition: 0.4s;
}
.single-works .cont1 .recbox ul li a span {
    font-weight: 300;
    letter-spacing: normal;
    color: #48ADD9;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.57%22%20height%3D%229.997%22%20viewBox%3D%220%200%205.57%209.997%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238988%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238988%22%20d%3D%22M-10153.062-3383.56l-4%2C4.389%2C4%2C4.611%22%20transform%3D%22translate(10158.066%203384.065)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') 0.25em center no-repeat;
    background-size: 0.33em auto;
    padding: 0 1em;
    position: absolute;
    left: 0;
    bottom: -2em;
    transition: 0.4s;
}
.single-works .cont1 .recbox ul li:nth-child(2) a {
    flex-direction: row-reverse;
}
.single-works .cont1 .recbox ul li:nth-child(2) a span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.57%22%20height%3D%229.997%22%20viewBox%3D%220%200%205.57%209.997%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238989%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238989%22%20d%3D%22M-10157.062-3383.56l4%2C4.389-4%2C4.611%22%20transform%3D%22translate(10157.629%203384.065)%22%20fill%3D%22none%22%20stroke%3D%22%2348add9%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
    background-position: right 0.25em center;
    left: auto;
    right: 0;
}
.single-works .cont1 .recbox .all {
    padding-top: 3.5em;
    text-align: center;
}
.single-works .cont1 .recbox .all a {
    font-weight: 700;
    letter-spacing: normal;
    color: #48ADD9;
}
@media only screen and (min-width:751px){
.single-works .cont1 .recbox ul li a:hover .con h4,
.single-works .cont1 .recbox ul li a:hover .con p {
    color: #969696;
}
.single-works .cont1 .recbox ul li a:hover span {
    background-position: left center;
}
.single-works .cont1 .recbox ul li:nth-child(2) a:hover span {
    background-position: right center;
}    
.single-works .cont1 .recbox .all a:hover {
    text-decoration: underline;
}
}
@media only screen and (max-width:750px){
.single-works .cont1 .recbox h3 {
    font-size: 5.33vw;
    margin-bottom: 17vw;
    position: relative;
}
.single-works .cont1 .recbox h3::after {
    content: '';
    width: 6.4vw;
    height: 0.8vw;
    background-color: #48ADD9;
    position: absolute;
    left: 50%;
    bottom: -0.5em;
    margin-left: -3.2vw;
}
.single-works .cont1 .recbox ul::after {
    display: none;
}
.single-works .cont1 .recbox ul li {
    width: 45.4%;
}
.single-works .cont1 .recbox ul li a {
    width: 100%;
    display: block;
    position: relative;
}
.single-works .cont1 .recbox ul li a .photo {
    width: 100%;
    height: 30.66vw;
    margin-bottom: 3vw;
}
.single-works .cont1 .recbox ul li a .con {
    width: 100%;
}
.single-works .cont1 .recbox ul li a .con h4 {
    font-size: 3.733vw;
    line-height: 1.45;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
}
.single-works .cont1 .recbox ul li a .con p {
    font-size: 3.733vw;
    line-height: 1.57;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4; 
}
.single-works .cont1 .recbox ul li a span {
    font-size: 3.733vw;
    left: 12.5vw;
    bottom: auto;
    top: -2em;
}
.single-works .cont1 .recbox ul li:nth-child(2) a span {
    left: auto;
    right: 12.5vw;
}
.single-works .cont1 .recbox .all {
    font-size: 4vw;
    padding-top: 1.5em;
}
}