@charset "UTF-8";

/* ブラウザ設定リセット ######################################## */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
	vertical-align:bottom;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del,ins {
	text-decoration:none;
}
li {
	list-style:none;
	margin:0;
	padding:0;
	line-height:1px;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
.clr {
	clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* body ######################################## */

body {
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#000;
	background:#fff;
	position:relative;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.pc_mode {
    display:none;
}

/* ############################################## */

.header_wrap {
    width: 100%;
    background: #fff;
}
.header_wrap h1 {
    float: left;
    width:49%;
    margin-left: 3%;
	margin-top: 3%;
}
.header_wrap h1 img {
    width:100%;
    height: auto;
}
.header_wrap ul {
    width: 37.6%;
    float: right;
}
.header_wrap li img {
    width:100%;
    height: auto;
}

/* ############################################## */

.main_img_wrap {
    width: 100%;
    padding: 21.5% 0 8% 0;
    background: url(../img/sp_main_img.jpg) no-repeat top center #17345b;
    background-size: cover;
}
.main_img {
    width: 100%;
    margin: 0 auto;
}
.main_img_h2_001 {
    width: 98.1%;
    text-align: center;
    margin: 0 auto 1.5% auto;
}
.main_img_h2_001 img {
    width: 100%;
    height: auto;
}
.main_img h3 {
    width: 59.4%;
    text-align: center;
    margin:0 auto 5% auto;
}
.main_img h3 img {
    width: 100%;
    height: auto;
}
.main_img_h2_002 {
    width: 88%;
    text-align: center;
    margin:0 auto 1.5% auto;
}
.main_img_h2_002 img {
    width: 100%;
    height: auto;
}
.main_img_logo {
    width: 92%;
    background: #fff;
    padding: 5.8% 2.8%;
    margin: 0 auto 15% auto;
    box-sizing: border-box;
}
.main_img_logo li:first-child {
    width: 33.4%;
    float: left;
    text-align: center;
}
.main_img_logo li {
    width: 33.3%;
    float: left;
    text-align: center;
}
.main_img_logo li img {
    width: 94%;
    height: auto;
}
.main_img p {
    width: 86%;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    color: #fff;
    margin: 0 auto;
}
.main_img_img {
    width: 57.6%;
    margin: 0 auto 6.4% auto;
}
.main_img_img img {
    width: 100%;
    height: auto;
}

/* ############################################## */

.cv_area_wrap {
    width: 100%;
    padding:6.5% 0 6.5% 0;
    background: #fff;
}
.cv_area_wrap h3 {
    width: 31%;
    margin: 0 auto 2.6% auto;
}
.cv_area_wrap h3 img {
    width: 100%;
    height: auto;
}
.cv_area {
    width: 86%;
    box-sizing: border-box;
    border: 1px solid #bda54f;
    padding-top: 5%;
    margin: 0 auto;
}
.cv_area ul {
    width: 97.5%;
    margin: 0 auto 6.5% auto;
    position: relative;
}
.cv_area li img {
    width: 100%;
    height: auto;
}
.cv_area_botom {
    width: 100%;
    background: #f6f3e8;
    padding: 6% 0;
    box-sizing: border-box;
}
.cv_area_botom dl {
    width: 85%;
    margin:0 auto 6.5% auto;
}
.cv_area_botom dl:last-child {
    width: 85%;
    margin:0 auto 0% auto;
}
.cv_area_botom dt {
    text-align: center;
    margin-bottom: 3.5%;
}
.cv_area_botom dt img {
    width: 100%;
    height: auto;
}
.cv_area_botom dd {
    width: 81.4%;
    margin: 0 auto;
}
.cv_area_botom dd img {
    width: 100%;
    height: auto;
}
.cv_area_wrap p {
    width: 86%;
    font-size: 12px;
    line-height: 22px;
    padding-top: 4%;
    text-align: left;
    margin: 0 auto;
}

/* ############################################## */

.contents_001_wrap {
    width: 100%;
    background: #f4f4f4;
    padding: 8% 0 0% 0;
}
.contents_001 {
    width: 86%;
    margin: 0 auto;
}
.contents_001 h3 {
    width: 50.3%;
    text-align: center;
    margin:0 auto 6.5% auto;
}
.contents_001 h3 img {
    width: 100%;
    height: auto;
}
.company_title_001 {
    width: 87.4%;
    text-align: center;
    margin:0 auto 6.5% auto;
}
.company_title_001 img {
    width: 100%;
    height: auto;
}
.company_title_002 {
    width: 87.4%;
    text-align: center;
    margin:0 auto 0% auto;
}
.company_title_002 img {
    width: 100%;
    height: auto;
}

.company_title_003 {
    width: 100%;
    height: auto;
}
.company_title_003 img {
    width: 100%;
    height: auto;
}
.contents_company_left,
.contents_company_right {
    width: 100%;
    padding-top: 65.5%;
    margin-bottom: 6.5%;
    position: relative;
}
.contents_company_left div,
.contents_company_right div {
    width: 100%;
    padding: 7% 0;
    background: #fff;
}
.company_logo {
    width: 44.2%;
    text-align: center;
    margin:0 auto 8% auto;
}
.company_logo img {
    width: 100%;
    height: auto;
}
.company_name {
    text-align: center;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 5.5%;
}
.contents_company_left div dd,
.contents_company_right div dd {
    font-size: 15px;
    line-height: 25px;
    padding: 0 8%;
}
.company_bg_001 {
    background: url(../img/sp_contents_001_img_001s.jpg) no-repeat top left;
    background-size: contain;
}
.company_bg_002 {
    background: url(../img/sp_contents_001_img_002.jpg) no-repeat top right;
    background-size: contain;
}
.company_bg_003 {
    background: url(../img/sp_contents_001_img_003.jpg) no-repeat top left;
    background-size: contain;
}
.point_wrap {
    width: 100%;
}
.point_wrap ul {
    padding:0% 0 0% 0;
    margin-bottom: 5%;
}
.point_wrap li {
    width: 100%;    
    box-sizing: border-box;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 10%;
}
.point_wrap li img {
    display: block;
    width: 17.3%;
    height: auto;
    margin: 0 auto 5% auto;
    text-align: center;
}

/* ############################################## */

.contents_002_wrap {
    width: 100%;
    background: #17345b;
    padding: 8% 0 8% 0;
}
.contents_002 {
    width: 86%;
    margin: 0 auto;
}
.contents_002 h3 {
    width: 21.2%;
    text-align: center;
    margin:0 auto 6.5% auto;
}
.contents_002 h3 img {
    width:100%;
    height: auto;
}
.contents_002 h4 {
    width: 100%;
    text-align: center;
    margin:0 auto 6.5% auto;
}
.contents_002 h4 img {
    width:100%;
    height: auto;
}
.contents_002_table {
    width: 100%;
    padding: 6%;
    background: #fff;
    border: 3px solid #bda54f;
    box-sizing: border-box;
}
.contents_002_table th {
    width: 100%;
    display:block; 
    border-bottom: 1px solid rgba(189,165,79,0.30);
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 6%;
}
.contents_002_table th img {
    width: 85.7%;
    height: auto;
}
.contents_002_table td {
    width: 100%;
    display:block;
    text-align: center;
    padding-top: 6%;
}
.contents_002_table td h5 {
    width: 48.2%;
    margin:0 auto 6.5% auto;
}
.contents_002_table td h5 img {
    width:100%;
    height: auto;
}
.contents_002_table td p {
    font-size: 17px;
    line-height: 27px;
    font-weight:bold;
}
.contents_002_table td div {
    font-size: 12px;
    line-height: 18px;
    padding-top:4%;
}
.contents_002_arrow {
    width: 100%;
    text-align: center;
    padding: 4.5% 0;
}
.contents_002_arrow img {
    width: 36.8%;
    height: auto;
}

/* ############################################## */

.contents_003_wrap {
    width: 100%;
    background:url(../img/sp_contents_003_bg.jpg) no-repeat top center #fff;
    background-size: contain;
    padding: 8% 0 3% 0;
}
.contents_003 {
    width: 86%;
    margin: 0 auto;
}
.contents_003_title_001 {
    width: 36.3%;
    text-align: center;
    margin:0 auto 13% auto;
}
.contents_003_title_001 img {
    width:100%;
    height: auto;
}
.contents_003_title_002 {
    width: 86.1%;
    text-align: center;
    margin:0 auto 8% auto;
}
.contents_003_title_002 img {
    width:100%;
    height: auto;
}
.contents_003_001 {
    width: 100%;
    margin-bottom: 8%;
}
.contents_003_001 div {
    text-align: center;
    margin-bottom: 6%;
}
.contents_003_001 div img {
    width: 100%;
    height: auto;
}
.contents_003 h4 {
    width: 100%;
    text-align: center;
    margin:0 auto 6% auto;
}
.contents_003 h4 img {
    width:100%;
    height: auto;
}
.contents_003 dt {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    color: #bda54f;
    margin-bottom: 8%;
    text-align: center;
}
.contents_003 dd {
    font-size: 15px;
    line-height: 25px;
}

/* ############################################## */

.contents_004_wrap {
    width: 100%;
    background:url(../img/sp_contents_004_bg.jpg) no-repeat top center;
    background-size: cover;
    padding: 6% 0 6% 0;
}
.contents_004 {
    width: 86%;
    margin: 0 auto;
}
.contents_004 h3 {
    width: 100%;
    text-align: center;
    margin-bottom: 6%;
}
.contents_004 h3 img {
    width:100%;
    height: auto;
}
.contents_004 ul {
    width: 100%;
    margin: 0 auto 12% auto;
}
.contents_004 li {
    width: 100%;
    margin-bottom: 6%;
}
.contents_004 li:nth-child(3) {
    width: 100%;
    margin-bottom:0%;
}
.contents_004 li img {
    width:100%;
    height: auto;
}
.contents_004 p {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 6%;
}
.contents_004_arrow {
    text-align: center;
}
.contents_004_arrow img {
    width:60.8%;
    height: auto;
}

/* ############################################## */

.contents_005_wrap {
    width: 100%;
    background:#f4f4f4;
    padding: 8% 0 8% 0;
}
.contents_005 {
    width: 100%;
    margin: 0 auto;
}
.contents_005 h3 {
    width: 19.3%;
    text-align: center;
    margin: 0 auto 6% auto;
}
.contents_005 h3 img {
    width:100%;
    height: auto;
}
.contents_005 h4 {
    width: 97%;
    text-align: center;
    margin: 0 auto 6% auto;
}
.contents_005 h4 img {
    width:100%;
    height: auto;
}
.contents_005 div {
    width: 84.3%;
    text-align: center;
    margin:0 auto 6% auto;
}
.contents_005 div img {
    width:100%;
    height: auto;
}
.contents_005 p {
    font-size: 12px;
    line-height: 1;
    text-align: center;
}

/* ############################################## */

.contents_006_wrap {
    width: 100%;
    background:#cdbf90 url(../img/sp_contents_006_bg.jpg) no-repeat top center;
    background-size: contain;
    padding: 8% 0 8% 0;
}
.contents_006 {
    width: 100%;
    margin: 0 auto;
}
.contents_006 h3 {
    width: 29.5%;
    text-align: center;
    margin:0 auto 8% auto;
}
.contents_006 h3 img {
    width:100%;
    height: auto;
}
.contents_006 h4 {
    width: 86%;
    border-top: 1px solid rgba(0,0,0,0.30);
    border-bottom: 1px solid rgba(0,0,0,0.30);
    padding: 5% 0;
    text-align: center;
    margin:0 auto 1.5% auto;
}
.contents_006 h4 img {
    width:75.6%;
    height: auto;
}
.contents_006 h5 {
    width: 46.1%;
    text-align: center;
    margin:0 auto 5.5% auto;
}
.contents_006 h5 img {
    width:100%;
    height: auto;
}
.contents_006_img_001 {
    width: 95.7%;
    margin:0 auto 4.5% auto;
}
.contents_006_img_001 img {
    width:100%;
    height: auto;
}
.contents_006_txt_001 {
    width: 86%;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    margin:0 auto 6.5% auto;
}
.contents_006_txt_002 {
    width: 86%;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    margin:0 auto 6.5% auto;
}
.contents_006 ul {
    width: 86%;
    margin: 0 auto 6.5% auto;
}
.contents_006 ul li:first-child {
    font-size: 19px;
    line-height: 29px;
    font-weight: bold;
    color: #a0090e;
    padding: 5% 0 5% 0;
    border-bottom: 1px dashed rgba(0,0,0,0.30);
    border-top: 1px dashed rgba(0,0,0,0.30);
    text-align: center;
}
.contents_006 li {
    font-size: 19px;
    line-height: 29px;
    font-weight: bold;
    color: #a0090e;
    padding: 5% 0 5% 0;
    border-bottom: 1px dashed rgba(0,0,0,0.30);
    text-align: center;
}
.contents_006_txt_003 {
    width: 89.3%;
    text-align: center;
    margin:0 auto 4.5% auto;
}
.contents_006_txt_003 img {
    width:100%;
    height: auto;
}
.contents_006_arrow {
    width: 53.8%;
    margin: 0 auto;
    text-align: center;
}
.contents_006_arrow img {
    width:100%;
    height: auto;
}

/* ############################################## */

.footer_wrap {
    width: 100%;
    background: #17345b;
    padding: 10% 0;
    text-align: center;
}
.footer_wrap p {
    color: #bda54f;
    font-size: 9px;
    line-height: 1;
}


.company{
	color: #bda54f;
    font-size: 9px;
	margin-bottom: 9px;
}

.company a{
	color: #bda54f;
	text-decoration: none;
}

/* ############################################## */

#scrollUp {
    bottom:30px;
    right: 20px;
	width:12.5%;
    padding-top: 12.5%;
	background:url(../img/sp_pagetop.png) no-repeat top center;
    background-size: contain;
	text-indent:-9876px;
}