/*
ピンク		#EE8899
マゼンダ 	#EE0077
オレンジ		#FF6633
*/

@media(min-width:769px){
    .sp{
        display: none !important;
    }
}
@media(max-width:768px){
    .pc{
        display: none !important;
    }
}

header{
	width:auto;
	height:;
	margin:0;
	padding:1em;
	border-top:solid 5px #EE8899;
	background:#FFF;
	display:flex;
	flex-wrap:wrap;
	align-items:end;
	justify-content:space-between;
	gap:1em;
}

header p{
	margin:auto 0 0 0;
	font-size:0.7em;
}

.hedaer__logo--left{
	margin:0;
	padding:0;
	flex:0 1 280px;
}@media screen and (max-width:768px){
	.hedaer__logo--left{
		margin:auto;
		padding:0;
	}
}

.header__text--center{
	margin:1.2em 0 0 0;
	padding:0;
	flex:1 1 30%;
	display:flex;
	flex-direction:column;
}@media screen and (max-width:768px){
	.header__text--center{
		display:none;
	}
}


.header__tel--right{
	margin:0 0 0 auto;
	flex:0 1 220px;
}@media screen and (max-width:768px){
	.header__tel--right{
		display:none;
	}
}


footer{
	width:auto;
	min-height:100vh;
	background:#EE8899;
	padding:1.5em;
}

footer *{
	color:#FFF;
	text-align:center;
}


footer address ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:0.8em;
}

footer address ul strong{
	display:inline-block;
	margin:0 0.5em 0 0.5em;
}

.footer__logo--center{
	margin:auto auto 2em auto;
	width:64px;
}

.footer__copyright--center small{
	text-align:center;
	margin:auto;
}

main{
	max-width:1920px;
	/*min-height:105vh;*/
	margin:0 auto 0 auto;
}

/*コンテンツ最大幅*/
.wrap__inner--common{
	margin:0 auto 0 auto;
	padding:0 1rem 0 1rem;
	width:100%;
	max-width:1920px;
	min-height:100vh;
}@media screen and (max-width:1280px){
	.wrap__inner--common{
		width:100%;
	}
}

/*トップページレイアウト*/

.Wrap__index--columns{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
}

.Wrap__index--columns section{
	padding:4em;
}@media screen and (max-width:768px){
	.Wrap__index--columns section{
		padding:2em;
	}
}

.wrap__halfwidth--columns{
	display:flex;
	flex-wrap:wrap;
	gap:2em;
	min-height:100vh;
	flex-direction:row-reverse;
}@media screen and (max-width:768px){
	.wrap__halfwidth--columns{
		display:block;
	}
}

.wrap__halfwidth--columns div{
	flex:1 1 calc(50% - 1em);
}

.index__top--left h1{
	font-size:3.76vw;
	font-weight:800;
	line-height:1.4;
	text-align:left;
	margin:0 0 1rem 0;
}@media screen and (max-width:768px){
	.index__top--left h1{
		font-size:2em;
	}
}

.index__top--left h2{
	font-size:1.4em;
	margin:0.5rem 0 0.5rem 0;
}

.index__top--left h2::first-letter{
	color:#CC0000;
}

.index__top--left h3{
	font-size:1.2em;
	margin:1rem 0 0.5rem 0;
}


.index__top--right ul.button{
	list-style:none;
	margin:0 0 2em 0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:1em;
}

.index__top--right ul.button li{
	border-radius:2em;
	font-size:1.4em;
	overflow:hidden;
}

.index__top--right ul.button li:first-child{
	background:#EE8899;
}

.index__top--right ul.button li:last-child{
	background:#FF6633;
}

.index__top--right ul.button a{
	display:block;
	width:100%;
	height:100%;
	font-weight:800;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	margin:0;
	padding:0.5em;
}

.index__news--column h2{
	font-size:3.5em;
	margin:0 0 4rem 0;
	padding:0;
}@media screen and (max-width:768px){
	.index__news--column h2{
		font-size:2.5em;
	}
}

.index__news--column h3{
	font-size:2em;
	font-weight:200;
}

