@charset "UTF-8";
img{width:100%;}
h1,h2,h3,h4,p{line-break:strict;}
/* CSS Document */
h1,h2,h3,h4{font-weight: 600;}


/*記事*/
.unicom-tabekatu15 h2{
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.unicom-tabekatu15>p{
	letter-spacing: 0.2rem;
	margin-bottom: 50px;
}
.unicom-tabekatu__title{
	margin: 0px auto 50px;
}
.unicom-tabekatu__title>.box1{
	
}
.unicom-tabekatu__title>.box2{
	width:100%;
	text-align: right;
}
.unicom-tabekatu__title>.box2>img{
	width:20%;
}
.unicom-tabekatu__contents{
	
}
.unicom-tabekatu__contents p{
	width:95%;
	margin: auto;
}
.unicom-tabekatu__contents ul{
	margin-left: 2rem;	
}
.unicom-tabekatu__contents li:before{
	content: '・';
	color:#0858AD;
	margin-left: -1rem;
}
.unicom-tabekatu__contents>.unicom-box1{
	margin: 0px auto 100px;
}
.unicom-tabekatu__contents>.unicom-box1>.item1{
	margin: 0px auto 20px;
}
.unicom-tabekatu__contents>.unicom-box1>.item2{
	width:50%;
	margin: auto;
	text-align: center;
}
.unicom-tabekatu__contents>.unicom-box2{
	margin: 0px auto 100px;
}
.unicom-tabekatu__contents>.unicom-box2 h3{
	margin-left: 2rem;
}
.unicom-tabekatu__contents>.unicom-box2 h3:before{
	content: '▶';
	margin-left: -1rem;
	margin-right: 0.3rem;
}
.unicom-tabekatu__contents>.unicom-box2>.item1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner1{
	width: 65%;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner1>.gear1{
	margin-bottom: 50px;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner2{
	width: 30%;
}

.unicom-tabekatu__contents>.unicom-box3{
	margin: 0px auto 100px;
}
.unicom-tabekatu__contents>.unicom-box3>.item2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:90%;
}
.unicom-tabekatu__contents>.unicom-box3>.item2>.gear1{
	min-width: 50%;
	display: flex;
	align-items: center;
	margin-top:1rem; 
	margin-bottom:1rem; 	
}
.unicom-tabekatu__contents>.unicom-box3>.item2>.gear2{
	display: flex;
	align-items: center;
	width: 22%;
}
.unicom-tabekatu__contents>.unicom-box4{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.unicom-tabekatu__contents>.unicom-box4 .number1:before{
	content: '1';
	font-size:3rem;
	color:#FF8928;
	margin-top: 0.5rem;
}
.unicom-tabekatu__contents>.unicom-box4 .number2:before{
	content: '2';
	font-size:3rem;
	color:#FF8928;
	margin-top: 0.5rem;
}
.unicom-tabekatu__contents>.unicom-box4 .number3:before{
	content: '3';
	font-size:3rem;
	color:#FF8928;
	margin-top: 0.5rem;
}
.unicom-tabekatu__contents>.unicom-box4>.item1{
	width:100%;
}

.unicom-tabekatu__contents>.unicom-box4>.item2{
	position: relative;/*相対配置*/
	width:33%;
	margin: 5px auto 100px;
}
.unicom-tabekatu__contents>.unicom-box4>.item2>.gear1{
	position: absolute;/*絶対配置*/
	top: 3rem;
	background-color: rgba(255,255,255,0.6);
	width: 100%;
	min-height: 3.5rem;
}
.unicom-tabekatu__contents>.unicom-box4>.item2>.gear1 h3{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.unicom-tabekatu__contents>.unicom-box4>.item2>.gear1 p{
	max-width:100%;;
	font-size: 0.8rem;
	line-height: 0.9rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

@media (max-width:640px) and (max-device-width:1280px){
.unicom-tabekatu__title>.box2>img{
	width:30%;
}
.unicom-tabekatu__contents>.unicom-box1>.item2{
	width:80%;
	margin: auto;
	text-align: center;
}
.unicom-tabekatu__contents>.unicom-box2>.item1{
	flex-direction: column-reverse;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner1{
	width: 100%;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner1>.gear1{
	margin-bottom: 50px;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner2{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 1rem;
}
.unicom-tabekatu__contents>.unicom-box2>.item1>.inner2>.gear1{
	width: 49.8%;
}
.unicom-tabekatu__contents>.unicom-box3>.item2{
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.unicom-tabekatu__contents>.unicom-box4>.item1>.gear1{
	min-width: 90%;
}

.unicom-tabekatu__contents>.unicom-box4>.item1>.gear2{
	width: 90%;
	margin: 10px auto 50px;
}
.unicom-tabekatu__contents>.unicom-box4>.item2{
	position: relative;/*相対配置*/
	width:95%;
	margin: 5px auto 50px;
}
.unicom-tabekatu__contents>.unicom-box4>.item2>.gear1{
	position: absolute;/*絶対配置*/
	top: 3rem;
	padding-left: 1rem;
	width:100%;
	box-sizing:border-box
}
}