@charset "UTF-8";
body{
line-height:1.7;
font-size:16px;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
background-color:#fff;
}

/*
@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  src: url("https://raw.githubusercontent.com/blaisck/sfwin/master/SFPro/TrueType/SFProDisplay-Bold.ttf");
}
*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
div,
span,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
a,
img,
label,
form,
input,
textarea {
  margin: 0;
  padding: 0;
}

*{
box-sizing:border-box;
}
img {
  border: 0;
  height: auto;
  line-height: 1;
/*  vertical-align: bottom;*/
  max-width: 100%;
  vertical-align: top;
}

a {
  background: transparent;
  cursor: pointer;
  outline: 0 none;
}

html {
  display: flex;
  flex-direction: column;
  font-size: 62.5%;
}

body {
  color: #000;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  min-height: 100vh;
  line-height: 1.53;
margin-top: -30px;
padding: 0px;
}

main {
  flex: 0 0 auto;
}
.wf-sawarabimincho,#entry .title{
font-family:"Sawarabi Mincho";
}
a,a:link{
color:#3585b7;
}
a:visited{
color:#6252b7;
}
a:hover{
text-decoration:none;color:#555;
}
#cnt2,#entry{
position:relative;
}
#cnt2::before,#cnt2::after,#entry::before{
content:"";width:0;
height:0;
border-style:solid;
border-width:15px 25px 0 25px;
position:absolute;left:0;right:0;
margin:auto;
}
#cnt2::after{
	bottom:-14px;
}
#cnt2::before,#entry::before{
top:-1px;
}
#cnt2::before,#entry::before{
border-color:#fff transparent transparent transparent;
}
#cnt2::after{
border-color:#dadbdb transparent transparent transparent;
}
.main section,footer .entry .inner{
width:800px;
margin:auto;
}
header h1{
margin:auto;
}
header{
background:#000;
width:100%;
}
header picture{
display:grid;
margin:auto;
}
header .w90{
padding:20px
}

main #cnt1 section{
width:100%;
display:block;
}
main #cnt2 section{
max-width:90%;
margin: auto;
}
#cnt1 section{
margin:auto;
}
/*
#cnt1 picture{
display:grid;
}
*/
#cnt1 h2,#cnt1 .center{
margin:20px auto;
}
#cnt1 .about h2{
width:95%;
max-width:61%;
}
#cnt1 .center{
text-align:center;
font-weight:900;
color:#231815
}
#cnt2{
background:#dadbdb;
padding:20px 0;
}
#cnt2 h2{
color:#1e285a;
text-align:center;
margin-bottom:.5rem;
}
#cnt2 .container{
width:95%;
margin:auto;
display:block;
}
#cnt2 .container dl{
margin-bottom:.5rem;
}
#cnt2 .container dt,#cnt2 .container dd{
padding:0 .5rem 0;
}
#cnt2 .container dt{
background:#1e285a;
color:#fff;
}
#cnt2 .container dd{
background:#fff;
}
#cnt2 .container ol{
counter-reset:item;
list-style-type:none;
padding-left:0;
}
#cnt2 .container ol li{
padding-left:1em;
	text-indent:-1em;
}
#cnt2 .container ol li:before
{
counter-increment:item;
	padding-right:.5rem;
	display:block;color:#1e285a;
	font-weight:700;
}
#cnt2 .container ol li:first-child:before{
content:counter(item)'.職　人';
}
#cnt2 .container ol li:nth-child(2):before{
content:counter(item)'.見習い'
}
#cnt2 span{
font-size:14px;
}
#entry{
background:#00a4e3;
color:#fff;
}
#entry .inner{
width:800px;
max-width:83%;
margin:auto;
padding:30px 0;
}
#entry .title{
font-size: 18px;
border-bottom: 2px;
dotted: #fff;
letter-spacing:-1px;
}
#cop picture{
width:400px;
max-width:53%;
margin:20px; 
display:block;
margin: auto;
padding: 20px 0px 20px 0px;	
}
a.btn{
display:block;
top:3px;border-radius:8px;
color:#000;
text-align:center;
text-decoration:none;
margin:1rem auto;box-shadow:0 12px 20px rgba(0,0,0,.25)
}
a.btn_yellow{
background:linear-gradient(180deg,rgba(254,255,51,1) 0%,rgba(255,231,0,1) 39%,rgba(219,197,0,1) 66%,rgba(219,197,0,1) 93%,rgba(255,232,56,1) 100%)
}
a.btn_line{
padding:8px 0 2px;
background:#01b800;
}
a.btn_tel{
padding:12px 0 3px;
}
a.btn_entry{
padding:14px 0 10px;
}
.btn picture{
display:block;
width:60%;
margin:auto;
}
.btn picture.tel-btn{
width:60%;
}
.btn picture.entry-btn{
width:35%;
}
.btn picture.linebtn{
width:50%;
}
a.btn_yellow:hover{
background:#ffe700;
}
a.btn_line:hover{
background:#00e000;
}
.treatment{
margin:auto	
max-width:90%;
display:block;
padding: 20px;
background-color:#000000
}

