@charset "UTF-8";


/* body, movie
------------------------------------------------- */
body::after {
    content: '';
    width: 100%;
    height: 5.3rem;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
    position: absolute;
    left: 0;
    top: 1.72rem;
    z-index: 2;
}
body.sustainability::after,
body.service::after,
body.linensupply::after,
body.cleaning::after,
body.lease::after,
body.products::after,
body.nursing::after,
body.post-type-archive-letter::after,
body.tax-letter_category::after,
body.single-letter::after {
    display: none;
}
.movie1 {
    width: 100%;
    height: 7.02rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.sustainability .movie1,
.movie2 {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
.sustainability .movie1::after,
.movie2::after {
    content: '';
    width: 100%;
    height: 69vh;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
    position: absolute;
    left: 0;
    bottom: 0;
}
.movie1 video,
.movie2 video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
body.tamagawahd::after,
body.tamagawafibers::after,
body.tohoku::after,
body.tamagawasales::after,
body.kyushu::after,
body.saitama::after,
body.single::after {
    top: 0.07rem;
}
.tamagawahd .movie1,
.tamagawafibers .movie1,
.tohoku .movie1,
.tamagawasales .movie1,
.kyushu .movie1,
.saitama .movie1,
.single .movie1 {
    top: -1.65rem;
}
@media screen and (max-width:750px){
body::after {
    height: 3.5rem;
    top: 3.2rem;
}
.movie1 {
    height: 6.7rem;
}
.sustainability .movie1 {
    height: 100vh;
}
body.tamagawahd::after,
body.tamagawafibers::after,
body.tohoku::after,
body.tamagawasales::after,
body.kyushu::after,
body.saitama::after,
body.single::after {
    top: 3.2rem;
}
.tamagawahd .movie1,
.tamagawafibers .movie1,
.tohoku .movie1,
.tamagawasales .movie1,
.kyushu .movie1,
.saitama .movie1,
.single .movie1 {
    top: 0;
}
}


/* path
------------------------------------------------- */
.path {
    font-size: 0.12rem;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    line-height: 1.4166;
    font-style: normal;
    color: #4E4E4E;
    padding-top: 1.63rem;
    position: relative;
    z-index: 2;
}
.path ul {
    display: flex;
    align-items: center;
    padding: 0 1.11rem;
}
.path ul li {
    margin-right: 0.36rem;
    position: relative;
}
.path ul li::after {
    content: '';
    width: 0.24rem;
    height: 0.01rem;
    border-bottom: 0.01rem dotted #716F6F;
    position: absolute;
    right: -0.3rem;
    top: 50%;
}
.path ul li:last-child::after {
    display: none;
}
.path ul li a {
    color: #4E4E4E;
}
@media screen and (min-width:751px){
.path ul li a:hover {
    text-decoration: underline;
}
}
@media screen and (max-width:750px){
.path {
    width: 90%;
    margin: 0 auto;
    font-size: 0.11rem;
    padding-top: 1.1rem;
}
.path ul {
    padding: 0 0 0.1rem;
    overflow-x: auto;
}
.path ul li {
    margin-right: 0.3rem;
    white-space: nowrap;
}
.path ul li::after {
    width: 0.2rem;
    right: -0.25rem;
}
}


/* mainttl
------------------------------------------------- */
.mainttl {
    padding-top: 2.2rem;
}
.mainttl .inner {
    max-width: 12rem;
    border-bottom: 0.005rem dashed #716F6F;
    padding: 0 0.28rem 0.57rem;
}
.mainttl .headline2 {
    margin-bottom: 0.45rem;
}
.mainttl .copy {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.04em;
}
.mainttl picture {
    width: 2.4rem;
    height: 3rem;
    border-radius: 0.07rem;
    position: absolute;
    right: 0;
    bottom: 0.57rem;
    overflow: hidden;
}
.mainttl picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mainttl.groupttl {
    padding-top: 2rem;
}
.mainttl.groupttl .headline2 {
    margin-bottom: 1.05rem;
}
.mainttl.groupttl .headline2 .tit2 {
    font-size: 0.4rem;
    font-weight: 500;
}
.mainttl.groupttl .headline2 p {
    font-size: 0.13rem;
    margin-top: 0.13rem;
}
.mainttl.groupttl .copy {
    font-size: 0.25rem;
    line-height: 1.8;
    letter-spacing: normal;
}
.mainttl.groupttl picture {
    width: 5.32rem;
    height: 3.8rem;
}
@media screen and (max-width:750px){
.mainttl {
    padding-top: 0.7rem;
}
.mainttl .inner {
    border-bottom: 0.01rem dotted #716F6F;
    padding: 0 0 0.5rem 0.2rem;
}
.mainttl .headline2 {
    margin-bottom: 0.25rem;
}
.mainttl .copy {
    font-size: 0.22rem;
    letter-spacing: normal;
}
.mainttl picture {
    width: calc(100% - 0.2rem);
    height: 1.875rem;
    position: static;
    margin: 0.3rem 0 0;
}
.mainttl.groupttl {
    padding-top: 0.7rem;
}
.mainttl.groupttl .headline2 {
    margin-bottom: 0.45rem;
}
.mainttl.groupttl .headline2 .tit2 {
    font-size: 0.28rem;
    line-height: 1.25;
}
.mainttl.groupttl .headline2 .tit2::before {
    top: 0.12rem;
    margin-top: 0;
}    
.mainttl.groupttl .copy {
    font-size: 0.22rem;
    line-height: 1.5;
}
.mainttl.groupttl picture {
    width: calc(100% - 0.2rem);
    height: 2.5rem;
}
}


/* recommend
------------------------------------------------- */
.recommend {
    width: 70.7%;
    margin-left: 29.3%;
    padding-bottom: 2rem;
}
.recommend .ttl {
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 1.3;
    border-bottom: 0.005rem dashed #716F6F;
    padding-bottom: 0.12rem;
    margin-bottom: 0.52rem;
}
.recommend ul li a {
    width: 100%;
    height: 100%;
    border-bottom: 0.005rem dashed #716F6F;
    padding: 0.2rem 0.13rem 0.13rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: border-box;
    position: relative;
}
.recommend ul li a::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #0F58AA;
    position: absolute;
    left: 0;
    bottom: -0.005rem;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: transform 0.6s;
}
.recommend ul li a p {
    font-size: 0.3rem;
    line-height: 1;
    color: #0F58AA;
    margin-bottom: 0.05rem;
}
.recommend ul li a p span {
	display: block;
	overflow: hidden;
}
.recommend ul li a p span b {
	display: block;
    font-weight: 500;
	position: relative;
	transition: 0.4s;
}
.recommend ul li a picture {
    width: 3.1rem;
    height: 1.6rem;
    position: relative;
    overflow: hidden;
}
.recommend ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.recommend ul li a picture::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(93,135,157,0.2);
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (min-width:751px){
.recommend ul li a:hover::after {
    transform-origin: left top;
    transform: scale(1, 1);
}
.recommend ul li a p span b::after {
	position: absolute;
	left: 0;
	top: 1.5em;
}
.recommend ul li a:hover p span b {
	transform: translateY(-1.5em);
}
.recommend ul li.comp1 a p span b::after {
	content: '玉川グループとは';
}
.recommend ul li.comp2 a p span b::after {
	content: '代表挨拶・理念';
}
.recommend ul li.comp3 a p span b::after {
	content: '100年の歩み';
}
.recommend ul li.comp4 a p span b::after {
	content: '拠点・グループ紹介';
}
.recommend ul li.serv0 a p span b::after {
	content: 'サービス';
}
.recommend ul li.serv1 a p span b::after {
	content: 'リネンサプライ';
}   
.recommend ul li.serv2 a p span b::after {
	content: 'クリーニング';
}    
.recommend ul li.serv3 a p span b::after {
	content: '寝具リース';
}
.recommend ul li.serv4 a p span b::after {
	content: '製品販売';
}
.recommend ul li.serv5 a p span b::after {
	content: '介護サービス';
}
.recommend ul li a:hover picture img {
    transform: scale(1.08);
}
}
@media screen and (max-width:750px){
.recommend {
    width: 90%;
    margin-left: 10%;
    padding-bottom: 1rem;
}
.recommend .ttl {
    border-bottom: 0.01rem dotted #716F6F;
    margin-bottom: 0.2rem;
}
.recommend ul li a {
    border-bottom: 0.01rem dotted #716F6F;
    padding: 0.2rem 0.12rem 0.12rem 0;
}
.recommend ul li a p {
    font-size: 0.2rem;
}
.recommend ul li a picture {
    width: 1.25rem;
    height: 0.75rem;
}
}


/* categorybox
------------------------------------------------- */
.categorybox {
    padding: 0.4rem 0 0.7rem;
}
.categorybox .box {
    background-color: #fff;
    border: 0.01rem solid #CBCBCB;
    border-radius: 0.05rem;
    padding: 0.26rem 0.3rem;
    box-sizing: border-box;
}
.categorybox .box p {
    width: 9%;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.02em;
    border-right: 0.01rem solid #707070;
}
.categorybox .box ul {
    width: 88%;
}
.categorybox .box ul li {
    margin-right: 0.18rem;
}
.categorybox .box ul li a {
    height: 0.38rem;
    font-size: 0.14rem;
    border: 0.01rem solid #707070;
    border-radius: 0.05rem;
    padding: 0 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.categorybox .box ul li.current-cat a {
    background-color: #1A1A1A;
    color: #fff;
}
@media screen and (min-width:751px){
.categorybox .box ul li a:hover {
    background-color: #1A1A1A;
    color: #fff;
}
}
@media screen and (max-width:750px){
.categorybox {
    padding: 0.5rem 0 0.7rem;
}
.categorybox .box {
    padding: 0.15rem 0.21rem;
}
.categorybox .box p {
    width: 100%;
    border-bottom: 0.01rem solid #707070;
    border-right: none;
    text-align: center;
    padding-bottom: 0.05rem;
    margin-bottom: 0.15rem;
}
.categorybox .box ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.categorybox .box ul li {
    margin: 0 0.075rem 0.075rem 0;
}
.categorybox .box ul li:last-child {
    margin-right: 0;
}
.categorybox .box ul li a {
    height: 0.32rem;
    font-size: 0.13rem;
    padding: 0 0.1rem;
}
}


/* pagination
------------------------------------------------- */
.pagination {
    text-align: center;
    padding-bottom: 2rem;
}
.pagination .wp-pagenavi {
    padding-top: 0.5rem;
}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
    font-size: 0.2rem;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin: 0 0.09rem;
}
.pagination .wp-pagenavi span.current {
    font-size: 0.35rem;
    color: #0F58AA;
}
.pagination .wp-pagenavi span.extend {
    letter-spacing: normal;
}
.pagination .wp-pagenavi a.nextpostslink,
.pagination .wp-pagenavi a.previouspostslink {
    display: inline-block;
    width: 0.09rem;
    height: 0.16rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.013%22%20height%3D%2215.906%22%20viewBox%3D%220%200%209.013%2015.906%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126766%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126766%22%20d%3D%22M8093.127-19192l7.422%2C7.422-7.422%2C7.422%22%20transform%3D%22translate(-8092.597%2019192.531)%22%20fill%3D%22none%22%20stroke%3D%22%23707070%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    margin-left: 0.2rem;
}
.pagination .wp-pagenavi a.previouspostslink {
    transform: scale(-1, 1);
    margin: 0 0.2rem 0 0;
}
@media screen and (min-width:751px){
.pagination .wp-pagenavi a:hover {
    color: #0F58AA;
    text-decoration: underline;
}
.pagination .wp-pagenavi a:hover.nextpostslink,
.pagination .wp-pagenavi a:hover.previouspostslink {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.013%22%20height%3D%2215.906%22%20viewBox%3D%220%200%209.013%2015.906%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126766%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126766%22%20d%3D%22M8093.127-19192l7.422%2C7.422-7.422%2C7.422%22%20transform%3D%22translate(-8092.597%2019192.531)%22%20fill%3D%22none%22%20stroke%3D%22%230f58aa%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E');
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.pagination {
    padding-bottom: 1rem;
}
.pagination .wp-pagenavi {
    padding-top: 0.5rem;
}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi span {
    font-size: 0.16rem;
    margin: 0 0.075rem;
}
.pagination .wp-pagenavi span.current {
    font-size: 0.3rem;
}
}


/* nextprev
------------------------------------------------- */
.nextprev {
    padding-bottom: 2rem;
}
.nextprev ul li {
    width: 1.31rem;
}
.nextprev ul li a {
    width: 100%;
    height: 0.29rem;
    background-color: #0F58AA;
    border: 0.01rem solid #0F58AA;
    border-radius: 0.3rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
    padding: 0 0.16rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.nextprev ul li a::before {
    content: '';
    width: 0.08rem;
    height: 0.14rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.085%22%20height%3D%2213.777%22%20viewBox%3D%220%200%207.085%2013.777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035%22%20d%3D%22M13.777%2C0%2C8.545%2C3.23%2C6.9%2C4.247l-.039.024-1.627-1L0%2C.037v2.8L4.61%2C5.684l2.269%2C1.4%2C2.268-1.4-.02-.012.039-.024L13.777%2C2.8Z%22%20transform%3D%22translate(7.085)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0.15rem;
    top: 50%;
    margin-top: -0.07rem;
    z-index: 3;
    transition: 0.4s;
}
.nextprev ul li a::after {
    content: '';
    width: 110%;
    height: 110%;
    background-color: #fff;
    border-radius: 0.3rem;
    position: absolute;
    left: 115%;
    top: -5%;
    z-index: 1;
    transition: 0.4s;
}
.nextprev ul li a span {
    font-weight: 400;
    letter-spacing: 0.04em;
    position: relative;
    z-index: 2;
}
.nextprev ul li:nth-child(3) a {
    justify-content: flex-start;
}
.nextprev ul li:nth-child(3) a::before {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.085%22%20height%3D%2213.777%22%20viewBox%3D%220%200%207.085%2013.777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126768%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126768%22%20d%3D%22M13.777%2C7.085%2C8.545%2C3.855%2C6.9%2C2.838l-.039-.024-1.627%2C1L0%2C7.048v-2.8L4.61%2C1.4%2C6.88%2C0%2C9.148%2C1.4l-.02.012.039.024%2C4.61%2C2.847Z%22%20transform%3D%22translate(7.085)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: cover;
    left: auto;
    right: 0.15rem;
}
.nextprev ul li:nth-child(3) a::after {
    left: auto;
    right: 115%;
}
.nextprev ul li:nth-child(2) {
    width: 0.3rem;
    height: 0.3rem;
    margin: 0.2rem 0.48rem 0;
}
.nextprev ul li:nth-child(2) a {
    height: 100%;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7075%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207075%22%20transform%3D%22translate(-558%20-1498)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37246%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037246%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(558%201498)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37249%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037249%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(558%201505)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37247%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037247%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(565%201498)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37248%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037248%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(565%201505)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat #0F58AA;
    background-size: 0.11rem auto;
    padding: 0;
}
.nextprev ul li:nth-child(2) a::before,
.nextprev ul li:nth-child(2) a::after {
    display: none;
}
@media screen and (min-width:751px){
.nextprev ul li a:hover {
    color: #0F58AA;
}
.nextprev ul li a:hover::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.085%22%20height%3D%2213.777%22%20viewBox%3D%220%200%207.085%2013.777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035%22%20d%3D%22M13.777%2C0%2C8.545%2C3.23%2C6.9%2C4.247l-.039.024-1.627-1L0%2C.037v2.8L4.61%2C5.684l2.269%2C1.4%2C2.268-1.4-.02-.012.039-.024L13.777%2C2.8Z%22%20transform%3D%22translate(7.085)%20rotate(90)%22%20fill%3D%22%230f58aa%22%2F%3E%3C%2Fsvg%3E');
    left: 0.11rem;
}
.nextprev ul li a:hover::after {
    left: -5%;
}
.nextprev ul li:nth-child(3) a:hover::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.085%22%20height%3D%2213.777%22%20viewBox%3D%220%200%207.085%2013.777%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126768%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126768%22%20d%3D%22M13.777%2C7.085%2C8.545%2C3.855%2C6.9%2C2.838l-.039-.024-1.627%2C1L0%2C7.048v-2.8L4.61%2C1.4%2C6.88%2C0%2C9.148%2C1.4l-.02.012.039.024%2C4.61%2C2.847Z%22%20transform%3D%22translate(7.085)%20rotate(90)%22%20fill%3D%22%230f58aa%22%2F%3E%3C%2Fsvg%3E');
    left: auto;
    right: 0.11rem;
}
.nextprev ul li:nth-child(3) a:hover::after {
    left: auto;
    right: -5%;
}
.nextprev ul li:nth-child(2) a:hover {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7075%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207075%22%20transform%3D%22translate(-558%20-1498)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37246%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037246%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(558%201498)%22%20fill%3D%22%230f58aa%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37249%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037249%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(558%201505)%22%20fill%3D%22%230f58aa%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37247%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037247%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(565%201498)%22%20fill%3D%22%230f58aa%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37248%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037248%22%20width%3D%224%22%20height%3D%224%22%20transform%3D%22translate(565%201505)%22%20fill%3D%22%230f58aa%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat #fff;
    background-size: 0.11rem auto;
}
}
@media screen and (max-width:750px){
.nextprev {
    padding-bottom: 1rem;
}
.nextprev ul {
    display: flex;
}
.nextprev ul li {
    width: 1.23rem;
}
.nextprev ul li a {
    font-size: 0.14rem;
    height: 0.3rem;
    padding: 0 0.16rem;
}
.nextprev ul li:nth-child(2) {
    margin: 0.2rem 0.25rem 0;
}
}


/* recruitbox
------------------------------------------------- */
.recruitbox {
    padding-bottom: 1.9rem;
}
.recruitbox .inner {
    max-width: 9rem;
    background: url("../img/letter/recruit2.png") right 0.72rem no-repeat;
    background-size: 5.87rem auto;
    border-bottom: 0.005rem dashed #0F58AA;
    padding-bottom: 0.25rem;
}
.recruitbox .tit1 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.47rem;
    position: relative;
}
.recruitbox .tit1::after {
    content: '';
    width: 6.1rem;
    height: 0.01em;
    border-top: 0.005rem dashed #0F58AA;
    position: absolute;
    right: 0;
    top: 50%;
}
.recruitbox .tit2 {
    width: 4.495rem;
}
.recruitbox .txt {
    font-size: 0.14rem;
    margin: 0.27rem 0;
}
.recruitbox .btn a {
    width: 2.6rem;
    height: 0.6rem;
    background-color: #0F58AA;
    border-radius: 0.6rem;
    border: 0.01rem solid #0F58AA;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 0.2rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.recruitbox .btn a::before {
    content: '';
    width: 0.18rem;
    height: 0.12rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.149%22%20height%3D%2212.5%22%20viewBox%3D%220%200%2018.149%2012.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207109%22%20transform%3D%22translate(-387%20-3487.5)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37260%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037260%22%20transform%3D%22translate(387%203491)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2215%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126769%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126769%22%20d%3D%22M7943.075-18594h14.574v6.883%22%20transform%3D%22translate(-7553%2022082)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.55rem;
    top: 50%;
    margin-top: -0.06rem;
    z-index: 2;
}
.recruitbox .btn a::after {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    transition: 0.4s;
}
.recruitbox .btn a span {
    position: relative;
    z-index: 2;
}
@media screen and (min-width:751px){
.recruitbox .btn a:hover {
    color: #0F58AA;
}
.recruitbox .btn a:hover::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.149%22%20height%3D%2212.5%22%20viewBox%3D%220%200%2018.149%2012.5%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207109%22%20transform%3D%22translate(-387%20-3487.5)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37260%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037260%22%20transform%3D%22translate(387%203491)%22%20fill%3D%22none%22%20stroke%3D%22%230f58aa%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2215%22%20height%3D%229%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2214%22%20height%3D%228%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126769%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126769%22%20d%3D%22M7943.075-18594h14.574v6.883%22%20transform%3D%22translate(-7553%2022082)%22%20fill%3D%22none%22%20stroke%3D%22%230f58aa%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
.recruitbox .btn a:hover::after {
    transform: scale(15);
    opacity: 1;
}
}
@media screen and (max-width:750px){
.recruitbox {
    padding-bottom: 1rem;
}
.recruitbox .inner {
    background-position: right 1.25rem;
    background-size: 100% auto;
    border-bottom: 0.01rem dotted #0F58AA;
    padding-bottom: 0.25rem;
}
.recruitbox .tit1 {
    font-size: 0.225rem;
    margin-bottom: 0.35rem;
}
.recruitbox .tit1::after {
    width: 0.8rem;
    border-top: 0.01rem dotted #0F58AA;
}
.recruitbox .tit2 {
    width: 2.5rem;
}
.recruitbox .txt {
    font-size: 0.14rem;
    line-height: 1.7;
    margin: 2rem 0 0.2rem 0.21rem;
}
.recruitbox .btn a {
    width: 2.4rem;
    height: 0.5rem;
    font-size: 0.15rem;
    margin: 0 auto;
}
.recruitbox .btn a::before {
    right: 0.45rem;
}
}


