@charset "UTF-8";
/* CSS Document */


/* layout01 */

.layout01 {
    margin-bottom: 60px;
     text-align: center;
}

/* layout02 */

.layout02 .box-in:not(:last-child) {
	margin-bottom: 70px;
}

.layout02 .box-detail {
	display: flex;
  justify-content: center;
flex-wrap: wrap;
}

.layout02 .box-img {
	width: 230px;
}

.layout02 .box-text-in {
	flex: 1;
    padding-left: 60px;
}

.layout02 p {
	flex: 1;
    padding-top: 20px;
}

/* box-method */

.box-method {
    margin-top: 30px;
    display: flex;
  justify-content: space-between;
flex-wrap: wrap;
    border-radius: 10px;
    background-color: #f2f2f2;
    overflow: hidden;
}

.box-method h6 {
    width: 160px;
    display: flex;
  justify-content: center;
align-items: center;
flex-wrap: wrap;
    text-align: center;
    background-color: #53b7b0;
    font-size: 22px;
color: #FFF;
line-height: 1.2;
letter-spacing: 0.25em;
font-weight: 400;
}

.box-method p {
    padding: 20px;
}


/* layout03 */

.layout03 .box-in {
	padding: 50px 0px;
    border-top-style : solid;
border-color : rgba(0, 0, 0, 0.5);
border-width : 1px;
}

.layout03 .box-in:first-child {
    border-top-style : none;
}


.sp-view {
	display: none;
}