@charset "utf-8";

#slide1 {
background: url("../img/top/slide1.png") no-repeat center;
background-size: cover;
}
#slide2 {
background: url("../img/top/slide2.png") no-repeat center;
background-size: cover;
}
#slide3 {
background: url("../img/top/slide3.png") no-repeat center;
background-size: cover;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {

#slider {
height: 50vh;
display: flex;
align-items: center;
}
#slider li div {
position: absolute;
top: calc(50% - 4rem);
right: 10rem;
}
#slide1, #slide2, #slide3 {
height: 50vh;
}
#top_about {
background: #f3f0ee;
padding: 5rem 0;
margin-bottom: 10rem;
}
#top_about article {
max-width: 100rem;
margin: 0 auto;
}
.tpb {
display: flex;
justify-content: space-between;
}
.tpb article {
width: 50%;
min-height: 50vh;
}
.tpb article img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tpb article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.tpb article p {
margin-bottom: 2rem;
line-height: 4rem;
}
#top_box1 article:first-child {
order: 2;
}
#top_box1 article:last-child {
order: 1;
padding: 5rem 8rem;
border-top: 2rem solid #122a88;
}
#top_box2 article:first-child {
order: 1;
}
#top_box2 article:last-child {
order: 2;
padding: 10rem 8rem 5rem 8rem;
border-bottom: 2rem solid #122a88;
}

/* 業務案内 */
#hdr_about {
background: url("../img/about/hdr_about.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_about div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
.abb {
display: flex;
justify-content: space-between;
}
.abb > article:first-child {
width: 65%;
padding: 5rem 5rem 0 10rem;
border-top: 2rem solid #122a88;
}
.abb > article:last-child {
width: 35%;
padding-right: 5rem;
}
.abb > article:last-child img {
width: 100%;
margin-bottom: 5rem;
}
.abb > article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.abb_box {
border: 0.2rem solid #122a88;
padding: 3rem;
margin-bottom: 5rem;
}
.abb_box h4 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
}
.abb_box p {
line-height: 4rem;
}
.abb > article:first-child ul {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
.abb > article:first-child ul li {
font-size: 2.4rem;
font-weight: bold;
border: 0.2rem solid #122a88;
padding: 2rem 0;
width: 30%;
text-align: center;
}
#suc {
padding: 2rem 0 3rem 0;
}
#suc h4 {
background: #122a88;
color: #fff;
padding: 1rem 3rem;
}
#suc p {
padding: 0 3rem;
}

/* 会社案内 */
#hdr_company {
background: url("../img/company/hdr_company.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_company div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#comp_box h2 {
border-bottom: 2rem solid #122a88;
padding: 0 16rem;
font-size: 3rem;
font-weight: bold;
margin-bottom: 5rem;
}
#comp_box h2 span {
font-size: 1.8rem;
margin-left: 2rem;
}
#comp_box article {
padding: 0 16rem;
}
#comp_box article table {
border-collapse: collapse;
width: 100%;
}
#comp_box article th, #comp_box article td {
border-bottom: 0.1rem solid #122a88;
padding: 3rem 3rem;
}
#comp_box article th {
text-align: left;
}
#comp_box article table li {
list-style: circle;
margin-left: 1.6rem;
}
#c_pic {
margin: 10rem 0;
}
#c_pic img {
width: 100%;
}
#map {
height: 30rem;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_mail div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#sfm-form {
margin-bottom: 10rem;
}
#sfm-form th, #sfm-form td {
vertical-align: top;
}
#sfm-form th {
width: 30%;
}
.star {
color: #fff;
padding: 0.2rem 0.4rem;
margin-right: 1rem;
background: #0e53a8;
}
.star_l {
color: #fff;
padding: 0.2rem 0.4rem;
margin-left: 1rem;
background: #0e53a8;
}
.star2 {
padding: 0.2rem 0.4rem;
margin-right: 1rem;
}
.ERR {
color: #ff0000;
font-weight: bold;
}
#sfm-form .submit {
text-align: center;
border-bottom: none;
}
.submit input {
cursor: pointer;
}
#message {
width: 100%;
}
#kaisya, #name, #kana {
width: 50%;
}
#zip0 {
width: 4rem;
}
#zip1 {
width: 6rem;
}
#address {
width: 60%;
}
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 {
width: 6rem;
}
#email, #emailcheck {
width: 70%;
}
#policy {
height: 30rem;
overflow: auto;
}
article#policy {
margin-right: 16rem;
padding-right: 3rem;
}
article#policy h3 {
font-weight: bold;
margin-bottom: 1rem;
}
article#policy p {
margin-bottom: 2rem;
}

}