/* company
------------------------------------------------- */
/*  .mainttl  */
@media screen and (max-width:750px){
.company .mainttl picture img {
    object-position: center 80%;
}
.company .mainttl .headline2 p {
    font-size: 0.34rem;
    white-space: nowrap;
}
}

/*  .cont1  */
.company .cont1 {
    background: url("../img/company/bg.jpg") center top no-repeat;
    background-size: cover;
    padding: 1.35rem 0 4.3rem;
    margin-bottom: 2rem;
    position: relative;
}
.company .cont1::before {
    content: '';
    width: 100%;
    height: 3.97rem;
    background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.company .cont1::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(23,135,157,0.11);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.company .cont1 ul li {
    width: 31.818%;
    height: 3.15rem;
    border-radius: 0.05rem;
    margin-bottom: 0.23rem;
    position: relative;
    overflow: hidden;
}
.company .cont1 ul li::before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(25px);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.company .cont1 ul li::after {
    content: '';
    width: 100%;
    height: 100%;
    background: url("../img/company/btn.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.45;
    transition: 0.4s;
}
.company .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 0.35rem 0 0 0.5rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.company .cont1 ul li a picture {
    width: 1.2rem;
    height: 1.8rem;
    border-radius: 0.03rem;
    position: absolute;
    right: 0.15rem;
    bottom: 0.15rem;
    overflow: hidden;
}
.company .cont1 ul li a picture::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(93,135,157,0.2);
    position: absolute;
    left: 0;
    top: 0;
}
.company .cont1 ul li a picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.company .cont1 ul li a .btnst2 {
    position: absolute;
    left: 0.5rem;
    bottom: 0.15rem;
}
.company .cont1 ul li:nth-child(1) {
    width: 100%;
}
.company .cont1 ul li:nth-child(1) a .headline1 .tit1 {
    font-size: 0.35rem;
    margin-bottom: 0.25rem;
}
.company .cont1 ul li:nth-child(1) a .copy {
    font-size: 0.14rem;
    line-height: 1.785;
}
.company .cont1 ul li:nth-child(1) a picture {
    width: 3.3rem;
    height: 2.5rem;
    right: 0.26rem;
    bottom: 0.32rem;
}
.company .cont1 ul li:nth-child(1) a .btnst2 {
    bottom: 0.32rem;
}
@media screen and (min-width:751px){
.company .cont1 ul li:hover::after {
    opacity: 0.8;
}
.company .cont1 ul li a:hover picture img {
    transform: scale(1.08);
}
}
@media screen and (max-width:750px){
.company .cont1 {
    padding: 0.75rem 0 0.8rem;
    margin-bottom: 1rem;
}
.company .cont1::before {
    height: 5rem;
}
.company .cont1 ul li {
    width: 100%;
    height: 2.725rem;
    margin-bottom: 0.2rem;
}
.company .cont1 ul li a {
    padding: 0.25rem 0 0 0.4rem;
}
.company .cont1 ul li a picture {
    width: 1.2rem;
    height: 1.6rem;
    right: 0.2rem;
    bottom: 0.2rem;
}
.company .cont1 ul li a .btnst2 {
    left: 0.4rem;
    bottom: 0.2rem;
}
    
.company .cont1 ul li:nth-child(1) {
    height: 3.65rem;
}
.company .cont1 ul li:nth-child(1) a .headline1 .tit1 {
    font-size: 0.3rem;
    margin-bottom: 0.2rem;
}
.company .cont1 ul li:nth-child(1) a .copy {
    font-size: 0.14rem;
    line-height: 1.75;
    margin: 0 0.3rem 0.2rem 0;
}
.company .cont1 ul li:nth-child(1) a picture {
    width: 1.2rem;
    height: 1.6rem;
    right: 0.2rem;
    bottom: 0.2rem;
}
.company .cont1 ul li:nth-child(1) a .btnst2 {
    bottom: 0.2rem;
}
}


/* company/aboutus/
------------------------------------------------- */
/*  .cont1  */
.aboutus .cont1 {
    padding-top: 0.4rem;
    position: relative;
    z-index: 2;
}
.aboutus .cont1 .box {
    width: 6.94rem;
    background: url("../img/company/aboutus/cont1_bg.jpg") center top no-repeat;
    background-size: cover;
    border-radius: 0.06rem;
    margin: 0 auto;
    padding: 0.7rem 0 0.6rem;
}
.aboutus .cont1 .box .headline1 {
    text-align: center;
}
.aboutus .cont1 .box .headline1 .tit1 {
    font-size: 0.3rem;
    line-height: 1.833;
    letter-spacing: 0.04em;
}
.aboutus .cont1 .box .headline1 p {
    margin-bottom: 0.32rem;
    padding: 0.22rem 0 0;
}
.aboutus .cont1 .box .headline1 p::before {
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.07rem;
}
.aboutus .cont1 .box picture {
    width: 2.91rem;
    margin: 0.4rem auto;
}
.aboutus .cont1 .box .txt {
    width: 4.56rem;
    font-size: 0.14rem;
    line-height: 2.5;
    margin: 0 auto;
}
@media screen and (max-width:750px){
.aboutus .cont1 {
    padding-top: 0.75rem;
}
.aboutus .cont1 .box {
    width: 100%;
    padding: 0.5rem 0;
}
.aboutus .cont1 .box .headline1 .tit1 {
    font-size: 0.28rem;
    line-height: 1.55;
    letter-spacing: normal;
}
.aboutus .cont1 .box .headline1 p {
    margin-bottom: 0.25rem;
}
.aboutus .cont1 .box .headline1 p::before {
    margin: 0 0 0 -0.06rem;
}
.aboutus .cont1 .box picture {
    width: 2.5rem;
    margin: 0.3rem auto;
}
.aboutus .cont1 .box .txt {
    width: 84%;
    font-size: 0.14rem;
    line-height: 2;
    margin: 0 auto;
}
}

/*  .cont2  */
.aboutus .cont2 {
    background-color: #0F58AA;
    color: #fff;
    padding: 2.84rem 0 1.8rem;
    margin: -1.2rem 0 0.5rem;
}
.aboutus .cont2 .headline1 {
    border-top: 0.005rem dashed #fff;
    margin-bottom: 0.3rem;
    padding-top: 0.16rem;
    position: relative;
}
.aboutus .cont2 .headline1::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.aboutus .cont2 .headline1 .tit1 {
    font-size: 0.3rem;
}
.aboutus .cont2 .headline1 p::before {
    display: none;
}
.aboutus .cont2 .con {
    width: 41.5%;
}
.aboutus .cont2 .con p {
    font-size: 0.14rem;
}
.aboutus .cont2 picture {
    width: 3rem;
}
.aboutus .cont2 picture img {
    display: block;
    border-radius: 0.05rem;
}
@media screen and (max-width:750px){
.aboutus .cont2 {
    padding: 2.5rem 0 1rem;
    margin: -1.5rem 0 1rem;
}
.aboutus .cont2 .headline1 {
    border-top: 0.01rem dotted #fff;
}
.aboutus .cont2 .headline1 .tit1 {
    font-size: 0.25rem;
}
.aboutus .cont2 .con {
    width: 100%;
}
.aboutus .cont2 .con p {
    line-height: 2;
}
.aboutus .cont2 picture {
    width: 100%;
    height: 2.25rem;
    margin-bottom: 0.25rem;
}
.aboutus .cont2 picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 90%;
}
}

