@charset "UTF-8";
@import url("reset.css");
@import url("lib.css");

body {
  font-family: "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #000;
	background-color: #fff;
	line-height: 1.7;
	text-align: justify;
}

.wrap {
	overflow: hidden;
}

img {
  display: block;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.inline{
	display: inline-block;
}

.center{
	text-align: center;
}

.img_c{
	width: 730px;
	margin: 0 auto;
}

.img_e{
	width: 672px;
	margin: 0 auto;
}

.contents {
	width: 672px;
	margin: 0 auto;
}

.contents02 {
	width: 700px;
	margin: 0 auto;
}

.contents03 {
	width: 668px;
	margin: 0 auto;
}

.contents ul {
	padding: 0.5em 0.5em 0.5em 2em;
}

.contents ul li {
	list-style-type: disc;
	line-height: 1.5;
	padding: 0.5em 0;
}

.cv_area{
  background-color: #76120C;
  padding-top: 20px;
  padding-bottom: 28px;
}

.ttl_cta{
  width:730px;
  margin: 0 auto;
  padding-bottom: 5px;
}

.btn{
  width: 700px;
  margin: 0 auto;
  padding-top: 5px;
}

.txt_cv_area{
  font-size: 17px;
  line-height: 1.6;
}

.cv_sp{
  display: none;
}

input[type="text"],
input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  font-size: 28px;
  padding: 20px 15px;
  border-radius: 0;
  border: 2px solid #c1c1c1;
  margin: 0;
  letter-spacing: 1px;
}

button {
  width: auto;
  padding:0;
  margin:0;
  background:none;
  border:0;
  font-size:0;
  line-height:0;
  overflow:visible;
  cursor:pointer;
}

.submit_btn:hover{
  opacity:0.8;
}

.prehd{
	padding-top: 11px;
	padding-bottom: 4px;
}

.prehd_sp{
	display: none;
}

.bg_headertop{
 width: 100%;
 background-color: #76120C;
 box-shadow: 0 0 8px #a8a8a8;
 -webkit-box-shadow: 0 0 8px #a8a8a8;
 -moz-box-shadow: 0 0 8px #a8a8a8;
}

.contents_hd{
  width: 970px;
	margin: 0 auto;
  padding-top: 15px;
  padding-bottom:30px;
}

.hd_sp{
  display: none;
}

.pc_firstview_form{
  background-color: #fcfbf0;
  border: solid 1px #76120C;
}

.contents05 {
	width: 426px;
	margin: 0 auto;
}

.contents06 {
	width: 437px;
	margin: 0 auto;
}

.contents_cv_firstview {
	width: 902px;
	margin: 0 auto;
}

.pc_firstview_btn{
  width: 437px;
}

.cv_pc input[type="text"],
.cv_pc input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  font-size: 24px;
  padding: 12px 10px;
  border-radius: 0;
  border: 2px solid #c1c1c1;
  margin: 0;
  letter-spacing: 1px;
}

.pc_firstview_txt{
  font-size: 15px;
  line-height: 1.4;
}

.section01{
	background-color: #FCFBF0;
	padding-bottom: 45px;
}

.ttl_01{
  background: url(../image/bg_ttl_01.png) repeat-x;
	padding-bottom: 22px;
}

.bg_gokui{
  width:672px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 0 8px #d3d3d3;
  -webkit-box-shadow: 0 0 8px #d3d3d3;
  -moz-box-shadow: 0 0 8px #d3d3d3;
  padding-top: 20px;
  padding-bottom: 20px;
}

.gokui{
  width:607px;
  margin: 0 auto;
}

.section02{
  background-color: #F2F2F2;
}

.ttl_02{
  background: url(../image/bg_ttl_01.png) repeat-x;
	padding-bottom: 13px;
}

.bg_arrow{
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 10px;
}

.arrow{
  width:333px;
  margin: 0 auto;
}

.section03{
	padding-bottom: 45px;
}

