@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/

/*================*/
/*----*/
section.pagetitle .area-ttl {
padding:185px 0 150px 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 110px;
aspect-ratio: 110 / 55;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/translation/tc/img/char_title_translation.svg);
}

/*================*/
/*----*/
section.trans_e .area-topBox {
width: 80%;
margin: 0 auto;
text-align: center;
padding:82px 0 79px 0;
}
section.trans_e .area-topBox .txtBox{
font-size: 16px;
font-weight: 400;
line-height:2.25;
letter-spacing: 2px;
}

/*----*/
section.trans_e .area-list {
background-color: #F2F2F2;
}
section.trans_e .area-list .inner{
padding-top: 110px;
padding-bottom: 113px;
}
section.trans_e .area-list .listBox{
width: 1000px;
margin: 0 auto 25px auto;
padding: 45px;
border-radius: 12px;
background-color: #fff;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
}

section.trans_e .area-list .listBox .logo{
width:235px;
padding-top: 10px;
}
section.trans_e .area-list .listBox .detail{
width:642px;
}
section.trans_e .area-list .listBox .logo figure{
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
font-size: 0;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
-webkit-backface-visibility: hidden;
aspect-ratio:470 / 317;
}
section.trans_e .area-list .listBox.box01 .logo figure{
background-image: url(/translation/img/img_2k540.png);
}
section.trans_e .area-list .listBox.box02 .logo figure{
background-image: url(/translation/img/img_edonoren.png);
}
section.trans_e .area-list .listBox.box03 .logo figure{
background-image: url(/translation/img/img_chabara.png);
}
section.trans_e .area-list .listBox.box04 .logo figure{
background-image: url(/translation/img/img_cotoniorgarden.png);
}
section.trans_e .area-list .listBox.box05 .logo figure{
background-image: url(/translation/img/img_shapo.png);
}
section.trans_e .area-list .listBox.box06 .logo figure{
background-image: url(/translation/img/img_beans.png);
}
section.trans_e .area-list .listBox.box07 .logo figure{
background-image: url(/translation/img/img_ecute.png);
}
section.trans_e .area-list .listBox.box08 .logo figure{
background-image: url(/translation/img/img_seekbase.png);
}
section.trans_e .area-list .listBox.box09 .logo figure{
background-image: url(/translation/img/img_okuroji.png);
}
section.trans_e .area-list .listBox.box10 .logo figure{
background-image: url(/translation/img/img_al-ku.png);
}


section.trans_e .area-list .listBox .detail .ttl{
font-size: 21.3px;
font-weight: 700;
line-height: 38.4px;
color:#00833E;
margin-bottom: 14px;
}
section.trans_e .area-list .listBox .detail .txt{
font-size:17px;
line-height:1.68;
}

section.trans_e .area-list .listBox .area-jump {
margin-top: 20px;
text-align: right;
}
.border-button.bb-type1 p {
text-indent:-38px;
}
.border-button.bb-type1 p span {
font-size: 17px;
font-weight: 500;
}

/*----*/
.menu_linkBox .linkBox_inner{
width: 540px;
margin: 0 auto;
text-align: center;
padding-top: 40px;
}
.menu_linkBox .linkBox{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
}
.menu_linkBox a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
padding: 15px 6px;
font-size: 18px;
letter-spacing: 0.01em;
color: #000;
white-space: nowrap;
}
.menu_linkBox a:before {
content: '';
display: block;
width: 10px;
height: 10px;
margin-right: 15px;
background: url(/common/img/arrow_right_green.png) no-repeat right center;
background-size: 7px auto;
}
.menu_linkBox .linkBox li{
margin-right: 1%;
width: 20%;
}



/*````````````````````````````````````````*/
} @media only screen and (max-width: 768px) {
/*````````````````````````````````````````*/

/*----*/
section.pagetitle .area-ttl {
padding:27vw 0 22.5vw 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 22vw;
aspect-ratio: 82 / 41;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/translation/tc/img/char_title_translation.svg);
}

/*================*/
/*----*/
section.trans_e .area-topBox {
margin: 0 auto;
padding:15vw 0 15vw 0;
}
section.trans_e .area-topBox .txtBox{
font-size: 3.73333vw;
line-height:1.86;
letter-spacing: 0.01em;
}

/*----*/
section.trans_e .area-list {
background-color: #F2F2F2;
}
section.trans_e .area-list .inner{
padding-top:16vw;
padding-bottom:14vw;
}
section.trans_e .area-list .listBox{
width:90vw;
margin:0 auto 5vw auto;
padding:5.86vw;
border-radius: 3.2vw;
background-color: #fff;
}
section.trans_e .area-list .listBox .logo{
width: 62vw;
margin: 0 auto;
}
section.trans_e .area-list .listBox .detail{
width:100%;
margin-top: 3.4vw;
}
section.trans_e .area-list .listBox .logo figure{
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
font-size: 0;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
-webkit-backface-visibility: hidden;
aspect-ratio:470 / 317;
}
section.trans_e .area-list .listBox.box01 .logo figure{
background-image: url(/translation/img/img_2k540.png);
}
section.trans_e .area-list .listBox.box02 .logo figure{
background-image: url(/translation/img/img_edonoren.png);
}
section.trans_e .area-list .listBox.box03 .logo figure{
background-image: url(/translation/img/img_chabara.png);
}
section.trans_e .area-list .listBox.box04 .logo figure{
background-image: url(/translation/img/img_cotoniorgarden.png);
}
section.trans_e .area-list .listBox.box05 .logo figure{
background-image: url(/translation/img/img_shapo.png);
}
section.trans_e .area-list .listBox.box06 .logo figure{
background-image: url(/translation/img/img_beans.png);
}
section.trans_e .area-list .listBox.box07 .logo figure{
background-image: url(/translation/img/img_ecute.png);
}
section.trans_e .area-list .listBox.box08 .logo figure{
background-image: url(/translation/img/img_seekbase.png);
}
section.trans_e .area-list .listBox.box09 .logo figure{
background-image: url(/translation/img/img_okuroji.png);
}
section.trans_e .area-list .listBox.box10 .logo figure{
background-image: url(/translation/img/img_al-ku.png);
}


section.trans_e .area-list .listBox .detail .ttl{
font-size: 4.53vw;
font-weight: 700;
line-height: 1.55;
color:#00833E;
margin-bottom: 2vw;
}
section.trans_e .area-list .listBox .detail .txt{
font-size:3.46vw;
line-height:1.5;
}

section.trans_e .area-list .listBox .area-jump{
margin-top: 5.33vw;
text-align: center;
}
.border-button.bb-type1 p{
padding: 2.3vw 0 0 0;
text-indent: -12vw;
}

.border-button.bb-type1 p span{
font-size: 4.26vw;
font-weight: 500;
}
.border-button.bb-type1 p i {
right: 3vw;
top: 3vw;
width: 15vw;
}

/*----*/
.menu_linkBox .linkBox_inner{
width: 80vw;
margin: 0 auto;
text-align: center;
padding-top:10vw;
}
.menu_linkBox .linkBox{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
}
.menu_linkBox a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
font-size: 3.73333vw;
letter-spacing: 0.1em;
color: #000;
}

.menu_linkBox a:before {
content: '';
display: block;
width: 2.7vw;
height: 2.7vw;
margin-right: 4vw;
background: url(/common/img/arrow_right_green.png) no-repeat right center;
background-size: 1.8668vw auto;
}
.menu_linkBox .linkBox li{
width: 30%;
margin-right: 1%;
}

/*````````````````````````````````````````*/
} /* end of @media */
/*````````````````````````````````````````*/