@charset "utf-8";

/* style-protection.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * Protection
 * **************************************************
 */

/* Protection
------------------------------------------------------------------- */

/* Content */
.notification .content__inner {
  margin: 70px auto 0 auto;
  padding: 0 50px;
  max-width: 1250px;
}
.pink-box{
	background:#fff4f4;
	padding:30px;
	font-size:1.6em;
}

.pink-box h5{
	font-size:100%;
}

.pink-box img{
	max-width:100%;
}

.login-myna{
	padding-left:0!important;
	display:flex;
	justify-content:space-between;
}

.login-myna li{
	position:relative;
	width:40%;
	text-align:center;
}
.login-myna li:nth-child(1),
.login-myna li:nth-child(2){
	margin-right:60px;
}

.login-myna li:nth-child(2){
	width:35%;
}

.login-myna li img{
	max-width:100%;
}
.login-myna li:nth-child(1)::before,
.login-myna li:nth-child(2)::before{
	position:absolute;
	display:block;
	content:'';
	width:40px;
	height:40px;
	top:90px;
	left:auto;
	bottom:auto;
	right:-45px;
	margin:auto;
	background:url(../images/arrow.png)center center/contain;
  transform: rotate(0);
}
.login-myna li:nth-child(2)::before{
	right:-50px;
}
.login-shikaku > img{
	margin-left:0!important;
}
.blue-btn{
	text-align:center;
margin-bottom:10px;}


.blue-btn a{
	display:inline-block;
	border-radius:10px;
	background:#299ce2;
	color:#fff;
	padding:20px 50px;
	text-decoration:none;
	font-weight:bold;
	font-size:150%;
}
.blue-btn a:hover{
	opacity: 0.7;
}




@media screen and (max-width: 767px) {
  /* Protection
  ------------------------------------------------------------------- */
  /* Content */
  .notification .content__inner {
    margin: 50px 0 0 0;
    padding: 0 15px;
    max-width: none;
  }
.login-myna{
	display:block;
}

.login-myna li{
	position:relative;
	width:100%;
	text-align:center;
}
.login-myna li:nth-child(1),
.login-myna li:nth-child(2){
	margin-bottom:60px;
}

.login-myna li:nth-child(2){
	width:100%;
}

.login-myna li:nth-child(1)::before,
.login-myna li:nth-child(2)::before{
	bottom:-50px;
	top:auto;
	right:0px;
	left:0;
  transform: rotate(90deg);
}

}