.ttl_03{
  background: url(../image/bg_ttl_01.png) repeat-x;
	padding-bottom: 22px;
}

.bg_merit{
  width:672px;
  margin: 0 auto;
  background-color: #FCFBF0;
  box-shadow: 0 0 8px #d3d3d3;
  -webkit-box-shadow: 0 0 8px #d3d3d3;
  -moz-box-shadow: 0 0 8px #d3d3d3;
  padding-top: 20px;
  padding-bottom: 20px;
}

.merit{
  width:613px;
  margin: 0 auto;
}

.section04{
	padding-bottom: 50px;
}

.ttl_04{
	background: url(../image/bg_ttl_02.png) repeat-x;
	padding-bottom: 15px;
}

.bullet{
  padding-top: 10px;
}

.after_bullet{
  margin-top: 25px;
  padding-top: 30px;
  border-top: dashed 2px #555;
}

.section05{
	padding-bottom: 50px;
}

.ttl_05{
	background: url(../image/bg_ttl_01.png) repeat-x;
	padding-bottom: 15px;
}

.section06{
	padding-bottom: 55px;
}

.ttl_06{
	background: url(../image/bg_ttl_01.png) repeat-x;
	padding-bottom: 20px;
}

.section06 h3{
  margin-top: 40px;
  background-color: #f2f2f2;
}

.misunderstanding{
  width:546px;
  margin: 0 auto;
  padding-top: 27px;
  padding-bottom: 20px;
}

.ttl_07{
	background: url(../image/bg_ttl_01.png) repeat-x;
}

.section07 h3{
  padding-top: 20px;
}

.content_voice{
  padding-bottom: 30px;
}

.voice{
  width:307px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 20px;
}

.voice_l{
  width:621px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 20px;
}

.section08{
  padding-bottom: 50px;
}

.ttl_08{
	background: url(../image/bg_ttl_02.png) repeat-x;
	padding-bottom: 20px;
}

.section08 h3{
  background: url(../image/bg_ttl_mail_01.png) repeat-x;
  margin-top: 35px;
}

.mail{
  width:582px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 25px;
}

.section09{
  padding-bottom: 60px;
}

.ttl_09{
	background: url(../image/bg_ttl_03.png) repeat-x;
}

.profile{
  width:415px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 25px;
}

.jisseki{
  padding-top: 30px;
  padding-bottom: 25px;
}

.newspaper{
  width: 650px;
  padding-bottom: 35px;
}

.section10{
  padding-bottom: 40px;
}

.ttl_10{
	background: url(../image/bg_ttl_01.png) repeat-x;
}

.section10 h3{
  padding-top: 30px;
  padding-bottom: 30px;
}

.postscript {
  width: 100%;
  padding-bottom: 30px;
}

.sign{
  width:658px;
	padding-top: 50px;
	padding-bottom: 10px;
  padding-left: 22px;
}

footer {
	color: #fff;
	padding: 20px 0px 20px;
	background-color: #B19A2A;
}

footer a{
  color: #fff;
	text-decoration: none;
}

.policy{
	font-size: 18px;
}

.copyright{
	font-size: 15px;
}


