/*
Theme Name: castingdoctor-lp
Author: tomo
*/


/* ------------------------------------------ reset css ------------------------------------------ */
/*
  Made by Elly Loel - https://ellyloel.com/
*/
*{margin:0;padding:0;line-height:calc(0.25rem+1em+0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}
html{block-size:100%;-webkit-text-size-adjust:none}
@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}
body{text-rendering:optimizeSpeed;min-block-size:100%}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg){stroke:none;fill:currentColor}:where(svg):where(:not([fill])){stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(input,button,textarea,select),:where(input[type="file"])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit;word-spacing:inherit}:where(textarea){resize:vertical}
@supports(resize:block){:where(textarea){resize:block}}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}
h1{font-size:2em}:where(ul,ol){list-style-position:inside}:where(ul,ol)[role="list"]{list-style:none}
a:not([class]){text-decoration-skip-ink:auto}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){cursor:pointer;touch-action:manipulation}:where(input[type="file"]){cursor:auto}:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{cursor:pointer}
@media(prefers-reduced-motion:no-preference){:focus-visible{transition:outline-offset 145ms cubic-bezier(0.25,0,0.4,1)}:where(:not(:active)):focus-visible{transition-duration:0.25s}}:where(:not(:active)):focus-visible{outline-offset:5px}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"]),:where(input[type="file"])::-webkit-file-upload-button,:where(input[type="file"])::file-selector-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;text-align:center}:where(button,button[type],input[type="button"],input[type="submit"],input[type="reset"])[disabled]{cursor:not-allowed}

/* ------------------------------------------ // ------------------------------------------ */


/* ------------------------------------------ page 共通 ------------------------------------------ */

body {
	font-family: "Noto Sans JP", sans-serif;
}

.page-wrap {
	overflow-x: hidden;
    position: relative;
}

.zenhaba {
	position: relative;
	left: 50%;
	width: 100vw;
	transform: translate(-50%, 0);
}

::marker {
	margin-right: 10px;
}


.fot-ryumin {
	font-family: "a-otf-ryumin-pr6n", serif;
}