/*  .cont3  */
.aboutus .cont3 {
    height: 49rem;
    padding: 1rem 0 0;
    box-sizing: border-box;
}
.aboutus .cont3 .headline1 {
    margin-bottom: 0.35rem;
    position: sticky;
    top: 1rem;
    z-index: 10;
}
.aboutus .cont3 .image-section {
    height: 40rem;
    position: relative;
}
.aboutus .cont3 .card-wrapper {
    position: sticky;
    top: 1.9rem;
}
.aboutus .cont3 .sec {
    position: absolute;
    background-color: #fff;
    border: 0.005rem solid #656565;
    border-radius: 0.05rem;
    margin-bottom: 0.3rem;
    padding: 0.3rem 0.26rem 0.3rem 0.38rem;
    box-sizing: border-box;
    opacity: 0;
}
.aboutus .cont3 .sec.se1 {
    opacity: 1;
}
.aboutus .cont3 .sec .con {
    width: 44.5%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.aboutus .cont3 .sec .con .num {
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #0F58AA;
    display: flex;
    align-items: center;
    margin-top: -0.2rem;
}
.aboutus .cont3 .sec .con .num span {
    font-size: 1.56rem;
    font-weight: 400;
    margin: 0 0 0.2rem 0.15rem;
}
.aboutus .cont3 .sec .con h3 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    color: #0F58AA;
}
.aboutus .cont3 .sec .con p {
    font-size: 0.14rem;
}
.aboutus .cont3 .sec picture {
    width: 48.5%;
}
.aboutus .cont3 .sec picture img {
    display: block;
    border-radius: 0.03rem;
}
@media screen and (max-width:750px){
.aboutus .cont3 {
    height: auto;
    padding: 0;
}
.aboutus .cont3 .inner {
    padding: 0 0.2rem;
}
.aboutus .cont3 .headline1 {
    margin-bottom: 0.35rem;
    position: static;
}
.aboutus .cont3 .image-section {
    height: auto;
}
.aboutus .cont3 .card-wrapper {
    position: static;
}
.aboutus .cont3 .sec {
    width: calc(100% + 0.4rem);
    position: static;
    border: 0.01rem solid #656565;
    margin: 0 0 0.25rem -0.2rem;
    padding: 0.3rem 0.25rem 0.25rem;
    opacity: 1;
}
.aboutus .cont3 .sec .con {
    width: 100%;
    display: block;
}
.aboutus .cont3 .sec .con .num {
    margin-top: -0.2rem;
    justify-content: center;
}
.aboutus .cont3 .sec .con .num span {
    font-size: 1.1rem;
    margin: 0 0.15rem 0.2rem;
}
.aboutus .cont3 .sec .con h3 {
    font-size: 0.2rem;
    line-height: 1.5;
    text-align: center;
    padding-bottom: 0.2rem;
    white-space: nowrap;
}
.aboutus .cont3 .sec .con p {
    line-height: 2;
    margin-bottom: 0.25rem;
}
.aboutus .cont3 .sec picture {
    width: 100%;
}
}

/*  .cont4  */
.aboutus .cont4 {
    padding-bottom: 1.15rem;
}
.aboutus .cont4 .headline1 {
    margin-bottom: 0.4rem;
}
.aboutus .cont4 .headline1 .tit1 {
    font-size: 0.35rem;
}
.aboutus .cont4 ul li {
    width: 31.36%;
    height: 3.45rem;
    background-color: #F7F6F5;
    border-radius: 0.05rem;
    margin-bottom: 0.35rem;
    padding: 0.3rem 0.27rem;
    color: #0F58AA;
    box-sizing: border-box;
    position: relative;
}
.aboutus .cont4 ul li:nth-child(2) {
    margin-top: 0.4rem;
}
.aboutus .cont4 ul li:nth-child(3) {
    margin-top: 0.8rem;
}
.aboutus .cont4 ul li:nth-child(4) {
    margin-top: -0.8rem;
}
.aboutus .cont4 ul li:nth-child(5) {
    margin-top: -0.4rem;
}
.aboutus .cont4 ul li h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.15rem;
}
.aboutus .cont4 ul li .num {
    font-size: 0.25rem;
    line-height: 1;
}
.aboutus .cont4 ul li .num span {
    font-size: 0.7rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-right: 0.1rem;
}
.aboutus .cont4 ul li:nth-child(2) .num span {
    padding: 0 0.1rem;
}
.aboutus .cont4 ul li:nth-child(6) .num {
    margin-left: 0.1rem;
}
.aboutus .cont4 ul li picture {
    width: 0.9895rem;
    position: absolute;
    right: 0.53rem;
    bottom: 0.56rem;
}
.aboutus .cont4 ul li:nth-child(2) picture {
    width: 1.1697rem;
    right: 0.38rem;
    bottom: 0.37rem;
}
.aboutus .cont4 ul li:nth-child(3) picture {
    width: 1.0518rem;
    right: 0.39rem;
    bottom: 0.28rem;
}
.aboutus .cont4 ul li:nth-child(4) picture {
    width: 0.968rem;
    right: 0.41rem;
    bottom: 0.26rem;
}
.aboutus .cont4 ul li:nth-child(5) picture {
    width: 1.3648rem;
    right: 0.28rem;
    bottom: 0.28rem;
}
.aboutus .cont4 ul li:nth-child(6) picture {
    width: 0.97rem;
    right: 0.40rem;
    bottom: 0.28rem;
}
.aboutus .cont4 ul li .note {
    font-size: 0.12rem;
    line-height: 1;
    color: #656565;
    position: absolute;
    left: 0.28rem;
    bottom: 0.28rem;
}
@media screen and (max-width:750px){
.aboutus .cont4 {
    padding: 0.75rem 0 1rem;
}
.aboutus .cont4 .inner {
    padding: 0 0.2rem;
}
.aboutus .cont4 .headline1 {
    margin-bottom: 0.3rem;
}
.aboutus .cont4 .headline1 .tit1 {
    font-size: 0.25rem;
}
.aboutus .cont4 ul li {
    width: 100%;
    height: 2.5rem;
    margin-bottom: 0.2rem;
    padding: 0.3rem 0.27rem;
}
.aboutus .cont4 ul li:nth-child(2),
.aboutus .cont4 ul li:nth-child(3),
.aboutus .cont4 ul li:nth-child(4),
.aboutus .cont4 ul li:nth-child(5) {
    margin-top: 0;
}
.aboutus .cont4 ul li h3 {
    margin-bottom: 0.1rem;
}
.aboutus .cont4 ul li picture {
    transform: scale(0.9);
    right: 0.2rem !important;
    bottom: 0.2rem !important;
}
.aboutus .cont4 ul li:nth-child(2) picture,
.aboutus .cont4 ul li:nth-child(6) picture {
    bottom: 0.1rem !important;
}
.aboutus .cont4 ul li .note {
    left: 0.3rem;
    bottom: 0.2rem;
}
}


/* company/message/
------------------------------------------------- */
/*  .mainttl  */
.message .mainttl .inner {
    border-bottom: none;
    padding: 0 0.28rem 2rem;
}
.message .mainttl .sec {
    padding: 0 0.22rem 0.5rem;
}
.message .mainttl .sec .con {
    margin-left: 0.85rem;
}
.message .mainttl .sec .con h2 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.833;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
}
.message .mainttl .sec .con p {
    font-size: 0.14rem;
}
.message .mainttl .sec .con p span {
    display: block;
    font-size: 0.18rem;
}
.message .mainttl .sec picture {
    width: 5.1rem;
    height: 4.85rem;
    border-radius: 0.05rem;
    position: relative;
    right: auto;
    top: 0;
}
.message .mainttl .txt {
    line-height: 2.5;
    padding: 0 0.22rem;
}
@media screen and (max-width:750px){
.message .mainttl .inner {
    padding: 0 0 0.65rem 0.2rem;
}
.message .mainttl .sec {
    padding: 0.3rem 0 0.3rem;
}
.message .mainttl .sec .con {
    margin: 0;
}
.message .mainttl .sec .con h2 {
    font-size: 0.24rem;
    line-height: 1.6;
    margin-bottom: 0.2rem;
}
.message .mainttl .sec .con p {
    letter-spacing: 0.04em;
}
.message .mainttl .sec .con p span {
    font-size: 0.2rem;
    line-height: 1.2;
}
.message .mainttl .sec picture {
    width: calc(100% - 0.2rem);
    height: 3rem;
    margin-top: 0.5rem;
}
.message .mainttl .txt {
    width: calc(100% - 0.2rem);
    font-size: 0.15rem;
    line-height: 2;
    padding: 0;
}
}

/*  .cont1  */
.message .cont1 {
    background-color: #0F58AA;
    color: #fff;
    padding: 0.72rem 0 0.87rem;
    margin-bottom: 1.5rem;
}
.message .cont1 .headline1 {
    text-align: center;
    margin-bottom: 0.5rem;
}
.message .cont1 .headline1 .tit1 {
    font-size: 0.35rem;
}
.message .cont1 .headline1 p {
    margin-bottom: 0.15rem;
    padding: 0.22rem 0 0;
}
.message .cont1 .headline1 p::before {
    left: 50%;
    top: 0;
    margin: 0 0 0 -0.07rem;
}
.message .cont1 .box {
    width: 9.6rem;
    border: 0.005rem solid #fff;
    border-radius: 0.29rem;
    margin: 0 auto;
    padding: 0.6rem 1.2rem 0.4rem;
    box-sizing: border-box;
}
.message .cont1 .box h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    margin-bottom: 0.2rem;
}
.message .cont1 .box p {
    line-height: 2.5;
}
@media screen and (max-width:750px){
.message .cont1 {
    padding: 0.8rem 0;
    margin-bottom: 1rem;
}
.message .cont1 .headline1 {
    margin-bottom: 0.4rem;
}
.message .cont1 .headline1 .tit1 {
    font-size: 0.3rem;
}
.message .cont1 .headline1 p {
    margin-bottom: 0.15rem;
    padding: 0.22rem 0 0;
}
.message .cont1 .box {
    width: 100%;
    border: 0.01rem solid #fff;
    border-radius: 0.2rem;
    padding: 0.4rem 0.2rem 0.3rem;
}
.message .cont1 .box h3 {
    font-size: 0.22rem;
    line-height: 1.35;
    margin-bottom: 0.25rem;
}
.message .cont1 .box p {
    font-size: 0.15rem;
    line-height: 2;
}
}


/* company/history/
------------------------------------------------- */
/*  .mainttl  */
@media screen and (max-width:750px){
.history .mainttl picture img {
    object-position: center 70%;
}
}

/*  .cont1  */
.history .cont1 {
    padding: 0.35rem 0 0.45rem;
}
.history .cont1 p {
    font-size: 0.2rem;
    line-height: 2.25;
}
@media screen and (max-width:750px){
.history .cont1 {
    padding: 0.75rem 0 0.5rem;
}
.history .cont1 p {
    font-size: 0.18rem;
    line-height: 2;
}
}

