img {
vertical-align: bottom;
width: 100%;
height: auto;
}
body {
background: #e1e5e3;
margin: 0; }
p, li, span {
margin: 0;
letter-spacing: .1em;
color: #251e16;
line-height: 2;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
ul {
margin: 0;
padding: 0;
margin-top: 30px;
}
h1, h2, h3, h4 {
margin: 0;
letter-spacing: .16em;
color: #251e16;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
font-weight: normal;
}
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 {
display: none;
}
.font-orange {
color: #c9825d;
font-weight: 600;
}
.font-blue {
color: #8bbabf;
font-weight: 600;
}
.font-bold {
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(201, 130, 93, 0.2) 50%);
}
.under-beige {
color: #c69c6d;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.under-orange {
color: #c9825d;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.under-brown {
color: #83401d;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(198, 156, 109, .15) 50%);
}
.under-blue {
color: #8bbabf;
font-weight: 600;
background: linear-gradient(to bottom, transparent 50%, rgba(139, 186, 191, 0.2) 50%);
}
.over-wrap {
width: 1000px;
margin: 0 auto;
padding-bottom: 50px;
background: #fff;
} .kv-fee {
margin-top: 20px;
text-align: center;
}
.kv-fee p {
font-size: 24px;
letter-spacing: .05em;
font-weight: 600;
}
.kv-fee span:first-of-type {
font-size: 24px;
text-decoration: line-through;
padding-right: 10px;
font-weight: 600;
}
.kv-fee span {
font-size: 28px;
} .application-button {
width: 50%;
margin: 0 auto;
margin-top: 15px;
display: block;
text-align: center;
background: linear-gradient(to bottom, #c1dde0, rgb(139, 186, 191));
border-radius: 100px;
padding: 15px 0px;
box-shadow: 0px 7px 15px rgb(139, 186, 191, .8); position: relative;
overflow: hidden;
}
.application-button span {
color: #fff;
font-size: 20px;
line-height: 1.6;
font-weight: 600;
}
.application-button:hover {
background: linear-gradient(to bottom, #e7cfc3, rgb(201, 130, 93));
box-shadow: 0px 7px 15px rgb(201, 130, 93, .5);
}
.application-photo1 {
width: 80%;
margin: 0 auto;
margin-top: 50px;
} #present {
margin-top: 100px;
}
.present-wrapper {
width: 80%;
margin: 0 auto;
display: flex;
}
.present-wrapper2 {
margin-top: 30px;
}
.present-wrapper3 {
margin-top: 20px;
}
.present-number {
width: 120px;
}
.present-left {
width: 30px;
display: flex;
flex-direction: column;
justify-content: center;
}
.present-center {
margin-left: 40px;
width: calc(100% - 30% - 25px - 50px - 50px);
display: flex;
flex-direction: column;
justify-content: center;
}
.present-center .present-text {
margin-top: 10px;
}
.present-center .present-text span {
font-size: 15px;
}
.present-center .present-text p {
font-size: 22px;
font-weight: 600;
line-height: 1.6;
}
.present-right {
width: 35%;
} #voices {
margin-top: 120px;
}
#voices .title {
height: 30px;
background-color: #e1e5e3;
position: relative;
width: 50%;
}
#voices .voice-title-photo {
width: 200px;
position: absolute;
left: 20%;
bottom: 15px;
}
#voices .title span {
position: absolute;
right: 0;
top: -25px;
color: #e1e5e3;
font-size: 18px;
font-weight: 600;
letter-spacing: .2em;
}
.voice {
width: 80%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.voice1 {
margin-top: 50px;
}
.voice-text1 {
margin-top: 20px;
}
.voice-text1 p {
margin-bottom: 15px;
line-height: 1.6;
}
.voice-text1 p:last-of-type {
margin-bottom: 0;
}
.voice:not(.voice1) {
margin-top: 50px;
}
.voice-left {
width: 70%;
}
.voice-right {
width: 25%;
display: flex;
flex-direction: column;
justify-content: center;
order: 2;
}
.voice-inner {
display: flex;
border-bottom: solid 1px #adb4b0;
padding-bottom: 10px;
}
.voice-name span:first-of-type {
font-size: 20px;
font-weight: 600;
}
.voice-name span:last-of-type {
font-size: 14px;
font-weight: 600;
margin-left: -3px;
}
.voice-job {
display: flex;
margin-left: 20px;
padding-top: 7px;
}
.voice-job span {
font-size: 15px;
font-weight: 600;
color: #adb4b0;
} #greeting {
margin-top: 100px;
}
#greeting .title {
margin-top: 40px;
text-align: center;
}
#greeting .title h2 {
font-size: 30px;
}
#greeting .title h2 span {
color: #8bbabf;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.greeting-text {
width: 80%;
margin: 0 auto;
}
.greeting-text p {
margin-bottom: 30px;
}
.greeting-text p:last-of-type {
margin-bottom: 0;
}
.greeting-treat {
width: 90%;
margin-top: 30px;
margin-right: 0;
margin-left: auto;
display: flex;
}
.naratives {
width: 240px;
display: flex;
flex-direction: column;
justify-content: center;
}
.narative-border {
width: calc(100% - 245px);
margin-left: 5px;
display: flex;
flex-direction: column;
justify-content: center;
}
.narative-border span {
border-bottom: solid 2px #e1e5e3;
}
.greeting-text1, .greeting-text2 {
margin-top: 50px;
}
.greeting-photo2 {
width: 90%;
margin-left: 10%;
margin-top: 30px;
} #cause {
margin-top: 100px;
}
#cause .title {
text-align: center;
margin-top: 40px;
}
#cause .title h2 {
font-size: 30px;
}
#cause .title h2 span {
color: #c9825d;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.cause-treat {
width: 90%;
margin-top: 30px;
margin-right: 0;
margin-left: auto;
display: flex;
}
.cause-text {
width: 80%;
margin: 0 auto;
}
.cause-text1 {
margin-top: 50px;
}
.cause-text2 {
text-align: center;
margin-top: 30px;
}
.cause-text2 span {
color: #8bbabf;
font-size: 24px;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.cause-text3 {
margin-top: 30px;
}
.cause-text p {
margin-bottom: 30px;
}
.cause-text p:last-of-type {
margin-bottom: 0;
}
.cause-photo2 {
width: 90%;
margin-right: 0;
margin-left: auto;
margin-top: 50px;
} #encount {
margin-top: 80px;
}
#encount .title {
text-align: center;
border-bottom: solid 1px #8bbabf;
padding-bottom: 5px;
position: relative;
}
#encount .title h2 {
background: #8bbabf;
color: #fff;
padding: 10px 0px;
}
#encount .title img {
height: 15px;
width: auto;
position: absolute;
right: 0;
left: 0;
top: -15px;
margin: auto;
}
.encount-text {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.encount-text p {
margin-bottom: 30px;
}
.encount-text p:last-of-type {
margin-bottom: 0;
}
.encount-text2 {
text-align: center;
}
.encount-text2 p {
font-size: 24px;
color: #8bbabf;
font-weight: 600;
} #trigger {
margin-top: 50px;
}
#trigger .title {
margin-top: 40px;
text-align: center;
}
#trigger .title h2 {
font-size: 30px;
}
#trigger .title h2 span {
color: #8bbabf;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
}
.trigger-treat {
width: 90%;
margin-top: 30px;
margin-right: 0;
margin-left: auto;
display: flex;
} #concept {
margin-top: 100px;
}
#concept .title {
text-align: center;
border-bottom: solid 1px #8bbabf;
padding-bottom: 5px;
position: relative;
}
#concept .title h2 {
background: #8bbabf;
color: #fff;
padding: 10px 0px;
}
#concept .title img {
height: 15px;
width: auto;
position: absolute;
right: 0;
left: 0;
top: -15px;
margin: auto;
}
.concept-text {
width: 80%;
margin: 0 auto;
}
.concept-text1 {
margin-top: 50px;
}
.concept-text p {
margin-bottom: 30px;
}
.concept-text p:last-of-type {
margin-bottom: 0;
}
.concept-photo2 {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.concept-text3 {
margin-top: 50px;
}
.concept-text4 {
text-align: center;
margin-top: 50px;
}
.concept-text4 p {
font-size: 20px;
} #voices2 {
margin-top: 150px;
}
#voices2 .title {
height: 30px;
background-color: #e1e5e3;
position: relative;
width: 50%;
}
#voices2 .voice-title-photo {
width: 200px;
position: absolute;
left: 20%;
bottom: 15px;
}
#voices2 .title span {
position: absolute;
right: 0;
top: -25px;
color: #e1e5e3;
font-size: 18px;
font-weight: 600;
letter-spacing: .2em;
} #reason {
margin-top: 120px;
}
.reason-inner {
background: #edefee;
padding-top: 80px;
padding-bottom: 100px;
}
.reason-treat {
width: 90%;
margin-top: 30px;
margin-right: 0;
margin-left: auto;
display: flex;
}
#reason .title {
background: #8bbabf;
padding: 20px 0px;
}
#reason .title h2 {
width: 80%;
margin: 0 auto;
font-size: 26px;
color: #fff;
}
.reason-box {
width: 75%;
margin: 0 auto;
background: #fff;
padding: 20px 0px 40px;
}
.reason-title {
border-left: solid 20px #c9815c;
padding: 20px 0px;
padding-left: calc(10% - 20px);
}
.reason-title span {
color: #c4c4c4;
font-family: 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'Yu Mincho Light', 'YuMincho', 'Yu Mincho', '游明朝体', sans-serif;
font-size: 28px;
line-height: 1.8;
}
.reason-title h3 {
color: #c9815c;
font-size: 28px;
}
.reason-text1 {
width: 80%;
margin: 0 auto;
margin-top: 20px;
}
.reason-text p {
margin-bottom: 25px;
}
.reason-text p:last-of-type {
margin-bottom: 0;
}
.reason-box:not(.reason-box1) {
margin-top: 50px;
}
.reason-text2 {
margin-top: 50px;
text-align: center;
}
.reason-text2 p {
font-size: 18px;
}
.reason-photo1 {
width: 80%;
margin: 0 auto;
margin-top: 50px;
} #suggestion {
margin-top: 100px;
}
.suggestion-treat {
width: 90%;
margin-top: 30px;
margin-right: 0;
margin-left: auto;
display: flex;
}
#suggestion .title {
margin-top: 50px;
text-align: center;
}
#suggestion .title h2 {
font-weight: 600;
font-size: 26px;
line-height: 1.8;
letter-spacing: .12em;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.suggestion-text1 {
width: 60%;
margin: 0 auto;
margin-top: 50px;
}
.suggestion-text p {
font-size: 18px;
margin-bottom: 20px;
}
.suggestion-text p:last-of-type {
margin-bottom: 0;
}
.suggestion-text2, .suggestion-text3 {
width: 60%;
margin: 0 auto;
margin-top: 30px;
}
.suggestion-text2 ul {
margin: 0;
padding: 0;
}
.suggestion-text2 ul li {
list-style: none;
position: relative;
padding-left: 30px;
margin-bottom: 5px;
font-weight: 600;
font-size: 18px;
}
.suggestion-text2 ul li:last-of-type {
margin-bottom: 0;
}
.suggestion-text2 ul li::after {
content: "◼︎";
color: #c9815c;
font-size: 20px;
position: absolute;
left: 0;
top: 0;
}
.suggestion-text4 {
padding: 100px 0px;
position: relative;
text-align: center;
font-weight: 600;
}
.suggestion-text4 span {
font-size: 22px;
}
.suggestion-text4 p {
font-size: 28px;
color: #c9815c;
}
.suggestion-text4 p span {
font-size: 28px;
color: #c9815c;
background: linear-gradient(to bottom, transparent 50%, rgb(232, 206, 193, .4) 50%);
padding-bottom: 5px;
}
.suggestion-treat1, .suggestion-treat2 {
width: 130px;
position: absolute;
}
.suggestion-treat1 {
left: 0;
bottom: 0;
}
.suggestion-treat2 {
top: 0;
right: 0;
}
.suggestion-text5 {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
#foryou {
width: 80%;
margin: 0 auto;
margin-top: 50px;
border: solid 2px #c9815c;
padding: 50px 0px;
}
#foryou .title {
text-align: center;
}
#foryou .title h2 {
font-size: 28px;
color: #c9815c;
font-weight: 600;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.foryou-text1 {
width: 70%;
margin: 0 auto;
}
.foryou-text1 ul li {
list-style: none;
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.foryou-text1 ul li:last-of-type {
margin-bottom: 0;
}
.foryou-text1 ul li::after {
content: "◼︎";
color: #c9815c;
font-size: 20px;
position: absolute;
left: 0;
top: 0;
} #seminar {
margin-top: 100px;
}
#seminar .title {
text-align: center;
}
#seminar .title h2 {
font-size: 28px;
color: #c9815c;
font-weight: 600;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.seminar-wrapper {
width: 80%;
margin: 0 auto;
position: relative;
border-left: solid 10px #e1e5e3;
}
.seminar-wrapper1 {
margin-top: 50px;
}
.seminar-wrapper:not(.seminar-wrapper1) {
margin-top: 30px;
}
.seminar-left {
width: 15px;
position: absolute;
left: 0;
top: 0;
}
.seminar-right {
padding: 10px 0px 10px 50px;
}
.seminar-title h3 {
font-size: 20px;
font-weight: 600;
font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
.seminar-text1 {
margin-top: 20px;
}
.seminar-text2 {
margin-top: 20px;
text-align: center;
} #information {
margin-top: 100px;
}
#information .title {
background: #c9815c;
padding: 20px 0px;
}
#information .title h2 {
width: max-content;
max-width: 100%;
margin: 0 auto;
color: #fff;
text-align: center;
font-size: 28px;
}
.information-text1 {
width: 70%;
margin: 0 auto;
margin-top: 50px;
}
.information-wrapper {
width: 80%;
margin: 0 auto;
margin-top: 50px;
}
.information-title {
padding: 10px 0px;
background: #e1e5e3;
text-align: center;
}
.information-title span {
font-size: 24px;
font-weight: 600;
color: #251e16;
}
.information-text2 {
width: 90%;
margin: 0 auto;
margin-top: 30px;
}
.information-text3 {
width: 90%;
margin: 0 auto;
}
.information-wrapper2 .information-text2 {
text-align: center;
}
.information-wrapper2 .information-text2 p {
font-size: 28px;
}
.information-wrapper2 .information-text2 .line-through {
text-decoration: line-through;
font-size: 24px;
font-weight: 600;
color: #adb4b0;
}
.information-text3 ul li {
list-style: none;
font-size: 15px;
position: relative;
padding-left: 20px;
}
.information-text3 ul {
margin-top: 15px;
}
.information-text3 ul li::after {
content: "※";
position: absolute;
left: 0;
top: 0;
} #message {
margin-top: 100px;
}
.message-photo {
margin-top: 20px;
}
.message-text {
width: 80%;
margin: 0 auto;
}
.message-text1, .message-text2, .message-text3 {
margin-top: 50px;
}
.message-text p {
line-height: 2.4;
margin-bottom: 20px;
}
.message-text p:last-of-type {
margin-bottom: 0;
}
.message-text3 {
margin-top: 50px;
} .copyright-wrapper {
text-align: center;
font-size: 11px;
margin: 20px 0;
}
@media screen and (max-width:1100px) {
.pc-br {
display: none;
}
.tb-br {
display: block;
}
.over-wrap {
width: 90%;
} .application-button {
width: 70%;
} .present-wrapper {
width: 95%;
}
.present-left {
width: 30px;
}
.present-center {
margin-left: 30px;
width: calc(100% - 35% - 30px - 25px - 5px);
}
.present-number {
width: 100px;
}
.present-center .present-text span {
font-size: 14px;
line-height: 1.4;
}
.present-right {
width: 35%;
margin-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
} #voices {
margin-top: 80px;
}
.voice {
width: 90%;
}
.voice-left {
width: 65%;
}
.voice-right {
width: 30%;
}
#voices .title {
width: 60%;
}
#voices .voice-title-photo {
left: 10%;
}
#voices .title span {
top: -25px;
color: #adb4b0;
font-size: 18px;
letter-spacing: .1em;
}
#voices2 .title {
width: 60%;
}
#voices2 .voice-title-photo {
left: 10%;
}
#voices2 .title span {
top: -25px;
color: #adb4b0;
font-size: 18px;
letter-spacing: .1em;
} #greeting .title h2 {
font-size: 26px;
}
.greeting-text {
width: 90%;
} #cause .title h2 {
font-size: 26px;
}
#cause .title {
margin-top: 30px;
}
.cause-text {
width: 90%;
}
.cause-text4 {
margin-top: 30px;
} .encount-text {
width: 90%;
} #trigger .title {
margin-top: 30px;
} .concept-text {
width: 90%;
} .reason-inner {
padding-top: 50px;
}
.reason-box {
width: 90%;
}
.reason-photo1 {
width: 90%;
} .suggestion-text1 {
width: 80%;
}
.suggestion-text2, .suggestion-text3 {
width: 80%;
}
.suggestion-treat1, .suggestion-treat2 {
width: 90px;
}
.suggestion-text5 {
width: 90%;
} #foryou {
width: 90%;
}
.foryou-text1 {
width: 90%;
} .information-text1 {
width: 80%;
}
.information-wrapper {
width: 90%;
} .message-text {
width: 85%;
}
}
@media screen and (max-width:700px) {
p{
line-height: 1.8;
}
.sp-br {
display: block;
}
.tb-br {
display: none;
}
.pc-kv, .pc-photo{
display: none;
}
.sp-kv, .sp-photo{
display: block;
}
.over-wrap {
width: 95%;
}
.kv-fee p {
font-size: 18px;
}
.kv-fee span:first-of-type {
font-size: 20px;
}
.kv-fee span {
font-size: 24px;
} .application-button {
width: 98%;
}
.application-button span {
font-size: 16px;
} #present {
margin-top: 70px;
}
.present-left {
width: 25px;
}
.present-wrapper {
width: 90%;
flex-wrap: wrap;
justify-content: unset;
margin-top: 50px;
}
.present-center {
width: calc(90% - 20px);
margin-left: 7%;
display: flex;
flex-direction: column;
justify-content: center;
}
.present-right {
width: 100%;
margin: 0 auto;
margin-top: 15px;
} .voice {
width: 85%;
display: block;
}
.voice-right {
width: 60%;
}
.voice-left {
width: 100%;
margin-top: 15px;
}
#voices .title {
width: 90%;
}
#voices .voice-title-photo {
left: 5%;
}
#voices .title span {
top: -20px;
color: #adb4b0;
font-size: 15px;
letter-spacing: .1em;
}
#voices .voice-title-photo {
width: 180px;
} #greeting {
margin-top: 50px;
}
#greeting .title h2 {
font-size: 20px;
}
#greeting .title {
margin-top: 30px;
}
.greeting-text p {
margin-bottom: 25px;
}
.greeting-photo2 {
width: 95%;
margin-left: 5%;
}
.naratives {
width: 150px;
}
.narative-border {
width: calc(100% - 165px);
margin-left: 15px;
} #cause {
margin-top: 50px;
}
#cause .title h2 {
font-size: 20px;
}
.cause-treat {
margin-top: 20px;
}
.cause-text p {
margin-bottom: 20px;
}
.cause-text2 span {
font-size: 20px;
}
.cause-photo2 {
width: 95%;
} #encount .title img , #concept .title img{
height: 10px;
top: -10px;
}
#encount .title h2 , #concept .title h2{
font-size: 20px;
letter-spacing: .05em;
}
.encount-text p {
margin-bottom: 25px;
}
#trigger .title h2 {
font-size: 24px;
}
.trigger-treat {
margin-top: 20px;
}
.encount-text2 p {
font-size: 18px;
}
.encount-text2, .encount-text3 {
margin-top: 30px;
} .concept-text1 {
margin-top: 40px;
}
.concept-text p {
margin-bottom: 25px;
}
.concept-photo2 {
width: 95%;
margin-top: 30px;
}
.concept-text4{
width: 100%;
}
.concept-text4 p {
font-size: 18px;
} #voices2 {
margin-top: 80px;
}
#voices2 .title {
width: 90%;
}
#voices2 .voice-title-photo {
left: 5%;
}
#voices2 .title span {
top: -20px;
color: #adb4b0;
font-size: 15px;
letter-spacing: .1em;
}
#voices2 .voice-title-photo {
width: 180px;
} #reason {
margin-top: 50px;
}
#reason .title h2 {
width: 95%;
margin-left: 5%;
font-size: 20px;
}
.reason-title {
border-left: solid 15px #c9815c;
padding-left: calc(10% - 15px);
}
.reason-title span {
font-size: 26px;
}
.reason-title h3 {
font-size: 22px;
}
.reason-text1 {
width: 90%;
}
.reason-text2 p {
font-size: 16px;
text-align: left;
width: 90%;
margin: 0 auto;
}
.reason-photo1 {
width: 100%;
margin-top: 30px;
}
.reason-inner {
padding-bottom: 30px;
} #suggestion {
margin-top: 50px;
}
#suggestion .title {
margin-top: 30px;
}
#suggestion .title h2 {
font-size: 20px;
letter-spacing: .05em;
}
.suggestion-text p {
font-size: 16px;
margin-bottom: 15px;
}
.suggestion-text1 {
width: 90%;
}
.suggestion-text2, .suggestion-text3 {
width: 90%;
}
.suggestion-text2 ul li span{
line-height: 1.6;
}
.suggestion-text2 ul li {
font-size: 16px;
line-height: 1.6;
margin-bottom: 10px;
}
.suggestion-text4 span {
font-size: 20px;
}
.suggestion-text4 p span {
font-size: 22px;
}
.suggestion-text4 p {
font-size: 22px;
}
.suggestion-treat1, .suggestion-treat2 {
width: 100px;
}
.suggestion-treat1 {
bottom: -20px;
}
.suggestion-treat2 {
top: -10px;
} #foryou {
padding: 30px 0px;
}
#foryou .title h2 {
font-size: 20px;
letter-spacing: .1em;
}
.foryou-text1 ul li {
margin-bottom: 15px;
} #seminar {
margin-top: 70px;
}
#seminar .title h2 {
font-size: 20px;
}
.seminar-wrapper {
width: 90%;
}
.seminar-wrapper1 {
margin-top: 30px;
}
.seminar-right {
padding: 15px 0px 10px 30px;
}
.seminar-title h3 {
font-size: 18px;
letter-spacing: .1em;
line-height: 1.8;
}
.seminar-title h3 span{
letter-spacing: .1em;
line-height: 1.8;
}
.seminar-text p{
font-size: 15px;
}
.seminar-text2 {
margin-top: 30px;
} #information {
margin-top: 50px;
}
#information .title h2 {
font-size: 18px;
letter-spacing: .1em;
}
.information-text1 {
width: 90%;
margin-top: 30px;
}
.information-wrapper {
width: 100%;
margin-top: 30px;
}
.information-title span {
font-size: 18px;
line-height: 1.6;
}
.information-text3 ul li {
font-size: 14px;
line-height: 1.8;
padding-bottom: 5px;
}
.information-text{
width: 85%;
}
.information-wrapper2 .information-text2 p {
font-size: 24px;
}
.application-photo1 {
width: 100%;
}
.kv-fee {
margin-top: 15px;
} #message {
margin-top: 70px;
}
.message-text {
width: 85%;
}
.message-text p {
line-height: 2;
}
}