.fot-notosans {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.fot-caflisch_script {
	font-family: "caflisch-script-pro", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lh-1 {
	line-height: 1;
}

.cr-fff {
	color: #fff;
}

.cr-171c61 {
	color: #171c61;
}

.cr-aaa {
	color: #aaaaaa;
}

.bg-000 {
	background-color: #000;
}

.block {
	display: block;
}

.in-block {
	display: inline-block;
}

.flex {
	display: flex;
}

.align-c {
	text-align: center;
}

.align-r {
	text-align: right;
}

.mg-auto {
	margin: auto;
}

a {
	transition: all 0.5s;
}

a:hover {
	opacity: 0.7;
}

.pc {
	display: block !important;
}

.mb {
	display: none;
}

@media screen and (max-width: 805px) {
	.pc {
		display: none !important;
	}
	
	.mb {
		display: block !important;
	}
}

/* mv */
.mv {
	position: relative;
}

.mv__visual {
	width: 100%;
}

.mv__cta {
	position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
    margin: auto;
	width: 66.1%;
    width: 58.6vw;
}

@media screen and (max-width: 805px) {
.mv__cta {
    bottom: 4.5vw;
    width: 84.533vw;
}
}

/* service */
.service__container {
	padding: 64px 0 82px;
	padding: 3.335vw 0 4.273vw;
}

.service__list__item {
	width: 88.5%;
	position: relative;
    z-index: 10;
}

.service__list__item--second {
    width: 87.9%;
    margin : -65px -75px 0 auto;
	margin: -3.387vw -3.908vw 0 auto;
    z-index: 0;
}

@media screen and (max-width: 805px) {
	.service__container {
		padding: 0;
}
	
	.service__list__item {
		width: 100%;
	}
	
	.service__list__item--second {
		margin: -1vw 0 0 !important;
	}
}

/* anxiety */
@media screen and (max-width: 805px) {
	.anxiety {
		margin-top: -7vw;
	}
}

/* flow */
.flow {
	margin-top: -120px;
	margin-top: -6.253vw;
	background-size: cover;
    background-position: center;
}

.flow__container {
	padding: 216px 0 90px;
	padding: 11.255vw 0 4.689vw;
}

.flow__content {
	margin-bottom: 81px;
	margin-bottom: 4.220vw;
}

.flow__content img {
	width: 84%;
	margin: 0 15px 0 auto;
}

@media screen and (max-width: 805px) {
	.flow {
    	margin-top: -20vw;
	}
	
	.flow__container {
		padding: 20vw 0 0;
}
	
	.flow__content {
		margin-bottom: 5.479vw;
		margin-top: 4vw;
}
	
	.flow__content img {
		width: 92.154vw;
		margin: auto;
	}
}

.ctaBtn {
	width: 66.1%;
	margin: auto;
}

.ctaBtn--midori {
	width: 39.1%;
}

@media screen and (max-width: 805px) {
	.ctaBtn {
		width: 100%;
		margin: auto;
}
	
	.ctaBtn--midori {
		width: 90.037vw;
	}
}

/* jisseki */
.achievements__container {
	padding-top: 72px;
	padding-top: 3.751vw;
}

.achievements__content {
	width: 66.1%;
	margin: auto;
}

@media screen and (max-width: 805px) {
	.achievements__container {
    	padding-top: 3.985vw;
}
	
	.achievements__content {
    	width: 100%;
		position: relative;
        z-index: 100;
}
}

/* movie */
.movie {
	position: relative;
}

.movie__bg {
    width: 72.4%;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
	z-index: 30;
}

.movie__container {
	padding-bottom: 45px;
	padding-bottom: 2.344vw;
}

.movie__heading {
	width: 66.1%;
    margin: 0 auto 98px;
	margin: 0 auto 5.106vw;
}

.movie__list {
	width: 63.2%;
	position: relative;
	z-index: 50;
	justify-content: space-between;
}

.movie__list__item {
	width: 569px;
	width: 46.9%;
	height: 328px;
	height: 17.1vw;
    background-position: center;
	background-size: cover;
}

.movie__list__item a {
	display: block;
	width: 100%;
	height: 100%;
}

.movie__text {
	width: 38.5%;
	margin-top: 62px;
	margin-top: 3.230vw;
	position: relative;
    z-index: 100;
}

@media screen and (max-width: 805px) {
	.movie {
		margin-top: -10vw;
	}
	
	.movie__container {
        padding-bottom: 1.743vw;
    }
	
	.movie__heading {
		width: 74.346vw;
		margin: 0 auto 5.230vw;
}
	
	.movie__list {
    	width: 82.565vw;
		flex-wrap: wrap;
	}
	
	.movie__list__item {
		width: 100%;
		height: 46.326vw;
}
	
	.movie__list__item:nth-of-type(1) {
    	margin-bottom: 10.336vw;
}
	
	.movie__text {
		width: 80.821vw;
		margin-top: 7.970vw;
}
	
	.movie__bg {
		width: 92.528vw;
		bottom: -2.5vw;
}
}

/* daihyou */
.daihyou {
	position: relative;
}

.daihyou__container {
	padding-top: 20px;
	padding-top: 1.042vw;
}

.daihyou__content {
	width: 72.4%;
	position: relative;
    z-index: 20;
}

.daihyou__bg {
	position: absolute;
    top: -38%;
    z-index: 1;
	width: 100%;
    height: 138%;
    background-size: cover;
}

@media screen and (max-width: 805px) {
	.daihyou__content {
    	width: 100%;
}
}

/* recommender */
.recommender__refund {
	margin-top: 80px;
	margin-top: 4.168vw;
}

@media screen and (max-width: 805px) {
	.recommender__refund {
		margin-top: 0;
	}
}

/* support */
@media screen and (max-width: 805px) {
	.support {
		position: relative;
	}
	
	.support__container {
		padding: 11.581vw 0 14.570vw;
	}
	
	.support__bg {
		position: absolute;
		bottom: 24vw;
		z-index: -1;
	}
}

/* plan */
.plan__container {
	padding-bottom: 86px;
	padding-bottom: 4.481vw;
}

.plan__content {
	width: 93.5%;
}

@media screen and (max-width: 805px) {
	.plan__container {
		padding-bottom: 0;
	}
	
	.plan__content {
    	width: 100%;
}
}

/* question */
.question {
	background-size: cover;
}

.question__container {
	padding: 119px 0;
	padding: 6.201vw 0;
}

.question__content {
	width: 66.1%;
}

@media screen and (max-width: 805px) {
	.question {
		background-image: url(https://www.castingdoctor.jp/youtube_ope/wp-content/uploads/2026/03/question-bg-mb.webp);
	}
	
	.question__container {
    	padding: 7.471vw 0 9.215vw;
}
	
	.question__content{
    	width: 88.667vw;
}
}

/* listen */
.listen__container {
	padding: 81px 0 96px;
	padding: 4.220vw 0 5.002vw;
}

.listen__content {
	width: 70.9%;
}

@media screen and (max-width: 805px) {
	.listen__container {
    	padding: 6.849vw 0 0;
}
	
	.listen__content {
		width: 100%;
		margin-bottom: -9vw;
}
}

/* consultation */
.consultation__container {
	padding: 96px 0 77px;
	padding: 5.002vw 0 4.012vw;
}

.consultation__content {
	width: 44.7%;
	margin-bottom: 95px;
	margin-bottom: 4.950vw;
}

@media screen and (max-width: 805px) {
	.consultation__container {
    	padding: 7.204vw 0 10.336vw;
}
	
	.consultation__content{
		width: 100%;
		margin-bottom: 6.849vw;
}
}

/* disc */
.disc {
	background-size: cover;
}

.disc__container {
	padding: 66px 0 62px;
	padding: 3.439vw 0 3.230vw;
}

.disc__content {
	width: 76.5%;
	margin-bottom: -10px;
	margin-bottom: -0.521vw;
}

@media screen and (max-width: 805px) {
	.disc {
		background-image: url(https://www.castingdoctor.jp/youtube_ope/wp-content/uploads/2026/03/disc-bg-mb.webp) !important;
	}
	
	.disc__container {
    	padding: 11.207vw 0 0;
}
	
	.disc__content {
		width: 100%;
		margin-bottom: -10px;
		margin-bottom: -1.245vw;
}
	
}

/* profile */
.profile {
	background-size: cover;
}

.profile__container {
	padding: 82px 0 110px;
	padding: 4.273vw 0 5.732vw;
}

.profile__content {
	width: 54.1%;
	margin-left: 14.3%;
}

@media screen and (max-width: 805px) {
	.profile__container {
    	padding: 6.102vw 0 7.222vw;
}
	
	.profile__content {
		width: 87.297vw;
		margin-left: 2.988vw;
}
}