@charset "UTF-8";


/* html
------------------------------------------------- */
html {
	overflow-x: hidden;
}


/* contents
------------------------------------------------- */
#contents {
	padding-top: 0.625em;
}
@media only screen and (max-width:750px){
#contents {
	padding-top: 0;
}
}


/* mainvisual
------------------------------------------------- */
.mainvisual {
    height: 43.375em;
    background: url("../img-new/contents/mainvisual.jpg") center top no-repeat;
    background-size: cover;
    border-radius: 2.5em 2.5em 0 0;
    padding-top: 24em;
    box-sizing: border-box;
    position: relative;
}
.mainvisual .inner {
    max-width: inherit;
    padding: 0 6.5625em;
}
.mainvisual .box {
    width: 39em;
    height: 12em;
    box-sizing: border-box;
    position: relative;
}
.mainvisual .box::before {
    content: '';
    width: 100vw;
    height: 10.75em;
    background-color: #fff;
    border-radius: 0 0.625em 0.625em 0;
    position: absolute;
    right: 0;
    top: 2.3125em;
    z-index: 1;
}
.mainvisual h1 {
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.05em;
    background: url("../img-new/interview/tit1.svg") left top no-repeat;
    background-size: 5.08em auto;
    padding: 0.35em 0 0.35em 5.36em;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}
.mainvisual h1 img {
    width: 1.38em;
    padding: 0 0.1em;
}
.mainvisual p {
    line-height: 2.14;
    letter-spacing: 0.05em;
    padding-top: 1.25em;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:750px){
.mainvisual {
    height: 22em;
    background-position: 70% top;
    padding-top: 50vw;
}
.mainvisual .inner {
    padding: 0;
}
.mainvisual .box {
    width: 100%;
    height: auto;
}
.mainvisual .box::before {
    right: 4vw;
    top: 1.75em;
}
.mainvisual h1 {
    font-size: 6.4vw;
    padding: 2.25em 0 0;
}
.mainvisual h1 img {
    width: 1.38em;
    padding: 0 0.1em;
}
.mainvisual p {
    font-size: 3.466vw;
    line-height: 1.75;
    padding: 1em 8vw 0 0;
}
}