/*  .cont2  */
.history .cont2 {
    margin-bottom: 0.25rem;
}
.history .cont2 .sec {
    border: 0.005rem solid #656565;
    border-radius: 0.2rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.history .cont2 .ttlbox {
    padding: 0.4rem 0.35rem 0.35rem;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.history .cont2 .ttlbox::before {
    content: '';
    width: 3rem;
    height: 3rem;
    background: linear-gradient(90deg, #3ED3CE 0%, #FFFFFF 100%);
    position: absolute;
    left: -1.9rem;
    top: -1.9rem;
    z-index: 1;
    transform: rotate(45deg);
    transition: 0.4s;
}
.history .cont2 .ttlbox.open::before {
    left: -1.5rem;
    top: -1.5rem;
}
.history .cont2 .ttlbox p {
    font-size: 0.12rem;
    line-height: 1.33;
    letter-spacing: 0.02em;
    padding-left: 0.77rem;
    position: relative;
    z-index: 2;
}
.history .cont2 .ttlbox p::before {
    content: '';
    width: 0.68rem;
    height: 0.02rem;
    background: linear-gradient(90deg, #3ED3CE, rgba(255,255,255,0));
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.01rem;
}
.history .cont2 .ttlbox h2 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    margin: 0.22rem 0 0.17rem;
    position: relative;
    z-index: 2;
}
.history .cont2 .ttlbox h2 span {
    font-size: 0.16rem;
    padding-left: 0.25rem;
}
.history .cont2 .ttlbox h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.history .cont2 .ttlbox .icon {
    display: block;
    width: 0.43rem;
    height: 0.43rem;
    border-radius: 50%;
    background: linear-gradient(0deg, #3ED3CE, #CCF3F2);
    position: absolute;
    right: 0.35rem;
    top: 50%;
    margin-top: -0.215rem;
    transition: 0.4s;
}
.history .cont2 .ttlbox.open .icon {
    transform: rotate(360deg);
}
.history .cont2 .ttlbox .icon::before,
.history .cont2 .ttlbox .icon::after {
    content: '';
    width: 0.23rem;
    height: 0.01rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.005rem 0 0 -0.115rem;
    transition: 0.4s;
}
.history .cont2 .ttlbox .icon::after {
    width: 0.01rem;
    height: 0.23rem;
    margin: -0.115rem 0 0 -0.005rem;
}
.history .cont2 .ttlbox.open .icon::after {
    width: 0;
    height: 0;
}
.history .cont2 .accbox {
    display: none;
}
.history .cont2 .accbox .box1 {
    padding: 0.3rem 1rem;
}
.history .cont2 .accbox .box1 .con {
    width: 58.88%;
}
.history .cont2 .accbox .box1 .con p {
    font-size: 0.14rem;
}
.history .cont2 .accbox .box1 picture {
    width: 33.33%;
}
.history .cont2 .accbox .box1 picture img {
    padding-bottom: 0.1rem;
}
.history .cont2 .accbox .box2 {
    background-color: #3AC4C0;
    border-radius: 0.2rem;
    color: #fff;
    padding: 0.55rem 1rem 0.45rem;
}
.history .cont2 .accbox .box2 p {
    font-size: 0.13rem;
    line-height: 1.3;
    border-top: 0.005rem dashed #fff;
    border-bottom: 0.005rem solid #fff;
    padding: 0.15rem 0 0.3rem;
    position: relative;
}
.history .cont2 .accbox .box2 p::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
}
.history .cont2 .accbox .box2 dl {
    font-size: 0.14rem;
    border-bottom: 0.005rem solid #fff;
    padding: 0.15rem 0;
    display: flex;
    justify-content: space-between;   
}
.history .cont2 .accbox .box2 dl dt {
    width: 14%;
}
.history .cont2 .accbox .box2 dl dd {
    width: 86%;
}
@media screen and (min-width:751px){
.history .cont2 .ttlbox:hover::before {
    left: -1.5rem;
    top: -1.5rem;
}
}
@media screen and (max-width:750px){
.history .cont2 .sec {
    border: 0.01rem solid #656565;
}
.history .cont2 .ttlbox {
    padding: 0.3rem 0.25rem 0.25rem;
}
.history .cont2 .ttlbox h2 {
    font-size: 0.24rem;
    margin: 0.2rem 0 0.15rem;
}
.history .cont2 .ttlbox h2 span {
    font-size: 0.14rem;
    padding-left: 0.2rem;
}
.history .cont2 .ttlbox h3 {
    font-size: 0.18rem;
    line-height: 1.4;
}
.history .cont2 .ttlbox .icon {
    width: 0.36rem;
    height: 0.36rem;
    right: 0.2rem;
    top: 0.2rem;
    margin-top: 0;
}
.history .cont2 .ttlbox .icon::before,
.history .cont2 .ttlbox .icon::after {
    width: 0.18rem;
    margin: -0.005rem 0 0 -0.09rem;
}
.history .cont2 .ttlbox .icon::after {
    width: 0.01rem;
    height: 0.18rem;
    margin: -0.09rem 0 0 -0.005rem;
}
.history .cont2 .accbox .box1 {
    padding: 0.1rem 0.25rem 0.25rem;
}
.history .cont2 .accbox .box1 .con {
    width: 100%;
}
.history .cont2 .accbox .box1 .con p {
    line-height: 1.85;
}
.history .cont2 .accbox .box1 picture {
    width: 75%;
    margin: 0.3rem auto 0;
}
.history .cont2 .accbox .box1 picture img {
    padding-bottom: 0.1rem;
}
.history .cont2 .accbox .box2 {
    padding: 0.4rem 0.25rem 0.35rem;
}
.history .cont2 .accbox .box2 p {
    font-size: 0.12rem;
    border-top: 0.01rem dotted #fff;
    border-bottom: 0.01rem solid #fff;
    padding: 0.1rem 0 0.2rem;
}
.history .cont2 .accbox .box2 dl {
    display: block;
    font-size: 0.14rem;
    border-bottom: 0.01rem solid #fff;
    padding: 0.1rem 0 0.15rem;
}
.history .cont2 .accbox .box2 dl dt {
    width: 100%;
}
.history .cont2 .accbox .box2 dl dd {
    width: 100%;
    line-height: 1.5;
    margin-top: 0.05rem;
}
}

/*  .cont2.his02  */
.history .cont2.his02 .ttlbox::before {
    background: linear-gradient(90deg, #26BBD6 0%, #FFFFFF 100%);
}
.history .cont2.his02 .ttlbox p::before {
    background: linear-gradient(90deg, #26BBD6, rgba(255,255,255,0));
}
.history .cont2.his02 .ttlbox .icon {
    background: linear-gradient(0deg, #26BBD6, #C8EEF4);
}
.history .cont2.his02 .accbox .box2 {
    background-color: #23B1CB;
}

/*  .cont2.his03  */
.history .cont2.his03 .ttlbox::before {
    background: linear-gradient(90deg, #4396DB 0%, #FFFFFF 100%);
}
.history .cont2.his03 .ttlbox p::before {
    background: linear-gradient(90deg, #4396DB, rgba(255,255,255,0));
}
.history .cont2.his03 .ttlbox .icon {
    background: linear-gradient(0deg, #4396DB, #C7DFF4);
}
.history .cont2.his03 .accbox .box2 {
    background-color: #4396DB;
}

/*  .cont2.his04  */
.history .cont2.his04 .ttlbox::before {
    background: linear-gradient(90deg, #666BEF 0%, #FFFFFF 100%);
}
.history .cont2.his04 .ttlbox p::before {
    background: linear-gradient(90deg, #666BEF, rgba(255,255,255,0));
}
.history .cont2.his04 .ttlbox .icon {
    background: linear-gradient(0deg, #666BEF, #CECFFA);
}
.history .cont2.his04 .accbox .box2 {
    background-color: #7D79D1;
}

/*  .cont2.his05  */
.history .cont2.his05 {
    margin-bottom: 1.5rem;
}
.history .cont2.his05 .ttlbox::before {
    background: linear-gradient(90deg, #9464DD 0%, #FFFFFF 100%);
}
.history .cont2.his05 .ttlbox p::before {
    background: linear-gradient(90deg, #9464DD, rgba(255,255,255,0));
}
.history .cont2.his05 .ttlbox .icon {
    background: linear-gradient(0deg, #9464DD, #DDCDF4);
}
.history .cont2.his05 .accbox .box2 {
    background-color: #8E6FBE;
}
@media screen and (max-width:750px){
.history .cont2.his05 {
    margin-bottom: 1rem;
}
}


/* company/group/
------------------------------------------------- */
/*  .mainttl  */
@media screen and (max-width:750px){
.group .mainttl .headline2 p {
    font-size: 0.38rem;
    white-space: nowrap;
}
}

/*  .cont1  */
.group .cont1 {
    padding: 0.5rem 0 1.15rem;
}
.group .cont1 h2 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
}
.group .cont1 .txt {
    line-height: 1.875;
    margin: 0.2rem 0 0.7rem;
}
.group .cont1 ul li {
    width: 3.45rem;
    height: 4rem;
    margin-bottom: 0.7rem;
}
.group .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 0.005rem solid #656565;
    border-radius: 0.05rem;
    padding: 0.4rem 0.35rem 0;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}
.group .cont1 ul li a .ttl {
    font-size: 0.14rem;
    line-height: 1;
    color: #0F58AA;
}
.group .cont1 ul li a h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    padding: 0.13rem 0 0.2rem;
    margin-bottom: 0.16rem;
    white-space: nowrap;
    position: relative;
}
.group .cont1 ul li a h3::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background: linear-gradient(90deg, #0F58AA, #43F1FF);
    position: absolute;
    left: 0;
    bottom: 0;
}
.group .cont1 ul li a picture {
    width: 100%;
    height: 1.7rem;
    position: relative;
    overflow: hidden;
}
.group .cont1 ul li a picture::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(93,135,157,0.3);
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.group .cont1 ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.group .cont1 ul li a p {
    font-size: 0.14rem;
    line-height: 2;
    padding-top: 0.2rem;
    white-space: nowrap;
}
.group .cont1 ul li a .btnst2 {
    position: absolute;
    right: 0.2rem;
    bottom: -0.14rem;
}
@media screen and (min-width:751px){
.group .cont1 ul li a:hover picture::after {
    background-color: rgba(93,135,157,0);
}
.group .cont1 ul li a:hover picture img {
    transform: scale(1.08);
}
}
@media screen and (max-width:750px){
.group .cont1 {
    padding: 0.75rem 0 1.05rem;
}
.group .cont1 h2 {
    font-size: 0.25rem;
    line-height: 1.4;
}
.group .cont1 .txt {
    line-height: 1.85;
}
.group .cont1 ul li {
    width: 100%;
    height: 3.8rem;
    margin-bottom: 0.4rem;
}
.group .cont1 ul li a {
    border: 0.01rem solid #656565;
    padding: 0.3rem 0.25rem 0;
}
.group .cont1 ul li a p {
    line-height: 1.85;
    padding-top: 0.15rem;
}
}

/*  .cont2  */
.group .cont2 {
    padding-bottom: 1.8rem;
    position: relative;
    z-index: 1;
}
.group .cont2::before {
    content: '';
    width: 9.26rem;
    height: 9.26rem;
    background: url("../img/company/group/earth.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -3.3rem;
    margin-left: -1.44rem;
    z-index: 1;
}
.group .cont2::after {
    content: '';
    width: 100%;
    height: 8.3rem;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0, #fff 85%, #fff 100%);
    position: absolute;
    left: 0;
    top: -2.3rem;
    z-index: 2;
}
.group .cont2 h2 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.25rem;
    position: relative;
    z-index: 3;
}
.group .cont2 p {
    line-height: 1.875;
    position: relative;
    z-index: 3;
}
.group .recommend {
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.group .cont2 {
    padding-bottom: 1.15rem;
}
.group .cont2::before {
    width: 5.5rem;
    height: 5.5rem;
    top: -2rem;
    margin-left: -2rem;
}
.group .cont2::after {
    height: 6rem;
    top: -1.75rem;
}
.group .cont2 h2 {
    font-size: 0.2rem;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}
.group .cont2 p {
    font-size: 0.14rem;
    line-height: 1.75;
}
}


/* company/group/tamagawahd/,
   company/group/tamagawafibers/,
   company/group/tohoku/,
   company/group/tamagawasales/,
   company/group/kyushu/,
   company/group/saitam/
------------------------------------------------- */
/*  .cont1  */
.group-cont1 {
    padding: 0.9rem 0 1.3rem;
}
.group-cont1 .inner {
    max-width: 9rem;
}
.group-cont1 .headline1 {
    margin: 0 0 0.3rem 0.21rem;
}
.group-cont1 table {
    width: calc(100% - 0.42rem);
    margin: 0 auto;
}
.group-cont1 table th,
.group-cont1 table td {
    font-size: 0.14rem;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    border-top: 0.005rem solid #959595;
    border-bottom: 0.005rem solid #959595;
    padding: 0.2rem 0;
}
.group-cont1 table th {
    width: 16%;
}
.group-cont1 table td ul li {
    padding-left: 1em;
    text-indent: -1em;
}
.group-cont1 table td ul li::before {
    content: '・';
}
@media screen and (max-width:750px){
.group-cont1 {
    padding: 0.75rem 0 1rem;
}
.group-cont1 table th,
.group-cont1 table td {
    line-height: 1.5;
    border-top: 0.01rem solid #959595;
    border-bottom: 0.01rem solid #959595;
    padding: 0.2rem 0;
}
.group-cont1 table th {
    width: 32%;
}
.group-cont1 table td ul li {
    margin-bottom: 0.05rem;
}
.group-cont1 table td ul li:last-child {
    margin-bottom: 0;
}
}

/*  .cont2  */
.tamagawahd .cont2 {
    padding-bottom: 1.5rem;
}
.tamagawahd .cont2 .inner {
    max-width: 9rem;
}
.tamagawahd .cont2 .headline1 {
    margin: 0 0 0.3rem 0.21rem;
}
.tamagawahd .cont2 .gmap {
    width: 100%;
    height: 5.5rem;
    position: relative;
}
.tamagawahd .cont2 .gmap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.tamagawahd .cont2 p {
    font-size: 0.14rem;
    margin-top: 0.1rem;
}
@media screen and (max-width:750px){
.tamagawahd .cont2 {
    padding-bottom: 1rem;
}
.tamagawahd .cont2 .gmap {
    height: 3rem;
}
}

/*  .cont3  */
.group-cont3 {
    background-color: #F7F6F5;
    padding: 1.2rem 0 0.25rem;
    margin-bottom: 1.5rem;
}
.group-cont3 .inner {
    max-width: 9rem;
}
.group-cont3 .headline1 {
    margin: 0 0 0.5rem 0.21rem;
}
.group-cont3 .sec {
    width: 8.7rem;
    margin: 0 0 0.9rem 0.3rem;
    position: relative;
}
.group-cont3 .sec .ttlbox {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0.2rem;
    position: relative;
}
.group-cont3 .sec .ttlbox::before {
    content: '';
    width: 100vw;
    height: 0.005rem;
    border-top: 0.005rem dashed #716F6F;
    position: absolute;
    left: 0;
    top: 0;
}
.group-cont3 .sec .ttlbox h3 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.2;
}
.group-cont3 .sec .ttlbox p {
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 1.33;
    letter-spacing: 0.02em;
    color: #0F58AA;
    padding: 0.13rem 0 0.05rem;
    position: relative;
}
.group-cont3 .sec .ttlbox p::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #0F58AA;
    position: absolute;
    left: 0;
    top: 0;
}
.group-cont3 .sec .box {
    padding-bottom: 0.25rem;
    margin-bottom: 0.22rem;
    position: relative;
}
.group-cont3 .sec .box::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background: linear-gradient(90deg, #0F58AA, #43F1FF);
    position: absolute;
    left: 0;
    bottom: 0;
}
.group-cont3 .sec .box .con,
.group-cont3 .sec .box2 .con {
    width: 2.7rem;
}
.group-cont3 .sec .box .con p,
.group-cont3 .sec .box2 .con p {
    font-size: 0.14rem;
    line-height: 1.785;
    padding-top: 0.25rem;
}
.group-cont3 .sec .box .gmap {
    width: 5.47rem;
    height: 3rem;
    position: relative;
}
.group-cont3 .sec .box .gmap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.group-cont3 .sec address,
.group-cont3 .sec .num {
    font-size: 0.14rem;
    line-height: 1.785;
}
.group-cont3 .sec .box2 .map {
    width: 5.47rem;
}
.group-cont3 .sec .box2 .map .gmap {
    width: 100%;
    height: 3rem;
    position: relative;
}
.group-cont3 .sec .box2 .map .gmap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.group-cont3 .sec .box2 .map .add {
    padding: 0.15rem 0 0.4rem;
}
.group-cont3 .sec .box2 .map .add.last {
    padding-bottom: 0;
}
.group-cont3 .sec .box2 .map h4 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 0.1rem;
}
.group-cont3 .sec .btnst1 {
    position: absolute;
    right: 0;
    bottom: 0;
}
.group-cont3 .sec .btnst1 a {
    width: 2.2rem;
    padding-left: 0.5rem;
}
.group-cont3 .sec .btnst1 a span::before {
    content: '';
    width: 0.13rem;
    height: 0.13rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.544%22%20height%3D%2214.646%22%20viewBox%3D%220%200%2014.544%2014.646%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_77169%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2077169%22%20transform%3D%22translate(-190.478%20-19.427)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7532%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207532%22%20transform%3D%22translate(190.478%2022.073)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_31731%22%20data-name%3D%22%E3%83%91%E3%82%B9%2031731%22%20d%3D%22M-17618.225-10183.146h12.27v11.954%22%20transform%3D%22translate(17810.477%2010203.073)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: -0.25rem;
    top: 50%;
    margin-top: -0.05rem;
}
@media screen and (min-width:751px){
.group-cont3 .sec .btnst1 a:hover span::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.544%22%20height%3D%2214.646%22%20viewBox%3D%220%200%2014.544%2014.646%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_77169%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2077169%22%20transform%3D%22translate(-190.478%20-19.427)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_7532%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%207532%22%20transform%3D%22translate(190.478%2022.073)%22%20fill%3D%22none%22%20stroke%3D%22%230f58aa%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2212%22%20height%3D%2212%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2211%22%20height%3D%2211%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_31731%22%20data-name%3D%22%E3%83%91%E3%82%B9%2031731%22%20d%3D%22M-17618.225-10183.146h12.27v11.954%22%20transform%3D%22translate(17810.477%2010203.073)%22%20fill%3D%22none%22%20stroke%3D%22%230f58aa%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
}
@media screen and (max-width:750px){
.group-cont3 {
    padding: 0.75rem 0 0.25rem;
    margin-bottom: 1rem;
}
.group-cont3 .headline1 {
    margin: 0 0 0.5rem 0.21rem;
}
.group-cont3 .sec {
    width: 100%;
    margin: 0 0 0.6rem;
    padding: 0 0.21rem;
    box-sizing: border-box;
}
.group-cont3 .sec .ttlbox::before {
    height: 0.01rem;
    border-top: 0.01rem dotted #716F6F;
}
.group-cont3 .sec .box {
    margin-bottom: 0.15rem;
}
.group-cont3 .sec .box .con,
.group-cont3 .sec .box2 .con {
    width: 100%;
}
.group-cont3 .sec .box .con p,
.group-cont3 .sec .box2 .con p {
    line-height: 1.7;
    padding: 0.25rem 0;
}
.group-cont3 .sec .box .gmap {
    width: 100%;
    height: 2.5rem;
}
.group-cont3 .sec address,
.group-cont3 .sec .num {
    line-height: 1.55;
}
.group-cont3 .sec .box2 .map {
    width: 100%;
}
.group-cont3 .sec .box2 .map .gmap {
    height: 2.5rem;
}
.group-cont3 .sec .box2 .map .add {
    padding: 0.15rem 0 0.4rem;
}
.group-cont3 .sec .box2 .map .add.last {
    padding-bottom: 0;
}
.group-cont3 .sec .box2 .map h4 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.2;
    padding-bottom: 0.1rem;
} 
.group-cont3 .sec .btnst1 {
    position: static;
    margin-top: 0.3rem;
}
}


/* service
------------------------------------------------- */
/*  .mainttl  */
@media screen and (max-width:750px){
.service .mainttl picture img {
    object-position: center 40%;
}
}

/*  .cont1  */
.service .cont1 {
    padding: 0.4rem 0 2rem;
}
.service .cont1 h2 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1.8;
    padding-bottom: 0.2rem;
}
.service .cont1 p {
    line-height: 2.8125;
}
@media screen and (max-width:750px){
.service .cont1 {
    padding: 0.75rem 0 1rem;
}
.service .cont1 h2 {
    font-size: 0.2rem;
    line-height: 1.75;
    padding-bottom: 0.3rem;
    white-space: nowrap;
}
.service .cont1 p {
    line-height: 2;
}
}

/*  .cont2  */
.service .cont2 {
    background-color: rgba(255,255,255,0.65);
    padding: 1.3rem 0 2.5rem;
}
.service .cont2 .headline1 {
    margin-bottom: 0.52rem;
    position: relative;
}
.service .cont2 .headline1::after {
    content: 'Linen Supply';
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.42rem;
    letter-spacing: 0.02em;
    line-height: 1.3;
    color: #B7EFF8;
    position: absolute;
    left: -0.98rem;
    top: -1.15rem;
    opacity: 0.57;
    z-index: 1;
    clip-path: inset(0 100% 0 0);
}
.service .cont2.isAnimate .headline1::after {
    animation: mask 0.6s ease-in-out 0.3s 1 forwards
}
.service .cont2 .headline1 .tit1 {
    font-size: 0.35rem;
    position: relative;
    z-index: 2;
}
.service .cont2 .headline1 p {
    z-index: 2;
}
.service .cont2 .con {
    width: 48.18%;
}
.service .cont2 .copy {
    font-size: 0.25rem;
    line-height: 1.8;
    padding-bottom: 0.1rem;
}
.service .cont2 .txt {
    font-size: 0.14rem;
    padding-bottom: 0.45rem;
}
.service .cont2 picture {
    width: 49vw;
    margin-right: calc(5.5rem - 50cqw);
}
.service .cont2 picture img {
    display: block;
    border-radius: 0.05rem 0 0 0.05rem;
}
@media screen and (max-width:750px){
.service .cont2 {
    padding: 1rem 0;
    overflow: hidden;
}
.service .cont2 .inner {
    padding: 0 0.2rem;
}
.service .cont2 .headline1 {
    margin-bottom: 0.3rem;
}
.service .cont2 .headline1::after {
    font-size: 0.88rem;
    letter-spacing: normal;
    line-height: 1.3;
    left: -0.35rem;
    top: -0.65rem;
    white-space: nowrap;
}
.service .cont2 .headline1 .tit1 {
    font-size: 0.3rem;
}
.service .cont2 .con {
    width: 100%;
}
.service .cont2 .copy {
    font-size: 0.2rem;
    line-height: 1.75;
    padding-bottom: 0.1rem;
}
.service .cont2 .txt {
    line-height: 2;
    padding-bottom: 0.3rem;
}
.service .cont2 picture {
    width: 100%;
    margin: 0 0 0.2rem;
}
.service .cont2 picture img {
    border-radius: 0.05rem;
}
.service .cont2 .btnst2 {
    display: flex;
    justify-content: flex-end;
}
}

/*  .cont3  */
.service .cont3 {
    background-color: rgba(255,255,255,0);
    padding: 2.2rem 0 2.5rem;
}
.service .cont3 .headline1::after {
    content: 'Cleaning';
}
@media screen and (max-width:750px){
.service .cont3 {
    padding: 1rem 0;
}
}

/*  .cont4  */
.service .cont4 .headline1::after {
    content: 'Bedding Rental';
}

/*  .cont5  */
.service .cont5 {
    background-color: rgba(255,255,255,0);
    padding: 2.2rem 0 2.5rem;
}
.service .cont5 .headline1::after {
    content: 'Product Sales';
}
@media screen and (max-width:750px){
.service .cont5 {
    padding: 1rem 0;
}
}

/*  .cont6  */
.service .cont6 .headline1::after {
    content: 'Care Services';
}


/* service/linensupply/,
   service/cleaning/,
   service/lease/,
   service/products/,
   service/nursing/
------------------------------------------------- */
/*  .service-bg  */
.service-bg {
    background-color: #fff;
    padding-top: 2rem;
}
@media screen and (max-width:750px){
.service-bg {
    padding-top: 1rem;
}
}

/*  .cont1  */
.service-cont1 {
    height: 6.5rem;
    padding-top: 0.4rem;
    box-sizing: border-box;
}
.service-cont1 h2 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 0.2rem;
}
.service-cont1 p {
    line-height: 2.1875;
}
@media screen and (max-width:750px){
.service-cont1 {
    height: auto;
    padding: 0.75rem 0 1rem;
}
.service-cont1 h2 {
    font-size: 0.21rem;
    line-height: 1.55;
    margin-bottom: 0.25rem;
}
.service-cont1 p {
    line-height: 2;
}
}

/*  .cont2  */
.service-cont2 {
    background-color: rgba(255,255,255,0.7);
    padding: 1.3rem 0 1.1rem;
}
.service-cont2 h2 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 1rem;
}
.service-cont2 .box {
    border-top: 0.005rem solid #0F58AA;
    padding: 0.16rem 0 0.9rem;
    position: relative;
}
.service-cont2 .box::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #0F58AA;
    position: absolute;
    left: 0;
    top: 0;
}
.service-cont2 .box .headline1 {
    margin-bottom: 0.3rem;
}
.service-cont2 .box .headline1 .tit1 {
    color: #0F58AA;
    line-height: 1.45;
}
.service-cont2 .box .headline1 .tit1.wh {
    white-space: nowrap;
}
.service-cont2 .box .headline1 p {
    color: #9DB8D5;
}
.service-cont2 .box .headline1 p::before {
    display: none;
}
.service-cont2 .box .txt {
    font-size: 0.14rem;
}
.service-cont2 .box .con {
    width: 29.3%;
}
.service-cont2 .box picture {
    width: 6.8rem;
    height: 3.6rem;
    border-radius: 0.05rem;
    margin-top: 0.2rem;
    overflow: hidden;
}
.service-cont2 .box picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-cont2 .sec .box {
    width: 47.27%;
}
.service-cont2 .sec .box .headline1 {
    margin-bottom: 0.2rem;
}
.service-cont2 .sec .box picture {
    width: 100%;
    height: 3.05rem;
    margin-top: 0;
}
.service-cont2 .sec .box .txt {
    margin-top: 0.25rem;
}
@media screen and (max-width:750px){
.service-cont2 {
    padding: 1rem 0 0.3rem;
}
.service-cont2 h2 {
    font-size: 0.225rem;
    padding-bottom: 0.5rem;
}
.service-cont2 .box {
    border-top: 0.01rem solid #0F58AA;
    padding: 0.16rem 0 0.7rem;
}
.service-cont2 .box .headline1 {
    margin-bottom: 0.2rem;
}
.service-cont2 .box .headline1 .tit1 {
    line-height: 1.25;
}
.service-cont2 .box .txt {
    line-height: 1.85;
}
.service-cont2 .box .con {
    width: 100%;
}
.service-cont2 .box picture {
    width: 100%;
    height: 2rem;
}
.service-cont2 .sec .box {
    width: 100%;
}
.service-cont2 .sec .box .headline1 {
    margin-bottom: 0.2rem;
}
.service-cont2 .sec .box .headline1 .tit1 {
    line-height: 1.25;
}
.service-cont2 .sec .box picture {
    width: 100%;
    height: 2rem;
}
.service-cont2 .sec .box .txt {
    line-height: 1.85;
    margin-top: 0.2rem;
}
}

/*  .cont3  */
.service-cont3 {
    background-color: #0F58AA;
    padding: 1.9rem 0 2rem;
    color: #fff;
}
.service-cont3 h2 {
    margin-bottom: 1.5rem;
    position: relative;
}
.service-cont3 h2::after {
    content: 'Strength';
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 1.42rem;
    letter-spacing: 0.02em;
    line-height: 1.3;
    color: #fff;
    position: absolute;
    left: 0.43rem;
    top: -0.95rem;
    opacity: 0.14;
    z-index: 1;
    clip-path: inset(0 100% 0 0);
}
.service-cont3.isAnimate h2::after {
    animation: mask 0.6s ease-in-out 0.3s 1 forwards
}
.service-cont3 h2 span {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    z-index: 2;
}
.service-cont3 ul li {
    width: 33.333%;
    border-right: 0.01rem solid #fff;
    box-sizing: border-box;
}
.service-cont3 ul li:first-child {
    border-left: 0.01rem solid #fff;
}
.service-cont3 ul li h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}
.service-cont3 ul li picture {
    width: 3rem;
    height: 1.95rem;
    border-radius: 0.05rem;
    margin: 0.27rem auto 0.2rem;
    overflow: hidden;
}
.service-cont3 ul li picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-cont3 ul li p {
    width: 3rem;
    font-size: 0.14rem;
    margin: 0 auto 0.15rem;
}
@media screen and (max-width:750px){
.service-cont3 {
    padding: 1rem 0 1rem;
}
.service-cont3 h2 {
    margin-bottom: 0.55rem;
}
.service-cont3 h2::after {
    font-size: 0.88rem;
    letter-spacing: normal;
    left: 0.35rem;
    top: -0.55rem;
    white-space: nowrap;
}
.service-cont3 h2 span {
    font-size: 0.25rem;
}
.service-cont3 ul li {
    width: 100%;
    border-bottom: 0.01rem solid #fff;
    border-right: none;
    padding: 0.35rem 0 0.3rem;
}
.service-cont3 ul li:first-child {
    border-top: 0.01rem solid #fff;
    border-left: none;
}
.service-cont3 ul li h3 {
    font-size: 0.225rem;
    line-height: 1.3;
}
.service-cont3 ul li picture {
    margin: 0.2rem auto;
}
.service-cont3 ul li p {
    width: 3rem;
    line-height: 1.85;
    margin: 0 auto 0.15rem;
}
}

/*  .cont4  */
.service-cont4 {
    height: 8.85rem;
    position: relative;
}
.service-cont4::before {
    content: '';
    width: 100%;
    height: 5.3rem;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.service-cont4::after {
    content: '';
    width: 72.84%;
    height: 100%;
    background: url("../img/service/linensupply/bg.jpg") left center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0.7;
}
.service-cont4 .inner {
    max-width: 12.66rem;
    padding: 0.96rem 0;
    z-index: 3;
}
.service-cont4 h2 {
    font-size: 0.3rem;
    font-weight: 500;
    margin-left: 0.9rem;
}
.service-cont4 ul li {
    width: 6.9rem;
    height: 0.97rem;
    margin-bottom: 0.52rem;
    position: relative;
}
.service-cont4 ul li:last-child {
    margin-bottom: 0;
}
.service-cont4 ul li::after {
    content: '';
    width: 100vw;
    height: 100%;
    background-color: rgba(255,255,255,0.75);
    border-radius: 0.05rem 0 0 0.05rem;
    position: absolute;
    left: 0;
    top: 0;
}
.service-cont4 ul li dl {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.2rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.service-cont4 ul li dl dt {
    width: 33.5%;
    font-size: 0.25rem;
    font-weight: 500;
}
.service-cont4 ul li dl dd {
    width: 66.5%;
    font-size: 0.14rem;
}
@media screen and (max-width:750px){
.service-cont4 {
    height: auto;
}
.service-cont4::before {
    height: 3rem;
    background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    bottom: auto;
    top: 0;
}
.service-cont4::after {
    width: 100%;
    height: 4.425rem;
}
.service-cont4 .inner {
    padding: 0.75rem 0 1rem;
}
.service-cont4 h2 {
    font-size: 0.25rem;
    margin: 0 0 0.25rem;
}
.service-cont4 ul li {
    width: 95%;
    height: auto;
    padding: 0.2rem 0;
    margin-bottom: 0.2rem;
}
.service-cont4 ul li dl {
    display: block;
    padding-left: 0.3rem;
}
.service-cont4 ul li dl dt {
    width: 100%;
    font-size: 0.2rem;
}
.service-cont4 ul li dl dd {
    width: 100%;
    line-height: 1.75;
}
}

/*  .cont5  */
.service-cont5 {
    background-color: #fff;
    padding-top: 1.45rem;
    position: relative;
}
.service-cont5 h2 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
}
.service-cont5 .txt {
    line-height: 2.1875;
    padding: 0.2rem 0 0.5rem;
}
.service-cont5 ul li {
    width: 33.333%;
    border-right: 0.01rem solid #656565;
    box-sizing: border-box;
}
.service-cont5 ul li:first-child {
    border-left: 0.01rem solid #656565;
}
.service-cont5 ul li h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
    text-align: center;
}
.service-cont5 ul li picture {
    width: 3rem;
    height: 1.95rem;
    border-radius: 0.05rem;
    margin: 0.27rem auto 0.2rem;
    overflow: hidden;
}
.service-cont5 ul li picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-cont5 ul li p {
    width: 3rem;
    font-size: 0.14rem;
    margin: 0 auto 0.15rem;
}
@media screen and (max-width:750px){
.service-cont5 {
    padding-top: 1rem;
}
.service-cont5 h2 {
    font-size: 0.225rem;
}
.service-cont5 .txt {
    font-size: 0.14rem;
    line-height: 1.85;
}
.service-cont5 ul li {
    width: 100%;
    border-bottom: 0.01rem solid #656565;
    border-right: none;
    padding: 0.35rem 0 0.3rem;
}
.service-cont5 ul li:first-child {
    border-top: 0.01rem solid #656565;
    border-left: none;
}
.service-cont5 ul li h3 {
    font-size: 0.2rem;
    line-height: 1.3;
    letter-spacing: normal;
}
.service-cont5 ul li picture {
    margin: 0.2rem auto;
}
.service-cont5 ul li p {
    width: 3rem;
    line-height: 1.85;
    margin: 0 auto 0.15rem;
}
}


/*  service/linensupply/
------------------------------------------------- */
.linensupply .service-cont2 .box .con {
    width: calc(100% - 7rem);
}
.linensupply .service-cont2 .box .con .txt {
    width: 3.2rem;
}
.linensupply .service-cont2 .box picture {
    width: 3.3rem;
    height: 2.4rem;
    margin-left: 0.2rem;
}
.linensupply .service-cont3 ul li {
    width: 50%;
    margin-bottom: 0.65rem;
}
.linensupply .service-cont3 ul li:nth-child(3) {
    border-left: 0.01rem solid #fff;
    margin-bottom: 0;
}
.linensupply .service-cont3 ul li:nth-child(4) {
    margin-bottom: 0;
}
.linensupply .service-cont3 ul li .illust {
    width: 0.8159rem;
    margin: 0.4rem auto 0.25rem;
}
.linensupply .service-cont3 ul li:nth-child(2) .illust {
    width: 0.6906rem;
    margin: 0.375rem auto 0.25rem;
}
.linensupply .service-cont3 ul li:nth-child(3) .illust {
    margin: 0.45rem auto 0.25rem;
}
.linensupply .service-cont3 ul li:nth-child(4) .illust {
    width: 0.7433rem;
    margin: 0.3rem auto 0.25rem;
}
.linensupply .service-cont3 ul li p {
    width: 4.5rem;
}
@media screen and (max-width:750px){
.linensupply .service-cont2 .box .con {
    width: 100%;
}
.linensupply .service-cont2 .box .con .txt {
    width: 100%;
}
.linensupply .service-cont2 .box picture {
    width: 100%;
    height: 2rem;
    margin-left: 0;
}
.linensupply .service-cont3 ul li {
    width: 100%;
    margin-bottom: 0;
}
.linensupply .service-cont3 ul li:nth-child(3) {
    border-left: none;
    margin-bottom: 0;
}
.linensupply .service-cont3 ul li .illust {
    margin: 0.3rem auto 0.25rem;
}
.linensupply .service-cont3 ul li:nth-child(2) .illust {
    margin: 0.3rem auto 0.25rem;
}
.linensupply .service-cont3 ul li:nth-child(3) .illust {
    margin: 0.3rem auto 0.25rem;
}
.linensupply .service-cont3 ul li p {
    width: 3rem;
}
}


/*  service/cleaning/
------------------------------------------------- */
.cleaning .service-cont3 ul li {
    width: 50%;
}
.cleaning .service-cont3 ul li:nth-child(3) {
    width: 100%;
    border-left: 0.01rem solid #fff;
    margin-top: 0.65rem;
}
.cleaning .service-cont3 ul li .illust {
    width: 0.6027rem;
    margin: 0.4rem auto 0.3rem;
}
.cleaning .service-cont3 ul li:nth-child(2) .illust {
    width: 0.7585rem;
    margin: 0.45rem auto 0.3rem;
}
.cleaning .service-cont3 ul li:nth-child(3) .illust {
    width: 0.8149rem;
}
.cleaning .service-cont3 ul li p {
    width: 4.5rem;
}
.cleaning .service-cont3 ul li:nth-child(3) p {
    width: 9.95rem;
}
@media screen and (max-width:750px){
.cleaning .mainttl.groupttl .copy {
    white-space: nowrap;
}
.cleaning .service-cont3 ul li {
    width: 100%;
}
.cleaning .service-cont3 ul li:nth-child(3) {
    width: 100%;
    border-left: none;
    margin-top: 0;
}
.cleaning .service-cont3 ul li .illust {
    margin: 0.3rem auto 0.2rem;
}
.cleaning .service-cont3 ul li:nth-child(2) .illust {
    margin: 0.3rem auto 0.2rem;
}
.cleaning .service-cont3 ul li:nth-child(3) .illust {
    width: 0.8149rem;
}
.cleaning .service-cont3 ul li p {
    width: 3rem;
}
.cleaning .service-cont3 ul li:nth-child(3) p {
    width: 3rem;
}
}


/*  service/lease/
------------------------------------------------- */
.lease .service-cont3 ul li .illust {
    width: 0.7459rem;
    margin: 0.35rem auto 0.25rem;
}
.lease .service-cont3 ul li:nth-child(2) .illust {
    width: 0.9949rem;
    margin: 0.3rem auto 0.2rem;
}
.lease .service-cont3 ul li:nth-child(3) .illust {
    width: 0.8079rem;
    margin: 0.3rem auto 0.25rem;
}
@media screen and (max-width:750px){
.lease .service-cont3 ul li .illust,
.lease .service-cont3 ul li:nth-child(2) .illust,
.lease .service-cont3 ul li:nth-child(3) .illust {
    margin: 0.35rem auto 0.25rem;
}
}


/*  service/products/
------------------------------------------------- */
.products .service-cont2 .sec .box .btn {
    margin-top: 0.3rem;
}
.products .service-cont2 .sec .box .btn .btnst2 a {
    width: 1.53rem;
}
.products .service-cont2 .sec .box .btn .btnst2 a b {
    padding-right: 0.25rem;
    position: relative;
}
.products .service-cont2 .sec .box .btn .btnst2 a b::after {
    content: '';
    width: 0.14rem;
    height: 0.105rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.43%22%20height%3D%2210.574%22%20viewBox%3D%220%200%2014.43%2010.574%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7047%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207047%22%20transform%3D%22translate(-258%20-2218.797)%22%3E%20%3Cg%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_37227%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2037227%22%20transform%3D%22translate(258%202222.371)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%20%3Crect%20width%3D%2211%22%20height%3D%227%22%20stroke%3D%22none%22%2F%3E%20%3Crect%20x%3D%220.5%22%20y%3D%220.5%22%20width%3D%2210%22%20height%3D%226%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_126721%22%20data-name%3D%22%E3%83%91%E3%82%B9%20126721%22%20d%3D%22M3249.514-19862.7h10.465v5.832%22%20transform%3D%22translate(-2988.049%2022082)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.0525rem;
}
.products .service-cont2 .sec .box .note {
    font-size: 0.12rem;
    color: #656565;
    padding-left: 0.15rem;
}
@media screen and (max-width:750px){
.products .mainttl.groupttl .copy {
    white-space: nowrap;
}
.products .service-cont2 .sec .box .btn {
    margin-top: 0.25rem;
}
.products .service-cont2 .sec .box .btn .btnst2 a {
    height: 0.3rem;
    margin: 0 auto;
}
.products .service-cont2 .sec .box .note {
    text-align: center;
    padding: 0.05rem 0 0;
}
}


/*  service/sustainability/
------------------------------------------------- */
/*  .mainttl  */
.sustainability .mainttl .copy {
    padding-bottom: 0.45rem;
}
.sustainability .mainttl .inner.nob {
    border-bottom: none;
}
.sustainability .mainttl .txt {
    line-height: 1.875;
    padding: 0.45rem 0.24rem 0.85rem;
}
@media screen and (max-width:750px){
.sustainability .mainttl .copy {
    padding-bottom: 0;
}
.sustainability .mainttl .inner.nob {
    padding-left: 0;
}
.sustainability .mainttl .txt {
    line-height: 1.875;
    padding: 0.45rem 0 0.5rem;
}
}

/*  .cont1  */
.sustainability .cont1 {
    background-color: rgba(255,255,255,0.7);
    padding: 1.3rem 0 1.6rem;
}
.sustainability .cont1 .headline1 {
    margin-bottom: 0.35rem;
}
.sustainability .cont1 .headline1 .tit1 {
    font-size: 0.35rem;
}
.sustainability .cont1 h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.15rem;
}
.sustainability .cont1 .txt1 {
    width: 5.3rem;
    font-size: 0.14rem;
    margin-bottom: 0.45rem;
}
.sustainability .cont1 .photo1 {
    margin-bottom: 0.4rem;
}
.sustainability .cont1 picture {
    width: 3.45rem;
    height: 2.4rem;
    border-radius: 0.05rem;
    overflow: hidden;
}
.sustainability .cont1 picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:750px){
.sustainability .cont1 {
    padding: 1rem 0 0.6rem;
}
.sustainability .cont1 .inner {
    padding: 0 0.2rem;
}
.sustainability .cont1 .headline1 {
    margin-bottom: 0.45rem;
}
.sustainability .cont1 .headline1 .tit1 {
    font-size: 0.25rem;
}
.sustainability .cont1 h3 {
    font-size: 0.2rem;
    margin-bottom: 0.15rem;
}
.sustainability .cont1 .txt1 {
    width: 100%;
    line-height: 1.85;
    margin-bottom: 0.35rem;
}
.sustainability .cont1 .photo1 {
    margin-bottom: 0.4rem;
}
.sustainability .cont1 picture {
    width: 100%;
    height: 2rem;
    margin-bottom: 0.15rem;
}
}

/*  .cont2  */
.sustainability .cont2 {
    background-color: rgba(255,255,255,0);
    padding-bottom: 2.5rem;
}
.sustainability .cont2 .headline1 {
    margin-bottom: 0.55rem;
}
.sustainability .cont2 h3 {
    line-height: 1.8;
    margin-bottom: 0.1rem;
}
.sustainability .cont2 .bnr {
    width: 2.72rem;
    margin: 0 auto;
}
.sustainability .cont2 .sec {
    margin-top: 1.5rem;
}
.sustainability .cont2 .sec .con {
    width: 5.3rem;
}
.sustainability .cont2 .txt2 {
    font-size: 0.14rem;
}
.sustainability .cont2 .photo2 {
    width: 5.2rem;
    height: 3.05rem;
}
@media screen and (max-width:750px){
.sustainability .cont2 {
    padding-bottom: 0.85rem;
}
.sustainability .cont2 .headline1 {
    margin-bottom: 0.45rem;
}
.sustainability .cont2 h3 {
    line-height: 1.5;
}
.sustainability .cont2 .bnr {
    width: 2.5rem;
}
.sustainability .cont2 .sec {
    margin-top: 0.75rem;
}
.sustainability .cont2 .sec .con {
    width: 100%;
}
.sustainability .cont2 .txt2 {
    line-height: 1.85;
    margin-bottom: 0.35rem;
}
.sustainability .cont2 .photo2 {
    width: 100%;
    height: 2rem;
}
}

/*  .cont3  */
.sustainability .cont3 {
    background-color: rgba(255,255,255,0.7);
    padding: 1.3rem 0 2rem;
}
.sustainability .cont3 .headline1 {
    margin-bottom: 0.5rem;
}
.sustainability .cont3 .headline1 .tit1 {
    font-size: 0.35rem;
}
.sustainability .cont3 .sec {
    position: relative;
}
.sustainability .cont3 .sec .txt1 {
    width: 5.3rem;
    font-size: 0.14rem;
}
.sustainability .cont3 .sec picture {
    width: 4.2919rem;
    position: absolute;
    right: 0;
    top: 0;
}
.sustainability .cont3 .box {
    border-top: 0.005rem dashed #0F58AA;
    padding-top: 0.55rem;
    margin-top: 0.8rem;
}
.sustainability .cont3 .box .con {
    width: 5.3rem;
}
.sustainability .cont3 .box .con h3 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.3rem;
}
.sustainability .cont3 .box .con ul {
    display: flex;
}
.sustainability .cont3 .box .con ul li {
    width: 0.8rem;
    margin-right: 0.15rem;
}
.sustainability .cont3 .box .con h4 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    margin: 0.3rem 0 0.1rem;
}
.sustainability .cont3 .box .con .txt2 {
    font-size: 0.14rem;
}
.sustainability .cont3 .box picture {
    width: 5.2rem;
    height: 3.05rem;
    border-radius: 0.05rem;
    overflow: hidden;
}
.sustainability .cont3 .box picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:750px){
.sustainability .cont3 {
    padding: 1rem 0 1rem;
}
.sustainability .cont3 .inner {
    padding: 0 0.2rem;
}
.sustainability .cont3 .headline1 {
    margin-bottom: 0.45rem;
}
.sustainability .cont3 .headline1 .tit1 {
    font-size: 0.25rem;
}
.sustainability .cont3 .sec .txt1 {
    width: 100%;
    line-height: 1.85;
}
.sustainability .cont3 .sec picture {
    width: 100%;
    position: static;
    margin: 0.2rem 0 0.55rem;
}
.sustainability .cont3 .box {
    border-top: 0.01rem dotted #0F58AA;
    padding-top: 0.4rem;
    margin-top: 0.45rem;
}
.sustainability .cont3 .box .con {
    width: 100%;
}
.sustainability .cont3 .box .con h3 {
    font-size: 0.25rem;
    margin-bottom: 0.3rem;
}
.sustainability .cont3 .box .con ul li {
    width: 0.7rem;
}
.sustainability .cont3 .box .con h4 {
    margin: 0.3rem 0 0.1rem;
}
.sustainability .cont3 .box .con .txt2 {
    line-height: 1.85;
}
.sustainability .cont3 .box picture {
    width: 100%;
    height: 2rem;
    margin-top: 0.25rem;
}
}

