@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
section#support h4.num01{
    color: #00978D;
}
section#support h4.num01 span.num{
    background: #00978D;
}
section#support h4.num02{
    color: #F6AB3A;
}
section#support h4.num02 span.num{
    background: #F6AB3A;
}
section#support h4.num03{
    color: #D56C93;
}
section#support h4.num03 span.num{
    background: #D56C93;
}
section#support div.block_l div.box::before{
    background: #F6AB3A;
}
section#support div.block_r div.box::before{
    background: #D56C93;
}
/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	section div.section_inner{
		width: 65.8%;
		max-width: 900px;
		margin: 0 auto;
	}
	
	section div.section_inner h3{
		width: 49.4%;
		margin: 0 auto 2.5em;
		font-size: 2.5rem;
		font-size: clamp(1.25rem, 1.83vw, 2.5rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.08em;
		color: #FFF;
		text-align: center;
		background: #ED95A2;
		border-radius: 25px;
		padding: 0.4em 0;
	}

	section#about {
		padding-top: 4.4vw;
		padding-bottom: 9.22vw;
        background: url(../images/about/name_en.svg) repeat-x;
        background-size: 72.3vw;
        background-position: bottom left;
	}
	
	section#about div.section_inner div.block.forte{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	section#about div.section_inner div.block.forte + div.block.forte{
		margin-top: 2.8vw;
	}
	
	section#about div.section_inner div.block.forte ul{
		width: 50%;
	}
	
	section#about div.section_inner div.block.forte ul.few{
		padding-bottom: 2em;
	}
	
	section#about div.section_inner div.block.forte ul li{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 500;
		line-height: 1.8;
		letter-spacing: 0.08em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#about div.section_inner div.block.forte ul li span.ind{
		display: inline-block;
		margin-left: 4.5em;
	}
	
	section#about div.section_inner div.block.forte div.image_block{
		width: 45%;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		line-height: 0;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure figcaption{
		width: 31.8%;
		display: inline-block;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure span{
		width: 61.2%;
		display: inline-block;
	}
	
	section#support {
		margin-top: 3vw;
	}
	
	section#support h4{
		font-size: 3.5rem;
		font-size: clamp(1.75rem, 2.56vw, 3.5rem);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 1em;
	}
	
	section#support h4 span.num{
		font-size: 2.5rem;
		font-size: clamp(1.25rem, 1.83vw, 2.5rem);
		font-weight: 700;
		line-height: 1;
		color: #FFF;
		letter-spacing: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 3.66vw;
		max-width: 50px;
		height: 3.66vw;
		max-height: 50px;
		margin-right: 0.5em;
		border-radius: 100%;
	}
	
	section#support h6{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 400;
		margin-bottom: 0.25em;
	}
	
	section#support div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 5.5vw;
	}
	
	section#support div.block_l,
	section#support div.block_r{
		width: 46.8%;
	}
	
	section#support div.block div.box{
		min-height: 2.5em;
		font-size: 2.5rem;
		font-size: clamp(1.25rem, 1.83vw, 2.5rem);
		font-weight: 700;
		letter-spacing: 0.08em;
		padding-left: 10%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		position: relative;
	}
	
	section#support div.block div.box + div.box{
		margin-top: 1em;
	}
	
	section#support div.block div.box::before{
		content: "";
		width: 3.55%;
		height: 100%;
		border-radius: 9px;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	section#support div.block div.box p{
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
		font-weight: 500;
		line-height: 1.8;
	}
	
	section#target {
		margin-top: 8vw;
	}
	
	section#target div.section_inner{
		width: 80%;
		max-width: 1100px;
	}
	
	section#target h3{
		margin-bottom: 0;
		position: relative;
		z-index: 5;
	}
	
	section#target ul{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		padding: 4em 3em;
		background: #FCF3E7;
		border-radius: 35px;
		margin-top: -1.4em;
		position: relative;
		z-index: 3;
	}
	
	section#target ul li{
		line-height: 1.6;
		font-weight: 500;
		letter-spacing: 0.08em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#target ul li b{
		font-size: 127%;
		color: #DB6A93;
	}
	
	section#target ul li + li{
		margin-top: 1.25em;
	}
	
	section#target ul + p.cap{
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
		font-weight: 500;
		text-align: right;
		margin-top: 0.25em;
		padding-right: 1em;
	}
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	section div.section_inner{
		width: 86%;
		margin: 0 auto;
	}
	
	section div.section_inner h3{
		width: 84%;
		margin: 0 auto 1em;
		font-size: 1.8rem;
		font-size: clamp(1.8rem, calc(0.138rem + 4.615vw), 3.6rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.08em;
		color: #FFF;
		text-align: center;
		background: #ED95A2;
		border-radius: 25px;
		padding: 0.4em 0;
	}

	section#about {
		padding-top: 10vw;
		padding-bottom: 10vw;
		background: url("../images/about/name_en.svg") repeat-x;
		background-size: 135vw;
		background-position: bottom left 148%;
	}
	
	section#about div.section_inner div.block.forte{
		width: 94.6%;
		margin: 0 auto;
	}
	
	section#about div.section_inner div.block.forte + div.block.forte{
		margin-top: 9vw;
	}
	
	section#about div.section_inner div.block.forte ul{
		width: 100%;
		margin-top: 2.6vw;
	}
	
	section#about div.section_inner div.block.forte ul.few{
		padding-bottom: 2em;
	}
	
	section#about div.section_inner div.block.forte ul li{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		font-weight: 500;
		line-height: 1.8;
		letter-spacing: 0.08em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	section#about div.section_inner div.block.forte ul li span.ind{
		display: inline-block;
		margin-left: 4.5em;
	}
	
	section#about div.section_inner div.block.forte div.image_block{
		width: 94%;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		line-height: 0;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure figcaption{
		width: 31.8%;
		display: inline-block;
	}
	
	section#about div.section_inner div.block.forte div.image_block figure span{
		width: 61.2%;
		display: inline-block;
	}
	
	section#support {
		margin-top: 12vw;
	}
	
	section#support h3 {
		margin-bottom: 2em;
	}
	
	section#support h4{
		font-size: 2.5rem;
		font-size: clamp(2.5rem, calc(0.192rem + 6.410vw), 5.0rem);
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 0.5em;
	}
	
	section#support h4 span.num{
		font-size: 1.4rem;
		font-size: clamp(1.4rem, calc(0.108rem + 3.590vw), 2.8rem);
		font-weight: 700;
		line-height: 1;
		color: #FFF;
		letter-spacing: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 8vw;
		max-width: 60px;
		height: 8vw;
		max-height: 60px;
		margin-right: 0.5em;
		border-radius: 100%;
	}
	
	section#support h6{
		font-size: 1.0rem;
		font-size: clamp(1.0rem, calc(0.077rem + 2.564vw), 2.0rem);
		font-weight: 400;
		margin-bottom: 0.25em;
	}
	
	section#support div.table_box{
		width: 108.1%;
		overflow: hidden;
		padding-bottom: 10px;
	}
	
	section#support div.table_box figure{
		width: 151.4%;
	}
	
	section#support div.block {
		display: block;
	}
	
	section#support div.block_l,
	section#support div.block_r{
		margin-top: 9vw;
	}
	
	section#support div.block_l h4,
	section#support div.block_r h4{
		margin-bottom: 1em;
	}
	
	section#support div.block div.box{
		min-height: 2em;
		font-size: 1.8rem;
		font-size: clamp(1.8rem, calc(0.138rem + 4.615vw), 3.6rem);
		font-weight: 700;
		letter-spacing: 0.08em;
		padding-left: 7.6%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		position: relative;
	}
	
	section#support div.block div.box + div.box{
		margin-top: 1em;
	}
	
	section#support div.block div.box::before{
		content: "";
		width: 2vw;
		height: 100%;
		border-radius: 1.2vw;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	section#support div.block div.box p{
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		font-weight: 500;
		line-height: 1.8;
	}
	
	section#target {
		margin-top: 12vw;
	}
	
	section#target h3{
		margin-bottom: 0;
		position: relative;
		z-index: 5;
	}
	
	section#target ul{
		font-size: 1.5rem;
		font-size: clamp(1.5rem, calc(0.115rem + 3.846vw), 3.0rem);
		padding: 2.5em 1.25em;
		background: #FCF3E7;
		border-radius: 4.66vw;
		margin-top: -1.4em;
		position: relative;
		z-index: 3;
	}
	
	section#target ul li{
		line-height: 1.6;
		font-weight: 500;
		letter-spacing: 0.08em;
		text-indent: -1.45em;
		padding-left: 1.45em;
	}
	
	section#target ul li b{
		color: #DB6A93;
	}
	
	section#target ul li + li{
		margin-top: 1.25em;
	}
	
	section#target ul + p.cap{
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		font-weight: 500;
		text-align: right;
		margin-top: 0.25em;
		padding-right: 1em;
	}
	
}