@charset "utf-8";
/* CSS Document */
.mar_1{
	margin-bottom: 15px;
}
.mar_5vh{
	margin-bottom: 5vh;
}
.mar_10vh{
	margin-bottom: 10vh;
}
.layout_01,{
	margin-bottom: 15vh;
}
.mar_-5{
	margin-top: -5%;
}
/*
.sub_mv_container{
	width: 100%;
	display: grid;
grid-template-columns: 0.4fr 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
	padding-left: 5%;
	margin-bottom: 15vh;
	align-items: end;
}
.title_box{
	grid-area: 1 / 1 / 2 / 2;
	padding:0 2.0em 30%;
}
.sub_mv{
	grid-area: 1 / 2 / 2 / 3;
}
.sub_mv img{
	width: 100%;
	aspect-ratio:1265/632;
	object-position: right top;
  object-fit: contain;
	
	}
}
.Title{
	font-size:var(--20px);
	line-height:3.0em;
	margin-bottom: 3.0em;
}
.title_EN{
	font-family: "Questrial", sans-serif;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: capitalize;
	font-size:clamp(30px,2.8vw,55px);
	color:#e5507a;
}
.title_lead{
	font-size:var(--18px);
}
*/

/*layout_02*/
.layout_02{
	margin-bottom: 15vh;
}
.sub_title{
	font-size: var(--16px);
	color:#e5507a;
	line-height: 3.0em;
	text-align: center;
	margin-bottom: 3.0em;
}
.sub_title h2 span{
	font-family: "Questrial", sans-serif;
	font-weight: 900;
	letter-spacing: 0.06em;
	font-size:var(--35px);
	margin-bottom: 4.0em;
}

.kukakuzu {	
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
	margin-bottom: 15vh;
	}
.kukaku{
grid-area: 1 / 1 / 4 / 5;
	}
