@charset "utf-8";

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

footer .copy {font-size: 10px;}

header .inner {
    align-items: center;
    justify-content: center;
}
header .logo {
    width: 120px;
}
header .logo img {
    display:block;
}

.mv_sp {

}
.mv_sp h1 {

}
.mv_sp .btn_bloc {
    margin: 0 2em 2em;
}

.mv {
		/*
    background: url(../images/bg_mv.png) no-repeat center top;
    background-size: cover;
    padding: 1em;
		*/
    background: none;
    background-size: cover;
    padding: 0;
		
}
.mv_bloc h1 {
    width: 74%;
    margin: 0 auto;
}


.mv_bloc p {
    width: 80%;
    margin: -0.5em auto 1em;
}
.mv_bloc .baloon {
    width: 5em;
    top: 7.5em;
    left: -0.5em;
}
.mv_bloc .btn_bloc {
    width: 90%;
    margin: 0 auto;
}

.about {
		padding: 0 1em 2em;
}
.about_bloc h2 img + img {
    margin-left: 0;
    margin-top: 0.5em;
}
.about_01 {
    display: block;
    width: 80%;
    margin: 0 auto;
}
.about_02 {

}

.about_bloc h2 {
    display: block;
}
.about_bloc p {
    font-size: 14px;
    line-height: 1.6em;
}

.strengths {
    padding: 1em;
}

.strengths h2 {
    margin-bottom: 1em;
}
.strengths_list .first .box h3 {
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.5em;
}
.strengths_list .first .box h3 i {
    width: 2em;
}
.strengths_list .first .box h3 .titles {
    font-size: 24px;
}
.strengths_list .first .box p {
    flex: auto;
    width: 100%;
    margin: 0;
    font-size: 14px;
}


.strengths_list .sepa {
    width: 100%;
}
.strengths_list .sepa + .sepa {
    margin-top: 1em;
}
.strengths_list .sepa h3 i {
    width: 2em;
}
.strengths_list .sepa h3 .titles {
    font-size: 24px;
}
.strengths_list .sepa figure {
    max-width: 242px;
    width: 50%;
    margin: 0 auto 1em;
}
.strengths_list .sepa p {
    flex: auto;
    margin: 0;
    font-size: 14px;
}

.flow {
    padding: 2em 1em;
}
.flow h2 {
    margin-bottom: 1em;
}
.flow_bloc ol li + li:before {
		display:none;
}
.flow_bloc ol li + li {
    margin-left: 0;
    margin-top: 1em;
}

.flow_bloc ol li h3 {
    font-size: 24px;
}
.flow_bloc ol p {
    font-size: 14px;
}


.support {
    padding: 2em 1em;
}
.support .title_bloc {
    position: relative;
}
.support .title_bloc .box {
    margin: 0;
}
.support .title_bloc .figure_01 {
    position: absolute;
    bottom: 0;
    left: 1em;
    width: 14%;
}
.support .title_bloc .figure_02 {
		position: absolute;
    bottom: 0;
    right: 2em;
    width: 10%;
}
.support .title_bloc .box h3 {
    font-size: 18px;
}

.support_bloc {
    border: solid 4px #48382d;
    padding: 1em;
    box-sizing: border-box;
    width: 100%;
}
.support_bloc h3 {
    font-size: 18px;
}
.support_bloc ul {
    display: block;
}
.support_bloc ul li {
    font-size: 14px;
    margin: 0;
}

.information {
		padding: 2em 1em 1em;
}
.information_bloc {
    display: block;
}
.information_bloc figure {
    width: 80%;
    margin: 0 auto 1em;
}

.info_data_bloc {
    flex: none;
    margin: 0;
}
.info_text p {
    font-size: 14px;
}
.info_text h3 {
    font-size: 21px;
}
.info_data dl {
    font-size: 12px;
}
.info_meta dl dd {
    font-size: 21px;
}
.info_meta dl dt {
    font-size: 14px;
}
.info_meta dl {
    align-items: center;
    justify-content: center;
}

.other {
    padding: 1em;
}


.slick-next {
		width: 2em;
    height: 2em;
    right: 2rem;
}
.slick-prev {
    width: 2em;
    height: 2em;
    left: -0.5rem;
}
.slick-next:before {
    width: 2em;
    height: 2em;
}
.slick-prev:before {
    width: 2em;
    height: 2em;
}


.line_content {
    padding: 2em 1em;
}
.line_content .inner {
    display: block;
}
.line_content_bloc h2 {
    width: 64%;
    margin: 0 auto 1em;
}
.line_content_bloc p {
    font-size: 16px;
}
.line_content_bloc .btn_bloc {
    width: 74%;
    margin: 0 auto;
}
.line_content figure {
    width: 50%;
    margin: 1em auto 0;
}

.contact {
    padding: 2em 0 1.5em;
    margin-top: 4em;
}
.contact:before {
		background-position: left 20% bottom;
    background-size: 150%;
    height: 4em;
    top: -4em;
}
.btn_bloc button {
    width: 80%;
}

.contact_upper {
    margin-bottom: 1em;
}
.contact_upper h2 {
    width: 64%;
    margin: 0 auto;
}
.other h2 {
    width: 64%;
    margin: 0 auto 1em;
}
.information h2 {
    width: 64%;
    margin: 0 auto 1em;
}
.flow h2 {
    width: 64%;
    margin: 0 auto 1em;
}



/*.tel{
    margin-top: 1.2rem;
}*/


.header-cnt > div{
    width: 50%;
}
.header-cnt > div img{
    padding: 3% !important;
    width: 94%;
}











}