/*  .cont4  */
.sustainability .cont4 {
    padding: 1.35rem 0 0.6rem;
}
.sustainability .cont4 .headline1 {
    margin-bottom: 0.5rem;
}
.sustainability .cont4 .headline1 .tit1 {
    font-size: 0.35rem;
}
.sustainability .cont4 .box {
    border-bottom: 0.005rem dashed #0F58AA;
    padding-bottom: 0.6rem;
    margin-bottom: 0.6rem;
}
.sustainability .cont4 .box.last {
    border-bottom: none;
}
.sustainability .cont4 .box .con {
    width: 5.3rem;
}
.sustainability .cont4 .box .con h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.1rem;
}
.sustainability .cont4 .box .con .txt {
    font-size: 0.14rem;
}
.sustainability .cont4 .box .con .link {
    font-size: 0.14rem;
    padding-top: 0.15rem;
}
.sustainability .cont4 .box .con .link a {
    text-decoration: underline;
}
.sustainability .cont4 .box .photo {
    width: 5.35rem;
    display: flex;
}
.sustainability .cont4 .box .photo .photo1 {
    width: 2.1rem;
    margin-left: 0.14rem;
}
.sustainability .cont4 .box .photo .photo2 {
    width: 1.4125rem;
    margin-left: 0.14rem;
}
@media screen and (min-width:751px){
.sustainability .cont4 .box .con .link a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.sustainability .cont4 {
    padding: 1rem 0 1rem;
}
.sustainability .cont4 .inner {
    padding: 0 0.2rem;
}
.sustainability .cont4 .headline1 {
    margin-bottom: 0.45rem;
}
.sustainability .cont4 .headline1 .tit1 {
    font-size: 0.25rem;
}
.sustainability .cont4 .box {
    border-bottom: 0.01rem dotted #0F58AA;
    padding-bottom: 0.45rem;
    margin-bottom: 0.4rem;
}
.sustainability .cont4 .box .con {
    width: 100%;
}
.sustainability .cont4 .box .con h3 {
    font-size: 0.2rem;
    line-height: 1.35;
    margin-bottom: 0.1rem;
}
.sustainability .cont4 .box .con .txt {
    line-height: 1.85;
}
.sustainability .cont4 .box .con .link {
    line-height: 1.85;
}
.sustainability .cont4 .box .photo {
    width: 100%;
    margin-top: 0.2rem;
    justify-content: space-between;
}
.sustainability .cont4 .box .photo.flex1 {
    justify-content: center;
}
.sustainability .cont4 .box .photo.flex2 {
    justify-content: center;
}
.sustainability .cont4 .box .photo .photo1 {
    width: auto;
    height: 30vw;
    margin-left: 0;
}
.sustainability .cont4 .box .photo .photo2 {
    width: auto;
    height: 30vw;
    margin-left: 0;
}
.sustainability .cont4 .box .photo.flex2 .photo1 {
    margin: 0 0.05rem;
}
.sustainability .cont4 .box .photo .photo1 img,
.sustainability .cont4 .box .photo .photo2 img {
    width: auto;
    height: 100%;
}
}


