@charset "UTF-8";


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html {
	scroll-behavior: smooth;
}

body {
	line-height: 1;
	font-weight: 300;
	border:none!important;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.brpc { display:block;}
.brsp { display:none;}

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

.brpc { display:none;}
.brsp { display:block;}
}

/* 
---------------------------------------------------------- */
html {
	overflow: auto;
}

body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-weight: nomal;
	color:#333333;
}

body img {
	vertical-align:bottom;
}

@media screen and (max-width:768px){
	
body {
	min-width:100%;
}
}

@media screen and (max-width:768px){
	.wrap {
		min-width: 100%;
	}
	.wrap img{
		width: 100%;
	}
}

/* Modules
---------------------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
}
.clearfix{
	display:block;
}


.onlySP { display:none;}

@media screen and (max-width:768px){
	.onlyPC { display: none;}
	.onlySP { display: block;}
	.wrap img.onlySP { display: inline-block;}
}


/* common
---------------------------------------------------------*/
a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

a {
	color:#333333;
	text-decoration:none;
}


/* header
---------------------------------------------------------- */

header {
 	 font-family: "Shippori Mincho", serif;
  	font-style: normal;
	width: 100%;
	min-width:1200px;
	font-size: 18px;
	font-weight: 500;
	height: 100px;
	background: #ffffff;
	box-sizing: border-box;
	padding: 24px 0 0;
	position: fixed;
	z-index: 5000;
	
}

header .inner {
	display: flex;
	width: 1064px;
	margin: 0 auto;
	
}
header h1 {
	width: 155px;
	height: 51px;
	padding-right: 36px;
}
header h1 img { width: 100%;}
header ul.pc_nav {
	display: flex;
	align-items: center;
}
header ul.pc_nav li {
	padding: 0 18px;
}

header nav.menu {
	display: none;
}

@media screen and (max-width:768px){
	header {
		font-family: "Shippori Mincho", serif;
		font-style: normal;
		width: 100%;
		min-width:auto;
		font-size: 18px;
		font-weight: 500;
		height: 45px;
		background: #ffffff;
		box-sizing: border-box;
		padding: 10px 0 0;
		position: fixed;
		z-index: 5000;
	}
	
	

	header .inner {
		display: block;
		width: 94%;
		margin: 0 auto;

	}
	header h1 {
		width: 73px;
		height: auto;
		padding-right: 0;
	}
	
	
	header ul.pc_nav {
		display: none;
	}
	
	header nav.menu {
		display: block;
	}
	
	
	.menu {
	  position: fixed;
	  top: 0;
	  right: -100%; /* 初期状態では画面の外に隠れている */
	  width: 73.3%;
	  height: 100%;
	  background-color: #23394e;
	  color: #333;
	  transition: right 0.3s ease; /* スライドインのアニメーション */
	  padding: 0;
	  box-sizing: border-box;
	  z-index: 10;
	}

	/* メニューが開いているとき */
	.menu.open {
	  right: 0;
	}
	
	

	/* ボタンのスタイル */
	.hamburger {
	  position: fixed;
	  top: 8px;
	  right: 20px;
	  width: 30px;
	  cursor: pointer;
	  z-index: 10000;
	}

	.hamburger span {
	  display: block;
	  height: 2px;
	  width: 100%;
	  background-color: #000;
	  margin: 6px 0;
	  transition: 0.4s;
	}
	
	.hamburger.active {
	}

	/* バツ印に変化するスタイル */
	.hamburger.active span:nth-child(1) {
	  transform: rotate(45deg) translate(5px, 5px);
	background-color: #fff;
	}

	.hamburger.active span:nth-child(2) {
	  opacity: 0;
	}

	.hamburger.active span:nth-child(3) {
	  transform: rotate(-45deg) translate(6px, -6px);
	background-color: #fff;
	}

	/* メニューリストのスタイル */
	.menu ul {
	  list-style-type: none;
	  padding: 0;
	width: 69.8%;
	margin: 78px auto 0;
	}

	.menu li {
	  padding: 0 0 28px;
	}
	.menu.open ul li img{
		width: 100%;
		
	}

	.menu li a {
	  color: #333;
	  text-decoration: none;
	  display: block;
	}
}



