@charset "utf-8";
@media only screen and (min-width: 900px),print {


/*-------------------------------------
	共通項目
-------------------------------------*/

.pc {display:none!important;}	/*PCは表示しない*/

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  opacity: 0.6;
}
	.wrap{/*overflow: hidden;*/
		width: 100%;
	}
	
figure img{ vertical-align: bottom;}
	
	
/* imgの基本設定 */
.wp-block-image .aligncenter,
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 30px;
	text-align: center;
}
		
	
.wp-block-image .alignright,
.alignright {
	float: right;
	margin: 0 0 30px 30px;
	max-width: 35%	!important;
}
	
	
	
	
	
.wp-block-image .alignleft,
figure.alignleft {box-sizing: border-box;
	float: left;
	margin: 0 30px 30px 0;
	max-width: 35%;
}

	.width20 {
	max-width: 20%	!important;
}
.leftbox{
	float: left;
	width:60%;
	max-width: 60%;
	box-sizing: border-box;
}
	
.leftbox2{
	float: left;
	width: calc(100% - 35% - 30px);
}	

.rightbox{
	float: right;
	width: 60%;
}

.rightbox2{
	float: right;
	width:48%;
}



	

/*-footer-----------------------------------------------------*/


.sns_box ul.bn{}
.sns_box ul.bn li{
	margin: 0 0 20px;
}
.sns_box ul.bn li img{
	display: block;
	margin: 0 auto;
}




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

.tel a{font-size: 40px;
	line-height: 42px;}

dl.add dt{
	text-align: center;
	float: left;
	width:6em;
	background-color:#2A3C6B;
	color:#fff;
	padding: 2px 10px;
	font-weight: bold;
}
 dl.add dd{
	margin: 0 0 10px;
	padding: 0 0 10px 9em;
	border-bottom: 1px dotted #9675AD;
}
	
	dl.add dd ul{list-style-type: disc;
	margin-left: 1.5em;}	
/*----バナー-----*/	
	
	
footer .btmmenu {background:#2A3C6B;
	padding: 40px 0 10px;
	margin: 0 auto;
	display: block;
	max-width: 1100px;
	width: 100%;
}	
	


footer .btmmenu ul{
	margin: 0 0 10px;
	padding: 0 0 0 0;
	display:flex;
	flex-wrap: wrap;
	align-content: center;
	
}
footer .btmmenu ul li{
	margin: 0 1.5em 10px 0em;
	font-size: 17px;
	background-image:url("../image/common/list2.png");
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding: 0 0 0 18px;
	background-size: auto 12px;	
}
	
	footer .btmmenu ul li span,
	footer .btmmenu ul li br{display: none;}

	
footer .btmmenu ul li a{
	color: #fff;
	display: block;
}
footer .btmmenu ul li a:hover{
	opacity: 0.7;
}
	
	
	footer .btmmenu ul li ul{display: none;}	

