/*599px以下の記述。*/
@media (max-width: 599px){
/*共通*/
.only_pc{
	display:none !important;
}

.flex {
    display: flex;
    justify-content: space-between;
}

main p{
	margin:10px auto;
}

.pagetitle h3:before{
    width: 35px;
    height: 40px;
    background-size: 35px;
	top:50%;
}


main {
    padding-top: 0;
}

section, main > article {
    padding: 5% 3%;
}

.link a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 5% 3% 5% 8%;
    background-position: 1% center;
    font-size: 1.1rem;
}

/*ハンバーガーメニュー*/
.nav_list {
  list-style: none;
  display:block;
  margin:auto;
  margin-top:0;
  background-color:#fff;
  padding:10% 0;
  width:100%;
  height:100vh;
  font-size:1.5rem;
}

.nav_list li:before {
    content: '';
    /* border-left: 3px solid; */
    display: block;
    width: 5px;
    height: 40px;
}


/*トップページ*/
#mainslide{
	padding-top:0 !important;
}

#mainslide .mainimg {
    width: auto;
    height: 100%;
	top:0;
}

#mainslide .mainimg .slick-slide img{
	width:100%;
	height:35vh;
	object-fit:cover;
	max-width:none;
}

#mainslide #text .btn1{
	display:none;
}

.blur .flex img {
    margin-right: 0;
    width: 32%;
}

main h2 {
    margin: 0 0 1em;
    line-height: 1.5;
    font-size: 1.5rem;
}

main h3{
    font-size: 1.2rem;
}

.list-container{
	display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
}

.list-container .list{
	width:49%;
	height:auto;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
	justify-content:center;
	padding:2%;
	text-align:center;
}

.list-container .list .price {
    font-size: 1.2rem;
}

.rekei_note{
	margin:10px;
	line-height:1.5;
}

/*下層ページ*/
.pagetitle {
    padding-left: 0;
}

.pagetitle h3{
    font-size: 1.5rem;
}

/*見積りシミュレーション*/
.form form dl,form .ta1{
    width: 100%;
    /* flex-wrap: wrap; */
    display: block;
    padding: 10px;
}

.form form dl dt {
    width: 100%;
    padding: 1%;
    border-bottom: none;
}

.form form dl dt p {
    padding: 0;
    width: 100%;
    margin: auto;
}

.form form dl dd {
    width: 100%;
    padding: 1%;
    display: block;
    align-items: center;
	border:none;
}

.form form dl dd ul {
    width: 100%;
	display:block;
    margin: 0;
}

.form form dl dd ul li {
    width: 100%;
}

.form form dl dd .kome {
	margin-top: 15px;
    line-height: 1.5;
}

button.link {
    display: block;
	width:100%;
    margin: 30px auto;
    padding: 0;
}

/*見積結果*/
.chois_box.flex{
	display:block;
}

.left_box, .right_box{
	width:100%;
	padding:10% 2%;
	padding-bottom:0;
}

.right_box{
	padding-top:0;
}

.label-check,.add .label-check{
    top: -42px;
    left: 10px;
}

.chois .hdg-product-01 label span:last-child,
.right_box .hdg-product-02 label input + span{
	font-size:1.3rem;
}

.chois .hdg-product-01 label input, .right_box .hdg-product-02 label input {
    position: absolute;
    top: 11px;
    left: 2px;
    width: 24px;
    height: 24px;
}

.chois .hdg-product-01 label input + span::before,
.right_box .hdg-product-02 label input + span::before{
    top: 11px;
    left: 2px;
    width: 24px;
    height: 24px;
}

.chois .hdg-product-01 label input:checked + span::after, .right_box .hdg-product-02 label input:checked + span::after {
    top: 6px;
    left: 2px;
    width: 24px;
    height: 24px;
}

.price {
    font-size: 1.5rem;
}

.dli-chevron-down{
	display:block;
	width:100%;
	text-align:center;
}

.dli-chevron-down span{
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  width: 60px;
  height: 60px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-50%) rotate(135deg);
}

.right_box .box2 .support{
	margin-top:0;
}

.cost_content .box_left,.ta1 tr{
	border:none;
	width:100%;
}

.cost_content .flex{
	display:block;
}

.content_prie_box dl dt,.content_prie_box dl dd{
	width:100%;
}

.content_prie_box dl dd{
	text-align:right;
}

