@charset "UTF-8";


/* maintit
------------------------------------------------- */
.maintit {
    width: 100%;
    height: 4.33rem;
    background: url("../img/common/maintit_bg.webp") center bottom no-repeat;
    background-size: 100% auto;
    position: relative;
}
.maintit .inner {
    z-index: 2;
}
.maintit h1 {
    font-weight: 400;
    line-height: 1.5;
    padding-top: 3.3rem;
}
.maintit h1 span {
    display: block;
    font-size: 0.45rem;
    font-weight: 400;
    line-height: 1.22;
    margin-bottom: 0.14rem;
}
.maintit .illust_cloud1 {
    width: 1.44rem;
    position: absolute;
    right: 3.75rem;
    top: 0.61rem;
    opacity: 0.79;
}
.maintit .illust_cloud2 {
    width: 2.08rem;
    position: absolute;
    right: 1.1rem;
    top: 0.33rem;
    opacity: 0.79;
}
.maintit .illust_cloud3 {
    width: 0.98rem;
    position: absolute;
    right: 0;
    top: 0.78rem;
    opacity: 0.79;
}
.maintit .illust_mountain1 {
    width: 2.19rem;
    position: absolute;
    left: 0.42rem;
    top: 1.09rem;
    opacity: 0.67;
    z-index: 2;
}
.maintit .illust_mountain2 {
    width: 3.08rem;
    position: absolute;
    left: 2.28rem;
    top: 1.09rem;
    opacity: 0.67;
}
.maintit .illust_d {
    width: 0.76rem;
    position: absolute;
    right: 0;
    top: -1rem;
    opacity: 0.79;
    animation: bird1 0.8s linear 1s 1 forwards;
}
@keyframes bird1 {
    0% {
        right: 0;
        top: -1rem;
    }
    20% {
        right: 0.7rem;
        top: 0.15rem;
    }
    35% {
        right: 1.4rem;
        top: 0.5rem;
    }
    55% {
        right: 2.1rem;
        top: 0.45rem;
    }
    70% {
        right: 2.8rem;
        top: 0.5rem;
    }
    100% {
        right: 3.51rem;
        top: 0.55rem;
    }
}
@keyframes bird1_sp {
    0% {
        left: 4rem;
        top: -1rem;
    }
    20% {
        left: 3.1rem;
        top: 0.15rem;
    }
    35% {
        left: 2.6rem;
        top: 0.3rem;
    }
    55% {
        left: 2.1rem;
        top: 0.25rem;
    }
    70% {
        left: 1.6rem;
        top: 0.3rem;
    }
    100% {
        left: 1.1rem;
        top: 0.39rem;
    }
}

@media screen and (max-width:750px){
.maintit {
    height: 3.4rem;
    background-image: url("../img/common/maintit_bg_sp.webp");
    overflow-x: hidden;
}
.maintit .inner {
    width: 100%;
}
.maintit h1 {
    font-size: 0.14rem;
    padding: 2.1rem 0 0 6vw;
}
.maintit h1 span {
    font-size: 0.32rem;
    margin-bottom: 0.1rem;
}
.maintit .illust_cloud1 {
    width: 1.11rem;
    left: auto;
    right: 2.55rem;
    top: 0.47rem;
    opacity: 1;
}
.maintit .illust_cloud2 {
    width: 1.6rem;
    right: 0.4rem;
    top: 0.11rem;
    opacity: 1;
}
.maintit .illust_cloud3 {
    width: 0.75rem;
    right: -0.25rem;
    top: 0.47rem;
    opacity: 1;
}
.maintit .illust_mountain1 {
    width: 2.69rem;
    left: -0.3rem;
    top: 1.31rem;
    opacity: 1;
}
.maintit .illust_mountain2 {
    width: 2.27rem;
    left: 1.96rem;
    top: 0.99rem;
    opacity: 1;
}
.maintit .illust_d {
    width: 0.7rem;
    right: auto;
    left: 4.7rem;
    top: -1rem;
    animation: bird1_sp 0.7s linear 1s 1 forwards;
    opacity: 1;
}
}


/* designroom
------------------------------------------------- */
/*  cont1  */
.designroom .cont1 {
    height: 8.3rem;
    background: url("../img/designroom/img1.png") center top no-repeat;
    background-size: auto 100%;
    position: relative;
    z-index: 2;
}
.designroom .cont1 h2 {
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 3;
    letter-spacing: 0.05em;
    text-align: center;
}
.designroom .cont1 .txt1 {
    font-size: 0.2rem;
    line-height: 3;
    letter-spacing: 0.05em;
    text-align: center;
    padding-top: 1.2rem;
}
.designroom .cont1 .txt2,
.designroom .cont1 .txt3 {
    font-size: 0.14rem;
    line-height: 2.5;
    color: #8E8E8E;
    text-align: left;
    position: absolute;
    left: 0;
    top: 2.2rem;
}
.designroom .cont1 .txt3 {
    text-align: right;
    left: auto;
    right: 0;
    top: 2.4rem;
}
@media screen and (max-width:750px){
.designroom .cont1 {
    height: auto;
    background-size: 85% auto;
    margin-top: -0.1rem;
}
.designroom .cont1 h2 {
    font-size: 0.18rem;
    line-height: 2;
    padding-bottom: 0.9rem;
}
.designroom .cont1 .txt1 {
    font-size: 0.18rem;
    line-height: 2;
    padding-top: 0.8rem;
}
.designroom .cont1 .txt2,
.designroom .cont1 .txt3 {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: center;
    position: static;
}
.designroom .cont1 .txt3 {
    text-align: center
}
}