/* contact, thanks
------------------------------------------------- */
/*  .cont1  */
.contact .cont1,
.thanks .cont1 {
    padding: 1rem 0 2rem;
}
.contact .cont1 .sec {
    border-bottom: 0.005rem dashed #656565;
    padding-bottom: 0.85rem;
    margin-bottom: 0.65rem;
}
.contact .cont1 .sec .headline2,
.thanks .cont1 .sec .headline2 {
    margin-bottom: 0.425rem;
}
.contact .cont1 .sec .txt1,
.thanks .cont1 .sec .txt1 {
    font-size: 0.14rem;
}
.contact .cont1 .box {
    width: 8rem;
    margin: 0 auto;
}
.contact .cont1 .box dl {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.35rem;
}
.contact .cont1 .box dl.mtb {
    margin: 0.75rem 0;
}
.contact .cont1 .box dl dt {
    margin-bottom: 0.15rem;
}
.contact .cont1 .box dl dt span {
    display: inline-block;
    width: 0.4rem;
    background-color: #0F58AA;
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.17rem;
    text-align: center;
    margin-left: 0.12rem;
}
.contact .cont1 .box dl dd.d-flex p {
    display: flex;
    align-items: flex-end;
}
.contact .cont1 .box dl dd input[type="text"],
.contact .cont1 .box dl dd input[type="email"],
.contact .cont1 .box dl dd textarea {
    width: 4.5rem;
    height: 0.6rem;
    background-color: #fff;
    border: 0.005rem solid #707070;
    border-radius: 0.05rem;
    padding: 0 0.15rem;
    box-sizing: border-box;
}
.contact .cont1 .box dl dd input.text1 {
    width: 1.8rem;
}
.contact .cont1 .box dl dd input.text2 {
    width: 6.2rem;
}
.contact .cont1 .box dl dd .radio {
    width: 4.5rem;
}
.contact .cont1 .box dl dd input[type="radio"] {
    appearance: none;
    display: none;
}
.contact .cont1 .box dl dd input[type="radio"] + span {
    width: auto;
    display: inline-block;
    font-weight: 500;
    padding: 0.05rem 0.25rem 0.1rem 0.22rem;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
}
.contact .cont1 .box dl dd input[type="radio"] + span::before {
    content: '';
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    background: #fff;
    border: 0.01rem solid #0F58AA;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.07rem;
}
.contact .cont1 .box dl dd input[type="radio"] + span::after {
    content: '';
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    background: #0F58AA;
    border-radius: 50%;
    position: absolute;
    left: 0.03rem;
    top: 50%;
    margin-top: -0.04rem;
    opacity: 0;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
}
.contact .cont1 .box dl dd input[type="radio"]:checked + span::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}
.contact .cont1 .box dl dd textarea {
    width: 100%;
    height: 3rem;
    padding: 0.15rem;
    line-height: 1.75;
}
.contact .cont1 .box dl dd .zip-button {
    width: 1.28rem;
    height: 0.39rem;
    background-color: #E6E6E6;
    border: 0.005rem solid #707070;
    border-radius: 0.05rem;
    font-size: 0.14rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.2rem;
    cursor: pointer;
    transition: 0.4s;
}
.contact .cont1 .box .txt2 {
    font-size: 0.12rem;
    color: #656565;
}
.contact .cont1 .box .link {
    font-size: 0.12rem;
    padding: 0.05rem 0 0.4rem;
}
.contact .cont1 .box .link a {
    color: #656565;
    text-decoration: underline;
}
.contact .cont1 .box input[type=submit] {
    width: 100%;
    height: 0.64rem;
    background-color: #0F58AA;
    border: 0.01rem solid #0F58AA;
    border-radius: 0.05rem;
    font-size: 0.2rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    transition: 0.4s;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    font-size: 0.14rem;
    line-height: 1.785;
    width: 8rem;
    margin: 0.2rem auto 0;
    text-align: center;
    box-sizing: border-box;
}
.wpcf7-spinner {
    display: block;
    margin: 1em auto 0;
}
.wpcf7-not-valid-tip {
    font-size: 0.14rem;
    margin-top: 0.05rem;
    line-height: 1.785;
}
.thanks .cont1 .sec {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.thanks .cont1 .btnst1 {
    margin-top: 0.5rem;
}
@media screen and (min-width:751px){
.contact .cont1 .box dl dd .zip-button:hover {
    background-color: #1A1A1A;
    color: #fff;
}
.contact .cont1 .box .link a:hover {
    text-decoration: none;
}
.contact .cont1 .box input[type=submit]:hover {
    background-color: #fff;
    color: #0F58AA;
}
}
@media screen and (max-width:750px){
.contact .cont1,
.thanks .cont1 {
    padding: 0.7rem 0 1rem;
}
.contact .cont1 .sec {
    border-bottom: 0.01rem dotted #656565;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.contact .cont1 .sec .headline2,
.thanks .cont1 .sec .headline2 {
    margin-bottom: 0.25rem;
    padding: 0 0.2rem;
}
.contact .cont1 .sec .txt1,
.thanks .cont1 .sec .txt1 {
    line-height: 1.85;
    padding: 0 0.1rem;
}
.contact .cont1 .box {
    width: 100%;
}
.contact .cont1 .box dl {
    font-size: 0.14rem;
    margin-bottom: 0.25rem;
}
.contact .cont1 .box dl.mtb {
    margin: 0.45rem 0;
}
.contact .cont1 .box dl dt {
    margin-bottom: 0.1rem;
}
.contact .cont1 .box dl dd.d-flex {
   display: flex;
}
.contact .cont1 .box dl dd input[type="text"],
.contact .cont1 .box dl dd input[type="email"],
.contact .cont1 .box dl dd textarea {
    width: 100%;
    height: 0.45rem;
    border: 0.01rem solid #707070;
    padding: 0 0.1rem;
}
.contact .cont1 .box dl dd input.text1 {
    width: 1.5rem;
}
.contact .cont1 .box dl dd input.text2 {
    width: 100%;
}
.contact .cont1 .box dl dd .radio {
    width: 100%;
}
.contact .cont1 .box dl dd textarea {
    height: 2.5rem;
    padding: 0.1rem;
}
.contact .cont1 .box dl dd .zip-button {
    width: 1.2rem;
    height: 0.35rem;
    border: 0.01rem solid #707070;
    font-size: 0.13rem;
}
.contact .cont1 .box .txt2 {
    line-height: 1.85;
}
.contact .cont1 .box .link {
    line-height: 1.85;
    padding: 0.1rem 0 0.4rem;
}
.contact .cont1 .box input[type=submit] {
    height: 0.6rem;
    font-size: 0.18rem;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    width: 100%;
}
}


/* privacypolicy
------------------------------------------------- */
/*  .cont1  */
.privacypolicy .cont1 {
    padding: 1.15rem 0 1.4rem;
}
.privacypolicy .cont1 h1 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 0.55rem;
}
.privacypolicy .cont1 .copy {
    font-size: 0.14rem;
    margin-bottom: 0.6rem;
}
.privacypolicy .cont1 .box {
    margin-bottom: 0.55rem;
}
.privacypolicy .cont1 .box h2 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.15rem;
}
.privacypolicy .cont1 .box p {
    font-size: 0.14rem;
}
@media screen and (max-width:750px){
.privacypolicy .cont1 {
    padding: 0.7rem 0 0.5rem;
}
.privacypolicy .cont1 h1 {
    font-size: 0.28rem;
    padding-bottom: 0.45rem;
}
.privacypolicy .cont1 .copy {
    line-height: 1.85;
}
.privacypolicy .cont1 .box p {
    line-height: 1.85;
}
}


