@charset "UTF-8";
/* ----------------------------------------
* カラーパターン
---------------------------------------- */

/* 共通
---------------------------------------- */

.bg-gray {
  background-color: #F9F9F9;
	
}

/* ゴールド
---------------------------------------- */

.bg-gold {
  background: #eab92d;
  background: -moz-linear-gradient(-45deg, #eab92d 1%, #e8ca78 35%, #c79810 100%);
  background: -webkit-linear-gradient(-45deg, #eab92d 1%, #e8ca78 35%, #c79810 100%);
  background: linear-gradient(135deg, #eab92d 1%, #e8ca78 35%, #c79810 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eab92d', endColorstr='#c79810', GradientType=1);
}

/* グリーン
---------------------------------------- */

.bg-green {
  background: #006e2e;
  background: -moz-linear-gradient(-45deg, #006e2e 0%, #003510 100%);
  background: -webkit-linear-gradient(-45deg, #006e2e 0%, #003510 100%);
  background: linear-gradient(135deg, #006e2e 0%, #003510 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#003510', GradientType=1);
  color: #ffffff;
}

/* ネイビー
---------------------------------------- */

.bg-navy {
  background: #003e7c;
  background: -moz-linear-gradient(-45deg, #003e7c 0%, #000f2d 100%);
  background: -webkit-linear-gradient(-45deg, #003e7c 0%,#000f2d 100%);
  background: linear-gradient(135deg, #003e7c 0%,#000f2d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7c', endColorstr='#000f2d',GradientType=1 );
    color: #ffffff;
}



/* ブラウン
---------------------------------------- */

.bg-brown {
 background: #60432b;
background: -moz-linear-gradient(-45deg, #60432b 0%, #3c200f 20%, #170102 100%);
background: -webkit-linear-gradient(-45deg, #60432b 0%,#3c200f 20%,#170102 100%);
background: linear-gradient(135deg, #60432b 0%,#3c200f 20%,#170102 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60432b', endColorstr='#170102',GradientType=1 );
	color:#ffffff;
}

.line-brown {
	border-bottom:#60432b 2px solid;
	color:#000000;
}

.bg-pink{
	background:#e8b2b7;
}

/* ブラック
---------------------------------------- */
.bg-black{
	background: #000000;
}

/* レッド
---------------------------------------- */
.bg-red{
  background: #b60000;
  background: -moz-linear-gradient(-45deg, #b60000 0%, #5c000f 100%);
  background: -webkit-linear-gradient(-45deg, #b60000 0%,#5c000f 100%);
  background: linear-gradient(135deg, #b60000 0%,#5c000f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60000', endColorstr='#5c000f',GradientType=1 );
    color: #ffffff;
}

/* イエロー
---------------------------------------- */
.bg-yellow{
		 background: #f4cf00;
  background: -moz-linear-gradient(-45deg, #f4cf00 0%, #cb7900 100%);
  background: -webkit-linear-gradient(-45deg, #f4cf00 0%,#cb7900 100%);
  background: linear-gradient(135deg, #f4cf00 0%,#cb7900 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4cf00', endColorstr='#cb7900',GradientType=1 );
    color: #ffffff;
}


/* レッドー　ー　イエロー
---------------------------------------- */
.bg-red-yellow{
background: #b60000;
background: -moz-linear-gradient(left, #b60000 0%, #cb7900 100%);
background: -webkit-linear-gradient(left, #b60000 0%,#cb7900 100%);
background: linear-gradient(to right, #b60000 0%,#cb7900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b60000', endColorstr='#cb7900',GradientType=1 );
}


/* パープル
---------------------------------------- */

/* 白
---------------------------------------- */

.bg-white {
  background-color: #ffffff;
}

/* ----------------------------------------
* フォント
---------------------------------------- */

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  color: #333333;
  font-size: 18px;
  line-height: 1.9em;
 background:#fff7ea;
}


h1, h2, h3, h4, h5 {
  /*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
color:#000000;
font-weight: 800;
}



/* ----------------------------------------
* 配置
---------------------------------------- */

.container {
  max-width: 860px;
}

.section {
  padding-right: 0;
  padding-left: 0;
  margin: 50px 0;
}

h2 {
  text-align: center;
  font-weight: 500;
  line-height: 1.5em;
}

p {
  margin-bottom: 2em;
}

header {
  padding: 10px 0 30px 0;
}

.head_title {
  max-height: 450px;
  overflow: hidden;
}

.head_title h1 {
  padding: 0;
  display: block;
}

.txt600 {
  margin: 0 auto 70px auto;
  max-width: 600px;
}

.txt700 {
  margin: 0 auto;
  max-width: 700px;
}

.contents-def h2 {
  color: #ffffff;
  padding: 20px 0;
  font-style: italic;
  margin-bottom: 20px;
}

.contents-point {
  position: relative;
  margin: 2em 0;
  border: solid 3px #eab92d;
  background: #f7ebc7;
}

.contents-point h2 {
  padding: 0.5em 0;
  margin: 0;
}

.contents-point .point-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  font-size: 17px;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  background: #eab92d;
}

.contents-point .box-inner {
  padding: 1em;
  margin: 0;
}

.contents-prof {
  padding: 20px 30px;
  font-size: 90%;
  margin-bottom: 30px;
  border: 10px solid #dddddd;
  background: rgba(235, 235, 235, 0.84);
  color: #222222;
}

.contents-prof h2 {
  color: #000000;
  margin-bottom: 10px;
  font-style: italic;
}

.contents-prof h3 {
  font-weight: 800;
  margin-bottom: 20px;
  margin-top: 0px;
}

.contents-prof .font-min {
  font-size: 80%;
  line-height: 1.5em;
}

.contents-prof img {
  margin-bottom: 20px;
}

.border-bottom {
  height: 2px;
  width: 100%;
  margin: 0 auto 30px auto;
}

.font-red {
  color: #b60000;
}

.font-yellow {
  color: #ffe600;
}

.font-big {
  font-size: 120%;
}

.font-bold {
  font-weight: bold;
}

.font-red-big-bold{
	  color: #b60000;
	 font-weight: bold;
  font-size: 120%;
}

.font-red-bold{
	color: #b60000;
	font-weight: bold;
}

.img-box {
  margin: 30px 0 10px 0;
}

footer {
  background: #ffffff;
  border-top: 1px solid #cccccc;
  text-align: center;
  padding-top: 20px;
  color: #999999;
  font-size: 12px;
  line-height: 1em;
}

footer p a, footer p a:hover, footer p a:visited {
  color: #999999;
}

div#wrapper h3.form_entry {
  background: #ffffff;
  color: #000000;
  font-size: 22px;
}

.button a img {
  opacity: .85;
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.button a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
}

.box-border-w {
  border: 1px solid #ffffff;
  margin: 20px 0;
  padding: 1em;
}

.box-bg-w {
  background: rgba(255, 255, 255, 0.2);
  color: #dddddd;
  margin: 20px 0;
  padding: 1em;
  font-size: 80%;
  line-height: 1.5em;
}

.box-bg-w p {
  margin-bottom: 1em;
}

.button-caution {
  font-size: 90%;
  line-height: 1.5em;
  margin-top: 0.5em;
  text-align: center;
  display: block;
	color:#aaaaaa;
}

.img-bottom {
  margin-bottom: 30px;
}

@media screen and (max-width:620px) and (min-width:451px) {
  h2, h3  {
    font-size: 20px;
  }
  body {
    font-size: 14px;
  }
}

@media screen and (max-width:450px) {
  h2, h3  {
    font-size: 17px;
  }
  body {
    font-size: 12px;
  }
}

.list-check {
	list-style-image: url(../images/icon-check.png);
	
}

h2.tit_col {
	margin:13px 0 0 0;

}
h2.tit_col2 {
	margin:13px 0 0 0;
	color:#000000;
	border-bottom:2px solid #60432b;
}

.h2-row {
	margin:0 0 20px 0;
	padding:10px 0;
}

.contents-point2 {
	    margin: 2em 0;
	border:5px solid #BC2A32;
}

.contents-point2 .point-title {
    font-size: 1.5em;
    padding: 1em;
    text-align: center;
    color: #222;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.contents-point2 p {
    padding: 15px 20px;
    margin: 0;
}


.contents-point2 .point-title .cap{
padding: 0 45px;
	color:#BC2A32;
	font-size:0.7em;
}


.contents-point2 .point-title h3 {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
}

.contents-point2 .point-title h3:before,.contents-point2 .point-title h3:after{ 
  content:'';
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}

.contents-point2 .point-title h3:before{
  border-left: solid 1px #BC2A32;
  border-top: solid 1px #BC2A32;
  top:0;
  left: 0;
}

.contents-point2 .point-title h3:after{
  border-right: solid 1px #BC2A32;
  border-bottom: solid 1px #BC2A32;
  bottom:0;
  right: 0;
}