/*  cont2  */
.designroom .cont2 {
    padding-bottom: 1.73rem;
    position: relative;
    z-index: 1;
}
.designroom .cont2 .box {
    width: 8.5rem;
    background-color: rgba(244,243,237,0.63);
    border-radius: 1.93rem;
    padding: 1.2rem 0 1.5rem;
    margin: -0.66rem auto 0;
    text-align: center;
}
.designroom .cont2 .box p {
    font-size: 0.14rem;
    line-height: 2.14285;
    letter-spacing: 0.05em;
}
.designroom .cont2 .box picture {
    width: 4.1782rem;
    margin: 0.4rem auto 0;
}
@media screen and (max-width:750px){
.designroom .cont2 {
    padding-bottom: 1rem;
}
.designroom .cont2 .box {
    width: 88%;
    border-radius: 0.8rem;
    padding: 0.4rem 0;
    margin: 0.6rem auto 0;
}
.designroom .cont2 .box p {
    font-size: 0.14rem;
    line-height: 1.9;
}
.designroom .cont2 .box picture {
    width: 80%;
    margin: 0.3rem auto 0;
}
}


/* company
------------------------------------------------- */
.company #contents {
    padding-bottom: 1rem;
}
.company .maintit {
    margin-bottom: 2.6rem;
}
@media screen and (max-width:750px){
.company #contents {
    padding-bottom: 1rem;
}
.company .maintit {
    margin-bottom: 1.2rem;
}  
}

/*  cont1  */
.company .cont1 {
    padding-bottom: 1.45rem;
}
.company .cont1 .inner {
    max-width: 8.5rem;
}
.company .cont1 table {
    width: 100%;
}
.company .cont1 table th,
.company .cont1 table td {
    border-bottom: 0.01rem solid #A0A0A0;
    padding: 0.425rem 0;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: left;
}
.company .cont1 table th {
    width: 14%;
    color: #818181;
}
.company .cont1 table tr:first-child th,
.company .cont1 table tr:first-child td {
    border-top: 0.01rem solid #434343;
}
.company .cont1 table tr:last-child th,
.company .cont1 table tr:last-child td {
    border-bottom: 0.01rem solid #434343;
}
@media screen and (max-width:750px){
.company .cont1 {
    padding-bottom: 0.9rem;
}
.company .cont1 table th,
.company .cont1 table td {
    font-size: 0.14rem;
    padding: 0.25rem 0;
}
.company .cont1 table th {
    width: 26%;
}
}

/*  cont2  */
.company .cont2 {
    padding-bottom: 1.6rem;
}
.company .cont2 .inner {
    max-width: 8.5rem;
}
.company .cont2 .map {
    width: 100%;
    height: 4.5rem;
    margin-bottom: 0.15rem;
    position: relative;
}
.company .cont2 .map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.company .cont2 .box {
    position: relative;
}
.company .cont2 address {
    font-size: 0.14rem;
    line-height: 2.14285;
    letter-spacing: 0.05em;
}
.company .cont2 ul {
    position: absolute;
    left: 4.1rem;
    top: 0;
}
.company .cont2 ul li {
    font-size: 0.14rem;
    line-height: 2.14285;
    letter-spacing: 0.05em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7133%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207133%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2219%22%20viewBox%3D%220%200%2023%2019%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_4569%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204569%22%20width%3D%2223%22%20height%3D%2219%22%20fill%3D%22%238e8e8e%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_7132%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207132%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126746%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126746%22%20d%3D%22M2.209%2C6.328A3.1%2C3.1%2C0%2C0%2C0%2C0%2C9.3v5.165A1.033%2C1.033%2C0%2C0%2C0%2C1.033%2C15.5H2.066v1.033a2.066%2C2.066%2C0%2C1%2C0%2C4.132%2C0V15.5h10.33v1.033a2.066%2C2.066%2C0%2C1%2C0%2C4.132%2C0V15.5h1.033a1.033%2C1.033%2C0%2C0%2C0%2C1.033-1.033V9.3a3.1%2C3.1%2C0%2C0%2C0-2.209-2.969l-.664-3.767A3.1%2C3.1%2C0%2C0%2C0%2C16.8%2C0H5.926A3.1%2C3.1%2C0%2C0%2C0%2C2.874%2C2.561Zm18.451%2C7.1H2.066V9.3A1.033%2C1.033%2C0%2C0%2C1%2C3.1%2C8.264%2C1.033%2C1.033%2C0%2C0%2C0%2C4.116%2C7.41L4.908%2C2.92a1.033%2C1.033%2C0%2C0%2C1%2C1.017-.854H16.8a1.033%2C1.033%2C0%2C0%2C1%2C1.017.854L18.61%2C7.41a1.033%2C1.033%2C0%2C0%2C0%2C1.017.854A1.033%2C1.033%2C0%2C0%2C1%2C20.66%2C9.3ZM4.649%2C9.3a1.55%2C1.55%2C0%2C1%2C1-1.55%2C1.55A1.55%2C1.55%2C0%2C0%2C1%2C4.649%2C9.3m13.429%2C0a1.55%2C1.55%2C0%2C1%2C0%2C1.55%2C1.55%2C1.55%2C1.55%2C0%2C0%2C0-1.55-1.55M6.2%2C8.264h10.33a1.033%2C1.033%2C0%2C1%2C0%2C0-2.066H6.2a1.033%2C1.033%2C0%2C0%2C0%2C0%2C2.066%22%20transform%3D%22translate(-0.009%20-0.308)%22%20fill%3D%22%238e8e8e%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.23rem auto;
    padding-left: 0.32rem;
}
.company .cont2 ul li:nth-child(2) {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2223%22%20viewBox%3D%220%200%2016%2023%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_4570%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204570%22%20width%3D%2216%22%20height%3D%2223%22%20transform%3D%22translate(0.448%20-0.303)%22%20fill%3D%22%238e8e8e%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_7135%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207135%22%20transform%3D%22translate(-0.448%200.303)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7134%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207134%22%20transform%3D%22translate(0)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126747%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126747%22%20d%3D%22M0%2C2.583V13.021a1.031%2C1.031%2C0%2C0%2C0%2C.062.353l1.276%2C3.507a1.033%2C1.033%2C0%2C0%2C0%2C.971.68h.356L.187%2C21.1a1.033%2C1.033%2C0%2C1%2C0%2C1.692%2C1.185L3.017%2C20.66H13.511l1.138%2C1.626A1.033%2C1.033%2C0%2C1%2C0%2C16.341%2C21.1l-2.478-3.54h.356a1.033%2C1.033%2C0%2C0%2C0%2C.971-.68l1.276-3.507a1.031%2C1.031%2C0%2C0%2C0%2C.062-.353V2.583A2.582%2C2.582%2C0%2C0%2C0%2C13.946%2C0H2.583A2.582%2C2.582%2C0%2C0%2C0%2C0%2C2.583M5.187%2C17.561l-.723%2C1.033h7.6l-.723-1.033Zm9.275-7.231v2.509L13.5%2C15.5H3.033l-.967-2.656V10.33ZM4.132%2C11.363A1.033%2C1.033%2C0%2C1%2C0%2C5.165%2C12.4a1.033%2C1.033%2C0%2C0%2C0-1.033-1.033m8.264%2C0A1.033%2C1.033%2C0%2C1%2C0%2C13.429%2C12.4%2C1.033%2C1.033%2C0%2C0%2C0%2C12.4%2C11.363m-10.33-3.1h12.4v-3.1H2.066ZM14.462%2C3.1H2.066V2.583a.516.516%2C0%2C0%2C1%2C.517-.517H13.946a.516.516%2C0%2C0%2C1%2C.517.517Z%22%20transform%3D%22translate(-0.124)%22%20fill%3D%22%238e8e8e%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: 0.04rem center;
    background-size: 0.16rem auto;
}
@media screen and (max-width:750px){
.company .cont2 {
    padding-bottom: 0.9rem;
}
.company .cont2 .map {
    height: 3rem;
    margin-bottom: 0.15rem;
}
.company .cont2 .map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.company .cont2 .box {
    position: relative;
}
.company .cont2 address {
    font-size: 0.14rem;
    line-height: 1.75;
    margin-bottom: 0.2rem;
}
.company .cont2 ul {
    position: static;
}
.company .cont2 ul li {
    font-size: 0.14rem;
    line-height: 1.75;
    margin-bottom: 0.1rem;
}
}

