@charset "utf-8";
/* CSS Document */

.about .about-head div{ padding:70px 0; margin-bottom:100px; background-image:url(../img/about-head-bg.jpg); background-size:cover; background-repeat:no-repeat; text-align:center; }
.about .about-head div ul{ overflow:hidden; }
.about .about-head div ul li {
    line-height: 1;
    display: inline-block;
    padding: 0 20px 0 20px;
    border-right: solid 1px #fff;
}
.about .about-head div ul li:first-child{ padding:0 20px 0 0;}
.about .about-head div ul li:last-child{ padding:0 0 0 20px; border:none;}
.about .about-head div ul li a{ color:#fff; text-decoration:none; font-weight:500; font-size:18px;}
.about .about-head div ul li a.anchor {
    display: block;
    padding-top: 120px !important;
    margin-top: -120px !important;
}
#about1{}
.about .about-head div ul li a:hover{ color:#FF6; transition: all 0.3s ease 0s; }

.about h4 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 0.4em;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 50px;
}
.about h4:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    content: "";
    width: 60px;
    height: 3px;
    transform: translate(-50%, 0);
    background-color: #0053A5;
}

.about .about-list ul{ border-top:solid 1px #666;}
.about .about-list ul li{ border-bottom:solid 1px #666; padding:14px 16px 12px; font-size:15px;}
.about .about-list ul li:nth-child(odd){ background-color:#E9ECF0;}
.about .about-list ul li span{ display:inline-block; margin:0 20px 0 0; text-align-last:justify; width: 100px; position:relative; vertical-align: top; }
.about .about-list ul li span:after{
	position: absolute;
	content:':';
	transform: translate(6px, 0);
	}
.about .about-list ul li div{ display:inline-block;}
.about .about-list ul li div p a {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #333;
}
.about .about-list ul li div p a:hover{ text-decoration:none;}

.about .bg-about{ background-color:#F4F5F8; width:100%; margin:0 auto; padding:100px 0 160px;}
.about .about-info{ width:860px; margin:0 auto;}
.about .about-info p:nth-of-type(1){ width:293px; margin:0 auto 40px;}
.about .about-info p:nth-of-type(2){ text-align:justify; margin:0 auto 40px;}
.about .about-info p:nth-of-type(2) span{ margin-bottom:16px; display:block;}
.about .about-info p:nth-of-type(3) {position: relative;}
.about .about-info p:nth-of-type(3) span{ position:absolute; left:50%; transform: translate(-50%, 0); }

.about .about-jigyou{ padding: 240px 0 0 0; }
.about .about-jigyou .about-jigyou-inner{}
.about .about-jigyou .about-jigyou-inner ul{ display:table; table-layout:fixed; margin-bottom:20px;}
.about .about-jigyou .about-jigyou-inner ul li{ display:table-cell;}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(1){ background-color:#0053A5; width:32%; text-align:center; vertical-align:middle; color:#fff; font-size:20px; font-weight:600; line-height:1.4;}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(2){ width:68%;}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(2) p{ padding:0 0 0 20px;}

.about .about-torikumi{ margin:0 auto 40px; }

.about .about-torikumi-list{ background: #f2f2f2; padding:25px; margin:0 auto 40px; }
.about .about-torikumi-list h5{ font-size:18px; font-weight:700; margin-bottom: 10px;}

.about .about-torikumi-list ul {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    font-size: 16px;
}
.about .about-torikumi-list ul li a{ 
    position:relative;
    margin-right: 20px;
}
.about .about-torikumi-list ul li a:after {
    content: url(../img/icon-pdf.png);
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}
.about .about-torikumi-list ul li:last-child a{
    margin-right: 0;
}
@media only screen and (max-width: 860px) {

.about .about-info { width: 90%; }

}

@media only screen and (max-width: 768px) {

.about h4 { font-size: 24px; letter-spacing: 0.3em;}
.about .about-head div { padding: 50px 0; margin-bottom: 60px;}
.about .about-head div ul li a { font-size: 18px; }
.about .about-jigyou .about-jigyou-inner ul li:nth-child(1){ font-size:16px; width: 36%;}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(2){ width: 74%;}
.about .about-jigyou {
    padding: 200px 0 0 0;
}

}

@media only screen and (max-width: 480px) {

.about h4 {
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
	letter-spacing: 0.2em;
}
.about h4:after {
    width: 50px;
    height: 2px;
}

.about .about-head div { padding: 40px 0; margin-bottom: 40px;}
.about .about-head div ul {
    width: 80%;
    margin: 0 auto;
}
.about .about-head div ul li a { font-size: 14px;}
.about .about-head div ul li:first-child { padding: 0 10px 0 0; }
.about .about-head div ul li { padding: 0 10px 0 10px; }
.about .about-head div ul li:last-child { padding: 0 0 0 10px;}

.about .about-list ul li {
    padding: 20px 16px 16px;
    font-size: 14px;
}
.about .about-list ul li span {
    width: inherit;
    font-size: 14px;
    text-align-last: auto;
    margin: 0 16px 0 0;
    /* margin: 0 0 20px 0; */
}
.about .about-list ul li span:after{ }
.about .about-list ul li div p{ text-align:left;}
.about .about-list ul li div p a {
    display: block;
    margin: 0 0 10px 0;
}

.about .bg-about {
    padding: 60px 0 60px;
}
.about .about-info p:nth-of-type(1) {
    width: 180px;}
/*.about .about-list ul li:nth-child(even){ padding:14px 0 14px 0;}*/

.about .about-jigyou {
    padding: 100px 0 0 0;
}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(1) {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1.2;
    padding: 10px 0;
    margin: 0 auto 16px;
}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(2) { display: block; width: 100%;}
.about .about-jigyou .about-jigyou-inner ul li:nth-child(2) p {
    padding: 0 0 0 0;
}

.about .about-torikumi{ margin:0 auto 20px; }

.about .about-torikumi-list{ padding: 20px 20px 16px 20px; margin:0 auto 20px; }
.about .about-torikumi-list h5{ font-size:16px; }
.about .about-torikumi-list ul { font-size: 14px;}

}