/* news
------------------------------------------------- */
/*  .mainttl  */
.blog .mainttl {
    padding-top: 1rem;
}
.blog .mainttl .inner {
    padding-bottom: 1.05rem;
}
.blog .mainttl .copy {
    letter-spacing: normal;
}
@media screen and (max-width:750px){
.blog .mainttl {
    padding-top: 0.7rem;
}
.blog .mainttl .inner {
    padding-bottom: 0.5rem;
}
}


/* news/detail/
------------------------------------------------- */
/*  .newsdetail  */
.single .newsdetail {
    padding: 1.2rem 0 0.65rem;
}
.single .newsdetail .sec {
    border-bottom: 0.005rem dashed #0F58AA;
    padding-bottom: 0.4rem;
}
.single .newsdetail .sec .cat {
    padding-bottom: 0.15rem;
}
.single .newsdetail .sec .cat li {
    margin: 0 0.18rem 0.15rem 0;
}
.single .newsdetail .sec .cat li a {
    height: 0.38rem;
    font-size: 0.14rem;
    border: 0.01rem solid #707070;
    border-radius: 0.05rem;
    padding: 0 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single .newsdetail .sec .ttlbox {
    border-top: 0.005rem dashed #656565;
    margin-bottom: 0.55rem;
    position: relative;
}
.single .newsdetail .sec .ttlbox::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #848484;
    position: absolute;
    left: 0;
    top: 0;
}
.single .newsdetail .sec .ttlbox span {
    display: block;
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin: 0.15rem 0 0.075rem;
}
.single .newsdetail .sec .ttlbox h1 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1.5;
}
@media screen and (min-width:751px){
.single .newsdetail .sec .cat li a:hover {
    background-color: #1A1A1A;
    color: #fff;
}
}
@media screen and (max-width:750px){
.single .newsdetail {
    padding: 0.7rem 0 0.5rem;
}
.single .newsdetail .sec {
    border-bottom: 0.01rem dotted #0F58AA;
    padding-bottom: 0.2rem;
}
.single .newsdetail .sec .cat {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.1rem;
}
.single .newsdetail .sec .cat li {
    margin: 0 0.075rem 0.075rem 0;
}
.single .newsdetail .sec .cat li:last-child {
    margin-right: 0;
}
.single .newsdetail .sec .cat li a {
    height: 0.32rem;
    font-size: 0.13rem;
    padding: 0 0.1rem;
}
.single .newsdetail .sec .ttlbox {
    border-top: 0.01rem dotted #656565;
    margin-bottom: 0.4rem;
}
.single .newsdetail .sec .ttlbox h1 {
    line-height: 1.25;
}
}