/* mv
---------------------------------------------------------- */
.mv {
	width: 100%;
	min-width: 1200px;
	padding: 100px 0 0;
}
.mv img {
	width: 100%;
}

@media screen and (max-width:768px){
	.mv {
		width: 100%;
		min-width: auto;
		padding: 45px 0 0;
	}
	.mv img {
		width: 100%;
	}
	
}



/* contents
---------------------------------------------------------- */
.wrap {
 	 font-family: "Shippori Mincho", serif;
  	font-weight: 400;
  	font-style: normal;
	min-width:1200px;
}

@media screen and (max-width:768px){
	
	
	.wrap {
		background:none;
		min-width: 100%;
		min-width:auto;
	}
	
	.wrap img {
		width: 100%;
	}
}


.sec1 {
	background: url("../img/top/pc/sec1_bg.png") no-repeat center top;
	padding: 105px 0 0;
	margin-bottom: 150px;
}

.sec1 .inner {
	width: 938px;
	margin: 0 auto;
}

.sec1 .inner h2 {
	padding-left: 58px;
	margin-bottom: 30px;
}

.sec1 .inner .text_area {
	padding: 98px 80px;
	font-size: 18px;
	line-height: 2.0em;
	background:url("../img/top/pc/sec1_boder_top.png") no-repeat center top,url("../img/top/pc/sec1_boder_btm.png") no-repeat center bottom;
}




@media screen and (max-width:768px){
	
	.sec1 {
		background: url("../img/top/sp/sec1_bg.png") no-repeat center top;
		background-size: 100%;
		padding: 70px 0 0;
		margin-bottom: 85px;
	}

	.sec1 .inner {
		width: 87.7%;
		margin: 0 auto;
	}

	.sec1 .inner h2 {
		width: 82%;
		padding-left: 3%;
		margin-bottom: 25px;
	}

	.sec1 .inner .text_area {
		padding: 55px 7.6%;
		font-size: 16px;
		line-height: 2.0em;
		background:url("../img/top/sp/sec1_boder_top.png") no-repeat center top,url("../img/top/sp/sec1_boder_btm.png") no-repeat center bottom;
		background-size: 100%;
	}	

	
}




.img_left {
	width: 1200px;
	margin: 0 auto;
	padding-left: 68px;
	position: relative;
	z-index: 20;
	box-sizing: border-box;
}

.img_left .sec_img {
	width: 1132px;
}
.img_left .sec_img img {
	width: 100%;
}

.img_left .txt_box{
	border-left: 1px solid #000;
	padding:32px 0 120px 53px;
	box-sizing: border-box;
	position: absolute;
	top: -55px;
	left: 581px;
}

.img_left .title_border {
	font-weight: 600;
	position: relative;
	z-index: 20;
}

.img_left .title_border::after {
	position: absolute;
  content: "";
  background-color: #000; 
  width: 308px; /*線の幅*/
  height: 1px; /*線の太さ*/
  bottom: -35px; /*線のタテ位置*/
  left: -100px;  /*線のヨコ位置*/
}

.img_left .title_border p { font-size: 22px; margin-bottom: 20px}
.img_left .title_border h2 { font-size: 47px;}

.img_left .txt {
	padding: 70px 0 32px;
	width: 480px;
	font-size: 18px;
	line-height: 2.1em;
}

.img_left .viewmore {
	width: 282px;
}
.img_left .viewmore img {
	width: 100%;
}



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

	.img_left {
		width: 100%;
		margin: 0 auto;
		padding-left:0;
		position: static;
		z-index: 20;
	}

	.img_left .sec_img {
		width: 100%;
	}
	.img_left .sec_img img {
		width: 100%;
	}

	.img_left .txt_box{
		border-left: 1px solid #000;
		padding:71px 0 36px 6.2%;
		box-sizing: border-box;
		position: relative;
		margin: -82px 5.7% 0 6.2%;
		top:auto;
		left: auto;
	}

	.img_left .title_border {
		font-weight: 600;
		position: relative;
		z-index: 20;
	}

	.img_left .title_border::after {
		position: absolute;
	  content: "";
	  background-color: #000; 
	  width: 46.8%; /*線の幅*/
	  height: 1px; /*線の太さ*/
	  bottom: -28px; /*線のタテ位置*/
	  left: -17%;  /*線のヨコ位置*/
	}

	.img_left .title_border p { font-size: 16px; margin-bottom: 15px}
	.img_left .title_border h2 { font-size: 31px;}

	.img_left .txt {
		padding: 50px 0 40px;
		width: 100%;
		font-size: 15px;
		line-height: 2.0em;
	}

	.img_left .viewmore {
		width: 61%;
	}
	.img_left .viewmore img {
		width: 100%;
	}
	

	
}



