@charset "utf-8";

/*-----------------------------------------------------

  style-ladys-support-pc.css

-----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Noto+Sans+JP:wght@400;700&display=swap');
/* Reset
------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6 {
  clear: both;
  font-size: 100%;
  font-weight: normal;
}
ol,ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {
  text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
blockquote {
  quotes: none;
}
blockquote::before, blockquote::after {
  content: '';
  content: none;
}
fieldset,img {
  border: 0;
}
abbr,acronym {
  border: 0;
}
main {
  display: block;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}

/* 汎用クラス
------------------------------------------------------------------- */
.mt_00 {margin-top: 0 !important; }
.mt_10 {margin-top: 1em !important; }
.mt_20 {margin-top: 2em !important; }
.mt_30 {margin-top: 3em !important; }
.ml_00 {margin-left: 0 !important; }
.ml_10 {margin-left: 1em !important; }
.ml_20 {margin-left: 2em !important; }
.ml_30 {margin-left: 3em !important; }
.mb_00 {margin-bottom: 0em !important; }
.mb_10 {margin-bottom: 1em !important; }
.mb_20 {margin-bottom: 2em !important; }
.mb_30 {margin-bottom: 3em !important; }

.red {color: red;}
.underLine{text-decoration: underline;}
.fz_100 {font-size: 100% !important;}
.fz_p {font-size: 1.6em;}

.left {text-align: left !important;}
.pc-none {display: none;}
.sp-none {display: block;}
@media only screen and (max-width: 767px), only screen and (max-width: 896px) and (orientation: landscape) {
  .pc-none {display: block;}
  .sp-none {display: none;}
}
/* Elements
------------------------------------------------------------------ */
/* Font：基本サイズ（16 * 0.625 = 10px） */
body {
  position: relative;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  font-feature-settings: "palt";
  background:#fff;
}
/*@media screen and (min-width: 768px) {
  body {
    min-width: 1200px;
  }
}**/
section{
  margin-bottom:80px;
}


/* Table（共通） */
table {
  margin-top: 20px;
  width: 100%;
  border: 1px solid #d7d7d7;
  border-collapse: collapse;
}
table caption {
  margin-bottom: 2px;
  font-size: 1.8em;
  font-weight: 500;
}
table thead th {
  padding: 6px 10px;
  border-right: 1px solid #d3d3d3;
  background-color: #898e91;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight:bold;
}
table tbody th {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #396aac;
  font-size: 1.5em;
  color:#fff;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
table td {
  padding: 6px 10px;
  border-top: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-color: #fff;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.6;
  vertical-align: middle;
}
table td a {
	word-break: break-all;
}
table td a:hover {
  text-decoration: none;
}

p{
  font-size:1rem;
}

#header{
  position: relative;
  width: 100%;
  min-height:450px;
  margin:0 auto;
  background:url("../images/title.png") no-repeat top center/100%;
  z-index: 1;
  border-bottom:15px solid #6bceee;
}

#header .h-box{
  margin:0 auto;
  max-width:800px;
  position:relative;
  width:100%;
  padding-top:120px;
  padding-left:60px;
}

@media screen and (max-width:1250px) {
#header{
  min-height:350px;
}
#header .h-box{
  padding-top:80px;
  padding-left:200px;
  }
}

@media screen and (max-width:950px) {
#header{
  min-height:280px;
}
#header .h-box{
  max-width:720px;
  padding-top:60px;
  padding-left:200px;
  }

#header .h-box p br{
  display:none;
}
  
#header .h-box p{
  text-align:left!important;
}
}

@media screen and (min-width:1600px) {
#header .h-box{ 
  max-width:auto;
  min-width:100%;}
}


#header .h-box h1{
  width:100%;
  font-weight: 700;
  margin-bottom: .6em;
  font-size: 8em; 
  font-size: calc(45 * (100vw / 1050));
  text-align:center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color:#396aac;
  text-shadow: 2px 3px 3px rgb(177 159 159 / 40%);
  font-weight: bold;
}

#header .h-box p{
  margin-bottom: .8em;
  text-align:center;
  line-height:1.8;
}

#content{
  padding:0 20px;
}

main{
  padding:50px 50px;
  margin:60px auto;
  max-width:1100px;
  background:#fff;
  border-radius:20px;
  box-shadow: 1px 1px 10px rgb(162 162 162 / 40%);
}


h2 {
  font-weight: bold;
  padding: 0 0.5em;
  margin-bottom:30px;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-left: 7px dotted #396aac;
  background-color: #fff;
  outline: 3px solid #396aac;
  outline-offset: 0.5em;
  position: relative;
}
h2:after {
  content: '';
  position: absolute;
  right: calc(-0.5em - 3px);
  top: calc(-0.5em - 3px);
  border-width: 0 20px 20px 0;
  border-style: solid;
  border-color: #396aac #fff #396aac;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

h2 span{
  font-size:2.6em;
  padding:10px;
  color:#396aac;
}

h3 {
  color: #3a478e;
  font-weight:bold;
  text-shadow: 0 0 5px white;
  border-left: solid 7px #396aac;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #E7F6FC, #ebf9ff 3px,#f3fbff 3px, #eaeefd 7px);
  margin-top:30px;
  margin-bottom:10px;
}


h3 span{
  display:block;
  padding:3px 10px;
  font-size:1.8em;
}

p.pd{
  margin:auto 20px;
}

ul.notes li{
  font-size:1.6em;
  text-indent:-1em;
  margin-left:1em;
}

table.tel th{
  font-size:2em;
  width:47.6%
}

table.tel th img{
  width:30px;
  vertical-align:middle;
}

table.tel td{
  font-weight:bold;
  font-size:3em;
  text-align:center;
  background:#fffbd4;
  color:#893232;
}

ul.img_txt{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  margin: auto 20px;
}

ul.img_txt li:nth-child(1){
  width:150px;
  margin-right:5%;
}

ul.img_txt li:nth-child(1) img{
  width:100%;
}

ul.img_txt._w li{
  width:50%!important;
}

div.menseki{
  background:#fcffdb;
  padding:20px;
}
div.menseki h4{
  font-weight:bold;
  font-size:1.8em;
  color:#3a478e;
}

@media only screen and (max-width: 767px) {
  #header{
  min-height:100px;
  background:url("../images/title.png") no-repeat center -10px/100%;
}

#header .h-box{
  margin:0 auto;
  max-width:90%;
  width:100%;
  padding-top:0;
  padding-left:0;
}

#header .h-box h1{
  position:absolute;
  top:30px;
  left:70px;
  right:0;
  font-size: 2.6em;
  width:auto;
}

#header .h-box p{
  position:absolute;
  top:110px;
  text-align:left;
}

#content{
  padding:0 10px;
}
  
main{
  padding:30px 10px;
  margin:180px 0px 20px;
  background:#fff;
  width:100%;
}
section{
  margin-bottom:50px;
}
  h2{
    margin-bottom:20px;
  }
  h2 span{
    font-size:1.8em!important;
  } 
  h3 span{
    font-size:1.6em!important;


  }
ul.img_txt{
  display:block;
  margin:auto 0;
}
ul.img_txt li:nth-child(1){
  text-align:center;
  margin-bottom:10px;
}  
ul.img_txt li:nth-child(2){
  padding:0 20px;
} 
ul.img_txt li,
ul.img_txt._w li{
  width:100%!important;
  margin-right:0!important;
}
ul.img_txt._w li img{
  width:100%!important;
}
ul.img_txt li img{
  width:30%!important;
}
table.tel th{
  font-size:1.5em;
  width:45%;
}
table.tel td{
  font-size:1.8em;
}

}