@media screen and (min-width:767px){
#cnt1 h2,#cnt1 .center{
margin:auto;
padding:20px 0;	
}
header .w90{
padding:40px;
}
#cnt2 .point3::before{
left:-20px;
}
#cnt3 .point3::before{
right:-40px;
}
#cnt2 .container dl{
display:flex;
width:100%;
}
#cnt2 .container dt{
width:120px;
}
#cnt2 .container dd{
width:calc(100% - 130px);
margin-left:10px;
}
#cnt2 .container dt,#cnt2 .container dd{
padding:.2rem .5rem;
}
a.btn{
border-radius:17px;
margin-bottom:20px;
}
a.btn_entry{
padding:22px 0 16px;
}
a.btn_line{
padding:10px 0 3px;
}
ol,
ul {
  list-style: none;
}

img {
  border: 0;
  height: auto;
  line-height: 1;
  max-width: 100%;
}

a {
  background: transparent;
  cursor: pointer;
  outline: 0 none;
}

html {
  display: flex;
  flex-direction: column;
  font-size: 62.5%;
}

body {
  color: #000;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  min-height: 100vh;
  line-height: 1.53;
}

main {
  flex: 0 0 auto;
}

.mg_tp5 {
  margin-top: 5px;
}

.mg_bt5 {
  margin-bottom: 5px;
}

.mg_tp10 {
  margin-top: 10px;
}

.mg_bt10 {
  margin-bottom: 10px;
}

.mg_tp15 {
  margin-top: 15px;
}

.mg_bt15 {
  margin-bottom: 15px;
}

.mg_tp20 {
  margin-top: 20px;
}

.mg_bt20 {
  margin-bottom: 20px;
}

.mg_tp25 {
  margin-top: 25px;
}

.mg_bt25 {
  margin-bottom: 25px;
}

.mg_tp30 {
  margin-top: 30px;
}

.mg_bt30 {
  margin-bottom: 30px;
}

.mg_tp35 {
  margin-top: 35px;
}

.mg_bt35 {
  margin-bottom: 35px;
}

.mg_tp40 {
  margin-top: 40px;
}

.mg_bt40 {
  margin-bottom: 40px;
}

.mg_tp45 {
  margin-top: 45px;
}

.mg_bt45 {
  margin-bottom: 45px;
}

.mg_tp50 {
  margin-top: 50px;
}

.mg_bt50 {
  margin-bottom: 50px;
}

:root {
  --app-height: 100%;
}

html {
  height: 100%;
}

html,
body {
  min-width: 320px;
}

body {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  overflow-x: hidden; }

::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 25px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

::-webkit-input-placeholder {

  /* Edge */
  color: #ddd;
  font-size: 1.5rem;
}

::placeholder {
  color: #ddd;
  font-size: 1.5rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: #000;
  text-decoration: none;
  transition: all ease-in-out 0.3s;
}

img {
  vertical-align: middle;
}

main {
  margin: 0 auto;
  max-width: 800px;
  overflow: hidden;
}

header {
  margin: 0 auto;
  max-width: 800px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
footer {
  margin: 0 auto;
  max-width: 800px;
/*  overflow: hidden;*/
}

header {
  margin: 0 auto;
  max-width: 800px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative;	
}	
.banner
/*vertical-align: top;*/
margin: 0px;
padding: 0px;
}
.pict{
margin:auto;
max-width:60%;
padding: 10px	
}	
}
@media screen and (max-width:767px){
.pc{
display:grid;
}
}
@media screen and (min-width:767px){	
.pc{display:none}
main,footer{
background:#fff;
}
	
body{
background:#000;
padding:0 calc((100% - 800px)/2)
}
@media screen and (min-width:767px){		
.pict{
margin:auto;
max-width:60%;
padding: 10px	
}	
@media screen and (min-width:568px){		
.pict{
margin:auto;
max-width:60%;
padding: 20px	
}
* {
margin: 0px;
padding: 0px;
}
}