@charset "UTF-8";
/* =====================================
	タブレット表示をカスタマイズ
===================================== */

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

#wrapper {max-width:100%;}

header {height:60px; padding:0 15px;}
header .logo {gap:15px;}
header .logo li:nth-child(1) img,
header .logo li:nth-child(2) img {width:auto; height:34px;}
header .cv-btn {gap:10px;}
header .cv-btn li a {font-size:16px; line-height:30px; height:40px; padding:4px 45px 6px 15px; border-radius:50px;}
header .cv-btn li:nth-child(2) a {padding:4px 45px 6px 15px;}
header .cv-btn li a::before {width:20px; height:20px; right:15px;}

.visual p {bottom:20px; left:15px; font-size:22px; line-height:1.5; letter-spacing:1px;}

.lead {padding:50px 0;}
.lead h2 {font-size:30px; line-height:1.6;}
.lead p {font-size:16px; line-height:1.8; padding:0 50px; margin:40px auto 0 auto;}

.manga01 {height:auto; padding:100px 0 0 0;}
.manga01 h2 {font-size:30px; line-height:1.6;}
.manga01 h2::before,
.manga01 h2::after {bottom:0.6em;}
.manga01 img {margin:30px auto 0 auto; width:80%;}
.manga01 p {margin-top:-55px; padding:80px 10px 40px 10px; font-size:25px; line-height:1.6; background:#18b9d4;}

.nayami {padding:50px 4% 80px 4%;}
.nayami h2 {font-size:30px; line-height:1.6;}
.nayami .position {max-width:100%; gap:20px 20px;}
.nayami .position .position-item {width:calc((100% - 40px) / 3); padding:20px 20px;}
.nayami .position .position-item img {width:100%; margin:15px auto;}
.nayami .position .position-item ul li br {display:none;}

.features {padding:0 0 320px 0;}
.features h2 {font-size:30px; line-height:1.6;}
.features p {margin-top:30px; padding:0 4% 140px 4%; font-size:16px; line-height:1.8; background:#fff;}
.features .pc01 {margin:-100px auto 0 auto; width:auto; height:auto; max-height:200px; min-width:350px;}
.features picture img {margin:30px auto 0 auto; width:80%;}

.results01 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 0; padding:0 0 100px 0;}
.results01::before {order:4; position:static; width:51%; height:0; padding-top:calc(58.23% * 0.51); margin-left:-5%;}
.results01 h2 {order:1; width:100%; padding:50px 0 135px 0; font-size:30px; line-height:1.6; background:#fff;}
.results01 p {order:2; display:inline-block; width:auto; height:auto; margin:-100px 0 40px 0; padding:23px 150px 23px 25px; min-height:200px; font-size:16px; background:#18b9d4 url(../img/sp/bg04.png) no-repeat right 0 bottom 0 /contain; border-radius:15px; overflow:hidden;}
.results01 ul {order:3; margin:0 0 0 4%; width:50%;}

.results02 {padding:50px 4%;}
.results02 h2 {font-size:30px; line-height:1.6;}
.results02 ul {max-width:100%; margin:30px auto 0 auto; gap:20px 20px;}
.results02 ul li {width:calc((100% - 40px) / 3); padding:20px 20px;}
.results02 ul li img {width:100%; margin:15px auto 10px auto;}
.results02 ul li h4,
.results02 ul li p {line-height:1.5; text-align:left; word-break:normal;}
.results02 ul li h4 br,
.results02 ul li p br {display:none;}
.results02 .txt01 {margin-top:30px; font-size:30px; line-height:1.6;}

.achievement {padding:45px 0;}
.achievement h2 {font-size:30px; line-height:1.6;}
.achievement p {margin-top:30px; font-size:16px; line-height:1.8;}
.achievement picture img {margin:38px auto 0 auto; width:50%;}

.cv-area {height:auto; padding:30px 4%; background:url(../img/sp/bg06.png) no-repeat right 0 bottom 0 / cover;}
.cv-area .inner h2 {font-size:30px; line-height:1.5;}
.cv-area .inner p {margin:10px 0 20px 0; font-size:16px; line-height:1.6;}
.cv-area .inner p strong {margin:10px 0; font-size:130%;}

}