@charset "UTF-8";
/* コンテンツ */

.contact_bg {

}
#title {
    background-image: url("../img/title_bg.webp");
}
.w80per_100per{width: 80%;margin: 0 auto;}
.blue_color{
	color: #2D67A0;
	background: none;
	font-size:1.8em;
	margin: 0% 0 2%;
}
dl {
	margin:2em 0 1em 0;
}
dt {
	margin-bottom:0.5em;
	border-bottom:none;
	font-weight: bold;
}
dd {
	margin-bottom:1em;
	padding-left: 0.5em;
}
.privacy_h3{font-size:1.2em;}
.titlebox {
    position: relative;
    color: #000000;
    width:900px;
    margin: 0 auto;
    padding: 20px 30px 50px;
    box-sizing: border-box;
}
.titlebox span {
    background-color: none;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.titlebox h2 {
    position: relative;
    font-family: 'Akrobat Bold', sans-serif;
    font-size: 1.6em;
    line-height: 1;text-align: left;
}
.titlebox h3 {
    position: relative;
    font-size: 4em;
    line-height: 1.4;text-align: left;
}
.titlebox h4 {
    position: relative;
    font-size: 1.8em;
    line-height: 1.4;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.titlebox p {
    position: relative;
    text-align: left;
    line-height: 1.7;
}
.web_h2{
	font-size: 3em;
	color: #3E3A39;
	text-align: center;
	line-height: 1.2;
	margin: 4% 0;
}
.web_h3{
	text-align: center;
	color:#0d63aa;
	font-size: 1.6em;
	line-height: 1.2;
}
.per98{
	width: 96%;
	margin: 0 auto;
}

.p_font_up{
	font-size: 20px;
	text-align: center;
}
.h2_font_up{
	font-size: 42px;
}
.font20{
	font-size: 0.8em;
}
.twoCol {
    overflow: hidden;
    margin-bottom: 0px;
}
.tel_box{width: 49%;float:left;border-left: solid 1px #111111;border-right: solid 1px #111111}
.mail_box{width: 49%;float:right;border-right: solid 1px #111111}


.more_contact {
	width:100%;
	clear: both;
	padding-top: 3%;
}
.more_contact a {
    display: block;
    color: #fff;
    background-color: #0d63aa;
    line-height: 1.4;
    padding: 1.5em 0;
    font-size: 1.24em;
    box-sizing: border-box;
    text-align: center;
    background-image: url("../../img/arr_w.png");
    background-repeat: no-repeat;
    background-position: right 0.5em center;
    background-size: 0.5em auto;
    padding-right: 1em;
    transition: all 0.3s;
}
.more_contact a:hover ,.mail_box a:hover ,.tel_box a:hover{
	opacity: 0.7;
}
h2{font-size: 2em;}
.font_down{font-size: 0.8em;}

ul.dx {
  list-style: none;
	padding-left: 1em;
}
ul.dx li {
  text-indent: -1em;
  padding-left: 1em;
	margin-bottom: 0.6em;
}
ul.dx li::before {
  content: '・';
}
.font_up{font-size: 1.14em;}
@media screen and (max-width: 560px) {
.w80per_100per{width: 100%;margin: 0 auto;}
.titlebox {
    width: 100%;
    padding: 40px 30px 40px;
}
.titlebox h2 {
    font-size: 1em;
}
.titlebox h3 {
    font-size: 2.4em;
}
.titlebox h4 {
    font-size: 1.16em;
}
.titlebox p {
    font-size: 0.76em;
    line-height: 1.5;
}
.web_h2{
	font-size: 26px;
	color: #3E3A39;
}
.font20{
	font-size: 22px;
}
.sp80 img{
		padding-top: 20px;
		width: 75%;
		margin: 0 auto;
	}

.p_font_up{
	padding-top: 20px;
	font-size: 18px;
	text-align: left;
	line-height: 1;
	margin: 0 0 10px;
}
.h2_font_up{
	font-size: 30px;
	line-height: 1;
	text-align: left;
}
h2{font-size: 1.6em;}
.font_down{font-size: 0.7em;}
}