footer .btmmenu ul li a img{
	display: none;
}
	footer .btmmenu h2{color: #fff;
	font-size: 20px;
		font-weight: bold;
		margin-bottom: 15px;
	border-bottom: 1px solid #fff;}


/*-コンテンツの基本骨格-----------------------------------------------------*/
.contents {
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.contents .main_contents{
	order: 1;
	max-width: 780px;
	width:calc( 100% - 320px );
	font-size:1.1rem;
	margin:80px 0px 80px 0px;
	
}

.contents .main_contents_full{
	order: 3;
	width: 100%!important;
	margin: 0px auto;
	font-size: 1.1rem;
	
}

.contents .sub_contents{
	order: 2;
	width: 270px;
	margin:80px 0px 0 50px;
	flex-shrink: 0;
}






/*-1カラム時のコンテンツ-----------------------------------------------------*/


.contents .main_contents_full .outbox{
	margin: 0 auto 0px;
	padding: 0 0 0 0;
	width: 100%;
	max-width: 1100px;
}

.contents .main_contents_full .inbox,
	footer .inbox{
	margin: 0 auto;
	display: block;
		padding: 0px 0;
	
	width: 100%;
max-width: 1100px;
}
	
	

.contents .main_contents_full .inbox:after{
  clear: both;
  content: "";
  display: block;
}


.fullbox{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding:80px calc(50vw - 50%);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-sizing: border-box;
}
	
.fullbox2{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding:0px calc(50vw - 50%);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-sizing: border-box;
}
	
.fullbox3{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	padding:0px calc(50vw - 50%) 80px calc(50vw - 50%);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	
	box-sizing: border-box;
}


.main_contents h1,
	.main_contents_full .injury h1,
	.main_contents_full h2{
	text-align: center;
	margin: 0 0 45px;
		padding-bottom: 10px;
	clear: both;
		font-size: 40px;
	color:#24408F;
		display: block;
		line-height: 1.4;
		font-weight: bold;
		position: relative;
}
	
.main_contents h1:before,
.main_contents_full h2::before,
	.main_contents_full .injury h1::before{
  background-color:#CA8CDD; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: 0px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 70px; /* 線の長さ */
}	


	


.main_contents_full h3,
.main_contents h3{
	clear: both;
	padding: 0px 0px 5px 0;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 20px;
	border-bottom: 1px solid #2A3C6B;
	color:#2A3C6B;
}

	
	
/*-2カラム時のコンテンツ-----------------------------------------------------*/

.contents .main_contents{}	
	
.contents .main_contents .outbox{
	margin:0px 0 0 0;

}
.contents .main_contents .inbox{
	padding: 0 0px 10px;
	margin: 0 0 40px;
}

.contents .main_contents .inbox:after {
  clear: both;
  content: "";
  display: block;
}


	.box{padding:20px;}



.main_contents h2,
.main_contents_full .injury h2{
	font-size: 25px;
	line-height: 1.4;
	
	
	/*border-top: 3px double #1C3372;
	border-bottom: 3px double #1C3372;
	background: none;
	color: #1C3372;
	
	padding: 10px 0px;
	*/
	text-align: left;
	margin: 0 0 30px;
	border: none;
	background: #434583;
background: linear-gradient(90deg, rgba(67, 69, 131, 1) 0%, rgba(162, 124, 180, 1) 100%);
		color: #fff;
		font-weight: bold;
		padding: 10px 15px;
	
}

	.main_contents_full .injury h2::before{content:none;}
/*-共通スタイル-----------------------------------------------------*/

h4{
	padding: 0px 0px 3px 25px;
	font-size: 22px;
	line-height: 1.5;
	margin: 0 0 20px 0;
	font-weight: bold;
	color:#2A3C6B;
	position: relative;
	background: url("../image/common/list2.png") no-repeat left 10px;
	background-size: auto 15px;
}


h5{
	background-color:#E4D5EB;
	font-size: 20px;
	color:#2A3C6B;
	padding: 5px 10px;
	line-height: 1.5;
	margin: 0 0 15px;
	border-radius: 5px;
	clear: both;
	background-image: url(../image/texture/texture_ws50.png);
	font-weight: bold;
}
h6{font-weight: bold;
	margin: 0 0 15px;
	font-size: 18px;
	line-height: 1.5;
	color:#2A3C6B;
	border-bottom: 2px dotted #2A3C6B;
	clear: both;
	padding: 0 0 5px 0;
}


.topimg {
	text-align: center;
	margin:0px auto 0 auto;
	position: relative;
}

.topimg .bx-wrapper{margin-bottom: 0;}	
.topimg .bxslider li img{aspect-ratio:1366/570;
	object-fit:cover;
		display: block;
	margin: 0 auto;
	width: 100%;}	
	


.topimg .main_comment h2 {
    position: absolute;
    top: 80%;
    left: 40%;
    transform: translate(-40%, -40%);
    font-size: 2.58rem;
	font-weight:bold;
	color: #fff;
	background: #7D3AA0;
background: linear-gradient(90deg, rgba(125, 58, 160, 1) 0%, rgba(203, 128, 216, 1) 100%);
	padding: 5px 60px;}	

	
/*-eye-----------------------------------------------------*/

	
.eye{
	display: block;
	background: #8C89B3;
background: linear-gradient(0deg, rgba(140, 137, 179, 1) 0%, rgba(69, 71, 133, 1) 100%);
	position: relative;
box-sizing: border-box;
	width: 100%;
	height: 200px;
}
.eye h1,
.eye p{letter-spacing: 2px;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
	line-height: 1.2;
	color: #fff;
	margin: 0 auto;
	padding:70px 0 0 10px;
	max-width: 1100px;
	width: 100%;
	z-index: 2;
	position: relative;
	box-sizing: border-box;
}

.eye h1 span,
.eye p span{
	font-size: 20px;
	color:#FBFF69;
	display: block;
	margin: 10px 0 0 0;
	padding:0;
	font-family: 'Jost', sans-serif;
	font-weight: 500;
}




/*-対応症状一覧-----------------------------------------------------*/

.injurybox{}
.injurybox ul{width: 100%;}
.injurybox ul li{
	padding: 15px 15px;
	background: #fff;
	box-shadow: 0 0 4px #41357E; 
	margin: 0 0 40px;
}

.injurybox ul li figure{
	width: 20%;
	height: auto;
/*	padding: 20% 0 0;*/
	display: block;
	margin: 0;
	position: relative;
	overflow: hidden;
	float: left;
	aspect-ratio: 1/1;
}

.injurybox ul li figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;

}


.injurybox ul li p{margin:0 0 0 25%;
	
	color: #000000;
}

.injurybox ul li p:after {
  clear: both;
  content: "";
  display: block;
}	

.injurybox ul li p span.more{
	float: right;
	display: block;
	margin: 15px 0 0 20px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	background-color: #1C3372;
	border-radius: 6px;
	text-align: center;
}	
	
.injurybox ul li a{
	display:block;
	overflow:hidden;
}

.injurybox ul li h2{
	margin-bottom: 15px	!important;
}


.injurybox ul li a:hover{
	opacity: 0.7;
}

/*-------------------------------
   ついてくるガイドナビ
-------------------------------*/
.pc_guide{
	width: 254px;
	height: 163px;
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}

.pc_guide img{
	border-radius: 10px 0 0 0;
}

}