img {
vertical-align: bottom;
width: 100%;
height: auto;
}
body {
background: #faf3ec;
}
p, li, span {
margin: 0;
letter-spacing: .1em;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
ul {
margin-top: 30px;
}
h1, h2, h3, h4 {
margin: 0;
letter-spacing: .12em;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: normal;
}
p {
color: #53442d;
line-height: 1.8;
}
img {
width: 100%;
}
ul {
margin-bottom: 0;
}
a {
text-decoration: none;
}
.sp-kv {
display: none;
}
.sp-br {
display: none;
}
.tb-br {
display: none;
}
.sp-photo, .sp-text {
display: none;
}
.under-beige {
color: #c69c6d;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.under-orange {
color: #dc5416;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.bk-orange {
background: #fff8ed;
color: #d15b24;
padding: 3px 2px;
}
.under-blue {
color: #316a96;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(109, 182, 198, 0.2) 50%);
}
.over-wrap {
width: 1000px;
margin: 0 auto;
padding-bottom: 30px;
background: #fff;
} .kv-box {
border: solid 1px #f0e2c8;
width: max-content;
padding: 30px 10%;
max-width: 100%;
margin: 0 auto;
margin-top: 30px;
background: #fff8ec99;
}
.kv-box ul {
padding: 0;
margin: 0;
}
.kv-box ul li {
color: #53442d;
list-style: none;
padding-left: 40px;
background-image: url(//machiko-yoga.com/wp-content/themes/story_tcd041-chlid/lp-img/upgrade/contents-list-icon.webp);
background-position-x: left;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 10px;
font-size: 18px;
font-weight: 600;
letter-spacing: .1em;
}
.kv-box ul li span {
color: #316a96;
background: linear-gradient(to bottom, transparent 50%, rgb(109, 182, 198, .2) 50%);
}
.kv-box ul li:last-of-type {
margin-bottom: 0;
}
.kv-text1 {
background: #c69c6d;
text-align: center;
padding-top: 50px;
}
.kv-text1 h2 {
font-size: 25px;
color: #fff8ed;
margin-top: 15px;
font-weight: 600;
letter-spacing: .1em;
}
.kv-text1 span {
background: #7d5114;
color: #fff;
padding: 5px 15px;
}
.kv-text1 h2 span {
color: #dc5416;
padding: 0;
background: rgb(245, 230, 213);
background: rgb(245, 230, 213, .8);
margin-right: 5px;
}
.kv-text2 {
width: 100%;
margin: 0 auto;
margin-top: 60px;
text-align: center;
}
.kv-text2 span {
font-size: 20px;
letter-spacing: .08em;
color: #dc5416;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.kv-text2 p {
font-size: 22px;
font-weight: 600;
line-height: 1.8;
margin-top: 15px;
}
.kv-text2 p span {
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-weight: 600;
font-size: 22px;
}
.kv-text.kv-text3 {
margin-top: 25px;
text-align: center;
font-weight: 600;
}
.kv-text3 p {
font-size: 18px;
} .mail-form {
width: 80%;
margin: 0 auto;
}
.input.text.input_unit.required {
width: 500px;
height: 50px;
margin: 0 auto;
}
.my_column.my_right {
padding: 0 !important;
height: 100%;
width: 100%;
}
form.myForm input[type="text"], form.myForm input[type="password"] {
height: 45px;
width: 100% !important;
padding: 0 !important;
background: #fff !important;
border: solid 1px #ebe5bb !important;
border-radius: 0px !important;
text-align: center;
font-size: 14px;
letter-spacing: .14em;
}
form.myForm div.submit {
text-align: center;
width: max-content;
margin: 0 auto;
margin-top: 15px !important;
}
.form_input_submit {
position: relative;
cursor: pointer !important;
}
.submit-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 40px;
margin: auto;
height: max-content;
display: flex;
width: 30px;
}
.form_input_submit {
width: 500px !important;
height: 80px;
border-radius: 100px;
border: none;
color: #fff;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
font-size: 20px;
font-weight: 600;
letter-spacing: .1em;
background: linear-gradient(to bottom, #efd4c7, #dc5416);
cursor: pointer !important;
transition: all 1s !important;
overflow: hidden;
}
.form_input_submit::after {
animation: 4s 0s shine linear infinite;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 100%);
content: '';
height: 100%;
left: -100%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 50%;
}
@keyframes shine {
20% {
left: 150%;
}
100% {
left: 150%;
}
}
input[type="submit"] {
width: 100%;
height: 100%;
position: relative;
opacity: 0;
z-index: 10;
cursor: pointer !important;
transition: all 1s !important;
}
.form_input_submit:hover {
background: linear-gradient(#f0e7d9, #b28d54);
}
.form_input_submit p {
position: absolute;
top: 25px;
bottom: 0;
right: 0;
left: 0;
width: 100%;
margin: auto;
color: #fff;
line-height: 1.4;
letter-spacing: .08em;
} .top-application-over {
padding: 20px 0 50px;
background: #c69c6d;
} #ba {
margin-top: 150px;
}
#ba .title {
background: #c69c6d;
text-align: center;
padding: 30px 0px;
position: relative;
}
#ba .title h2 {
color: #fff;
font-size: 24px;
}
.ba-title-treat {
position: absolute;
top: -49px;
right: 0;
left: 0;
margin: auto;
}
.ba-title-treat img {
width: auto;
height: 50px;
}
.ba-inner {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.ba-title {
width: 250px;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
border-radius: 100px; position: relative;
padding: 10px;
}
.ba-title::after {
content: "";
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
border-radius: 100px;
right: 0;
left: -2px;
top: 0;
bottom: 0;
margin: auto;
}
.ba-inner1 .ba-title {
background: #dd571d;
}
.ba-inner1 .ba-title::after {
border: solid 1px #dd571d;
}
.ba-inner2 .ba-title {
background: #c69c6d;
}
.ba-inner2 .ba-title::after {
border: solid 1px #c69c6d;
}
.ba-inner .ba-title span {
color: #fff;
font-weight: 600;
}
.ba-list {
display: flex;
border-bottom: solid 1px #f2ead8;
padding-bottom: 15px;
margin-bottom: 10px;
}
.ba-left {
padding-left: 5%;
width: 42%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ba-left p {
color: #767676;
font-weight: 600;
line-height: 1.6;
}
.ba-right {
width: 42%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ba-right p {
font-size: 18px;
font-weight: 600;
line-height: 1.6;
}
.ba-triangle {
width: 8%;
display: flex;
flex-direction: column;
justify-content: center;
}
.ba-triangle span {
display: block;
width: 0;
height: 0;
border-style: solid;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 0;
}
.ba-inner1 .ba-triangle span {
border-left: 20px solid #dd571d;
}
.ba-inner2 .ba-triangle span {
border-left: 20px solid #c69c6d;
}  #contents {
margin-top: 150px;
}
#contents .title {
background: #53442d;
text-align: center;
padding: 30px 0px;
position: relative;
}
#contents .title h2 {
color: #fcf9f3;
font-weight: 600;
font-size: 24px;
}
.contents-title {
position: absolute;
top: -49px;
right: 0;
left: 0;
margin: auto;
}
.contents-title img {
width: auto;
height: 50px;
}
.content {
width: 80%;
margin: 0 auto;
margin-top: 100px;
background: #fcf9f3;
padding: 50px 0px 30px;
position: relative;
}
.contents-treat {
position: absolute;
right: 0;
left: 0;
margin: auto;
width: 165px;
top: -30px;
}
.content-photo {
width: 80%;
margin: 0 auto;
margin-top: 30px;
}
.content-text1 {
width: 80%;
margin: 0 auto;
margin-top: 30px;
text-align: center;
}
.content-text1 span {
font-size: 28px;
font-weight: 600;
color: #c69c6d;
}
.content-text1 h3 {
font-size: 24px;
color: #53442d;
margin-top: 20px;
font-weight: 600;
letter-spacing: .14em;
}
.content-text2 {
width: 80%;
margin: 0 auto;
margin-top: 30px;
}
.content3 .content-text2 p {
padding-bottom: 15px;
}
.content-text2 ul {
padding: 0;
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.content-text2 ul li {
list-style: none;
text-align: left;
padding-left: 30px;
background-image: url(//machiko-yoga.com/wp-content/themes/story_tcd041-chlid/lp-img/upgrade/contents-list-icon.webp);
background-position: left 5px;
background-repeat: no-repeat;
background-size: 18px;
margin-bottom: 5px;
line-height: 1.6;
color: #53442d;
letter-spacing: .12em;
font-weight: 600;
}
.content-text2 ul li:last-of-type {
margin-bottom: 0;
} #voices {
margin-top: 100px;
}
#voices .title {
position: relative;
text-align: center;
}
#voices .title img {
width: 60%;
}
#voices .title h2 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: max-content;
height: max-content;
font-size: 24px;
color: #dd571d;
font-weight: 600;
text-align: center;
}
.voice {
width: 90%;
margin: 0 auto;
padding: 50px 0;
background: #fff8ec99;
margin-top: 50px;
}
.voice-wrapper {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.voice-text {
width: 90%;
margin: 0 auto;
margin-top: 50px;
}
.voice-text p {
margin-bottom: 15px;
}
.voice-title h3 {
font-weight: 600;
color: #53442d;
letter-spacing: .08em;
}
.voice-title h4 {
margin: 0;
margin-top: 15px;
font-size: 24px;
font-weight: 600;
color: #dc5416;
letter-spacing: .05em;
}
.voice-photo {
width: 35%;
}
.voice-job {
font-size: 14px;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
color: #53442d;
}
.voice-name {
font-size: 26px;
line-height: 1.4;
color: #53442d;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.voice-title span:last-of-type {
font-size: 14px;
color: #53442d;
line-height: 1.4;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
} #profile {
margin-top: 100px;
}
#profile .title {
text-align: center;
position: relative;
}
#profile .title img {
width: 60%;
}
#profile .title h2 {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: max-content;
height: max-content;
font-size: 24px;
color: #c69c6d;
font-weight: 600;
}
.profile-wrapper {
width: 75%;
margin: 0 auto;
margin-top: 50px;
display: flex;
justify-content: space-between;
}
.profile-left {
width: 45%;
}
.profile-right {
width: 45%;
display: flex;
flex-direction: column;
justify-content: center;
}
.profile-name span {
display: block;
color: #53442d;
letter-spacing: .2em;
}
.profile-name span:first-of-type {
font-size: 34px;
font-weight: 600;
}
.profile-job {
margin-top: 30px;
padding-left: 15px;
line-height: 2;
border-left: solid 5px #f2ead8;
}
.profile-job span {
color: #c69c6d;
font-weight: 600;
}
.profile-text {
width: 75%;
margin: 0 auto;
margin-top: 50px;
}
.profile-text p {
margin-bottom: 30px;
line-height: 2;
}
.profile-text p:last-of-type {
margin-bottom: 0;
} .application-button {
width: 50%;
margin: 0 auto;
margin-top: 20px;
display: block;
text-align: center;
background: linear-gradient(to bottom, #f1b69b, #dc5416);
border-radius: 100px;
padding: 15px 0px;
}
.application-button span {
color: #fff;
font-size: 20px;
font-weight: 600;
}
.application-photo1 {
width: 80%;
margin: 0 auto;
margin-top: 30px;
} .copyright-wrapper {
font-size: 10px;
line-height: 1.6;
margin-top: 30px;
}
.copyright-inner {
display: flex;
justify-content: center;
}
.copyright-inner a {
text-decoration: none;
}
.copyright-inner a span {
transition: all 1s;
font-size: 10px;
}
.copyright-inner a:hover span {
opacity: .3;
}
.copyright-inner span {
font-size: 12px;
color: #352816;
vertical-align: text-bottom;
}
.copyright {
text-align: center;
}
.copyright span {
font-size: 10px;
color: #352816;
}
.copyright-inner a:nth-child(2) {
pointer-events: none;
} #worries {
margin-top: 60px;
}
.worries-wrapper {
width: 750px;
margin: 0 auto;
border-top: solid 3px #1c2767;
border-bottom: solid 3px #1c2767;
padding: 50px 0px;
}
#worries .title {
text-align: center;
}
#worries .title h2 {
font-size: 28px;
color: #1c2c88;
font-weight: 600;
margin-top: 5px;
}
#worries .title p {
font-weight: 600;
font-size: 18px;
line-height: 1.6;
color: #352816;
}
#worries .title span {
font-weight: 600;
font-size: 14px;
line-height: 2.8;
color: #fff;
padding: 3px 6px;
background: #b28d54;
}
#worries .title img {
width: 120px;
height: auto;
}
.worries-list ul li {
padding-left: 30px;
list-style: none;
position: relative;
margin-bottom: 20px;
font-size: 16px;
color: #352816;
font-weight: 600;
}
.worries-list ul li span {
background: rgb(28, 39, 103, .15);
padding: 2px 5px;
color: #1c2767;
}
.worries-list ul li:last-of-type {
margin-bottom: 0;
}
.worries-list ul li::before {
content: "◼︎";
color: #1c2767;
position: absolute;
left: 0;
top: -2px;
font-size: 20px;
} #greeting {
margin-top: 50px;
}
#greeting .title {
width: 100%;
text-align: center;
background: #c69c6d;
padding: 30px 0px;
}
#greeting .title h2 {
color: #f6f4ee;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
font-size: 30px;
}
.greeting-photo1 {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.greeting-text {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.greeting-text p {
margin-bottom: 30px;
}
.greeting-text p:last-of-type {
margin-bottom: 0;
}
.greeting-text2, .greeting-text3 {
margin-top: 20px;
}
.greeting-text2 p {
font-size: 18px;
font-weight: 600;
color: #1c2767;
}
.greeting-text5 p {
margin-bottom: 15px;
}
.greeting-photo2 {
margin-top: 50px;
}
#program {
margin-top: 50px;
}
.program-photo {
width: 80%;
margin: 0 auto;
margin-bottom: 50px;
}
.program-text {
width: 80%;
margin: 0 auto;
margin-bottom: 30px;
}
.program-text p {
margin-bottom: 15px;
}
.program-text p:last-of-type {
margin-bottom: 0;
}
.program-list {
width: 70%;
margin: 0 auto;
margin-top: 60px;
}
.program-list li {
list-style: none;
position: relative;
padding-left: 30px;
margin-bottom: 10px;
line-height: 1.8;
color: #463316;
}
.program-list1 li {
color: #1c2767;
font-weight: 600;
}
.program-list1 li::after {
content: "●";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: #1c2767;
}
.program-list2 li::after {
content: "◼︎";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
color: #dc5416;
}
.program-text2 ul {
margin-top: unset;
padding-left: 1.6em;
line-height: 2em;
font-weight: 600;
}
.program-text2 ul li {
list-style: decimal;
color: #463316;
}
.program-text4 {
text-align: center;
margin-top: 60px;
}
.program-text4 .bold {
font-weight: 600;
line-height: 1.6;
font-size: 18px;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.program-text5 {
text-align: center;
margin-top: 15px;
}
.program-text6 {
text-align: center;
margin-top: 40px;
}
.program-text6 p {
font-size: 24px;
text-align: center;
font-weight: 600;
}
.program-title {
width: 280px;
margin: 0 auto;
} #message {
margin-top: 80px;
}
#message .title {
width: 200px;
height: auto;
margin: 0 auto;
}
.message-photo {
width: 55%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 50px;
}
.message-text {
width: 80%;
margin: 0 auto;
margin-bottom: 50px;
}
.message-text p {
margin-bottom: 15px;
}
.message-text p:last-of-type {
margin-bottom: 0;
}
.profile-job {
margin-top: 30px;
padding-left: 0;
line-height: 1.8;
border-left: unset;
} .application {
width: 85%;
margin: 0 auto;
background: #c69c6d;
padding: 30px 0;
margin-top: 50px;
}
.application-over {
padding: 20px 0;
background: #c69c6d;
}
.ap-title1 {
text-align: center;
}
.ap-title1 h2 {
font-size: 40px;
color: #fff8ed;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.ap-title1 h2 span {
font-size: 16px;
font-weight: 600;
letter-spacing: .08em;
}
.ap-title1 p {
font-weight: 600;
background: #7d5114;
color: #fff;
padding: 5px 15px;
margin-bottom: 15px;
}
.ap-text1 {
text-align: center;
font-size: 15px;
color: #352816;
font-weight: 600;
}
.ap-text1 p {
color: #463316;
}
@media screen and (max-width:1100px) {
body {
margin: 0;
}
.pc-br {
display: none;
}
.tb-br {
display: block;
}
.over-wrap {
width: 95%;
}
.application-button {
width: 80%;
} .kv-treat1 {
width: 25%;
left: -15%;
bottom: -30%;
}
.kv-treat2 {
width: 25%;
right: -15%;
bottom: -30%;
}
.kv-text2 {
width: 90%;
}
.kv-box {
width: 80%;
padding: 30px;
}
.kv-box ul li {
background-size: 25px;
font-size: 16px;
} .worries-wrapper {
width: 90%;
} .program-list {
width: 90%;
} #application {
width: 100%;
}
.application {
width: 100%;
padding: 40px 0 50px;
}
.ap-title1 {
width: 100%;
margin: 0 auto;
} #ba {
margin-top: 130px;
}
.ba-inner {
width: 90%;
}
.ba-left {
padding-left: 5%;
width: 37%;
padding-right: 2%;
}
.ba-right {
width: 45%;
} .content {
width: 90%;
padding: 50px 0px;
}
.content-text1 {
width: 100%;
}
.content-text1 h3 {
letter-spacing: .1em;
} #voices {
margin-top: 100px;
}
#voices .title h2 {
width: 90%;
}
.voice {
padding: 50px 0 30px;
margin-top: 30px;
}
.voice-photo {
width: 50%;
margin: 0 auto;
margin-top: 30px;
}
.voice-text {
margin-top: 30px;
}
.voice-wrapper {
display: block;
} .message-text {
width: 85%;
} .profile-wrapper {
width: 90%;
}
.profile-right {
width: 50%;
}
.profile-text {
width: 85%;
}
}
@media screen and (max-width:700px) {
body {
margin: 0;
}
.pc-photo, .pc-text {
display: none;
}
.sp-photo, .sp-text {
display: block;
}
.over-wrap {
width: 98%;
}
.pc-kv {
display: none;
}
.sp-kv {
display: block;
}
.tb-br {
display: none;
}
.sp-br {
display: block;
}
h1, h2, h3, h4, span {
letter-spacing: .1em;
}
p {
font-size: 14px;
letter-spacing: .08em;
line-height: 2;
}
.input.text.input_unit.required {
width: 95%;
padding-left: 3%;
}
.form_input_submit {
width: 95% !important;
height: 75px;
}
.form_input_submit p {
top: 14px;
font-size: 16px;
}
form.myForm input[type="text"], form.myForm input[type="password"] {
font-size: 12px;
} .kv-box {
width: 80%;
padding: 20px 25px;
margin-top: 30px;
}
.kv-box ul li {
background-size: 18px;
background-position-y: 5px;
font-size: 15px;
padding-left: 30px;
margin-bottom: 15px;
line-height: 1.6;
}
.kv-text1 {
width: 100%;
max-width: 100%;
}
.kv-text1 span {
font-size: 15px;
padding: 0;
}
.kv-text1 h2 {
font-size: 18px;
line-height: 1.8;
margin-top: 20px;
letter-spacing: .08em;
}
.kv-text1 h2 span {
padding: 2px 3px;
font-size: 18px;
letter-spacing: .05em;
}
.kv-treat1 {
width: 30%;
left: 0%;
bottom: -62%;
}
.kv-treat2 {
width: 30%;
right: 0%;
bottom: -62%;
}
.kv-text2 {
width: 100%;
}
.kv-text2 p {
font-size: 18px;
}
.kv-text2 span {
font-size: 18px;
}
.kv-text2 p span {
font-size: 20px;
letter-spacing: .08em;
} #worries .title {
width: 95%;
margin: 0 auto;
}
#worries .title img {
width: 100px;
}
.worries-list {
width: 90%;
margin: 0 auto;
margin-top: 30px;
}
.worries-list ul {
padding: 0;
margin: 0;
}
.worries-wrapper {
width: 95%;
padding: 40px 0px;
}
#worries .title {
width: 100%;
}
#worries .title p {
font-size: 14px;
}
#worries .title h2 {
font-size: 20px;
letter-spacing: .05em;
margin-top: 10px;
}
#worries .title span {
font-size: 14px;
line-height: 1.6;
margin: 8px 0;
font-weight: normal;
display: inline-block;
}
.worries-list ul li {
font-size: 15px;
}
.worries-list ul li span {
padding: 2px 3px;
} .greeting-photo1 {
width: 90%;
}
.greeting-text {
width: 90%;
margin-top: 30px;
}
.greeting-text p {
margin-bottom: 20px;
}
.greeting-text2 p {
font-size: 16px;
}
.greeting-text2, .greeting-text3 {
margin-top: 20px;
}
.greeting-photo1 {
margin-top: 30px;
}
.greeting-photo2 {
margin-top: 30px;
} #program {
margin-top: 30px;
}
.program-photo {
width: 100%;
margin-bottom: 30px;
}
.program-text {
width: 90%;
}
.program-list ul {
padding: 0;
margin: 0;
}
.program-text2 ul li {
font-size: 16px;
letter-spacing: .05em;
line-height: 1.6;
margin-top: 8px;
}
.program-text4 {
width: 100%;
margin-top: 30px;
}
.program-text4 .bold {
line-height: 1.4;
}
.program-list li {
line-height: 1.6;
font-size: 15px;
}
.program-list {
margin-top: 50px;
}
.program-text6 {
width: 100%;
}
.program-text6 p {
font-size: 20px;
line-height: 1.8;
} #contents {
margin-top: 100px;
}
#contents .title {
padding: 20px 0px;
}
#contents .title h2 {
font-size: 20px;
}
.contents {
width: 95%;
margin-top: 50px;
}
.content {
width: 95%;
margin-top: 70px;
padding: 50px 0px 40px;
}
.contents-title {
top: -35px;
}
.contents-title img {
height: 35px;
}
.content-text1 h3 {
font-size: 22px;
line-height: 1.4;
margin-top: 10px;
}
.content-text1 {
margin-top: 10px;
}
.content-text1 span {
font-size: 24px;
}
.content-photo {
width: 100%;
margin-top: 20px;
}
.content-text2 ul li {
background-size: 20px;
padding-left: 30px;
background-position-y: 3px;
margin-bottom: 15px;
font-size: 15px;
letter-spacing: .08em;
}
.content-text2 {
width: 85%;
}
.content-text2 p{
line-height: 1.8;
}
.program-title {
width: 220px;
}
.content-text1 h3 {
font-size: 18px;
margin-top: 25px;
} #voices {
margin-top: 100px;
}
#voices .title h2 {
font-size: 18px;
}
#voices .title img {
width: 80%;
}
.voice {
width: 95%;
padding: 30px 0 20px;
margin-top: 40px;
}
.voice1 {
margin-top: 50px;
}
.voice-title h4 {
font-size: 20px;
}
.voice-photo {
width: 80%;
margin-top: 20px;
}
.voice-title h3 {
font-size: 15px;
line-height: 1.8;
letter-spacing: .05em;
}
.voice-name {
font-size: 24px;
}
.voice-job {
font-size: 14px;
display: inline-block;
line-height: 1.8;
margin-top: 15px;
} #message {
margin-top: 60px;
}
#message .title {
width: 180px;
}
.message-text {
width: 85%;
margin-bottom: 25px;
}
.message-photo {
width: 80%;
} #profile {
margin-top: 70px;
}
#profile .title img {
width: 80%;
}
.profile-wrapper {
width: 90%;
display: block;
margin-top: 30px;
}
.profile-left {
width: 85%;
margin: 0 auto;
}
.profile-right {
width: 100%;
text-align: center;
margin-top: 20px;
}
.profile-name span:first-of-type {
font-size: 30px;
}
.profile-name span {
font-size: 12px;
}
.profile-job {
text-align: left;
line-height: 1.6;
margin-top: 30px;
padding-left: 10px;
}
.profile-text {
margin-top: 20px;
}
.profile-text p {
margin-bottom: 20px;
}
.profile-job span {
font-size: 14px;
line-height: 2;
} .top-application-over {
padding: 20px 0 40px;
}
.application-over {
margin: 25px 0 15px;
padding: 0;
}
.application {
width: 100%;
padding: 40px 0 30px;
}
.ap-title1 {
width: 100%;
}
.ap-title1 h2 {
font-size: 26px;
letter-spacing: .06em;
}
.ap-text1 p {
line-height: 1.8;
}
.ap-title1 h2 span {
font-size: 15px;
line-height: 2;
display: inline-block;
}
.bk-orange {
padding: 0;
}
.form_input_submit p {
top: 14px;
font-size: 16px;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
}