@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');


main h3 {margin:2em 0 0 0; color:#ed6c00; font-size:120%; font-weight:600; line-height:1.7;}
main h4 {font-size:110%; font-weight:800;}

.txt_l td  {text-align:left !important;}

.works ul {display:flex; flex-wrap:wrap; color:#fff;}
.works ul li {width:7em; margin:0.3em 0.5em 0 0; padding:0.1em 0; background:#ed6c00; text-align:center;}

.star {color:#339be5; font-family:"Dela Gothic One", sans-serif; font-size:120%;}

dl.contact_btn {width:100%; margin:2em 0 0 0; background:#ed6c00; color:#fff;}
dl.contact_btn dt {display:block; width:100%; padding:1em 0 0 0; font-size:120%; font-weight:700; text-align:center;}
dl.contact_btn dd {display:block; width:100%; padding:0 0 2em 0; text-align:center;}
dl.contact_btn dd a {position:relative; display:block; width:60%; margin:0.6em auto 0 auto; padding:0.4em 0 0.6em 0; border:1px solid #fff; color:#fff; text-align:center; transition:0.3s;}
dl.contact_btn dd a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}

ul.list {padding:1.5em; border:2px solid #ed6c00; font-size:110%;}
ul.list li {position:relative; padding:0 0 0 1em;}
ul.list li::before {position:absolute; display:block; content:"●"; left:0; top:0; color:#ed6c00;}

.box {padding:1.5em; border:2px solid #ed6c00;}




/*********************************
 * ～900
 *********************************/

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

  .contents > .ptxt:nth-child(1) {padding:1.5em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #ed6c00; font-size:80%;}
  .contents > .ptxt:nth-child(1) span {padding:0 0 0.3em 0; color:#ed6c00; font-size:110%; font-weight:700;}
	
	.service_btn {width:70%; max-width:300px; margin:1.3em auto 0 auto;}
	.service_btn a {position:relative; display:block; padding:0.5em 1em 0.5em 0; background:#ed6c00; color:#fff; text-align:center;}
	.service_btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1.2em; top:39%; transform:rotate(45deg);}
  
  ul.service_list li {width:48%; padding:1em 0;}
  ul.service_list li:nth-child(3) {margin-top:1em;}
  
  table.service {width:100%; }
  table.service th {padding:0.5em 1em; background:#fafafa; border:1px solid #ddd; vertical-align:middle;}
  table.service td {padding:0.5em 1em; border:1px solid #ddd; text-align:center;}
  table.service thead th {background:#ed6c00; color:#fff; text-align:center;}
  
  table.works {width:100%; }
  table.works th {padding:0.5em 1em; background:#fafafa; border:1px solid #ddd; vertical-align:middle;}
  table.works td {padding:0.5em 1em; border:1px solid #ddd; text-align:center;}
  table.works th + td {text-align:left;}
  table.works thead th {background:#ed6c00; color:#fff; text-align:center;}
  
  .table_scroll {overflow-x:auto;}
  .table_scroll table {width:100%; min-width:700px; margin-top:0;}
  
  dl.flow {width:100%; margin:1em auto 0 auto;}
  dl.flow dt {position:relative; padding:2em; border:2px solid #ed6c00; border-radius:4px; font-size:110%; font-weight:600; line-height:1.4;}
	dl.flow dt span {display:block; margin-bottom:0.5em; padding:0.2em 0.5em; background:#ed6c00; color:#fff;}
	dl.flow dd {height:3em; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6IiBmaWxsPSIjZWQ2YzAwIi8+PC9zdmc+') center center no-repeat; background-size:auto 1.8em;}
  
  dl.faq {width:100%; margin:1.5em auto 0 auto; padding:0 2em; background:#fff; border:2px solid #ed6c00;}
	dl.faq:last-child {margin-bottom:0;}
	dl.faq dt {position:relative; padding:2em 0 1.5em 2.8em; border-bottom:1px solid #ccc; font-weight:600; line-height:1.3;}
	dl.faq dt::before {position:absolute; display:block; content:''; width:2em; height:2em; left:0; top:1.7em; background:#FFF8F3;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#ed6c00; font-family:'Lato', sans-serif;}
	dl.faq dd {padding:1.5em 0 2em 0; font-size:95%; line-height:1.8;}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

  .contents > .ptxt:nth-child(1) {padding:2.5em 2em; background:url(../../common/images/bg_mimg.jpg) center center no-repeat; background-size:cover; border:1px solid #ed6c00; font-size:90%; text-align:center !important;}
  .contents > .ptxt:nth-child(1) span {color:#ed6c00; font-size:130%; font-weight:700;}
  .contents > .ptxt:nth-child(1) p {margin-top:0; line-height:1.8; text-align:center;}
	
	.service_btn {margin:1.5em 0 0 0;}
	.service_btn a {position:relative; padding:0.5em 4em 0.5em 2em; background:#ed6c00; color:#fff; transition:0.3s;}
	.service_btn a::after {position:absolute; display:block; content:''; width:0.5em; height:0.5em; border:1px solid #fff; border-bottom:0; border-left:0; right:1.2em; top:39%; transform:rotate(45deg);}
	.service_btn a:hover {opacity:0.8;}
  
  table.service {width:100%; border-top:1px solid #7f7f7f;}
  table.service th {padding:0.5em 1em; background:#fafafa; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.service td {padding:0.5em 1em; border:1px solid #ddd; text-align:center;}
  table.service thead th {background:#ed6c00; color:#fff;}
  
  table.works {width:100%; border-top:1px solid #7f7f7f;}
  table.works th {padding:0.5em 1em; background:#fafafa; border:1px solid #ddd; text-align:center; vertical-align:middle;}
  table.works td {padding:0.5em 1em; border:1px solid #ddd; text-align:center;}
  table.works th + td {text-align:left;}
  table.works thead th {background:#ed6c00; color:#fff;}
  
  dl.flow {width:100%; margin:1.5em auto 0 auto;}
	dl.flow dt {position:relative; padding:2em 1.5em; background:#fff; border:2px solid #ed6c00; border-radius:5px; font-size:110%; font-weight:600;}
	dl.flow dt span {margin-right:0.5em; padding:0.2em 0.5em; background:#ed6c00; color:#fff;}
	dl.flow dd {height:3em; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCA3LjMzbDIuODI5LTIuODMgOS4xNzUgOS4zMzkgOS4xNjctOS4zMzkgMi44MjkgMi44My0xMS45OTYgMTIuMTd6IiBmaWxsPSIjZWQ2YzAwIi8+PC9zdmc+') center center no-repeat; background-size:auto 1.8em;}
  
  dl.faq {width:100%; margin:1.5em auto 0 auto; padding:0 2em; background:#fff; border:2px solid #ed6c00;}
	dl.faq:last-child {margin-bottom:0;}
	dl.faq dt {position:relative; padding:2em 0 1.5em 2.8em; border-bottom:1px solid #ccc; font-size:110%; font-weight:600; line-height:1.3;}
	dl.faq dt::before {position:absolute; display:block; content:''; width:2em; height:2em; left:0; top:1.7em; background:#FFF8F3;}
	dl.faq dt::after {position:absolute; display:block; content:'Q'; left:0.6em; top:2em; color:#ed6c00; font-family:'Lato', sans-serif;}
	dl.faq dd {padding:1.5em 0 2em 0; line-height:1.8;}
  
  dl.contact_btn dd a:hover {opacity:0.8;}

}