/* タブレット用　横向き
------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

#slider {
height: 50vh;
display: flex;
align-items: center;
}
#slider li div {
position: absolute;
top: calc(50% - 4rem);
right: 10rem;
}
#slide1, #slide2, #slide3 {
height: 50vh;
}
#top_about {
background: #f3f0ee;
padding: 5rem 0;
margin-bottom: 10rem;
}
#top_about article {
max-width: 100rem;
margin: 0 auto;
}
.tpb {
display: flex;
justify-content: space-between;
}
.tpb article {
width: 50%;
min-height: 50vh;
}
.tpb article img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tpb article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.tpb article p {
margin-bottom: 2rem;
line-height: 4rem;
}
#top_box1 article:first-child {
order: 2;
}
#top_box1 article:last-child {
order: 1;
padding: 5rem 8rem;
border-top: 2rem solid #122a88;
}
#top_box2 article:first-child {
order: 1;
}
#top_box2 article:last-child {
order: 2;
padding: 10rem 8rem 5rem 8rem;
border-bottom: 2rem solid #122a88;
}

/* 業務案内 */
#hdr_about {
background: url("../img/about/hdr_about.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_about div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
.abb {
display: flex;
justify-content: space-between;
}
.abb > article:first-child {
width: 65%;
padding: 5rem 5rem 0 10rem;
border-top: 2rem solid #122a88;
}
.abb > article:last-child {
width: 35%;
padding-right: 5rem;
}
.abb > article:last-child img {
width: 100%;
margin-bottom: 5rem;
}
.abb > article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.abb_box {
border: 0.2rem solid #122a88;
padding: 3rem;
margin-bottom: 5rem;
}
.abb_box h4 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
}
.abb_box p {
line-height: 4rem;
}
.abb > article:first-child ul {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
.abb > article:first-child ul li {
font-size: 2.4rem;
font-weight: bold;
border: 0.2rem solid #122a88;
padding: 2rem 0;
width: 30%;
text-align: center;
}
#suc {
padding: 2rem 0 3rem 0;
}
#suc h4 {
background: #122a88;
color: #fff;
padding: 1rem 3rem;
}
#suc p {
padding: 0 3rem;
}

/* 会社案内 */
#hdr_company {
background: url("../img/company/hdr_company.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_company div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#comp_box h2 {
border-bottom: 2rem solid #122a88;
padding: 0 16rem;
font-size: 3rem;
font-weight: bold;
margin-bottom: 5rem;
}
#comp_box h2 span {
font-size: 1.8rem;
margin-left: 2rem;
}
#comp_box article {
padding: 0 16rem;
}
#comp_box article table {
border-collapse: collapse;
width: 100%;
}
#comp_box article th, #comp_box article td {
border-bottom: 0.1rem solid #122a88;
padding: 3rem 3rem;
}
#comp_box article th {
text-align: left;
}
#comp_box article table li {
list-style: circle;
margin-left: 1.6rem;
}
#c_pic {
margin: 10rem 0;
}
#c_pic img {
width: 100%;
}
#map {
height: 30rem;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_mail div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#sfm-form {
margin-bottom: 10rem;
}
#sfm-form th, #sfm-form td {
vertical-align: top;
}
#sfm-form th {
width: 30%;
}
.star {
color: #fff;
padding: 0.2rem 0.4rem;
margin-right: 1rem;
background: #0e53a8;
}
.star_l {
color: #fff;
padding: 0.2rem 0.4rem;
margin-left: 1rem;
background: #0e53a8;
}
.star2 {
padding: 0.2rem 0.4rem;
margin-right: 1rem;
}
.ERR {
color: #ff0000;
font-weight: bold;
}
#sfm-form .submit {
text-align: center;
border-bottom: none;
}
.submit input {
cursor: pointer;
}
#message {
width: 100%;
}
#kaisya, #name, #kana {
width: 50%;
}
#zip0 {
width: 4rem;
}
#zip1 {
width: 6rem;
}
#address {
width: 60%;
}
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 {
width: 6rem;
}
#email, #emailcheck {
width: 70%;
}
#policy {
height: 30rem;
overflow: auto;
}
article#policy {
margin-right: 16rem;
padding-right: 3rem;
}
article#policy h3 {
font-weight: bold;
margin-bottom: 1rem;
}
article#policy p {
margin-bottom: 2rem;
}

}