/* letter 
------------------------------------------------- */
/*  .mainttl  */
.post-type-archive-letter .mainttl .inner,
.tax-letter_category .mainttl .inner {
    padding-bottom: 1rem;
}
@media screen and (max-width:750px){
.post-type-archive-letter .mainttl .inner,
.tax-letter_category .mainttl .inner {
    padding-bottom: 0.5rem;
}
}

/*  .categorybox  */
.post-type-archive-letter .categorybox .box ul li.current-cat a,
.tax-letter_category .categorybox .box ul li.current-cat a {
    background-color: #0F58AA;
    border-color: #0F58AA;
}
@media screen and (min-width:751px){
.post-type-archive-letter .categorybox .box ul li a:hover,
.tax-letter_category .categorybox .box ul li a:hover {
    background-color: #0F58AA;
    border-color: #0F58AA;
}
}

/*  .cont1  */
.post-type-archive-letter .cont1 ul,
.tax-letter_category .cont1 ul {
    border-bottom: 0.005rem dashed #0F58AA;
}
.post-type-archive-letter .cont1 ul li a .sec,
.tax-letter_category .cont1 ul li a .sec {
    border-top: 0.005rem dashed #0F58AA;
    padding: 0.15rem 0 0.5rem;
    position: relative;
}
.post-type-archive-letter .cont1 ul li a .sec::before,
.tax-letter_category .cont1 ul li a .sec::before {
    content: '';
    width: 1.03rem;
    height: 0.03rem;
    background-color: #0F58AA;
    position: absolute;
    left: 0;
    top: 0;
}
.post-type-archive-letter .cont1 ul li a .sec .con,
.tax-letter_category .cont1 ul li a .sec .con {
    width: 4.06rem;
}
.post-type-archive-letter .cont1 ul li a .sec .con .date,
.tax-letter_category .cont1 ul li a .sec .con .date {
    display: block;
    font-size: 0.13rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.02em;
    margin-bottom: 0.1rem;
}
.post-type-archive-letter .cont1 ul li a .sec .con h2,
.tax-letter_category .cont1 ul li a .sec .con h2 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 0.2rem;
}
.post-type-archive-letter .cont1 ul li a .sec .con p,
.tax-letter_category .cont1 ul li a .sec .con p {
    height: 0.75rem;
    font-size: 0.14rem;
    line-height: 1.785;
    color: #898989;
    margin-bottom: 0.4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    max-height: calc(1.785em * 3); 
}
.post-type-archive-letter .cont1 ul li a .sec .photo1,
.tax-letter_category .cont1 ul li a .sec .photo1 {
    width: 4.4rem;
    height: 2.9rem;
    border-radius: 0.05rem;
    margin-top: 0.25rem;
    overflow: hidden;
}
.post-type-archive-letter .cont1 ul li a .sec .photo1 img,
.tax-letter_category .cont1 ul li a .sec .photo1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
}
.post-type-archive-letter .cont1 ul li a .sec .photo2,
.tax-letter_category .cont1 ul li a .sec .photo2 {
    display: none;
}
@media screen and (min-width:751px){
.post-type-archive-letter .cont1 ul li a:hover .sec .photo1 img,
.tax-letter_category .cont1 ul li a:hover .sec .photo1 img {
    transform: scale(1.08);
}
}
@media screen and (max-width:750px){
.post-type-archive-letter .cont1 ul,
.tax-letter_category .cont1 ul {
    border-bottom: 0.01rem dotted #0F58AA;
}
.post-type-archive-letter .cont1 ul li a .sec,
.tax-letter_category .cont1 ul li a .sec {
    border-top: 0.01rem dotted #0F58AA;
    padding: 0.15rem 0 0.5rem;
}
.post-type-archive-letter .cont1 ul li a .sec .con,
.tax-letter_category .cont1 ul li a .sec .con {
    width: 100%;
}
.post-type-archive-letter .cont1 ul li a .sec .con h2,
.tax-letter_category .cont1 ul li a .sec .con h2 {
    font-size: 0.225rem;
    line-height: 1.25;
    margin-bottom: 0;
}
.post-type-archive-letter .cont1 ul li a .sec .con p,
.tax-letter_category .cont1 ul li a .sec .con p {
    height: 0.675rem;
    line-height: 1.55;
    margin-bottom: 0.2rem;
}
.post-type-archive-letter .cont1 ul li a .sec .con .btnst2,
.tax-letter_category .cont1 ul li a .sec .con .btnst2 {
    display: flex;
    justify-content: flex-end;
}
.post-type-archive-letter .cont1 ul li a .sec .photo1,
.tax-letter_category .cont1 ul li a .sec .photo1 {
    display: none;
}
.post-type-archive-letter .cont1 ul li a .sec .photo2,
.tax-letter_category .cont1 ul li a .sec .photo2 {
    display: block;
    width: 100%;
    height: 2rem;
    border-radius: 0.05rem;
    margin: 0.25rem 0 0.15rem;
    overflow: hidden;
}
.post-type-archive-letter .cont1 ul li a .sec .photo2 img,
.tax-letter_category .cont1 ul li a .sec .photo2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
}

/*  pagination  */
.post-type-archive-letter .pagination,
.tax-letter_category .pagination {
    padding-bottom: 1.5rem;
}
@media screen and (max-width:750px){
.post-type-archive-letter .pagination,
.tax-letter_category .pagination {
    padding-bottom: 1.25rem;
}
}


/* letter/detail/
------------------------------------------------- */
/*  .newsdetail  */
.single-letter .newsdetail .sec .ttlbox {
    border-top: 0.005rem dashed #0F58AA;
}
.single-letter .newsdetail .sec .ttlbox::before {
    background-color: #0F58AA;;
}
@media screen and (min-width:751px){
.single-letter .newsdetail .sec .cat li a:hover {
    background-color: #0F58AA;
    border-color: #0F58AA;
}
}
@media screen and (max-width:750px){
.single-letter .newsdetail .sec .ttlbox {
    border-top: 0.01rem dotted #0F58AA;
}
}

/*  #toc_container  */
#toc_container {
    width: 100%;
    background-color: #fff;
    border: 0.01rem solid #CBCBCB;
    border-radius: 0.05rem;
    padding: 0.26rem 0.3rem;
    margin-bottom: 0.75rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
#toc_container .toc_title {
    width: 12%;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.02em;
    border-right: 0.01rem solid #707070;
    font-size: 0.16rem;
    font-family: "EB Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
}
#toc_container span.toc_toggle {
    display: none !important;
}
#toc_container .toc_toggle_plus_minus a {
    display: none !important;
    pointer-events: none !important;
}
#toc_container .toc_title + ul.toc_list {
    margin: 0;
}
#toc_container .toc_list {
    width: 83%;
}
#toc_container .toc_list li {
    font-size: 0.18rem;
    line-height: 1.6;
    margin-bottom: 0.2rem;
    padding-left: 0;
    text-indent: 0;
}
#toc_container .toc_list li:last-child {
    margin-bottom: 0;
}
#toc_container .toc_list li::before {
    display: none;
}
#toc_container .toc_list li ul li {
    font-size: 0.15rem;
    line-height: 1.6;
    margin: 0.1rem 0;
}
#toc_container .toc_list li ul li:last-child {
    margin: 0.05rem 0;
}
#toc_container .toc_list li a .toc_number {
    font-weight: 700;
    color: #0F58AA;
    padding-right: 0.1rem;
    white-space: nowrap;
}
#toc_container .toc_list li a {
    display: flex;
}
@media screen and (min-width:751px){
#toc_container .toc_list li a:hover {
    text-decoration: none;
    opacity: 0.7;
}
}
@media screen and (max-width:750px){
#toc_container {
    display: block;
    padding: 0.15rem 0.21rem;
}
#toc_container .toc_title {
    width: 100%;
    border-bottom: 0.01rem solid #707070;
    border-right: none;
    text-align: center;
    padding-bottom: 0.05rem;
    margin-bottom: 0.15rem;
}
#toc_container .toc_list {
    width: 100%;
}
#toc_container .toc_list li {
    font-size: 0.15rem;
    line-height: 1.45;
    margin-bottom: 0.15rem;
}
#toc_container .toc_list li ul li {
    font-size: 0.13rem;
    line-height: 1.45;
    margin: 0.08rem 0;
}
#toc_container .toc_list li a .toc_number {
    padding-right: 0.05rem;
}
#toc_container .toc_list li a:hover {
    text-decoration: none;
}
}


/* 自由入力欄
------------------------------------------------- */
.newsdetail .sec .detailbox {
    width: 8.54rem;
    margin: 0 auto;
}
.newsdetail .sec .detailbox p {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 2.14285;
    letter-spacing: normal;
    color: #1A1A1A;
    padding-bottom: 2em;
}
.newsdetail .sec .detailbox strong {
    font-weight: 700;
}
.newsdetail .sec .detailbox em {
    font-style: italic;
}
.newsdetail .sec .detailbox a {
    text-decoration: underline;
}
.newsdetail .sec .detailbox iframe {
    display: block;
	width: 5.6rem;
	max-width: 100%;
	height: 3.15rem;
    margin: 0.1rem auto;
}
.newsdetail .sec .detailbox h2 {
    font-size: 0.3rem;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: normal;
    color: #1A1A1A;
    margin-bottom: 0.25rem;
    position: relative;
}
.newsdetail .sec .detailbox h2::before {
    content: '';
    width: 0.14rem;
    height: 0.14rem;
    background: linear-gradient(180deg, #FFF, #0040D1);
    border-radius: 50%;
    position: absolute;
    left: -0.28rem;
    top: 0.12rem;
}
.newsdetail .sec .detailbox h3 {
    font-size: 0.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: normal;
    color: #0F58AA;
    border-bottom: 0.005rem dashed #0F58AA;
    padding-bottom: 0.12rem;
    margin-bottom: 0.25rem;
}
.newsdetail .sec .detailbox h4 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: normal;
    color: #1A1A1A;
    margin-bottom: 0.25rem;
}
.newsdetail .sec .detailbox ul {
    padding-bottom: 1.5em;
}
.newsdetail .sec .detailbox ul li {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.85;
    letter-spacing: normal;
    color: #1A1A1A;
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-indent: -1em;
}
.newsdetail .sec .detailbox ul li::before {
    content: '・';
}
.newsdetail .sec .detailbox ol {
    padding: 0 0 1.5em 1em;
}
.newsdetail .sec .detailbox ol li {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.85;
    letter-spacing: normal;
    color: #1A1A1A;
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-indent: -1em;
}
.newsdetail .sec .detailbox img {
    display: block;
    width: auto;
    height: auto;
    margin: 0.1rem auto;
}
.newsdetail .sec .detailbox .wp-caption {
    max-width: 100%;
}
@media screen and (min-width:751px){
.newsdetail .sec .detailbox a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.newsdetail .sec .detailbox {
    width: 100%;
}
.newsdetail .sec .detailbox h2 {
    font-size: 0.25rem;
    margin-left: 0.28rem;
}
.newsdetail .sec .detailbox h3 {
    font-size: 0.22rem;
    line-height: 1.35;
    border-bottom: 0.01rem dotted #0F58AA;
}
.newsdetail .sec .detailbox h4 {
    font-size: 0.18rem;
}
.newsdetail .sec .detailbox p {
    line-height: 1.85;
}
.newsdetail .sec .detailbox ul {
    padding-bottom: 1.5em;
}
.newsdetail .sec .detailbox ul li {
    line-height: 1.65;
}
.newsdetail .sec .detailbox ol li {
    line-height: 1.65;
}
}