.img_right {
	width: 1200px;
	margin: 0 auto;
	padding-right: 68px;
	position: relative;
	z-index: 20;
	box-sizing: border-box;
}

.img_right .sec_img {
	width: 1132px;
}
.img_right .sec_img img {
	width: 100%;
}

.img_right .txt_box{
	border-left: 1px solid #000;
	padding:32px 0 120px 53px;
	box-sizing: border-box;
	position: absolute;
	top: -55px;
	left: 136px;
}

.img_right .title_border {
	font-weight: 600;
	position: relative;
	z-index: 20;
}

.img_right .title_border::after {
	position: absolute;
  content: "";
  background-color: #000; 
  width: 308px; /*線の幅*/
  height: 1px; /*線の太さ*/
  bottom: -35px; /*線のタテ位置*/
  left: -100px;  /*線のヨコ位置*/
}

.img_right .title_border p { font-size: 22px; margin-bottom: 20px}
.img_right .title_border h2 { font-size: 47px;}

.img_right .txt {
	padding: 70px 0 32px;
	width: 480px;
	font-size: 18px;
	line-height: 2.1em;
}

.img_right .viewmore {
	width: 282px;
}
.img_right .viewmore img {
	width: 100%;
}

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

	.img_right {
		width: 100%;
		margin: 0 auto;
		padding-right:0;
		position: static;
		z-index: 20;
	}

	.img_right .sec_img {
		width: 100%;
	}
	.img_right .sec_img img {
		width: 100%;
	}

	.img_right .txt_box{
		border-left: 1px solid #000;
		padding:71px 0 36px 6.2%;
		box-sizing: border-box;
		position: relative;
		margin: -82px 5.7% 0 6.2%;
		top:auto;
		left: auto;
	}

	.img_right .title_border {
		font-weight: 600;
		position: relative;
		z-index: 20;
	}

	.img_right .title_border::after {
		position: absolute;
	  content: "";
	  background-color: #000; 
	  width: 46.8%; /*線の幅*/
	  height: 1px; /*線の太さ*/
	  bottom: -28px; /*線のタテ位置*/
	  left: -17%;  /*線のヨコ位置*/
	}

	.img_right .title_border p { font-size: 16px; margin-bottom: 15px; line-height: 1.5em;}
	.img_right .title_border h2 { font-size: 31px;}

	.img_right .txt {
		padding: 50px 0 40px;
		width: 100%;
		font-size: 15px;
		line-height: 2.0em;
	}

	.img_right .viewmore {
		width: 61%;
	}
	.img_right .viewmore img {
		width: 100%;
	}	
	
}



.sec2 {
	margin-bottom: 215px;
}
.sec3 {
	margin-bottom: 400px;
}
.sec4 {
	margin-bottom: 175px;
}
.sec5 {
	margin-bottom: 175px;
}
.sec6 {
	margin-bottom: 160px;
}

@media screen and (max-width:768px){
		
	.sec2,.sec3,.sec4,.sec5,.sec6 {
		margin-bottom: 75px;
	}

}



/* footer調整 */

p.fnAcTrg {
	font-size: 14px!important;
	line-height: 1.4em!important;
	font-family: sans-serif!important;
}

.fnAcTag ul li {
	font-size: 12px!important;
	line-height: 1.4em!important;
}

@media screen and (max-width:768px){
	.sp_f_link {
		font-size: 12px!important;
		line-height: 1.4em;
	}
	.sp_f_link ul li a {
		text-decoration: underline;
	}
}