/*  cont3  */
.company .cont3 {
    padding-bottom: 1.7rem;
}
.company .cont3 .inner {
    max-width: 8.5rem;
}
.company .cont3 .box {
    background-color: rgba(244,243,237,0.63);
    border-radius: 1.93rem;
    padding: 0.68rem 0 0.8rem;
    text-align: center;
}
.company .cont3 .box .logo {
    width: 1.7965rem;
    margin: 0 auto 0.38rem;
}
.company .cont3 .box h3 {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.04em;
    padding-bottom: 0.4rem;
}
.company .cont3 .box p {
    font-size: 0.14rem;
    line-height: 2.14285;
    letter-spacing: -0.03em;
}
@media screen and (max-width:750px){
.company .cont3 {
    padding-bottom: 0.9rem;
}
.company .cont3 .box {
    width: 100%;
    border-radius: 0.8rem;
    padding: 0.4rem 0.25rem;
    box-sizing: border-box;
}
.company .cont3 .box .logo {
    width: 1.5rem;
    margin: 0 auto 0.3rem;
}
.company .cont3 .box h3 {
    padding-bottom: 0.3rem;
}
.company .cont3 .box p {
    font-size: 0.14rem;
    line-height: 1.9;
    letter-spacing: normal;
}
}

/*  cont4  */
.company .cont4 {
    padding-bottom: 1.5rem;
}
.company .cont4 .inner {
    max-width: 8.5rem;
}
.company .cont4 .box {
    border-top: 0.01rem solid #434343;
    border-bottom: 0.01rem solid #434343;
    padding: 0.33rem 0.21rem 0.45rem;
    box-sizing: border-box;
}
@media screen and (max-width:750px){
.company .cont4 {
    padding-bottom: 0.9rem;
}
.company .cont4 .box {
    padding: 0.2rem 0 0.25rem;
}
}

/*  cont5  */
.company .cont5 {
    padding-bottom: 0.8rem;
}
.company .cont5 .inner {
    max-width: 8.5rem;
}
.company .cont5 table {
    width: 100%;
}
.company .cont5 table th,
.company .cont5 table td {
    border-bottom: 0.01rem solid #A0A0A0;
    padding: 0.35rem 0;
    font-weight: 400;
    letter-spacing: 0.04em;
}
.company .cont5 table th {
    width: 14%;
    color: #818181;
}
.company .cont5 table tr:first-child th,
.company .cont5 table tr:first-child td {
    border-top: 0.01rem solid #434343;
}
.company .cont5 table tr:last-child th,
.company .cont5 table tr:last-child td {
    border-bottom: 0.01rem solid #434343;
}
@media screen and (max-width:750px){
.company .cont5 {
    padding-bottom: 0.9rem;
}
.company .cont5 table th,
.company .cont5 table td {
    font-size: 0.14rem;
    padding: 0.25rem 0;
}
.company .cont5 table th {
    width: 26%;
}
}

