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




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

	
/* main-img-top */

#main-img-top {
	position: static;
}

#main-img-top > img {
	width: 100%;
height: auto;
	min-height: 0px;
}
	
#main-img-top h6 {
	position: absolute;
   top: 22%;
   left: 50%;
   -webkit-transform: translate(-50%, -22%);
   transform: translate(-50%, -22%);
	width: 96%;
}
	
#main-img-top h6 img {
	width: 65%;
height: auto;
}

/* title-box-top */

.title-box-top {
	position: static;
	-webkit-transform: translate(0%, 0%);
   transform: translate(0%, 0%);
	width: 100%;
	padding:20px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
	
#main-img-top .title-box-top {
	padding: 0px;
}
	
#main-img-top .title-box-top h3, #main-img-top .title-box-top h4, #main-img-top .title-box-top .box {
	display: none;
}
	
.sp-title {
	display: block;
	background-color: #f2f2f2;
}


.title-box-top h3, .title-box-top h4, .title-box-top h5 {
	color: #42210b;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.title-box-top h3 {
	font-family: 'Hiragino Mincho Pro';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
       margin-bottom: 0px;
        padding: 30 0 10;
	line-height: 1.4;
}

.title-box-top h4 {
	display: none;
}

.title-box-top h5 {
	color: #FFF;
	padding: 6px 10px;
	width: 100%;
	font-size: 16px;
	margin-bottom: 0px;
}
	
#main-img-top .title-box-top h5 {
	font-size: 20px;
}
	

.title-box-top .box {
	padding: 0px;
	display: none;
}
	
.title-box-top .box img {
	width: 100%;
height: auto;
}



/* contents-top */

.contents-top {
	width: 100%;
	background-size: auto 20px;
	padding-top: 20px;
}

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

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

.midashi-box h4 {
	font-family: yu-mincho-pr6, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 0.1em;
	padding: 4px 30px;
}

	
/* contents00 */

.contents00 {
	padding: 30px 0px;
	padding-bottom: 0px;
	text-align: center;
}
	
.contents00 .sp-view {
	display: inline-block;
}
	
.contents00 .pc-view {
	display: none;
}
	
.contents00 img {
	width: 92%;
height: auto;
}
	
.contents00 h6 {
	font-family: yu-mincho-pr6, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 22px;
	margin-bottom: 30px;
	padding: 15px 0px;
}
	
.contents00 h3 {
	margin-bottom: 20px;
}

.contents00 h3:first-child {
	margin-bottom: 0px; /*20250316 バナー下テキスト追加ときは30pxから10pxに変更 20250512順序入れ替えにより30pxから0pxへ変更*/
	padding-bottom: 20px;
}
	
.contents00 h3.insta-banner img {
	width: 280px;
	height: auto;
}

.contents00 h4 {
	margin-bottom: 30px;
	padding: 0px;
}

.contents00 h4:last-child {
	margin-bottom: 0px;
}
	
	
/*seminar*/
.seminar {
	width: 92%;
	margin-top: 20px;
}

.seminar h5 {
	font-size: 20px;
	line-height: 1.2;
}

.seminar h5.date {
	font-size: 12px;
	padding-top: 8px;
}

.seminar .box-detail .title-group {
	padding-top: 10px;
}

.seminar .box-detail .title-group div{
	padding-top: 10px;
}

.seminar .box-detail .title-group .en{
	padding-top: 14px;
}

.button-link a {
    font-size: 15px;
}

.seminar .box-detail .title-group p.title {
	font-size: 16px;
	padding-bottom: 3px;
}

.seminar .box-detail .title-group p {
	font-size: 16px;
	line-height: 1.2;
}	
	
.seminar .box-detail .button-link img {
	width: 70px;
	height: auto;
}	
	
/* contents-doc */

.contents-doc {
	padding: 30px 0px 0px;
	width: 92%;
}
	
.contents-doc img {
	width: 100%;
height: auto;
}

/* contents01 */

.contents01 {
	width: 100%;
	padding-top: 25px;
	margin-bottom: 40px;
}

.contents01 .box-in, .contents02 .box01, .contents02 .box02 {
	width: 92%;
}

.contents01 .box-in div, .contents02 .box02 div {
	margin: 0px 8px;
	margin-bottom: 15px;
	width: 130px;
}
	
.contents01 .box-in div img, .contents02 .box02 div img {
	width: 100%;
height: auto;
}

.contents01 h6 {
	font-size: 14px;
letter-spacing: 0em;
	padding-top: 10px;
	font-family: yu-mincho-pr6, sans-serif;
font-style: normal;
font-weight: 400;
}

.contents01 .box-in h6 span {
	font-size: 12px;
}	
	

/* contents02 */

.contents02 {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.contents02 .box-in {
	padding: 35px 0px 15px;
}

.contents02 .box01 {
	margin-bottom: 40px;
}

.contents02 .box01 div {
	margin: 0px auto;
	margin-bottom: 20px;
}
	
.contents02 .box01 div:last-child {
	margin-bottom: 0px;
}
	
.contents02 .box01 div img {
	width: 240px;
	height: auto;
}


/* contents03 */


.contents03 .midashi-box {
	padding: 25px 0px 10px;
}

.contents03 .midashi-box h3 {
	margin-bottom: 10px;
}

.contents03 .midashi-box h4 {
	font-size: 16px;
}

.contents03 .box01 {
	width: 100%;
	height: auto;
	background-color: #f8f8f8;
background-position: center bottom;
background-repeat: no-repeat;
	background-size: 150% auto;
	padding-bottom: 50px;
}

.contents03 .box-in {
	width: 92%;
	padding-left: 0%;
	padding-top: 40px;
}

.contents03 .box {
	margin-bottom: 35px;
}

.contents03 .box h5 {
	font-family: yu-mincho-pr6, sans-serif;
font-style: normal;
font-weight: 400;
	margin-bottom: 12px;
	font-size: 17px;
	padding: 6px 15px;
	width: 100%;
}

.contents03 .box p {
	line-height: 1.6;
}
	
/* contents07 */

.contents07 {
	width: 100%;
	padding: 25px 0px;
}
	
/*news-box*/
.news-box {
	width: 92%;
}

.news-box .news {
	height: 190px;
}

.news-box .news iframe {
	width: 100%;
	height: 190px;
}

.contents-telop{
       padding-bottom: 20px;
}
	
	
/**/
.contents00 h6 span.phone-consult::before {
  width: 23px;      
  height: 23px;     
  vertical-align:text-bottom;
}
	
/*message*/
.message h3 {
    font-size: 20px;
}

.message p {
    font-size: 18px;
	padding-bottom: 30px;
}	
	
/*cp*/
.contents00.cp {
	padding-bottom: 20px;
		
	}	
	
	.contents00.cp img {
		width: 80%;
		height: auto;
	}	


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