@charset "utf-8";


/* 幅644px以下から ヘッダー等微調節
--------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px){
	.copyright {
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
    clear: both;
    color: #FFF;
    background-color: #15171B;
    padding-bottom: 10px;
    min-width: auto;
}
	.news_box {
    padding: 0px 20px 80px;
    width: auto;
    margin: auto;
}
	.pill-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 18px 0px;
    border-radius: 9999px;
    text-decoration: none;
    line-height: 1;
    font-weight: 800;
    transition: background-color 0.2s 
ease, color 0.2s 
ease, transform 0.06s 
ease;
    user-select: none;
    font-size: 16px;
}
	.site-header__inner {
    padding: 0 10px;
  }

  .contact-btn {
    font-size: 13px;
    padding: 6px 16px;
  }

  .header-right {
    gap: 12px;
  }

body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #111;

}

.spDisp {
	display: block;
}

.spHide {
	display:none !important;
}

.ctbox {
    background-image: url(../img/cont_back_sp.jpg);
    padding: 40px 0;
    min-width: auto;
	min-width: auto;
}
.ctbox2 {
    display: block;
    justify-content: center;
    width: auto;
    padding: 20px;
	        min-width: auto;
}
	img {
		max-width:100%;
		height:auto;
	}
.min1200 {
    position: relative;
    min-width: auto;
    max-width: -webkit-fill-available;
    margin: 0 auto;
}
.ct_text {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 12px;
}
	.ct_midashi {
    font-size: 64px;
    text-align: center;
    margin-bottom: 10px;
}
	.ctbox2_left {
    padding-right: 0px;
		width: 100%;
		        margin-bottom: 40px;
}
.ctbox2_right {
    padding-left: 0px;
	width: 100%;
}	
	.ct_text2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 26px;
}
.ctbox2_box {
        border: 1px solid #E2E2E2;
        padding: 24px;
        border-radius: 12px;
	padding: 20px;
    }
	.ctp1 {
            font-size: 22px;
        font-weight: 700;
        letter-spacing: 0.07em;
        margin-bottom: 14px;
        line-height: 1.4;
}
	.mae {
    width: 20px;
    padding-right: 10px;
    vertical-align: middle;
}
	.maenashi {
    padding-left: 30px;
}
.ctp3 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
}	
	.ctp4 {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px;
}
	.ctp5 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.07em;
}
	
.con_box.sub {
    padding:0px 20px 30px 20px;
}
.sub_midashi .midashiue {
    font-size: 18px;
}
.sub_midashi .midashinaka {
    font-size: 50px;
}	
	.sub_midashi {
    position: relative;
    background: #fff;
    padding-top: 0px;
    margin-bottom: 80px;
}
.sub_midashi::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #F3F3F3;
    top: 50px;
}	
	.cont_cou {
    text-align: center;
    font-size: 18px;
    line-height: 1.84;
    margin-bottom: 55px;
    padding: 0 20px;
}
	.cont_title {
    font-size: 50px;
    text-align: center;
}
.cont_title2 {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
	padding:0 20px;	
	}
	.form01 {
    background: #F3F3F3;
    padding: 40px 10px;
}
.koumoku {
    margin-bottom: 20px;
    font-size: 20px;
}	
.form_koumoku {
    margin-bottom: 40px;
}	
	form input:not([type="checkbox"]), form textarea, form select {
    width: -webkit-fill-available;
    box-sizing: border-box;
    border: 1px solid #707070;
    border-radius: 14px;
    padding: 18px;
    font-size: 20px;
}
	.form01 .inner {
    width: auto;
    margin: auto;
}
	.hissu {
    padding: 5px 2em;

}
.pri {
    margin-bottom: 80px;
    font-size: 18px;
    padding: 0 10px;
}	
.navi {
    padding: 50px 10px;
}	
	.navilist {
    display: flex
;
    flex-wrap: wrap;
    width: auto;
    margin: auto;
    justify-content: center;
}
	.navilist li {
    margin: 0 5px;
    height: 30px;
}
	.navilist li img {
    height: 30px;
		width:auto;
}
	.bukken_list {
    display: block;
    flex-wrap: wrap;
    width: auto;
    margin: auto;
}
	.bukken_box {
    width: auto;
    margin-bottom: 50px;
    padding: 10px;
}
	.bukken_main {
    font-size: 14px;
}
	.bukken_main2 {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 13px;
}
	.bukken_main3 {
    font-size: 16px;
}
	.news_inner {
    width: auto;
    margin: 0 20px 60px;
}
	.news_inner p {
    font-size: 18px;
    line-height: 1.8;
}
	.news_inner.pri h2 {
    font-size: 20px;
    line-height: 2.0;
    margin-bottom: 18px;
    font-weight: 600;
    margin-top: 30px;
    border-bottom: 3px dotted #949494;
    background-color: #ffffff;
    color: #333333;
}
	.news_inner.pri p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
    padding-left: 1em;
}
	.news_inner.pri ul {
    margin-bottom: 20px;
    padding-left: 2em;
}
.news_inner.pri li {
    font-size: 16px;
    line-height: 1.6;
    padding-left: 0em;
    list-style-type: disc;
}	
.top .bukken_box {
    width: auto;
    margin-bottom: 0px;
    padding: 10px;
}	
	.serbox {
    margin-bottom: 160px;
    display: block;
    flex-wrap: wrap;
    padding: 0 20px 0 20px;
}
	.serbox1 {
    width: auto;
    padding-right: 0;
}
.serbox2 {
    width: auto;
}	
	
.serbox {
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 0 20px;
}	
.serbox02 {
    width: 50%;
    width: auto;
    padding-right: 0;
}	
.serbox01 {
    width: auto;
	padding-top: 40px;
}	
.feat-row {
    display: grid
;
    grid-template-columns: auto 1fr;
    column-gap: 24px;
    align-items: start;
    margin-bottom: 30px;
}	
	.ft120 {
    font-size: 80px !important;
}
	.services-title {
    font-size: 30px;
    line-height: 1.1;
    font-weight: bold;
    background: transparent;
}
	.con_box.info {
    padding: 30px 20px 30px;
}
.flowbox {
    background: #F3F3F3;
    padding: 40px 0;
}

	.flow-title {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 14px;
}
	.flow-text {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
	.under_page .midashiue5 {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 30px;
}
	.appeal {
    background: #F3F3F3;
    padding: 60px 20px 0px 0px;
}
	
	
	
	
}