/*  pnav  */
.company .pnav {
    max-width: 11rem;
    margin: 0 auto;
    position: sticky;
    bottom: 0.3rem;
    z-index: 5;
}
.company .pnav ul {
    width: 5.1rem;
    height: 0.44rem;
    background-color: #242424;
    border-radius: 0.4rem;
    font-size: 0.14rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.company .pnav ul::before,
.company .pnav ul::after {
    content: '';
    width: 0.22rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: calc(50% - 0.03rem);
    margin-left: -0.11rem;
    opacity: 0;
    transition: 0.5s;
}
.company .pnav ul li {
    margin: 0 0.1rem;
}
.company .pnav.mini ul {
    width: 0.44rem;
    cursor: pointer;
    position: relative;
}
.company .pnav.mini ul::before,
.company .pnav.mini ul::after {
    opacity: 1;
}
.company .pnav.mini ul::after {
    top: calc(50% + 0.03rem);
}
.company .pnav.mini ul li {
    display: none;
    opacity: 0;
}
.company .pnav.mini.is-show ul {
    width: 5.1rem;
}
.company .pnav.mini.is-show ul::before,
.company .pnav.mini.is-show ul::after {
    opacity: 0;
}
.company .pnav.mini.is-show ul li {
    display: block;
    opacity: 1;
}
.company .pnav ul li a {
    color: #fff;
    padding-left: 0.12rem;
    white-space: nowrap;
    opacity: 0.5;
    position: relative;
}
.company .pnav ul li a::before {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.04rem;
    transition: 0.3s;
}
.company .pnav ul li.current a {
    opacity: 1;
}
.company .pnav ul li.current a::after {
    width: 100%;
}
@media (hover: hover) and (min-width:751px) {
.company .pnav ul li a:hover {
    opacity: 1;
}
}
@media screen and (max-width:750px){
.company .pnav {
    max-width: inherit;
    bottom: 0.1rem;
}
.company .pnav ul {
    display: block;
    width: 32vw;
    height: auto;
    border-radius: 0.2rem;
    font-size: 0.12rem;
    padding: 4vw;
    box-sizing: border-box;
    position: absolute;
    left: 0.2rem;
    bottom: 0;
    overflow: hidden;
}
.company .pnav ul li {
    margin: 0;
}
.company .pnav.mini ul {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
}
.company .pnav.mini.is-show ul {
    width: 32vw;
    height: auto;
}
}


/* contact, thanks
------------------------------------------------- */
/*  cont1  */
.contact .cont1 {
    padding: 1.3rem 0 0.8rem;
}
.thanks .cont1 {
    padding: 0 0 2rem;
}
.contact .cont1 .inner,
.thanks .cont1 .inner {
    max-width: 8.5rem;
}
.contact .cont1 .copy,
.thanks .cont1 .copy {
    line-height: 1.5;
    letter-spacing: 0.04em;
    padding-bottom: 0.5rem;
    white-space: nowrap;
}
.contact .cont1 .box,
.thanks .cont1 .box {
    border-top: 0.01rem solid #434343;
    border-bottom: 0.01rem solid #A0A0A0;
    padding: 0.45rem 0;
}
.contact .cont1 .box h2,
.thanks .cont1 .box h2 {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7149%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207149%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.675%22%20height%3D%2228.82%22%20viewBox%3D%220%200%2031.675%2028.82%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_4578%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204578%22%20width%3D%2231.675%22%20height%3D%2228.82%22%20fill%3D%22%2300ba47%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_7148%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207148%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126751%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126751%22%20d%3D%22M15.956%2C42.464l-.259%2C0c-2.562-.052-6.286-2.442-9.718-6.237C2.349%2C32.21-.42%2C26.572.053%2C24.159c.526-2.685%2C3.328-5.58%2C5.452-5.632a4.48%2C4.48%2C0%2C0%2C1%2C3.124%2C1.7A4.528%2C4.528%2C0%2C0%2C1%2C10.047%2C23.5c-.172%2C1.415-1.753%2C2.6-2.6%2C3.138a19.583%2C19.583%2C0%2C0%2C0%2C3.285%2C4.949c2.136%2C2.438%2C3.372%2C3.557%2C4.4%2C3.96a3.342%2C3.342%2C0%2C0%2C0%2C.563-.539%2C3.045%2C3.045%2C0%2C0%2C1%2C2.647-1.257%2C4.705%2C4.705%2C0%2C0%2C1%2C3.213%2C2.215%2C3.68%2C3.68%2C0%2C0%2C1%2C.627%2C3.241c-.711%2C2.051-3.029%2C3.259-6.226%2C3.259M1.346%2C24.412h0c-.3%2C1.546%2C1.781%2C6.693%2C5.61%2C10.929%2C3.148%2C3.482%2C6.59%2C5.76%2C8.767%2C5.8%2C2.727.051%2C4.68-.832%2C5.214-2.371A2.457%2C2.457%2C0%2C0%2C0%2C20.46%2C36.7a3.545%2C3.545%2C0%2C0%2C0-2.2-1.631%2C1.77%2C1.77%2C0%2C0%2C0-1.592.826%2C3.347%2C3.347%2C0%2C0%2C1-1.249.982A.655.655%2C0%2C0%2C1%2C15%2C36.89c-1.381-.407-2.707-1.526-5.257-4.437A18.3%2C18.3%2C0%2C0%2C1%2C6%2C26.55a.659.659%2C0%2C0%2C1%2C.316-.776c.88-.476%2C2.315-1.559%2C2.422-2.436a3.511%2C3.511%2C0%2C0%2C0-1.087-2.23%2C3.389%2C3.389%2C0%2C0%2C0-2.092-1.266H5.537c-1.368.034-3.767%2C2.4-4.191%2C4.569%22%20transform%3D%22translate(0%20-13.644)%22%20fill%3D%22%2300ba47%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126752%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126752%22%20d%3D%22M77.248%2C15.323h-.009a.659.659%2C0%2C0%2C1-.65-.668A13.143%2C13.143%2C0%2C0%2C0%2C63.433%2C1.318a.659.659%2C0%2C0%2C1%2C0-1.318A14.46%2C14.46%2C0%2C0%2C1%2C77.907%2C14.674a.659.659%2C0%2C0%2C1-.659.65%22%20transform%3D%22translate(-46.233%200)%22%20fill%3D%22%2300ba47%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126753%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126753%22%20d%3D%22M69.393%2C30.313H69.38a.659.659%2C0%2C0%2C1-.646-.671%2C9.077%2C9.077%2C0%2C0%2C0-9.262-9.262h-.013a.659.659%2C0%2C0%2C1-.012-1.318%2C10.395%2C10.395%2C0%2C0%2C1%2C10.6%2C10.6.659.659%2C0%2C0%2C1-.659.646%22%20transform%3D%22translate(-43.306%20-14.038)%22%20fill%3D%22%2300ba47%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.3168rem auto;
    font-weight: 400;
    letter-spacing: 0.04em;
    padding-left: 0.4rem;
    margin-right: 0.25rem;
}
.contact .cont1 .box p,
.thanks .cont1 .box p {
    line-height: 1.5;
    letter-spacing: 0.04rem;
    color: #8E8E8E;
    display: flex;
    align-items: center;
}
.contact .cont1 .box p a,
.thanks .cont1 .box p a {
    font-size: 0.5rem;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.04em;
    color: #1A1A1A;
    padding-right: 0.15rem;
}
@media screen and (max-width:750px){
.contact .cont1 {
    padding: 0.25rem 0 0.8rem;
}
.thanks .cont1 {
    padding-bottom: 1rem;
}
.contact .cont1 .copy,
.thanks .cont1 .copy {
    font-size: 0.14rem;
    padding-bottom: 0.3rem;
    white-space: normal;
}
.contact .cont1 .box,
.thanks .cont1 .box {
    padding: 0.3rem 0;
}
.contact .cont1 .box h2,
.thanks .cont1 .box h2 {
    margin-right: 0;
}
.contact .cont1 .box p,
.thanks .cont1 .box p {
    font-size: 0.14rem;
    display: block;
    text-align: center;
}
.contact .cont1 .box p a,
.thanks .cont1 .box p a {
    display: block;
    font-size: 0.38rem;
    padding-right: 0;
}
}

/*  cont2  */
.contact .cont2 {
    padding-bottom: 2rem;
}
.thanks .cont2 {
    padding: 1.3rem 0 0.8rem;
}
.thanks .cont2 p {
    font-size: 0.14rem;
}
.contact .cont2 .inner,
.thanks .cont2 .inner {
    max-width: 8.5rem;
}
.contact .cont2 h2,
.thanks .cont2 h2 {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.675%22%20height%3D%2223.671%22%20viewBox%3D%220%200%2031.675%2023.671%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_4579%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204579%22%20width%3D%2231.675%22%20height%3D%2223.671%22%20fill%3D%22%2300ba47%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_7152%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207152%22%20transform%3D%22translate(0%200)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7151%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207151%22%20transform%3D%22translate(0%200)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126754%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126754%22%20d%3D%22M27.547%2C23.671H4.13A4.134%2C4.134%2C0%2C0%2C1%2C0%2C19.541V4.129A4.133%2C4.133%2C0%2C0%2C1%2C4.13%2C0H27.547a4.133%2C4.133%2C0%2C0%2C1%2C4.129%2C4.129V19.541a4.134%2C4.134%2C0%2C0%2C1-4.129%2C4.129M4.13%2C1.614A2.518%2C2.518%2C0%2C0%2C0%2C1.615%2C4.129V19.541A2.518%2C2.518%2C0%2C0%2C0%2C4.13%2C22.057H27.547a2.518%2C2.518%2C0%2C0%2C0%2C2.515-2.516V4.129a2.518%2C2.518%2C0%2C0%2C0-2.515-2.515Z%22%20transform%3D%22translate(-0.001%200)%22%20fill%3D%22%2300ba47%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126755%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126755%22%20d%3D%22M15.838%2C27.209a2.65%2C2.65%2C0%2C0%2C1-1.186-.279L.446%2C19.81a.807.807%2C0%2C1%2C1%2C.723-1.443l14.206%2C7.12a1.039%2C1.039%2C0%2C0%2C0%2C.926%2C0l14.206-7.12a.807.807%2C0%2C1%2C1%2C.723%2C1.443L17.023%2C26.93a2.65%2C2.65%2C0%2C0%2C1-1.186.279%22%20transform%3D%22translate(0%20-12.382)%22%20fill%3D%22%2300ba47%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.3168rem auto;
    font-weight: 400;
    letter-spacing: 0.04em;
    padding-left: 0.4rem;
    margin-bottom: 0.3rem;
}
.contact .cont2 table {
    width: 7.35rem;
    margin: 0 auto;
}
.contact .cont2 table th,
.contact .cont2 table td {
    width: 1.8rem;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: left;
    vertical-align: middle;
    padding: 0.1rem 0;
}
.contact .cont2 table th.vt {
    vertical-align: top;
    padding-top: 0.15rem;
}
.contact .cont2 table th span {
    color: #00BA47;
}
.contact .cont2 table td {
    width: 5.55rem;
}
.contact .cont2 table td input[type="text"],
.contact .cont2 table td input[type="tel"],
.contact .cont2 table td input[type="email"],
.contact .cont2 table td textarea {
    width: 100%;
    height: 0.29rem;
    background-color: #FAFAFA;
    border: 0.005rem solid #707070;
    border-radius: 0.03rem;
    font-size: 0.12rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    padding: 0 0.1rem;
    box-sizing: border-box;
}
.contact .cont2 table td ul {
    display: flex;
}
.contact .cont2 table td ul li {
    margin-right: 0.1rem;
}
.contact .cont2 table td ul li input[type="text"] {
    width: 1.6rem;
}
.contact .cont2 table td ul.zip li input[type="text"] {
    width: 1.4rem;
}
.contact .cont2 table td ul.zip li button {
    width: 1rem;
    height: 0.29rem;
    background-color: #E0E0E0;
    border: none;
    border-radius: 0.03rem;
    font-size: 0.14rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
}
.contact .cont2 table td textarea {
    width: 100%;
    height: 1.6rem;
    padding: 0.05rem 0.1rem;
}
.contact .cont2 table td .privacy {
    font-size: 0.12rem;
    line-height: 1.8;
    letter-spacing: normal;
}
.contact .cont2 table td .privacy a {
    text-decoration: underline;
}
.contact .cont2 table td .agree {
    font-size: 0.16rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 0.45rem;
}
.contact .cont2 table td .agree input[type="checkbox"] {
    display: none;
}
.contact .cont2 table td .agree input[type="checkbox"] + span {
    width: auto;
    display: inline-block;
    padding: 0.1em 1em 0.1em 1.5em;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}
.contact .cont2 table td .agree input[type="checkbox"] + span::before {
    content: '';
    display: block;
    width: 1em;
    height: 1em;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.5em;
    border: 1px solid #1A1A1A;
    box-sizing: border-box;
}
.contact .cont2 table td .agree input[type="checkbox"] + span::after {
    content: '';
    display: block;
    width: 0.12em;
    height: 0.6em;
    border-right: 0.133em solid #fff;
    border-bottom: 0.133em solid #fff;
    position: absolute;
    left: 0.4em;
    top: 50%;
    margin-top: -0.4em;
    opacity: 0;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}
.contact .cont2 table td .agree input[type=checkbox]:checked + span::before {
    border: 1px solid #00BA47;
    background: #00BA47;
}
.contact .cont2 table td .agree input[type=checkbox]:checked + span::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
.contact .cont2 table td .agree input[type=checkbox]:checked + span::after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}
.contact .cont2 table td input[type=submit] {
    width: 100%;
    height: 0.54rem;
    background-color: #FFFFFF;
    border: none;
    border-radius: 0.23rem;
    box-shadow: 0 0 0.07rem rgba(0,186,71,0.8);
    font-size: 0.24rem;
    font-weight: 400;
    color: #00BA47;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.3s;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 0.14rem;
    width: 5.55rem;
    text-align: center;
    box-sizing: border-box;
    margin: 0 0 0 2.375rem;
}
.wpcf7-spinner {
    display: block;
    margin: 1em auto 0;
}
.wpcf7-not-valid-tip {
    font-size: 0.12rem;
}
@media (hover: hover) and (min-width:751px) {
.contact .cont2 table td ul.zip li button:hover {
    opacity: 0.7;
}
.contact .cont2 table td input[type=submit]:hover {
    background-color: #00BA47;
    color: #fff;
}
.contact .cont2 table td .privacy a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.contact .cont2 {
    padding-bottom: 1rem;
}
.thanks .cont2 {
    padding: 0.25rem 0 0.8rem;
}
.contact .cont2 h2,
.thanks .cont2 h2 {
    margin-bottom: 0.2rem;
}
.contact .cont2 table {
    width: 100%;
}
.contact .cont2 table th,
.contact .cont2 table td {
    display: block;
    width: 100%;
    padding: 0.1rem 0 0;
}
.contact .cont2 table th.vt {
    padding-top: 0.1rem;
}
.contact .cont2 table td {
    width: 100%;
    padding: 0.1rem 0 0.15rem;
}
.contact .cont2 table td input[type="text"],
.contact .cont2 table td input[type="tel"],
.contact .cont2 table td input[type="email"],
.contact .cont2 table td textarea {
    height: 0.4rem;
    font-size: 0.14rem;
}
.contact .cont2 table td ul {
    justify-content: space-between;
}
.contact .cont2 table td ul li {
    width: 48%;
    margin-right: 0;
}
.contact .cont2 table td ul li input[type="text"] {
    width: 100%;
}
.contact .cont2 table td ul.zip li input[type="text"] {
    width: 1.6rem;
}
.contact .cont2 table td ul.zip li button {
    width: 1.2rem;
    height: 0.4rem;
}
.contact .cont2 table td textarea {
    width: 100%;
    height: 1.6rem;
    padding: 0.05rem 0.1rem;
}
.contact .cont2 table td .agree {
    font-size: 0.14rem;
    margin: 0.25rem 0 0.45rem;
}
.contact .cont2 table td input[type=submit] {
    height: 0.5rem;
    font-size: 0.2rem;
}
}