/* タブレット用　縦向き
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 999px) {

#slider {
height: 50vh;
display: flex;
align-items: center;
}
#slider li div {
position: absolute;
top: calc(50% - 4rem);
right: 10rem;
}
#slide1, #slide2, #slide3 {
height: 50vh;
}
#top_about {
background: #f3f0ee;
padding: 5rem 2rem;
margin-bottom: 10rem;
}
#top_about article {
max-width: 100rem;
margin: 0 auto;
}
.tpb {
display: flex;
justify-content: space-between;
}
.tpb article {
width: 50%;
min-height: 50vh;
}
.tpb article img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tpb article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.tpb article p {
margin-bottom: 2rem;
line-height: 4rem;
}
#top_box1 article:first-child {
order: 2;
}
#top_box1 article:last-child {
order: 1;
padding: 5rem 8rem;
border-top: 2rem solid #122a88;
}
#top_box2 article:first-child {
order: 1;
}
#top_box2 article:last-child {
order: 2;
padding: 10rem 8rem 5rem 8rem;
border-bottom: 2rem solid #122a88;
}

/* 業務案内 */
#hdr_about {
background: url("../img/about/hdr_about.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_about div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
.abb {
display: flex;
justify-content: space-between;
}
.abb > article:first-child {
width: 65%;
padding: 5rem 5rem 0 10rem;
border-top: 2rem solid #122a88;
}
.abb > article:last-child {
width: 35%;
padding-right: 5rem;
}
.abb > article:last-child img {
width: 100%;
margin-bottom: 5rem;
}
.abb > article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.abb_box {
border: 0.2rem solid #122a88;
padding: 3rem;
margin-bottom: 5rem;
}
.abb_box h4 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 2rem;
}
.abb_box p {
line-height: 4rem;
}
.abb > article:first-child ul {
display: flex;
justify-content: space-between;
margin-bottom: 5rem;
}
.abb > article:first-child ul li {
font-size: 2.4rem;
font-weight: bold;
border: 0.2rem solid #122a88;
padding: 2rem 0;
width: 30%;
text-align: center;
}
#suc {
padding: 2rem 0 3rem 0;
}
#suc h4 {
background: #122a88;
color: #fff;
padding: 1rem 3rem;
}
#suc p {
padding: 0 3rem;
}

/* 会社案内 */
#hdr_company {
background: url("../img/company/hdr_company.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_company div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#comp_box h2 {
border-bottom: 2rem solid #122a88;
padding: 0 2rem;
font-size: 3rem;
font-weight: bold;
margin-bottom: 5rem;
}
#comp_box h2 span {
font-size: 1.8rem;
margin-left: 2rem;
}
#comp_box article {
padding: 0 2rem;
}
#comp_box article table {
border-collapse: collapse;
width: 100%;
}
#comp_box article th, #comp_box article td {
border-bottom: 0.1rem solid #122a88;
padding: 3rem 3rem;
}
#comp_box article th {
text-align: left;
}
#comp_box article table li {
list-style: circle;
margin-left: 1.6rem;
}
#c_pic {
margin: 10rem 0;
}
#c_pic img {
width: 100%;
}
#map {
height: 30rem;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_mail div {
width: 100%;
text-align: center;
padding-left: 22rem;
}
#sfm-form {
margin-bottom: 10rem;
}
#sfm-form th, #sfm-form td {
vertical-align: top;
}
#sfm-form th {
width: 30%;
}
.star {
color: #fff;
padding: 0.2rem 0.4rem;
margin-right: 1rem;
background: #0e53a8;
}
.star_l {
color: #fff;
padding: 0.2rem 0.4rem;
margin-left: 1rem;
background: #0e53a8;
}
.star2 {
padding: 0.2rem 0.4rem;
margin-right: 1rem;
}
.ERR {
color: #ff0000;
font-weight: bold;
}
#sfm-form .submit {
text-align: center;
border-bottom: none;
}
.submit input {
cursor: pointer;
}
#message {
width: 100%;
}
#kaisya, #name, #kana {
width: 50%;
}
#zip0 {
width: 4rem;
}
#zip1 {
width: 6rem;
}
#address {
width: 60%;
}
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 {
width: 6rem;
}
#email, #emailcheck {
width: 70%;
}
#policy {
height: 30rem;
overflow: auto;
}
article#policy {
margin-right: 2rem;
padding-right: 2rem;
}
article#policy h3 {
font-weight: bold;
margin-bottom: 1rem;
}
article#policy p {
margin-bottom: 2rem;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

