@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
/* --------------------------　lp　-------------------------- */
@media screen and (min-width:550px){
	#pacing #pacing__contents{
		display: flex;
		flex-wrap: wrap;
		align-items: normal;
		justify-content: space-between;
	}
}
#pacing #pacing__contents .pacing__contents__inwrap{
	width: 100%;
	border: 1px solid #3C91D7;
	box-sizing: border-box;
	padding: 22px 28px;
	margin-bottom: 30px;
}

@media screen and (min-width:550px){
	#pacing #pacing__contents .pacing__contents__inwrap{
	width: 49%;
	border: 1px solid #3C91D7;
	box-sizing: border-box;
	padding: 12px 18px;
	margin-bottom: 30px;
	}
}

@media screen and (min-width:769px){
	#pacing #pacing__contents .pacing__contents__inwrap{
	display: flex;
	justify-content: center;
		max-width: 540px;
	}
}			
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__l{
	width: 100%;
	padding-bottom: 10px;
}
@media screen and (min-width:769px){
	#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__l{
		width: 100%;
		max-width: 400px;
		padding-bottom: 0;
	}
}
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title{
	margin: 0 0 24px 0;
}
@media screen and (min-width:769px){
	#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title{
		margin: 0 0 24px 0;
		display:flex;
	}
}

#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title h3{
	font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.0rem;
	margin: 0;
}
@media screen and (max-width:768px){
	#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title h3{
		margin: 0;
		padding-top: 15px;
	}
}
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title figure{
	display: inline;
	padding-right: 30px;
}
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__title figure img{
	width: 48px;
}
#pacing #pacing__contents .pacing__contents__inwrap p{
	font-size: 1.6rem;
	line-height: 1.6;
}
#pacing #pacing__contents .pacing__contents__inwrap p span{
	font-size: 1.3rem;
	line-height: 1.3;
}			
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__r{
	width: 100%;
	max-width: 95px;
	text-align: center;
	margin: 0 auto;
}
#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__r figure{
	width: 100%;
	max-width: 75px;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__r figure{
		max-width: 120px;
	}
	#pacing #pacing__contents .pacing__contents__inwrap .pacing__inwrap__r{
		margin: 10px auto;
	}
}
#team{
	background-color: #DDE4F6;
	padding-top: 1px;
	padding-bottom: 30px;
}
#team .team__inwrap div{
	background-color: white;
	padding:26px 35px;
	box-sizing: border-box;
}
#team .team__inwrap div h3{
	margin: 0 0 25px;
	font-size: 1.8rem;
	height: 24px;
}
#team .team__inwrap div h3::before{
	border-left: 2px solid #000;
	width: 3px;
	margin-right: 13px;
	background-color: black;
	content: "";
	padding: 3px 0;
}
@media screen and (max-width:768px){
	#team .team__inwrap div{
		padding:35px 35px;
	}
	#team .team__inwrap > div{
		margin: 0 auto 40px;
	}
}
@media screen and (min-width:769px){
	#team .team__inwrap{
		display: flex;
		justify-content: space-between;
	}
}

#col__language{
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
#col__language .main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#col__language .main.is-field .col,
#col__language .main.is-language .col {
    border: 1px solid #444;
}
@media screen and (max-width: 768px) {
	#col__language .main {
	justify-content: left;
	}
    #col__language .main.is-field .col,
    #col__language .main.is-language .col {
        width: calc((100% - 18px) / 3);
        margin: 3px;
    }
}
@media screen and (min-width: 769px) {
    #col__language .main.is-field .col,
    #col__language .main.is-language .col {
        width: calc((100% - 42px) / 7);
        margin-bottom: 10px;
    }
}
#col__language .main.is-field .col a figure,
#col__language .main.is-language .col a figure {
    margin-bottom: 15px;
}
#col__language .main.is-field .col a, .top_translation .main.is-language .col a {
    position: relative;
    display: block;
    background-color: #fff;
    height: 100%;
    text-align: center;
    padding: 25px 0 20px;
}
#col__language .main.is-field .col a figure img,
#col__language .main.is-language .col a figure img {
    width: 50px;
}

#col__language .main.is-field .col:first-child a figure img {
    width: 105px;
}

#col__language .main.is-field .col a:after,
#col__language .main.is-language .col a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #2e39ab transparent;
    position: absolute;
    bottom: 0;
    right: 0;
}
#col__language .main.is-field .col a .ttl,
#col__language .main.is-language .col a .ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#col__language h4 {
    margin: 10px 0 5px;
}

table.thead tr th {
	width: inherit;
	overflow-wrap: break-word;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
}
table tr th,
table tr td {
	width: inherit;
	overflow-wrap: break-word;
	word-wrap: break-word;
	white-space: normal;
	word-break: break-all;
}
.table_scroll table {
	width: 100%;
	table-layout: fixed;
}
@media screen and (max-width: 600px) {
    .table_scroll {
        overflow:inherit;
    }
}
.table_scroll:before{
	display: none;
}

@media screen and (max-width:768px){
	#support > div , #support2 > div {
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}
	 #support > div:first-child , #support2 > div:first-child {
		margin-bottom: 15px;
	}
}
@media screen and (min-width:769px){
	#support , #support2{
		display: flex;
		justify-content: space-between;
	}
	#support > div, #support2 > div {
		max-width:540px;
	}
}

.service__contact{
	margin: 0 auto;
}
.service__contact figure{
	text-align: center;
}
.service__contact figure img{
	width: 100%;
	max-width: 600px;
}
.section--noline{
	margin-top: 20px;
}	
.section--noline:before,
.section--noline:after{
	display: none;
	visibility: hidden;
}