form .ta1 table tr th,form .ta1 table tr td{
	width:100%;
	display:block;
}

form .ta1 table tr th{
	height:auto;
}	

form .ta1 table tr th p{
	height:auto;
	padding: 5px;
	justify-content: flex-start;
}

form .ta1 table tr td{
	margin-bottom:5%;
}

input[type=text] {
    max-width: 100%;
    width: 100%;
}

.kakunin{
	width:100%;
	display:block;
}

.add_info .accept .flex,.quotation .flex{
	display:block;
}

.add_info .accept .btn2,.add_info .accept .btn3,
.quotation .btn2,.quotation .btn3{
	width:90%;
	margin:auto;
	padding:10px;
}

/*見積作成完了*/
.finish button {
    width: 100%;
}

/*ログイン*/
.login_box {
    width: 100%;
    margin: auto;
    border: #091B4C 1px solid;
    position: static;
    top: auto;
    left: auto;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.login input[type=text] {
    max-width: 90%;
    width: 90%;
}

.login input[type="submit"],.login .input:first-child{
	margin-top:20px;
}

/*マイページ*/
.user_info dl {
    display: block;
    width: 100%;
	font-size:120%;
}

.user_info dl dt {
    width: 100%;
    border-right: none;
}

.user_info dl dd {
    width: 100%;
    padding: 5%;
}

.list table tr {
    border: 2px solid #A7A3A4;
}

.list table th {
    display: none;
}

.list table tbody td{
	display:block;
	width:100%;
}

.list table td a{
    margin: auto;
	margin-top: 10px;
    display: block;
    width: 80%;
	padding:10px 0;
}

.list table tbody td:nth-of-type(1):before{
	content:'見積日';
	display:block;
	width:100%;
	background-color:rgba(232,230,230,1.00);
}

.list table tbody td:nth-of-type(2):before{
	content:'見積番号';
	display:block;
	width:100%;
	background-color:rgba(232,230,230,1.00);
}

.list table tbody td:nth-of-type(3):before{
	content:'お見積名';
	display:block;
	width:100%;
	background-color:rgba(232,230,230,1.00);
}

.list table tbody td:nth-of-type(4):before{
	content:'詳細';
	display:block;
	width:100%;
	background-color:rgba(232,230,230,1.00);
}

.list table tbody td:nth-of-type(5):before{
	content:'削除';
	display:block;
	width:100%;
	background-color:rgba(232,230,230,1.00);
}

.list table tr:nth-child(odd) td{
	background-color:unset;
}

.quotation_info{
	display:block;
}

.quotation table {
    width: 100%;
}

.flow_list{
	flex-wrap:wrap;
}

.flow_list li{
	max-width:100%;
	max-height:none;
	width:100%;
	margin-bottom:40px;
}

.flow_list li a{
	padding-left:30px;
}

.flow_list li a:before{
	display:none;
}

.flow_list li a:after {
    clip-path: polygon(0 0,30% 50%,60% 0);
    left: 50%;
    top: unset;
    bottom: -95px;
    width: 80px;
    transform: translate(-30%, -60%);
}

.flow_list li:not(:nth-child(1)) a:after {
	background-color:#00a0e9;
	
}

.flow_list li:not(:nth-child(1)){
	width:100%;
}

.flow_list li:not(:nth-child(1)) a{
	padding-left:30px;
	border: 2px solid #00a0e9;
}

.flow_list li:last-child{
	margin-bottom:0;
}

.flow_list li:last-child a:after {
	display:none;
	
}

/*お申し込みの前に*/
.attention p{
	position:relative;
}
.attention{
	padding-bottom:inherit;
	padding:10px 20px;
}

.accordion-001 ul {
    display: block;
}

/*注意事項*/
.details {
    width: 100%;
	margin:20px auto;
	}

.details__summary{
	font-size:110%;
}

.details__content {
    padding: 0;
}

/*プライバシーポリシー*/
.privacy{
	padding:10px;
}

.privacy h2 {
    font-size: 140%;
	font-weight:bold;
	padding:0 0 0 20px;
}

.privacy ol {
    margin: 10px 0 0 0;
}

.privacy ol li{
	line-height:1.5;
	
}

.privacy ol li::marker {
    font-size: 120%;
}

}
/*600px以上の記述。*/
@media (min-width: 600px){
.content {
 padding: 15px;
 }
}