@charset "utf-8";
/*============================
	reset styles
============================*/
html,body,div,span,iframe,
h1,h2,h3,h4,h5,h6,p,
a,em,img,small,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,figcaption,figure,address,
footer,header,nav,section {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font-style:normal;
vertical-align:baseline;
background:transparent;
}
article,aside,figcaption,figure,footer,header,menu,nav,section {
display:block;
}
ul {
list-style:none;
}
a {
text-decoration:none;
}
img {
vertical-align:bottom;
}
table {
border-collapse:collapse;
border-spacing:0;
border-bottom: solid #ccc 1px;
}
input[type="submit"],input[type="button"]{
  -webkit-appearance: none;
}
input,select {
vertical-align:middle;
border: solid #deddd9 1px;
font-family: 'Noto Sans JP', sans-serif;
}
input:focus,select:focus,button:focus,textarea:focus {
outline:0;
box-shadow:none;
}
textarea {
  resize: none;
  border: solid #deddd9 1px;
  /*background-color: #ffffa6;*/
  background-color: #FFF1F4;
  padding: 8px 8px 8px 8px;
  font-size: 1rem;
  font-family: 'Noto Sans JP', sans-serif;
  height:100px;
}
input[type="button"]{
  color: #fff;
  background-color: #000;
  cursor: pointer;
}

/*============================
    module style
============================*/
body {
  font-size: 1rem;
  line-height: 1.25;
  font-family: 'Noto Sans JP', sans-serif;
}
/*============================
    color
============================*/
.bg-orange {
  background-color: #fdb813;
  color: #fff;
}
.bg-shiryo {
  background-color:#DD2972;
  color: #fff;
}
.bg-gray {
  background-color: #474747;
}
.bg-lightgray {
  background-color: #deddd9;
}
.bg-red {
  background-color: #ff0000;
  color: #fff;
  padding: 3px 5px;
  margin-left: 20px;
  font-size: 0.75rem;
  border-radius: 5px;
  right: 10px;
}
.bg-pink {
  background-color: #ffedeb;
  color: #ff0000;
  font-size: 1.125rem;
  font-weight: bold;
  box-sizing: border-box;
  padding: 20px!important;
  line-height:1.8;
}
/*----------------------------
  text
-----------------------------*/
.bold { font-weight: bold; }
.tx-center { text-align: center; }
.fs-12 { font-size: 0.75rem;}
.underline { text-decoration: underline; }
/*----------------------------
  border
-----------------------------*/
/*----------------------------
  layout
-----------------------------*/
.inner {
  padding: 0 5%;
  max-width: 1200px;
  margin: auto;
  display: block;
}
.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
.none { display: none!important; }
.block { display: block!important; }
.block2 { display: block!important; }
.block-center {
  display: block;
  margin: auto;
}
.is_active { display: block; }
.sp-block { display: none; }
.sm-block { display: none; }
.jc-between { justify-content: space-between; }
.jc-around { justify-content: space-around; }
.jc-center { justify-content: center; }
.align-items { align-items: center; }
.w-30 {
  width: 30%;
}
.w-full { width: 100%; }
/*----------------------------
  position
-----------------------------*/
.ps-r { position: relative; }
.ps-a { position: absolute; }
/*----------------------------
  space
-----------------------------*/
.m-auto {
  margin: auto;
  display: block;
}
.mb-10 { margin-bottom: 10px; }
.mb-30 { margin-bottom: 30px; }
.mb-60 { margin-bottom: 60px; }
.mb-100 { margin-bottom: 100px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }

.lh-40 {
  line-height: 40px;
  margin-right: 10px;
}
.w-96 { width: 96px; }
.lh-48 { line-height: 48px; }
.lh-18 {
  line-height: 1.8;
}

.flex .center:first-of-type{
  margin-right:10px;
}
.flex .center:last-of-type{
  margin-left:10px;
}

@media screen and (max-width:679px){
  .sp-block { display: block; }
  .sp-none { display: none;}
  .sp-fd-column {
    flex-direction: column;
  }
  .sp-mb-20 { margin-bottom: 20px!important; }
  form.inner{
    padding:0;
  }
  .title-h3 {
    margin-left:15px;
  }
  .mlr-10{
    margin-left: 10px;
    margin-right: 10px;
  }
  .flex .center:first-of-type{
    margin-right:auto;
  }
  .flex .center:last-of-type{
    margin-left:auto;
  }
}