@charset "utf-8";

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




header .inner {
    display: block;
}
header span {
    display: block;
    width: 100px;
    margin: 0 auto;
}
header span img {
    display: block;
}
header p {
    font-size: 12px;
}

.mv {
    padding: 1em;
    background-size: cover;
}
.mv_bloc h1 {
    width: 50%;
}
.mv_bloc p {
    width: 54%;
    margin-top: -1em;
}



.catch {
    padding: 0.5em;
}
.catch .catch_bloc h2 {
    font-size: 14px;
}
.catch .catch_bloc h2 em {
    display: block;
    font-size: 14px;
}
.cv {
    padding: 1em;
}

.cv_btn_bloc ul li:first-child {
    width: 100%;
    margin-bottom: 0;
}
.cv_btn_bloc ul li:last-child {
    margin-left: 0;
}
.cv_btn_bloc ul li + li {
    margin-top: 0.5em;
}
.cv_btn_bloc ul {
    width: 80%;
    margin: 0 auto;
}

.cm {
    padding: 1em;
    background-size: cover;
}
.cm_bloc {
    width: 80%;
}

.band {
    padding: 0.5em;
}
.band p {
    font-size: 12px;
}
.band h2 {
    font-size: 14px;
}

.step {
    padding: 0 1em 2em;
    background-size: contain;
}
.step h2 {
    width: 74%;
    margin: 0 auto;
}



.step_item .box {
    padding: 0;
}
.step_item .box .num {
    width: 40px;
}
.step_item .box .detail h3 {
    margin-bottom: 0.2em;
}
.step_item .box .detail h3 .sub {
    font-size: 16px;
}
.step_item .box .detail h3 .titles {
    font-size: 21px;
}
.step_item .box .detail p {
    font-size: 14px;
}
.step_item .box {
    margin-bottom: 1em;
}
.step_item figure {
    display: block;
    width: 74%;
    margin: 0 auto;
}
.step_item {
    display: block;
}

.decide {
    padding: 1em;
}
.decide_bloc {
    display: block;
}
.decide_bloc h2 {
    width: 42%;
    margin: 0 auto 0;
}

.point {
    background-size: cover;
    padding: 1em;
}
.point_item h2 .num {
    width: 32px;
    margin-right: 0.2em;
}
.point_item h2 .num img {
    display: block;
}
.point_item h2 .title {
    font-size: 18px;
}
.point_item p {
    font-size: 12px;
}.point_item + .point_item {
    margin-top: 1em;
}
.point_bloc {
    width: 62%;
}

.point_bottom {
    margin-top: 1em;
}
.point_bottom p {
    padding: 0.5em;
    font-size: 16px;
}
.point_bottom p em {
    font-size: 18px;
}

.cm2 .cm_bloc {
		margin:0 auto;
}


.voice {
    background-size: cover;
    padding: 1em;
}
.voice_bloc ul {
    height: auto;
}
.voice_bloc ul li {
    position: static;
}
.voice_bloc ul li {
    position: static;
    width: 50%;
}
.voice_bloc ul li span {
    padding: 0;
}
.voice_bloc {
    margin-bottom: 14em;
}
.terms_bloc {
    height: auto;
    background-size: cover;
    padding: 1em;
}
.terms_box {
    width: 60%;
}
.terms_box h2 {
    margin-bottom: 0.5em;
}
.terms_box p {
    font-size: 12px;
}

.terms_bottom {
    padding: 1em 1em 4em;
}

.experience {
    background-size: contain;
    padding: 1em;
}
.experience h2 {
    margin-bottom: 1em;
}

.experience_item {
    display: block;
}
.experience_item figure {
    width: 74%;
    margin: 0 auto 1em;
}
.experience_item .detail {
    padding: 0;
}
.experience_item .detail h3 {
    font-size: 21px;
}
.experience_item .detail p {
    font-size: 14px;
}
.experience_item + .experience_item {
    margin-top: 1em;
}

.graph {
    padding: 1em;
}
.graph h2 {
    width: 40%;
    margin: 0 auto 0.5em;
}
.graph_bloc {
    display: block;
}
.graph_bloc figure {
    width: 61%;
    margin: 0 auto 1em;
}
.graph_bloc p {
    margin-left: 0;
}
.company_bloc {
    padding: 1em;
}
.company_data {

}
.company_data figure {
    width: 50%;
    margin: 0 auto;
}
.company_data > * + * {
    margin-top: 1em;
}
.company_data dl dt {
    font-size: 14px;
}
.company_data dl dd {
    font-size: 13px;
}

.cm3 {
    padding: 1em;
}
.cm3_bloc {
    display: block;
}
.cm3_bloc figure {
    width: 50%;
    margin: 0 auto 1em;
}
.cm3_bloc .detail h2 {
    font-size: 18px;
}
.cm3_bloc .detail p {
    font-size: 11px;
}



footer {
    margin-top: 4em;
}
footer .logo {
		width: 40%;
    margin: 0 auto;
}
footer address .name {
    font-size: 16px;
}
footer address {
    font-size: 11px;
}
footer .copy {
    font-size: 10px;
}



.thanks_body {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
}
.thanks_body main {
  	flex: 1;
}




















}