.circle{
	font-size: var(--35px);
	line-height:2.5em;
	text-align: center;
	white-space: nowrap;
	position: relative;
	grid-area: 3 / 4 / 5 / 6;
}
.circle .circle_L{
	 font-family: "Jost", sans-serif;
	font-weight: 500;
	font-size:clamp(60px,9.5vw,143px);
	letter-spacing: -0.15;
	vertical-align: -0.3em;
	color:#e5507a;
}
.circle .circle_M{
	font-size:var(--60px);
	vertical-align: -0.6em;
}
.circle::before{
	content: "";
	width: 12em;
	height:12em;
	border-radius: 50%;
	background-image: radial-gradient(circle,rgba(213, 225, 241, 1) 0%, rgba(213, 225, 241, 1) 70%, rgba(213, 225, 241, 0) 100%);
	filter: drop-shadow(0 0 10px #d5e1f1);
	position: absolute;
	top:30%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}
.layout_02 .sub_lead{
	font-size: var(--30px);
	text-align: center;
	margin-bottom: 3.0em;
}
.frex_2retu{
	display:flex;
	column-gap: 3.0em;
	align-items: flex-start;
}
.pho_tx{
	display: grid;
    column-gap: 1.2em;
    align-items: start;
    grid-template-columns: 1.1fr 1fr;
}
.pho_tx img{
	width: 100%;
	height:auto;
	aspect-ratio: 282 / 179; /* カンプに近い比率 */
	object-position: center top;
  object-fit: cover;
}
.pho_tx ul{
	font-size:var(--18px);
}
.pho_tx .pink{
	color:#e5507a;
	margin-bottom: 1.2em;
}
/*layout_03*/
.layout_03{
	margin-bottom: 15vh;
}
h2{
	margin-bottom: 5vh;
}
.layout_03 ul{
	 font-family: "Shippori Mincho", serif;
	 font-size: var(--18px);
	text-align-last: center;
}
.layout_03 ul li{
	margin-bottom: 1.2em;
}
.layout_03 .sub_lead{
	font-size: var(--30px);
}
/*.layout_04*/
.layout_04{
	font-family: "BIZ UDGothic", sans-serif;
}
.layout_04 h3{
	 font-size:var(--27px);
	color: #ab3954;
	padding-bottom: 0.5em;
	line-height: 1;
	 border-bottom: solid 2px #ab3954;
	margin-bottom: 5vh;
}
.layout_04 h3 span{
	 font-family: "Jost", sans-serif;
	font-size: var(--80px);
	font-weight: 700;
	vertical-align: -0.25em;
}
.lay_04-1{
	width: 250px;
	margin-bottom: 5px;
	padding-left: 5px;
}
.lay_04-2{
	width: 250px;
	margin-bottom: 5px;
	padding-left: 5px
}
.lay_04-3{
	width: 250px;
	margin-bottom: 5px;
}
.lay_04-4{
	width: 304px;
	margin-bottom: 5px;
}
.lay_04-5{
	width: 150px;
	margin-bottom: 5px;
}
.lay_04-6{
	width: 220px;
	margin-bottom: 5px;
}
.lay_04-7{
	width: 170px;
	margin-bottom: 5px;
	padding-left: 10px;"
}

.idea_lead{
	font-size: var(--16px);
	padding: 0 10%;
	margin-bottom: 10vh;
	/*letter-spacing: -0.23em;*/
}
.idea_cat_title{
	font-size:var(--27px);
	color: #ab3954;
	border-left: solid 4px #ab3954;
	padding-left: 1.8em;
	margin-bottom: 1.5em;
	white-space: nowrap;
	/*letter-spacing: -0.5em;*/
}
.idea_text{
	font-size: var(--16px);
	letter-spacing: -0.23em;
}
.koagari{
	display: flex;
	column-gap: 2.0em;
	align-items: baseline;
	margin-bottom: 15vh;
}
/*.layout_05*/
.layout_05{
	font-family: "BIZ UDGothic", sans-serif;
}
.layout_05 h3{
	 font-size:var(--28px);
	color: #f35b3f;
	padding-bottom: 0.5em;
	line-height: 1;
	 border-bottom: solid 2px #f35b3f;
	margin-bottom: 5vh;
}
.layout_05 h3 span{
	 font-family: "Jost", sans-serif;
	font-size: var(--80px);
	font-weight: 700;
	vertical-align: -0.25em;
}
.idea_cat_title2{
	color: #f35b3f;
	border-left: solid 4px #f35b3f;
}
.wall_1{
display: flex;
	column-gap: 2.0em;
	align-items: flex-start;
	margin-bottom: 5vh;
}

/*=========レスポンシブ=====================

=======SP対応・ブレイクポイント768px=========*/
@media (max-width: 1000px) {
.lay_04-2 {
    width: 210px;
	}
.lay_04-3 {
    width: 180px;
}	
@media (max-width: 768px) {
.mar_-5{
	margin-top: 0;
}
	.mar_10vh_sp{
		margin-bottom: 10vh;
	}
/*.sub_mv_container {
    width: 100%;
    display: flex;
    row-gap: 5em;
    padding-left: 15%;
    flex-direction: column-reverse;	
	align-items: flex-start;
	margin-top: 5vh;
	margin-bottom: 20vh;
	}
.title_box {
	padding: 0;
	}
.sub_mv_container::before {
    width: clamp(14px, 3.3vw, 26px);
    height: 100%;
    top: -50%;
	}
.Title {
    font-size: var(--16px);	
	    line-height: 5em;
    margin-bottom: 5em;
	}*/
.title_EN {
    font-size: clamp(30px, 7.1vw, 55px);	
	}
.circle {
    font-size: var(--27px);
	}
.circle .circle_L {
    font-size: clamp(60px, 13vw, 106px);	
	}
.circle .circle_M {
    font-size: var(--40px);	
	}
.circle::before {
    width: 10em;
    height: 10em;
	    top: 45%;
	}
.sub_mv img {
    aspect-ratio: 641 / 426;
	}
.frex_2retu {
    display: block;
	}
.pho_tx {
    margin-bottom: 10vh;	
	}
.layout_04 h3,.layout_05 h3 {
    font-size: var(--23px);
	    padding-bottom: 0.2em;
	}
.layout_04 h3 span,.layout_05 h3 span {
    font-size: var(--50px);
	vertical-align: 0;
	}
.idea_cat_title {
    font-size: var(--23px);
	}
.idea_text {
    font-size: var(--14px);
    text-indent: 1.4em;
	position: relative
}
	.idea_text::before{
		content: "▲";
		font-size: var(--14px);
		position: absolute;
		top:0;
		left:-1.2em;
	}
.lay_04-2 {
    width: 250px;
	}
.lay_04-3 {
    width: 250px;
	}
.koagari {
    display: block;
	}
.wall_1 {
    display: block;
	}
}
@media (max-width: 500px) {
    .kukakuzu {
		margin-bottom: 10vh;
	}
    
.pho_tx {
    display: block;
}	
    .circle {
		font-size: var(--23px);
	}
.circle::before {
	width: 9em;
        height: 9em;
    top: 50%;
    left: 55%;
	}
    .circle .circle_L {
        font-size: var(--50px);
    }	
	    .circle .circle_M {
        font-size: var(--30px);
    }
.idea_cat_title {
    padding-left: 0.5em;	
	}
.caption_l {
    margin-bottom: 2.0em;	
	}
.lay_04-4 {
    width: 260px;
	}
	
	
	

}