@media screen and (max-width:768px) {

body {
	font-size: 16px;
	line-height: 1.4;
}

.contents {
	max-width: 92%;
}

.contents02 {
	max-width: 96%;
}

.contents03 {
	max-width: 92%;
}

.img_c{
	width: 100%;
}

.img_e{
	max-width: 90%;
}

.cv_pc{
  display: none;
}

.cv_sp{
  display: block;
}

.ttl_cta{
  max-width: 100%;
  padding-bottom: 4px;
}

.cv_area{
  padding-top: 12px;
  padding-bottom: 15px;
}

.txt_cv_area{
  font-size: 13px;
}

input[type="email"] {
  width: 100%;
  font-size: 19px;
  border: 1px solid #c1c1c1;
  padding: 15px 10px;
}

.btn{
	max-width: 100%;
	padding-top: 4px;
}

.prehd{
	display: none;
}

.prehd_sp{
  display: block;
  width:90%;
  margin: 0 auto;
  padding-top: 5px;
	padding-bottom: 5px;
}

.hd{
	display: none;
}

.hd_sp{
  display: block;
	width: 100%;
  padding-top: 10px;
}

.section01{
	padding-bottom: 23px;
}

.ttl_01{
	background: none;
  padding-bottom: 12px;
}

.bg_gokui{
  width:92%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.gokui{
  width:90%;
  margin: 0 auto;
}

.ttl_02{
	background: none;
  padding-bottom: 8px;
}

.bg_arrow{
  padding-top: 13px;
  padding-bottom: 7px;
}

.arrow{
  width:45%;
  margin: 0 auto;
}

.trouble{
  max-width: 100%;
}

.section03{
	padding-bottom: 23px;
}

.ttl_03{
  background: none;
  padding-bottom: 12px;
}

.bg_merit{
  width:92%;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.merit{
  width:90%;
  margin: 0 auto;
}

.section04{
	padding-bottom: 30px;
}

.ttl_04{
	background: none;
  padding-bottom: 10px;
}

.section04_h3{
	font-size: 21px;
	line-height: 1.3;
	padding-top: 14px;
	padding-bottom: 8px;
	letter-spacing: -1px;
}

.section04_h4{
	max-width: 100%;
	padding-bottom: 5px;
}

.section05{
	padding-bottom: 25px;
}

.ttl_05{
	background: none;
	padding-bottom: 10px;
}

.bullet{
  padding-top: 7px;
}

.after_bullet{
  margin-top: 20px;
  padding-top: 20px;
}

.section06{
	padding-bottom: 25px;
}

.ttl_06{
	background: none;
  padding-bottom: 10px;
}

.section06 h3{
	margin-top: 30px;
}

.misunderstanding{
  width:80%;
  padding-top: 18px;
  padding-bottom: 15px;
}

.ttl_07{
	background: none;
}

.section07 h3{
  padding-top: 15px;
}

.voice{
  width:40%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.voice_l{
  width:80%;
  padding-top: 15px;
  padding-bottom: 15px;
}

.voice_br{
  display: none;
}

.content_voice{
  padding-bottom: 20px;
}

.section08{
  padding-bottom: 25px;
}

.ttl_08{
	background: none;
  padding-bottom: 10px;
}

.section08 h3{
  background: none;
  margin-top: 15px;
}

.mail{
  width:80%;
  padding-top: 18px;
  padding-bottom: 13px;
}

.section09{
  padding-bottom: 25px;
}

.ttl_09{
	background: none;
}

.profile{
  width:85%;
  padding-top: 10px;
  padding-bottom: 15px;
}

.jisseki{
  padding-top: 20px;
  padding-bottom: 10px;
}

.newspaper{
  width:90%;
  padding-bottom: 20px;
}

.section10{
  padding-bottom: 15px;
}

.ttl_10{
	background: none;
}

.section10 h3{
  padding-top: 14px;
  padding-bottom: 15px;
}

.postscript {
  padding-bottom: 20px;
}

.sign{
	width:100%;
  padding-top: 25px;
  padding-left: 0px;
}

footer {
	padding: 15px 0px 15px;
}

.policy{
	font-size: 16px;
}

.copyright{
	font-size: 12px;
}

}

@media screen and (max-width:640px) {

.contents05 {
	max-width: 92%;
}

.contents06 {
	max-width: 95%;
}

.pc_firstview_btn {
  max-width: 100%;
}

}

.img_vibration {
	animation: img_vibration 1s infinite;
}
@keyframes img_vibration {
	0% {
		transform: translate(0px, 0px)
	}
	10% {
		transform: translate(0px, 2px) rotateZ(1deg)
	}
	20% {
		transform: translate(0px, 0px)
	}
	30% {
		transform: translate(0px, 2px) rotateZ(1deg)
	}
	40% {
		transform: translate(0px, 0px)
	}
}