/* privacy
------------------------------------------------- */
/*  cont1  */
.privacy .cont1 {
    padding: 1.3rem 0 0.8rem;
}
.privacy .cont1 .inner {
    max-width: 8.5rem;
}
.privacy .cont1 h2 {
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1.85;
    border-bottom: 0.01rem solid #242424;
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
}
.privacy .cont1 p {
    font-size: 0.14rem;
    line-height: 2.14285;
    padding-bottom: 0.5rem;
}
.privacy .cont1 p a {
    text-decoration: underline;
}
.privacy .cont1 p.txt1 {
    padding-bottom: 0.1rem;
}
.privacy .cont1 ul {
    font-size: 0.14rem;
    line-height: 2.14285;
    padding-bottom: 0.5rem;
}
.privacy .cont1 ul li {
    padding-left: 1em;
    text-indent: -1em;
}
.privacy .cont1 ul li::before {
    content: '・';
}
@media (hover: hover) and (min-width:751px) {
.privacy .cont1 p a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.privacy .cont1 {
    padding: 0.25rem 0 0.7rem;
}
.privacy .cont1 p {
    line-height: 1.85;
    padding-bottom: 0.3rem;
}
.privacy .cont1 ul {
    padding-bottom: 0.3rem;
}
}


/* journal
------------------------------------------------- */
.blog,
.single {
    background: url("../img/journal/bg.jpg") center top repeat-y;
    background-size: 100% auto;
    position: relative;
}
@media screen and (max-width:750px){
.blog,
.single {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
}


/*  cont1  */
.blog .cont1 {
    padding: 1.3rem 0 1.6rem;
    position: relative;
}
.blog .cont1::before {
    content: '';
    width: 100%;
    height: 2.9rem;
    background: linear-gradient(180deg, rgb(255,255,255,1), rgb(255,255,255,0));
    position: absolute;
    left: 0;
    top: 0;
}
.blog .cont1 .inner {
    z-index: 2;
}
.blog .cont1 ul li {
    width: 28.18%;
    margin: 0 7.73% 0.6rem 0;
}
.blog .cont1 ul li:nth-child(3n) {
    margin-right: 0;
}
.blog .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.blog .cont1 ul li a picture {
    width: 100%;
    height: 3.1rem;
    border-radius: 0.2rem;
    overflow: hidden;
}
.blog .cont1 ul li a picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.blog .cont1 ul li a .date {
    font-size: 0.12rem;
    color: #8E8E8E;
    line-height: 1.166;
    padding: 0.55rem 0 0.08rem;
    position: relative;
}
.blog .cont1 ul li a .date::before {
    content: '';
    width: 0.01rem;
    height: 0.22rem;
    background-color: #B2B2B2;
    position: absolute;
    left: 0;
    top: 0.21rem;
}
.blog .cont1 ul li a h2 {
    font-size: 0.2rem;
    font-weight: 300;
    line-height: 1.45;
    margin-bottom: 0.15rem;
}
.blog .cont1 ul li a p {
    font-size: 0.12rem;
    line-height: 2.0833;
    color: #8E8E8E;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.blog .cont1 .pagination .wp-pagenavi {
    padding-top: 0.2rem;
    font-weight: 400;
    color: #009539;
    display: flex;
    justify-content: center;
}
.blog .cont1 .pagination .wp-pagenavi a,
.blog .cont1 .pagination .wp-pagenavi span {
    font-size: 0.24rem;
    display: block;
    margin: 0 0.1rem;
    font-weight: 400;
    color: #009539;
}
.blog .cont1 .pagination .wp-pagenavi span.current {
    font-weight: 500;
    text-decoration: underline;
}
.blog .cont1 .pagination .wp-pagenavi a.nextpostslink,
.blog .cont1 .pagination .wp-pagenavi a.previouspostslink {
    display: block;
    width: 0.54rem;
    height: 0.54rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7161%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207161%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2254%22%20height%3D%2254%22%20viewBox%3D%220%200%2054%2054%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_21%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%2021%22%20cx%3D%2227%22%20cy%3D%2227%22%20r%3D%2227%22%20fill%3D%22%23fff%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126756%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126756%22%20d%3D%22M10715.115%2C2273.245l10.1%2C10.1-10.1%2C10.1%22%20transform%3D%22translate(-10693.026%20-2256.128)%22%20fill%3D%22none%22%20stroke%3D%22%23009539%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    margin: 0 0 0 0.5rem;
}
.blog .cont1 .pagination .wp-pagenavi a.previouspostslink {
    transform: scale(-1, 1);
    margin: 0 0.5rem 0 0;
}
@media (hover: hover) and (min-width:751px) {
.blog .cont1 ul li a:hover picture img {
    transform: scale(1.05);
}
.blog .cont1 .pagination .wp-pagenavi a:hover {
    text-decoration: underline;
}
.blog .cont1 .pagination .wp-pagenavi a.nextpostslink:hover,
.blog .cont1 .pagination .wp-pagenavi a.previouspostslink:hover {
    opacity: 0.7;
}
}
@media screen and (max-width:750px){
.blog .cont1 {
    padding: 0.25rem 0 1rem;
}
.blog .cont1::before {
    height: 2rem;
}
.blog .cont1 ul li {
    width: 88%;
    margin: 0 auto 0.4rem;
}
.blog .cont1 ul li:nth-child(3n) {
    margin-right: auto;
}
.blog .cont1 ul li a picture {
    height: 3.05rem;
}
.blog .cont1 ul li a h2 {
    font-size: 0.18rem;
}
.blog .cont1 ul li a p {
    font-size: 0.12rem;
    line-height: 1.85;
}
.blog .cont1 .pagination .wp-pagenavi a,
.blog .cont1 .pagination .wp-pagenavi span {
    font-size: 0.18rem;
    margin: 0 0.1rem;
}
.blog .cont1 .pagination .wp-pagenavi a.nextpostslink,
.blog .cont1 .pagination .wp-pagenavi a.previouspostslink {
    width: 0.45rem;
    height: 0.45rem;
    margin: 0 0 0 0.2rem;
}
.blog .cont1 .pagination .wp-pagenavi a.previouspostslink {
    transform: scale(-1, 1);
    margin: 0 0.2rem 0 0;
}
}


/* journal - detail
------------------------------------------------- */
/*  cont1  */
.single .cont1 {
    padding: 1.3rem 0 1.6rem;
    position: relative;
}
.single .cont1::before {
    content: '';
    width: 100%;
    height: 2.9rem;
    background: linear-gradient(180deg, rgb(255,255,255,1), rgb(255,255,255,0));
    position: absolute;
    left: 0;
    top: 0;
}
.single .cont1 .inner {
    z-index: 2;
}
.single .cont1 .ttlbox {
    padding-bottom: 0.4rem;
}
.single .cont1 .ttlbox .date {
    font-size: 0.12rem;
    color: #8E8E8E;
    line-height: 1.166;
    padding-bottom: 0.4rem;
    position: relative;
}
.single .cont1 .ttlbox .date::before {
    content: '';
    width: 0.01rem;
    height: 0.22rem;
    background-color: #B2B2B2;
    position: absolute;
    left: 0;
    bottom: 0.04rem;
}
.single .cont1 .ttlbox h2 {
    font-size: 0.44rem;
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.04em;
}
.single .cont1 .photo {
    width: 5.44rem;
}
.single .cont1 .photo picture {
    margin-bottom: 0.6rem;
}
.single .cont1 .photo picture img {
    display: block;
    border-radius: 0.2rem;
}
.single .cont1 .con {
    width: 4.8rem;
}
.single .cont1 .pnav {
    padding-top: 1.2rem;
}
.single .cont1 .pnav ul {
    display: flex;
    justify-content: center;
}
.single .cont1 .pnav ul li {
    width: 0.86rem;
}
.single .cont1 .pnav ul li:nth-child(2) {
    width: 0.53rem;
    margin: 0.28rem 0.72rem 0;
}
.single .cont1 .pnav ul li:nth-child(3) {
    width: 0.83rem;
}
.single .cont1 .pnav ul li a {
    display: block;
}
@media (hover: hover) and (min-width:751px) {
.single .cont1 .pnav ul li a:hover {
    opacity: 0.7;
}
}
@media screen and (max-width:750px){
.single .cont1 {
    padding: 0.25rem 0 1rem;
}
.single .cont1::before {
    height: 2rem;
}
.single .cont1 .ttlbox {
    padding-bottom: 0.4rem;
}
.single .cont1 .ttlbox h2 {
    font-size: 0.32rem;
}

.single .cont1 .photo {
    width: 88%;
    margin: 0.4rem auto 0;
}
.single .cont1 .photo picture {
    margin-bottom: 0.3rem;
}
.single .cont1 .con {
    width: 100%;
}
.single .cont1 .pnav {
    padding-top: 0.3rem;
}
}


/*  自由入力欄  */
.single .cont1 .con p {
    font-size: 0.16rem;
    line-height: 2;
    padding-bottom: 2em;
}
.single .cont1 .con p::after {
    content: '';
	display: block;
	clear: both;
}
.single .cont1 .con p strong {
    font-weight: 700;
}
.single .cont1 .con p em {
    font-style: italic;
}
.single .cont1 .con p a {
    color: #242424 !important;
	text-decoration: underline;
    word-break: break-all;
}
.single .cont1 .con iframe,
.single .cont1 .con p iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 3rem;
    margin: 0 auto;
}
.single .cont1 .con h1,
.single .cont1 .con h2 {
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.45;
    border-bottom: 1px dotted #242424;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.single .cont1 .con h3,
.single .cont1 .con h4 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.45;
    color: #242424;
    margin-bottom: 15px;
}
.single .cont1 .con h5,
.single .cont1 .con h6 {
    font-size: 0.16rem;
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: 10px;
}
.single .cont1 .con ul {
    font-size: 0.16rem;
    padding-bottom: 2em;
}
.single .cont1 .con ul li {
    font-size: 0.16rem;
    line-height: 1.75;
    padding-left: 1em;
    text-indent: -1em;
}
.single .cont1 .con ul li::before {
    content: '・';
}
.single .cont1 .con ol {
    font-size: 0.16rem;
    padding: 0 0 2em 1.3em;
}
.single .cont1 .con ol li {
    font-size: 0.16rem;
    line-height: 1.75;
}
.single .cont1 .con img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.single .cont1 .con .wp-caption {
    width: auto;
    max-width: 100% !important;
	margin-bottom: 3em;
}
.single .cont1 .con .wp-caption.aligncenter {
	margin: 0 auto 3em;
}
.single .cont1 .con .wp-caption .wp-caption-text {
    font-size: 0.15rem;
    line-height: 1.5;
    padding: 1em 0 0;
}
.single .cont1 .con img.aligncenter {
    display: block;
    margin: 0 auto;
}
@media (hover: hover) and (min-width:751px) {
.single .cont1 .con p a:hover {
	text-decoration: none;
}
}
@media screen and (max-width:750px){
.single .cont1 .con p {
    font-size: 0.14rem;
    line-height: 1.85;
}
.single .cont1 .con h1,
.single .cont1 .con h2 {
    font-size: 0.22rem;
}
.single .cont1 .con h3,
.single .cont1 .con h4 {
    font-size: 0.18rem;
}
.single .cont1 .con h5,
.single .cont1 .con h6 {
    font-size: 0.14rem;
}
.single .cont1 .con ul {
    font-size: 0.14rem;
}
.single .cont1 .con ul li {
    font-size: 0.14rem;
}
.single .cont1 .con ol {
    font-size: 0.14rem;
}
.single .cont1 .con ol li {
    font-size: 0.14rem;
}
.single .cont1 .con .wp-caption .wp-caption-text {
    font-size: 0.13rem;
}
}