#slider {
height: 50vh;
display: flex;
align-items: center;
}
#slider li div {
position: relative;
top: calc(50% - 4rem);
left: 0;
text-align: center;
width: 100%;
padding: 0 10%;
}
#slide1, #slide2, #slide3 {
height: 50vh;
}
#top_about {
background: #f3f0ee;
padding: 5rem 2rem;
margin-bottom: 10rem;
}
#top_about article {
max-width: 100rem;
margin: 0 auto;
}
.tpb {

}
.tpb article {
min-height: 50vh;
}
.tpb article img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tpb article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.tpb article p {
margin-bottom: 2rem;
line-height: 4rem;
}
#top_box1 article:first-child {
order: 1;
}
#top_box1 article:last-child {
order: 2;
padding: 5rem 2rem;
border-top: 2rem solid #122a88;
}
#top_box2 article:first-child {
order: 1;
}
#top_box2 article:last-child {
order: 2;
padding: 5rem 2rem;
border-bottom: 2rem solid #122a88;
}

/* 業務案内 */
#hdr_about {
background: url("../img/about/hdr_about.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_about div {
width: 100%;
text-align: center;
padding: 0 10%;
}
.abb {

}
.abb > article:first-child {
padding: 5rem 2rem 0 2rem;
border-top: 2rem solid #122a88;
}
.abb > article:last-child {
padding: 2rem;
}
.abb > article:last-child img {
width: 100%;
margin-bottom: 5rem;
}
.abb > article h3 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 2rem;
}
.abb_box {
border: 0.2rem solid #122a88;
padding: 3rem;
margin-bottom: 5rem;
}
.abb_box h4 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 2rem;
}
.abb_box p {
line-height: 2.4rem;
}
.abb > article:first-child ul {
margin-bottom: 5rem;
}
.abb > article:first-child ul li {
font-size: 2rem;
font-weight: bold;
border: 0.2rem solid #122a88;
padding: 2rem 0;
text-align: center;
margin-bottom: 1rem;
}
#suc {
padding: 2rem 0 3rem 0;
}
#suc h4 {
background: #122a88;
color: #fff;
padding: 1rem 3rem;
}
#suc p {
padding: 0 3rem;
}

/* 会社案内 */
#hdr_company {
background: url("../img/company/hdr_company.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_company div {
width: 100%;
text-align: center;
padding: 0 2rem;
}
#comp_box h2 {
border-bottom: 2rem solid #122a88;
padding: 0 2rem;
font-size: 2rem;
font-weight: bold;
margin-bottom: 5rem;
}
#comp_box h2 span {
font-size: 1.8rem;
margin-left: 2rem;
}
#comp_box article {
padding: 0 2rem;
}
#comp_box article table {
border-collapse: collapse;
width: 100%;
}
#comp_box article th, #comp_box article td {
border-bottom: 0.1rem solid #122a88;
padding: 1rem 1rem;
}
#comp_box article th {
text-align: left;
}
#comp_box article table li {
list-style: circle;
margin-left: 1.6rem;
}
#c_pic {
margin: 10rem 0;
}
#c_pic img {
width: 100%;
}
#map {
height: 30rem;
}

/* お問い合わせ */
#hdr_mail {
background: url("../img/mail/hdr_mail.png") no-repeat center;
background-size: cover;
height: 50vh;
display: flex;
align-items: center;
}
#hdr_mail div {
width: 100%;
text-align: center;
padding: 0 2rem;
}
#sfm-form {
margin-bottom: 10rem;
}
#sfm-form th, #sfm-form td {
vertical-align: top;
display: block;
}
#comp_box article #sfm-form th {
width: 100%;
border-bottom: none;
}
.star {
color: #fff;
padding: 0.2rem 0.4rem;
margin-right: 1rem;
background: #0e53a8;
}
.star_l {
color: #fff;
padding: 0.2rem 0.4rem;
margin-left: 1rem;
background: #0e53a8;
}
.star2 {
padding: 0.2rem 0.4rem;
margin-right: 1rem;
}
.ERR {
color: #ff0000;
font-weight: bold;
}
#sfm-form .submit {
text-align: center;
border-bottom: none;
}
.submit input {
cursor: pointer;
}
#message {
width: 100%;
}
#kaisya, #name, #kana {
width: 100%;
}
#zip0 {
width: 4rem;
}
#zip1 {
width: 6rem;
}
#address {
width: 100%;
}
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 {
width: 6rem;
}
#email, #emailcheck {
width: 100%;
}
#policy {
height: 30rem;
overflow: auto;
}
article#policy {

}
article#policy h3 {
font-weight: bold;
margin-bottom: 1rem;
}
article#policy p {
margin-bottom: 2rem;
}

}