.index__news--column h3::before{
	content:"";
	display:block;
	width:50%;
	height:0.25em;
	background:#EE8899;
	border-radius:0.25em;
}


.index__news--column .ul__news--list{
	margin-bottom:4em;
}

/*2カラムレイアウト*/
.Wrap__two--columns{
	margin:0;
	padding:0 4rem 4rem 4rem;
	display:flex;
	flex-wrap:wrap;
	gap:2rem;
}@media screen and (max-width:768px){
	.Wrap__two--columns{
		display:block;
		padding:2rem 2rem 2rem 2rem;
	}
}

.Wrap__two--columns main{
	flex:1 1 calc(100% - 28% - 3rem);
	padding:0 0 2rem 0;
	min-width:180px;
}

.Wrap__two--columns aside{
	flex:1 1 28%;
	padding:0;
	min-width:180px;
}

.Wrap__two--columns section h2{
	font-size:2em;
	font-weight:200;
	margin:0 0 1.2em 0;
}

.Wrap__two--columns section h2::before{
	content:"";
	display:block;
	width:100%;
	height:0.25em;
	background:#EE8899;
	border-radius:0.25em;
}

.Wrap__two--columns section h2 strong{
	font-size:0.6em;
}

.Wrap__two--columns section h3{
	font-size:1.5em;
	font-weight:300;
	margin:0 0 0.5em 0;
}

.Wrap__two--columns section * + h2{
	margin-top:4rem;
}

.Wrap__two--columns section h3::before{
	content:"";
	display:inline-block;
	width:0.2em;
	height:1em;
	background:#EE8899;
	border-radius:0.25em;
	margin:0 0.1em -0.12em 0;
}

.Wrap__two--columns section p + h3{
	margin-top:2rem;
}

.Wrap__two--columns section h4{
	font-size:1.2em;
	font-weight:600;
	color:#333;
	border-bottom:dashed 1px #333;
	margin:0 0 0.5em 0;
	padding:0 0 0 0.5em;
}

.Wrap__two--columns section p + h4{
	margin-top:2rem;
}


.Wrap__two--columns section h5{
	width:fit-content;
	font-weight:600;
	color:#FFF;
	background:#EE0077;
	margin:0 0 0.5em 0;
	padding:0 0.75em 0 0.75em;
	border-radius:1em;
}

.Wrap__two--columns aside h3{
	border-bottom:dotted 4px #EE8899;
	margin-bottom:1em;
}

.Wrap__two--columns aside h4{
	border-bottom:dotted 4px #EE8899;
	margin-bottom:1em;
}

.Wrap__two--columns aside h5{
	border-bottom:dotted 4px #EE8899;
	margin-bottom:1em;
}

/*バナーレイアウト*/

.ul__image--horizontal{
	width:100%;
}

.ul__image--horizontal ul{
	list-style:none;
	margin:0 0 1rem 0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}

.ul__image--horizontal ul li{
	flex:1 1 calc(50% - 0.5em);
	min-width:200px;
	margin:0;
	padding:0;
}

.ul__image--horizontal ul img{
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #CCC;
}

/*ページタイトル*/

.Page__title--set{
	margin:0;
	padding:2em;
	display:flex;
	flex-direction:column;
	item-align:center;
	justify-content:center;
	height:15vw;
	background:rgba(0,0,0,0.5);
}@media screen and (max-width:768px){
	.Page__title--set{
		height:auto;
	}
}

.Page__title--set h1{
	margin-top:auto;
	margin-bottom:auto;
	text-align:center;
	font-size:2.8em;
	line-height:1.2;
	color:#FFF;
	 text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}@media screen and (max-width:768px){
	.Page__title--set h1{
		font-size:2em;
	}
}

/*サイドバナー*/
.wrap__aside--banners{
	width:100%;
	margin:0 0 2rem 0;
	padding:0.25em;
}

.wrap__aside--banners figure{
	width:100%;
	overflow:hidden;
	border:solid 1px #CCC;
	margin-bottom:1em;
}

.wrap__aside--banners figure img{
	display:block;
	width:100%;
	height:auto;
}