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




@media screen and (max-width: 737px) {

	
/* contents-top */

.contents-top {
	width: 100%;
}

	
/* contents-top */

.contents-top {
	width: 100%;
}

/* main-img-top */

.main-img-top {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.main-img-top::after {
	display: none;
}

.main-img-top .box01 {
	width: 100%;
	height: auto;
	padding: 60px 0px;
}

.main-img-top .box02 {
	width: 90%;
	max-width: 400px;
	margin: 0px auto;
	padding-top: 270px;
}

.main-img-top .box02 .box001 {
	width: 85%;
}
	
.main-img-top .box02 .box001 img {
	height: 190px;
}

.main-img-top .box02 .box002 {
top: 140px;
	width: 50%;
}
	
.main-img-top .box02 .box002 img {
	height: 110px;
}

.main-img-top .box02 .box003 {
	width: 100%;
}

.main-img-top h1 {
	margin-bottom: 40px;
}
	
.main-img-top h1 img {
	height: 120px;
	width: auto;
}

.main-img-top h2, .main-img-top h5 {
	font-size: 40px;
}

.main-img-top h2 span {
	font-size: 22px;
	display: block;
}

.main-img-top h3, .main-img-top h6 {
	font-size: 14px;
	padding-top: 20px;
}

.main-img-top h5 {
	font-size: 30px;
}

.main-img-top h6 {
	font-size: 20px;
	line-height: 1.6;
	padding-top: 10px;
}

/* midashi-box */

.midashi-box {
	margin-bottom: 30px;
}

.midashi-box h2 {
	font-size: 28px;
	margin-bottom: 15px;
}

.midashi-box h3 {
font-size: 14px;
	padding: 3px 20px;
}

/* contents01 */

.contents01 {
	width: 100%;
	padding: 50px 0px;
	margin-bottom: 20px;
}

.contents01 .box-in {
	width: 90%;
	padding: 40px 20px;
}

.contents01 .box-in::before, .contents01 .box-in::after {
	height: 80px;
}

.contents01 .box-in::before {
	margin-left: -15px;
	margin-top: -40px;
}

.contents01 .box-in::after {
	margin-right: -15px;
	margin-bottom: -40px;
}

.contents01 .box01 {
	gap:20px;
	margin-bottom: 20px;
}

.contents01 h2 img {
	height: 50px;
}

.contents01 h3 img {
	height: 40px;
}

.contents01 h4 {
	font-size: 24px;
}


/* contents02 */

.contents02 {
	margin-bottom: 50px;
}

.contents02 .box01 {
	width: 100%;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.contents02 .box-in, .contents02 .box02 {
	width: 88%;
  justify-content: center;
	gap:45px 20px;
}
.contents02 .box02 .box {
	width: 100%;
}

.contents02 .box01 p {
	font-size: 14px;
line-height: 1.8;
}
	
.contents02 .box01 p br {
	display: none;
}
	
.contents02 h3 {
	text-align: center;
	width: 80%;
	max-width: 400px;
}

.contents02 h3::after {
	width: 100%;
	height: 150px;
	margin-left: -45px;
	margin-bottom: -40px;
}
	
.contents02 h3 img {
	width: 100%;
height: auto;
}

.contents02 h4 {
	width: 120px;
	font-size: 18px;
}

.contents02 h4::after {
	font-size: 14px;
}

.contents02 .box:nth-child(1) h4::after {
	margin-right: -65px;
}

.contents02 .box:nth-child(2) h4::after {
	margin-right: -205px;
}

/* contents03 */

.contents03 {
	padding: 45px 0px;
}

.contents03 .box-in {
	width: 90%;
	gap:30px;
	padding: 40px 20px;
}

.contents03 .box {
	width: 100%;
}

.contents03 h4 {
	width: 210px;
	height: 210px;
	margin: 0px auto;
	padding-top: 95px;
	font-size: 22px;
}

.contents03 h4::before {
top: 30px;
	height: 50px;
}

.contents03 p {
	padding: 0px 5px;
	padding-top: 15px;
}


/* contents04 */

.contents04 {
	background-size: 150% auto;
	padding: 70px 0px;
}

.contents04::before, .contents04::after {
	height: 70px;
}

.contents04::before {
left: 0px;
top: 0px;
}

.contents04 .box01 {
	gap:20px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 100px;
}

.contents04 .box01 .box {
	width: 150px;
	padding-top: 80px;
}

.contents04 .box01 .box::before {
	height: 60px;
}

.contents04 .box01 h4 {
	font-size: 14px;
	margin-bottom: 20px;
}

.contents04 .box02 .box {
	width: 90%;
	gap:20px 20px;
	padding: 0px 20px;
	padding-bottom: 40px;
}

.contents04 .box02 .box:not(:last-child) {
	margin-bottom: 40px;
}

.contents04 .box02 .box001 {
	width: 220px;
}

.contents04 .box02 .box002 {
	width: 100%;
	padding-top: 0px;
}

.contents04 .box02 h5 {
	font-size: 14px;
color: #666666;
}

.contents04 .box02 h6 {
	font-size: 26px;
}

/* contents04a */

.contents04a {
	
}

.contents04a {
        width: 100%;
        margin-bottom: 20px;
	/**background-size: 150% auto;
	padding: 70px 0px;
	background-position-y: 70px;**/
    }	
	
.contents04a::before, .contents04::after {
	height: 70px;
}

.contents04a::before {
left: 0px;
top: 0px;
}
	
.contents04a .box02::before, .contents04a .box02::after {
	height: 80px;
}

.contents04a .box02::before {
	margin-left: -15px;
	margin-top: -40px;
}

.contents04a .box02::after {
	margin-right: 0;
	margin-bottom: -40px;
}

.contents04a .box01 {
	gap:20px;
	text-align: center;
	padding-top: 30px;
	margin-bottom: 100px;
}

.contents04a .box01 .box {
	width: 150px;
	padding-top: 80px;
}

.contents04a .box01 .box::before {
	height: 60px;
}

.contents04a .box01 h4 {
	font-size: 14px;
	margin-bottom: 20px;
}

.contents04a .box02 .box {
	width: 90%;
	gap:20px 20px;
	padding: 0px 20px;
	padding-bottom: 20px;
}

.contents04a .box02 .box:not(:last-child) {
	margin-bottom: 40px;
}

.contents04a .box02 .box001 {
	width: 220px;
}

.contents04a .box02 .box002 {
	width: 100%;
	padding-top: 0px;
}

.contents04a .box02 h5 {
	font-size: 14px;
color: #666666;
}

.contents04a .box02 h6 {
	font-size: 26px;
}
	
.contents04a .box02 .title h6{
	font-size: 28px;
	margin-bottom:15px;
	color: #666666;
}	
	
.contents04a img {
		width: 30%;
	}
	
.contents04a .box001 {
		position: relative;
	}
	
.contents04a .box002 h6 {
    padding-left: 50px; 
}
	
.contents04a .box02 h6{
	font-size: 18px;
}

.contents04a .box002 h6.c01::before,
.contents04a .box002 h6.c02::before,
.contents04a .box002 h6.c04::before {
        top: -10px;
        left: 0;
        background-repeat: no-repeat;
        height: 40px;
}
	
.contents04a .box002 h6.c03::before{
        top: 0px;
        left: 0;
        background-repeat: no-repeat;
        height: 40px;
}	
	






/* contents05 */

.contents05 {
	margin-bottom: 60px;
}
	
.contents05 .box-in {
  justify-content: center;
	gap:30px;
	width: 90%;
}

.contents05 img {
	max-width: 300px;
}

.contents05 .box {
	width: 100%;
  justify-content: center;
	gap:20px 30px;
	padding: 30px 25px;
}

.contents05 .box:nth-child(1) {
	border-left-style : solid;
	border-radius: 40px;
}

.contents05 .box:nth-child(2) {
	border-right-style : solid;
	border-radius: 40px;
	padding-bottom: 0px;
}

.contents05 .box .box01 {
	width: 100%;
	padding-top: 10px;
}

.contents05 .box .box02 {
	width: 100%;
	text-align: center;
}

.contents05 .box:nth-child(1) .box02 {
	text-align: center;
}

.contents05 h3 {
	font-size: 28px;
	margin-bottom: 20px;
}

.contents05 .box:nth-child(1) h3 {
	margin-bottom: 20px;
}
	
	
/* contents06 */

.contents06 {
	padding: 40px 0px;
}

.contents06 .box-in {
	width: 88%;
  justify-content: center;
	gap:20px 0px;
}

.contents06 .midashi-box {
	width: 200px;
	height: 200px;
}

.contents06 .news-box {
	width: 100%;
	padding: 10px 25px;
}

.contents06 .news {
	height: 300px;
}

.contents06 .news iframe {
	height: 300px;
}
	
	
/* contents07 */

.contents07 {
	padding: 40px 0px;
}

.contents07 .box-in {
	width: 88%;
}
	
/*group*/
.group-text {
	margin-bottom: 60px;
}
	
body {
	word-break: normal;
	}

    .pc-view {
        display: none;
    }
    .sp-view {
        display: inline-block;
    }
   
}