@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {



/*--------hed_img------------*/

#hedImg {
background: url(../../images/strength/hed_img.jpg) center center no-repeat;
background-size: cover;
}

/*------------*/
.strength_img01 {
	width:100%;
	margin:0 auto 60px;
}

.check_list {
	margin:0 0 60px;
	padding:0;
	list-style-type:none;
}

.check_list li {
position: relative;
padding-left: 1.5em;
margin-bottom: 15px;
font-size: 1.8rem;
font-weight: bold;
color:#cd4a38;
}

.check_list li:last-child {
margin-bottom: 0px;
}

.check_list li:before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
position: absolute;
font-size: 1em;
left: 0;
top: 5px;
color: #cd4a38;
font-weight: bold;
}


.flowListWrap {
width: 960px;
margin: 0 auto 70px;
}

.flowList {
width: 770px;
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}

.flowList li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #ccc 1px dashed;
position: relative;
}

.flowList li:last-child  {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}

.flowList h4 {
position: relative;
margin-bottom: 15px;
}

span.no {
position: absolute;
left: 0;
top: 0;
font-family: 'Open Sans', sans-serif;
font-size: 3.6rem;
letter-spacing: 0.1em;
color: #D0121B;
font-weight: normal;
}

span.no:after {
content: "";
display: block;
position: absolute;
left: 50px;
top: 15px;
background-color: #000;
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg);
height: 43px;
width: 1px;
}

.title_wrap {
padding-top: 18px;
padding-left: 80px;
}

.title {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 2.3rem;
letter-spacing: 0.05em;
}


.strength_list {
	width:100%;
	margin:0 auto 60px;
	padding:0;
	list-style-type:none;
}

.strength_list li {
	width:30.66%;
	float:left;
	margin-right:4%;
	margin-bottom:0;
}

.strength_list li:nth-child(3n+3) {
	margin-right:0;
}

.strength_list li p {
	text-align:center;
	padding:5px 0;
}

.idx_box_img_r {
    width: 40%;
    margin: 0 0 100px 4%;
    position: relative;
	float:right;
}

.idx_box_img_r::before {
    position: absolute;
    content: "";
    display: block;
    width: 160%;
    background: rgba(0,55,114,0.1);
    height: 300px;
    right: 80%;
    bottom: -100px;
    left: 50px;
    z-index: -1;
}


.unique_wrap {
	width:80%;
	background:#33b6e5;
	padding:5%;
	margin:0 auto;
	border-radius:20px;
	color:#FFF;
	text-align:center;
	box-shadow:2px 3px 6px -5px #333333;
}

.unique_wrap h2 {
	display:inline-block;
	font-size:2.4em;
	text-align:center;
	color:#33b6e5;
	margin:0 0 30px;
	padding:5px 10px;
	background:#FFF;
	border-radius:8px;
}


.unique_wrap h3 {
	font-size:1.8em;
	text-align:center;
	color:#fff600;
	margin:0 0 30px;
	padding-bottom:4px;
	border-bottom:2px dotted #fff600;
}

.unique_wrap h4 {
	font-size:1.46em;
	text-align:center;
	color:#fff600;
	margin:0 0 30px;
}

}




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




/*sp*/
@media only screen and (max-width: 768px) {



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

#hedImg {
background: url(../../images/strength/hed_img.jpg) center center no-repeat;
background-size: cover;
}


/*------------*/
.strength_img01 {
	width:100%;
	margin:0 auto 30px;
}


.flowListWrap {
width: 96%;
margin: 0 auto 70px;
}

.flowList {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}

.flowList li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: #ccc 1px dashed;
}

.flowList li:last-child  {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}

.flowList h4 {
position: relative;
margin-bottom: 15px;
}

span.no {
position: absolute;
left: 0;
top: 0;
font-family:'Open Sans', sans-serif;
font-size: 3rem;
letter-spacing: 0.1em;
color: #D0121B;
font-weight: normal;
}

span.no:after {
content: "";
display: block;
position: absolute;
left: 40px;
top: 15px;
background-color: #000;
-webkit-transform: skewX(-40deg);
transform: skewX(-40deg);
height: 43px;
width: 1px;
}

.title_wrap {
padding-top: 18px;
padding-left: 60px;
}

.title {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
font-size: 2rem;
letter-spacing: 0.05em;
}


.strength_list {
	width:90%;
	margin:0 auto 30px;
	padding:0;
	list-style-type:none;
}

.strength_list li {
	width:100%;
	margin-bottom:4%;
}

.strength_list li:nth-child(3n+3) {
	margin-bottom:0;
}

.strength_list li p {
	text-align:center;
	padding:5px 0;
}


.idx_box_img_r {
    width: 60%;
    margin: 0 auto 30px;
    position: relative;
}

.idx_box_img_r::before {
    position: absolute;
    content: "";
    display: block;
    width: 160%;
    background: rgba(0,55,114,0.1);
    height: 300px;
    right: 80%;
    bottom: -100px;
    left: 50px;
    z-index: -1;
}


.unique_wrap {
	width:90%;
	background:#33b6e5;
	padding:3%;
	margin:0 auto;
	border-radius:20px;
	color:#FFF;
	text-align:center;
	box-shadow:2px 3px 6px -5px #333333;
}

.unique_wrap h2 {
	display:inline-block;
	font-size:1.8em;
	text-align:center;
	color:#33b6e5;
	margin:0 0 30px;
	padding:5px 10px;
	background:#FFF;
	border-radius:5px;
}


.unique_wrap h3 {
	font-size:1.4em;
	text-align:center;
	color:#fff600;
	margin:0 0 30px;
	padding-bottom:4px;
	border-bottom:2px dotted #fff600;
}

.unique_wrap h4 {
	font-size:1.2em;
	text-align:center;
	color:#fff600;
	margin:0 0 30px;
}


}