@charset "utf-8";

/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

#contents{ margin-top :-35px;}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}



h2 {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 2rem;		/*h2の外側にとるスペース。上、左右、下への順番。*/
font-size: 1.8rem;		/*文字サイズ*/
position: relative;		/*ulineを配置する為に必要な指定*/
font-weight: normal;	/*デフォルトの太字を標準に*/
border-bottom: 2px solid #ddd;	/*薄い色の線の幅、線種、色*/
letter-spacing: 0.05em;	/*文字間隔を少しだけ広くする*/
margin-bottom: 2.5em;
}



p {font-size: 1.2em;
color: #595959;}

/* 背景用*/
body {
  padding: 30px 10px;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

.btn-wrap-pc-sp {
  max-width: 435px;
  margin: 0 auto 17px;
}

a.btn-pc-sp {
  line-height: 1.4;

  width: 49.5%;
  padding: 1.25rem 0;

  color: #ffff;
}

a.btn--contact {
  display: block;

  padding: 1.5rem 0;
  margin-top: 5px;
  color: #3f0b17;
  background: #D09CA7;
  -webkit-box-shadow: 0 5px 0 #67192A;
  box-shadow: 0 5px 0 #67192A;
}

a.btn--contact i {
  font-size: 2rem;
}

a.btn--contact i.fa-position-left {
  font-size: 3rem;

  left: 2rem;
}

a.btn--contact :hover {
  color: #fff;
}

a.btn--tel {
  display: block;

  margin-top: 5px;
  padding: 1rem 0;

  color: #fff;
  background: #00801a;
  -webkit-box-shadow: 0 5px 0 #003a0f;
  box-shadow: 0 5px 0 #003a0f;
}

a.btn--tel i {
  font-size: 2rem;
}

a.btn--tel i.fa-position-left {
  font-size: 3rem;

  left: 2rem;
}

a.btn--tel .number {
  line-height: 1;

  display: inline-block;

  margin-top: 0.5rem;
  padding: 0.25rem 2rem;

  letter-spacing: 0;

  color: #094;
  border-radius: 0.5rem;
  background: #fff;
}

a.btn--tel:hover {
  color: #fff;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}

.fa-position-right {
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1rem;
}

.cap {
  font-size: 1.2em;
  margin-top: 15px;
}

.large_grey {font-size: 1.5em;
 color: #737373;
 font-weight: 600;}
 
.large_blue{font-size: 1.2em;
 color: #2D5682;
 font-weight: 600;}

/*ボタン（btn2）
---------------------------------------------------------------------------*/
.btn2 a {
display: block;text-decoration: none;
font-size: 1.4rem;
text-align: center;		/*テキストをセンタリング*/
background: #1E3369;
color: #fff;
padding: 0.3rem !important;		/*ボタン内の余白*/
margin-top: 1rem !important;	/*ボタンの外（上）に空けるスペース*/
border-radius:8px;
max-width: 180px;
}


/*テーブル（ta4）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta4 caption {

font-weight: 600;		/*太字に*/
padding: 0.4rem 1.2rem;	/*ボックス内の余白*/
text-align: left;	/*左よせにする*/
letter-spacing:0.08em;
line-height: 1.8em;
font-size: 1.3em;
color: #4D4D4D;			/*文字色*/
 background-image: linear-gradient(174deg, rgba(239, 239, 239, 1), rgba(255, 255, 255, 1) 20%, rgba(239, 239, 239, 1) 50%, rgba(255, 255, 255, 1) 80%, rgba(239, 239, 239, 1));
border-top: 1px dashed #999;	/*テーブルの枠線。幅、線種、色*/
border-bottom: 1px dashed #999;	/*テーブルの枠線。幅、線種、色*/
margin-top: -10px;
margin-bottom: -30px;	/*下に空けるスペース*/
}


/*ta1テーブルブロック設定*/
.ta4 {
table-layout: fixed;
border-top: none;	/*テーブルの一番上の線。幅、線種、色*/
width: 100%;				/*幅*/
margin-bottom: 1rem;			/*テーブルの下に空けるスペース*/
}

/*tr（１行分）タグ設定*/
.ta4 tr {
border-bottom: 1px solid #999;	/*テーブルの下線。幅、線種、色*/
}

/*th（左側）、td（右側）の共通設定*/
.ta4 th, .ta1 td {
padding: 1rem;		/*ボックス内の余白*/
word-break: break-all;	/*英語などのテキストを改行で自動的に折り返す設定。これがないと、テーブルを突き抜けて表示される場合があります。*/
}

/*th（左側）のみの設定*/
.ta4 th {
width: 30%;			/*幅*/
text-align: center;	/*中央配置にする*/
background: #eee;	/*背景色*/
}

.ta4 ul {
margin-left: -1.7em;
}

.ta4 caption ul li {margin-top: 1.2em;
margin-bottom: 1.2em;}

/* 横幅701以上で見たときは"cpc"のclassがついた画像が表示される */
.cpc { display: block !important; }
.csp { display: none !important; }
/* 横幅700以下で見たときは"csp"のclassがついた画像が表示される */
@media only screen and (max-width: 700px) {
.cpc { display: none !important; }
.csp { display: block !important; }
}