/* cont1
------------------------------------------------- */
.cont1 {
    padding: 2.5em 0 4.375em;
    position: relative;
}
.cont1 .inner {
    padding: 0 8.3125em;
}
.cont1 h2,
.cont2 h3 {
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.45;
    text-align: center;
    padding-top: 2.166em;
    margin-bottom: 1em;
    position: relative;
}
.cont1 h2::before,
.cont2 h3::before {
    content: '';
    width: 0.62em;
    height: 0.62em;
    background-color: #2A51C3;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: -0.31em;
    margin-left: -0.31em;
}
.cont1 h2::after,
.cont2 h3::after {
    content: '';
    width: 1px;
    height: 1.5em;
    background-color: #2A51C3;
    position: absolute;
    left: 50%;
    top: 0.31em;
    margin-left: -0.5px;
}
.cont1 .list1 li {
    width: 34.545%;
    height: 25.0625em;
    background-color: #F6F5EF;
    border-radius: 1.25em;
    margin-bottom: 2.8125em;
}
.cont1 .list1 li:nth-child(1) p {
    width: 17.285em;
    height: 17.285em;
    background: url("../img-new/contents/img1.svg") center center no-repeat;
    background-size: 100% auto;
    font-weight: 700;
    text-align: center;
    color: #2A51C3;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3em auto 0;
}
.cont1 .list1 li:nth-child(1) p span {
    color: #00ADF4;
}
.cont1 .list1 li:nth-child(2) {
    width: 61.818%;
}
.cont1 .list1 li:nth-child(2) img {
    display: block;
    width: 36.635em;
    margin: 0 auto 1em;
}
.cont1 .list1 li:nth-child(2) p {
    width: 36.6em;
    margin: 0 auto;
}
.cont1 .list2 {
    position: relative;
}
.cont1 .list2 .box {
    width: 33.125em;
    height: 30em;
    background-color: #F6F5EF;
    border-radius: 1.25em;
    margin-bottom: 2.8125em;
    padding: 0 2.25em;
    box-sizing: border-box;
}
.cont1 .list2 .box:nth-child(1) img {
    display: block;
    width: 28.625em;
    margin: 1.5em auto;
}
.cont1 .list2 .box:nth-child(2) {
    height: 49.5em;
    position: absolute;
    right: 0;
    top: 0;
}
.cont1 .list2 .box:nth-child(2) img {
    display: block;
    width: 26.25em;
    margin: 1.5em auto 1em;
}
.cont1 .list2 .box:nth-child(2) ul li,
.cont1 .list2 .box:nth-child(3) ul li {
    background-color: #fff;
    border-radius: 0.3125em;
    padding: 1.15em 1.85em;
    margin-bottom: 0.9em;
}
.cont1 .list2 .box:nth-child(2) ul li p,
.cont1 .list2 .box:nth-child(3) ul li p {
    font-weight: 700;
}
.cont1 .list2 .box:nth-child(3) {
    height: 51.875em;
}
.cont1 .list2 .box:nth-child(4) {
    height: 62.125em;
    position: absolute;
    right: 0;
    top: 52.3125em;
    padding: 0;
}
.cont1 .list2 .box:nth-child(4) dl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.45em;
}
.cont1 .list2 .box:nth-child(4) dl dt {
    width: 18.5%;
}
.cont1 .list2 .box:nth-child(4) dl dt span {
    display: block;
    width: 100%;
    background-color: #fff;
    border-radius: 0 2em 2em 0;
    font-weight: 500;
    color: #2A51C3;
    letter-spacing: 0.05em;
    line-height: 2.14;
    padding-left: 1.85em;
    box-sizing: border-box;
}
.cont1 .list2 .box:nth-child(4) dl dd {
    width: 80%;
    color: #2A51C3;
    padding-top: 0.15em;
}
.cont1 .list2 .box:nth-child(4) dl.af {
    margin-bottom: 1.75em;
}
.cont1 .list2 .box:nth-child(4) dl.af dt {
    position: relative;
    z-index: 2;
}
.cont1 .list2 .box:nth-child(4) dl.af dt span {
    background-color: #2A51C3;
    color: #FFF800;
}
.cont1 .list2 .box:nth-child(4) dl.af dd {
    width: 80%;
    color: #2A51C3;
    padding-top: 0;
    margin-top: 1em;
    position: relative;
    z-index: 1;
}
.cont1 .list2 .box:nth-child(4) dl.af dd::before {
    content: '';
    width: 30.875em;
    height: 100%;
    background-color: #FFF800;
    border-radius: 5em 0 0 5em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.cont1 .list2 .box:nth-child(4) dl.af dd p {
    font-weight: 700;
    color: #1F1F1F;
    padding: 1.5em 2.5em 1.5em 0;
    position: relative;
    z-index: 2;
}
.cont1 .list2 .box:nth-child(5) {
    background-color: #fff;
    padding: 2em 0 0;
    position: relative;
}
.cont1 .list2 .box:nth-child(5)::before {
    content: '';
    width: 29.875em;
    height: 29.875em;
    background-color: #F6F5EF;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -14.9375em;
}
.cont1 .list2 .box:nth-child(5) ul {
    position: relative;
    z-index: 2;
}
.cont1 .list2 .box:nth-child(5) ul li {
    width: 48.5%;
    background-color: #00ADF4;
    border-radius: 0.95em;
    padding: 1.5em 1.5em 1.25em;
    margin-bottom: 1.625em;
    box-sizing: border-box;
    position: relative;
}
.cont1 .list2 .box:nth-child(5) ul li::before {
    content: '';
    width: 1.375em;
    height: 1.1875em;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2219%22%20viewBox%3D%220%200%2022%2019%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%203%22%20d%3D%22M11%2C0%2C22%2C19H0Z%22%20transform%3D%22translate(22%2019)%20rotate(180)%22%20fill%3D%22%2300adf4%22%2F%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: auto 100%;
    position: absolute;
    left: 50%;
    bottom: -1.15em;
    margin-left: -0.6875em;
}
.cont1 .list2 .box:nth-child(5) ul li p {
    font-weight: 700;
    color: #fff;
}
.cont1 .list3 ul li {
    width: 23.636%;
    background-color: #F6F5EF;
    border-radius: 1.25em;
    padding: 1.125em 1.5em;
    font-weight: 700;
    box-sizing: border-box;
}
@media only screen and (max-width:750px){
.cont1 {
    padding: 40vw 0 20vw;
}
.cont1 .inner {
    padding: 0;
}
.cont1 h2,
.cont2 h3 {
    font-size: 4.8vw;
}
.cont1 .list1 li {
    width: 100%;
    height: auto;
    margin-bottom: 10vw;
    padding-bottom: 8vw;
}
.cont1 .list1 li:nth-child(1) p {
    font-size: 3.733vw;
    margin: 1em auto 0;
}
.cont1 .list1 li:nth-child(2) {
    width: 100%;
}
.cont1 .list1 li:nth-child(2) img {
    display: block;
    width: 100%;
}
.cont1 .list1 li:nth-child(2) p {
    font-size: 3.466vw;
    width: 82%;
}
.cont1 .list2 {
    padding-bottom: 25vw;
}
.cont1 .list2 .box {
    width: 100%;
    height: auto;
    margin-bottom: 10vw;
    padding: 0 6vw 8vw;
}
.cont1 .list2 .box:nth-child(1) img {
    display: block;
    width: 100%;
    margin: 0 auto 1em;
}
.cont1 .list2 .box:nth-child(1) p {
    font-size: 3.466vw;
}
.cont1 .list2 .box:nth-child(2) {
    height: auto;
    position: static;
}
.cont1 .list2 .box:nth-child(2) img {
    display: block;
    width: 100%;
    margin: 1em auto;
}
.cont1 .list2 .box:nth-child(2) ul li,
.cont1 .list2 .box:nth-child(3) ul li {
    font-size: 3.466vw;
    padding: 1.15em 1.5em;
    margin-bottom: 4vw;
}
.cont1 .list2 .box:nth-child(2) ul li:last-child,
.cont1 .list2 .box:nth-child(3) ul li:last-child {
    margin-bottom: 0;
}
.cont1 .list2 .box:nth-child(2) ul li p,
.cont1 .list2 .box:nth-child(3) ul li p {
    font-weight: 700;
}
.cont1 .list2 .box:nth-child(3) {
    height: auto;
}
.cont1 .list2 .box:nth-child(4) {
    height: auto;
    position: static;
    padding: 0;
}
.cont1 .list2 .box:nth-child(4) dl dt {
    width: 22%;
}
.cont1 .list2 .box:nth-child(4) dl dt span {
    font-size: 3.733vw;
    padding-left: 1em;
}
.cont1 .list2 .box:nth-child(4) dl dd {
    font-size: 3.733vw;
    width: 75%;
}
.cont1 .list2 .box:nth-child(4) dl.af {
    margin-bottom: 1.5em;
}
.cont1 .list2 .box:nth-child(4) dl.af dd {
    width: 75%;
    margin-top: 1em;
}
.cont1 .list2 .box:nth-child(4) dl.af dd::before {
    width: 80vw;
}
.cont1 .list2 .box:nth-child(4) dl.af dd p {
    font-size: 3.466vw;
    padding: 1em 1.5em 1em 0;
}
.cont1 .list2 .box:nth-child(5) {
    padding: 2em 0 0;
}
.cont1 .list2 .box:nth-child(5)::before {
    width: 40em;
    height: 40em;
    margin-left: -20em;
}
.cont1 .list2 .box:nth-child(5) ul li {
    width: 100%;
    padding: 1em 1.5em 1.25em;
    margin-bottom: 1.5em;
}
.cont1 .list2 .box:nth-child(5) ul li::before {
    bottom: -1em;
}
.cont1 .list2 .box:nth-child(5) ul li p {
    font-size: 3.466vw;
}
.cont1 .list3 ul li {
    width: 100%;
    padding: 1em 1.5em;
    margin-bottom: 0.75em;
}
.cont1 .list3 ul li p {
    font-size: 3.466vw;
}
}


/* cont2
------------------------------------------------- */
.cont2 {
    padding-bottom: 12.5em;
}
.cont2 .inner {
    padding: 0 8.3125em;
}
.cont2 .box {
    background-color: #FFF800;
    border-radius: 1.25em;
    padding: 0 3.75em 1em;
}
.cont2 ul li {
    background-color: #fff;
    border-radius: 0.3125em;
    padding: 1.75em 2.5em;
    margin: 0 0 1.5em 1.75em;
    position: relative;
}
.cont2 ul li::before {
    content: '';
    width: 3.5em;
    height: 3.5em;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -1.75em;
    top: 50%;
    margin-top: -1.75em;
}
.cont2 ul li::after {
    content: '';
    width: 0.85em;
    height: 0.85em;
    background-color: #FFF800;
    border-radius: 50%;
    position: absolute;
    left: -0.425em;
    top: 50%;
    margin-top: -0.425em;
    z-index: 2;
}
.cont2 ul li p span {
    font-weight: 700;
    color: #2A51C3;
}
@media only screen and (max-width:750px){
.cont2 {
    padding-bottom: 25vw;
}
.cont2 .inner {
    padding: 0;
}
.cont2 .box {
    padding: 0 1em 1em;
}
.cont2 ul li {
    padding: 1em 1.5em;
    margin: 0 0 4vw 1.25em;
}
.cont2 ul li::before {
    width: 2.5em;
    height: 2.5em;
    left: -1.25em;
    margin-top: -1.25em;
}
.cont2 ul li::after {
    width: 0.6em;
    height: 0.6em;
    left: -0.3em;
    margin-top: -0.3em;
}
.cont2 ul li p {
    font-size: 3.466vw;
    position: relative;
    z-index: 3;
}
}