/* CSS Document */
html {
    font-size: 62.5%;
}
h1,h2,h3,h4,h5,p,li {
	font-family: 'Noto Sans JP', sans-serif;
}
.sp {
    display: none;
}
.sp-540{
    display: none;
}
.imp_sp-540 {
	display: none!important;
}
.sp-850{
    display: none;
}
.sp-920{
    display: none;
}
.tablet{
    display: none;
}
.color__blue {
	color: #0000ff!important;
	text-decoration: none;
}
.color__red {
	color: #ff0200;
}

/*--------------
    content 
----------------*/
.content__container {
	position: relative;
	margin-top: 7.4rem;
}
.content__catch {
	font-size: 2.9rem;
	background: #cd1c1b;
	color: #fff;
	padding: 1rem 2rem;
	width: 27.6rem;
	text-align: center;
	position: absolute;
	top: 58px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.content__flex {
	max-width: 1160px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}
.content__flex img {
	max-width: 58rem;
	width: 100%;
}
.content__flex--text {
	margin-left: 5rem;
	margin-bottom: 4.2rem;
}
.content__flex--title {
	font-size: 4rem;
	font-weight: 500;
	margin-bottom: 8.1rem;
}

.content__flex--position {
	font-size: 1.8rem;
	line-height: 3rem;
    margin-top: 1rem;
}
.content__flex--name {
	font-size: 3.5rem;
	margin-top: 1rem;
}
.content__text {
	max-width: 1090px;
	margin: 0 auto;
	position: relative;
}
.content__text::before {
	content:"";
	height: 100%;
	width: 1px;
	background: #cd1c1b;
	position: absolute;
	top: 0;
	left: 0;
}
.content__text p {
	max-width: 96rem;
	margin: 0 auto;
	font-size: 1.5rem;
	line-height: 4rem;
	padding-top: 6rem;
	padding-bottom: 10rem;
}

/*================================================================================================================================*/

/*=========== 最大ブレイクポイント(PCコンテンツ幅+1) =============*/

@media screen and ( max-width:1161px ) {
   .content__text {
		max-width: 100rem;
	}
}

/*================ iPadの基準ブレイクポイント ================*/

@media screen and ( max-width:1025px ){
	.content__catch {
		font-size: 1.9rem;
		width: 13.6rem;
		left: 50%;
	}
	.content__flex--title {
		font-size: 3.5rem;
		margin-bottom: 2.1rem;
	}
	.content__text {
		max-width: 60rem;
	}
	.content__text p {
		max-width: 57rem;
	}
    
}

/*========== 実機で検証できるブレイクポイント(第9世代) ==========*/

@media screen and ( max-width:820px ) {
  
}

/*================ 基本的なブレイクポイント ==================*/

@media screen and ( max-width:770px ){
    
 
}

/*================================================================================================================================*/


/*============== iPhoneの基準ブレイクポイント ================*/

@media screen and ( max-width:540px ) {
	.sp-540 {
		display: block;
	}
	.pc-540 {
		display: none;
	}
	.imp_pc-540 {
		display: none!important;
	}
	.imp_sp-540 {
		display: block!important;
	}
	p,a,th,td,dt,dd {
		font-size: 1.5rem;
    }
	.content__container {
		max-width: 33.7rem;
		margin: 10.4rem auto 0;
	}
	.content__catch {
		font-size: 2.4rem;
	}
	.content__flex {
		display: block;
	}
	.content__catch {
		top: -51px;
	}
	.content__flex--text {
		margin-left: 0;
		text-align: center;
	}
	.content__flex--title {
		font-size: 2.4rem;
		font-weight: bold;
		margin-bottom: 0;
		padding-top: 4.4rem;
		text-align: center;
	}
	.content__flex--position {
		font-size: 1.57rem;
	}
	.content__flex--name {
		font-size: 3rem;
	}
	.content__text::before {
		width: 100%;
		height: 1px;
	}
	.content__text p {
		padding-top: 1.5rem;
		line-height: 2.5rem;
	}
	p.content__flex--position{
		line-height: 2.5rem;
		font-size: 1.4rem;
	}
    .content__flex--name{
        margin-top: 2rem;
    }
   
}

/*============= 実機で検証できるブレイクポイント ==============*/

@media screen and ( max-width:375px ) {
	
}
@media screen and ( max-width:350px ) {
   
}