@charset "utf-8";
@import url("/jutaku/common/css/rn03/fonts2.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;700&display=swap');
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */
#container {
	margin-top: 0;
	padding-bottom: 0;
	min-width:950px;
	color:#333;
}
.fnFade:hover {
	opacity: .6;
}
.box{
	display:flex;
	justify-content: space-between;
}
.box_item{
	width:48%;
	margin-bottom:10px;
}
/* -------------------------------------------------------------------------------
MV
------------------------------------------------------------------------------- */
.mtVisual01{
	background-image: url(../images/mv_bg01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mtVisual01_in{
	position: relative;
	max-width:950px;
	margin:0 auto;
	height:570px;
}
.mtVisual01_txt{
	position: absolute;
	bottom:20px;
	left:20px;
	font-size:32px;
	color:#fff;
	font-family:'Noto Serif JP', serif;	
	text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
}
.mtVisual01_txt span{
	font-size:86%;
}
/* -------------------------------------------------------------------------------
lead
------------------------------------------------------------------------------- */
.fLead01{
	padding:50px 20px;
	text-align:center;
}
.fLead01_tit{
	font-size: 236%;
	margin-bottom:30px
}
.fLead01_tit span{
	font-size:45px;
	font-family:'Noto Serif JP', serif;
	font-weight:bold;
  display: flex;
  justify-content: center;
  align-items: center;	
}
.fLead01_tit span span{
	font-size:75px;
	color:#7DD6F4;
	display:inline-block;
	margin:0 -30px -10px;
	 transform: translateY(-5px);
}
.fLead01_txt{
	text-align:center;
	color:#666;
}
.fLead01_txt span{
	display:inline-block;
	border: 1px solid #333;
	padding:0 5px;
	margin:0 auto 10px;
	font-size:86%;	
}
.fLead01_txt2{
	color:#666;
	font-size:116%;
}
@media screen and (max-width: 980px) {
	.fLead01_tit span{
		font-size:35px;
	}
	.fLead01_tit span span{
	font-size:65px;
}

}
/* -------------------------------------------------------------------------------
sec01
------------------------------------------------------------------------------- */
.sec01{
	padding:50px 0 100px;
	border-top: 1px solid #7DD6F4;
	background-image: url("../images/sec01_bg03.png");
	background-repeat: no-repeat;
	background-size:48%;
	background-position: left 740px;
	overflow: hidden;
}

@media screen and (max-width: 1100px) {
	.sec01{background-position: left 750px;}
}
@media screen and (max-width: 1050px) {
	.sec01{background-position: left 760px;}
}
@media screen and (max-width: 1020px) {
	.sec01{background-position: left 780px;}
}
@media screen and (max-width: 1000px) {
	.sec01{background-position: left 790px;}
}

.sec01_txt{
	text-align:center;
	font-size:146%;
	margin-bottom:50px;
}
.sec01_txt span{
	color:#7DD6F4;
	font-weight:bold;
}
.fBlock01 {
	position: relative;
	margin: 0;
	color: #000;
}
.fBlock01_info {
	width: 48%;
	min-height:400px;
	margin: 0 auto 0 0;
	padding: 50px 90px 50px 70px;
	background-color: #7DD6F4;
	background-image: url("../images/sec01_bg01.png");
	background-size: cover;
	background-position: center center;
	box-sizing: border-box;
	background-blend-mode: multiply;	
}
.fBlock01_in {
	max-width: 400px;
	margin: 0 0 0 auto;
}
.fBlock01_tit {
	position: relative;
	line-height: 1.8;
	margin: 0 0 20px;
	padding: 0 0 17px;
	font-family: 'Noto Serif JP', serif;
	font-size: 209%;
	font-weight: 700;
	letter-spacing: -0.03em;
	color:#fff;
}
.fBlock01_tit::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1000%;
	height: 1px;
	background-color: #fff;
}

.fBlock01_tit span{
	display:inline-block;
	font-size:38px;
	text-indent: -0.6em;
}
.fBlock01_txt {color:#fff;}
.fBlock01_txt span {
	color:#FFF581;
	font-weight:bold;
}
.fBlock01_txt_note{
	margin-top:20px;
	font-size:13px;
	color:#fff;
}
.fBlock01_img {
	max-width: 1000px;
	margin: -100px auto 0;
	text-align: right;
}
.grade6_01{margin-bottom:100px;}
.grade6_01 .fBlock01_img{margin-top: -500px;}
.grade6_02 .fBlock01_img{margin-top: -300px;}
.fBlock01-reverse .fBlock01_info {
	padding: 50px 70px 50px 90px;
	margin: 0 0 0 auto;
	background-image: url("../images/sec01_bg02.png");
}
.fBlock01-reverse{margin-top:260px;}
.fBlock01-reverse .fBlock01_in{margin: 0;}
.fBlock01-reverse .fBlock01_tit::after {left: 5px;}
.fBlock01-reverse .fBlock01_img{text-align: left;}
.fBlock01-reverse .fBlock01_tit span{text-indent: -0.6em;}


@media screen and (max-width: 980px) {
	.fBlock01_tit span{
		font-size:34px;
	}

}

/* -------------------------------------------------------------------------------
sec02
------------------------------------------------------------------------------- */
.sec02{
	padding:60px 20px 120px;
	background:#faf6ed;
	box-sizing: border-box;	
}
.sec02 .secinner{
	max-width:950px;
	margin:0 auto;
	box-sizing: border-box;
}
.sec02 .lead_img{
	text-align:center;
}
.sec02 .lead_img img{
	width:220px;
}
.sec02 .lead_txt{
	font-size:20px;
	text-align:center;
	margin-bottom:20px;
	font-family:'Noto Serif JP', serif;		
}
.sec02 .emp{
	text-align: center;
	margin-bottom:10px;
}
.sec02 .emp span{
	position: relative;
	display: inline-block;
	padding: 0 1em 0 1em;
	margin:0 auto;
	color:#333333;
	font-weight:bold;
	font-size:162%;
	line-height: 1.4;
}
.sec02 .emp span::before,
.sec02 .emp span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 14px;
  height: 27px;
  border-left: 2px solid #333333;
  transform-origin: top;
}
.sec02 .emp span::before {
  left: 0;
  bottom: 0.15em;	
  transform: rotate(-30deg);
  transform-origin: top;
}
.sec02 .emp span::after {
  right: 0;
  transform: rotate(30deg);
  transform-origin: bottom;
}
.sec02 h2.tit{
	text-align:center;
	font-size:236%;
	margin-bottom:30px;
	font-family:'Noto Serif JP', serif;	
}
.sec02 h2.tit img{
	width:280px;
}
.sec02 .bgW{
	background:#fff;
	padding:30px;
	width:100%;
	margin:0 auto 50px;
	box-sizing: border-box;
}
.sec02 .bgW h3.tit2{
	text-align: center;
}
.sec02 .bgW h3.tit2 span{
	font-size:132%;
	text-align:center;
	font-weight:bold;
	margin:30px auto 10px;
	border:1px solid #707070;
	padding:5px 10px;
	display:inline-block;
}


.sec02 .bgW .bgW_txt{
	text-align:center;
}
.sec02 .bgW .bgW_img{
	text-align:center;
	margin:20px 0;
}
.sec02 .bgW .bgW_note{
	font-size:100%;
	margin-left:1em;
	text-indent:-1em;
}
.sec02 .bgW .box{
	margin:0 auto 10px;
}

.sec02 h2.tit2{
	text-align: center;
	display: block;
	margin-bottom:30px;
}
.sec02 h2.tit2 span{
	position: relative;
	display: inline-block;
	padding: 0 0.8em 0 1em;
	margin:0 auto;
	color:#7d7050;
	font-weight:bold;
	font-size:266%;
	line-height: 1.4;
}
.sec02 h2.tit2 span::before,
.sec02 h2.tit2 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 33px;
  border-left: 2px solid #746645;
  transform-origin: top;
}
.sec02 h2.tit2 span::before {
  left: 0;
  bottom: 0.15em;	
  transform: rotate(-30deg);
  transform-origin: top;
}
.sec02 h2.tit2 span::after {
  right: 0;
  transform: rotate(30deg);
  transform-origin: bottom;
}
.sec02 h3.tit{
	background: #E3D8BF;
	padding:8px 10px;
	margin-bottom:20px;
	text-align:center;
	font-size:152%;
	font-weight:bold;
}
.sec02 .sec02_note{
	font-size:100%;
	margin-top:20px;
	margin-left:1em;
	text-indent:-1em;	
}
.borderBox{
	border:1px solid #7DD6F4;
	margin:50px auto 0;
}
.borderBox_inner{
	height: calc(100% + 8px);
	width: calc(100% - 8px);	
	border:1px solid #7DD6F4;
	margin:-6px auto;
	padding:30px;
	box-sizing: border-box;
}
.borderBox h2.tit3{
	text-align: center;
	margin-bottom:30px;
}
.borderBox h2.tit3 span{
	position: relative;
	display: inline-block;
	padding: 0 1em 0 1em;
	margin:0 auto;
	color:#7DD6F4;
	font-weight:bold;
	font-size:266%;
	line-height: 1.4;
}
.borderBox h2.tit3 span::before,
.borderBox h2.tit3 span::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 33px;
  border-left: 2px solid #7DD6F4;
  transform-origin: top;
}
.borderBox h2.tit3 span::before {
  left: 0;
  bottom: 0.15em;	
  transform: rotate(-30deg);
  transform-origin: top;
}
.borderBox h2.tit3 span::after {
  right: 0;
  transform: rotate(30deg);
  transform-origin: bottom;
}
.borderBox .box_item{
	width:54%;
}
.borderBox .box_item:nth-child(2){
	width:44%;
}

.diagonal-box {
  position: relative;
  padding:30px 35px;
	margin:60px auto 0;
  width: calc(100% - 20px);
  box-sizing: border-box;
  background:
    linear-gradient(45deg,  transparent 0, #D1EDF7 0),
    linear-gradient(135deg, transparent 40px, #D1EDF7 40px),
    linear-gradient(225deg, transparent 0, #D1EDF7 0),
    linear-gradient(315deg, transparent 40px, #D1EDF7 40px);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}
.diagonal-box::before,
.diagonal-box::after{
	position:absolute;
	content: " ";
	width:100px;
	height:1px;
	background:#008AB3;
}
.diagonal-box::before{
	top: 27px;
	left: -22px;
  transform: rotate(-45deg);	
}
.diagonal-box::after{
	bottom: 27px;
	right: -22px;
	content: " ";
  transform: rotate(-225deg);	
}


.diagonal-box h3{
	text-align:center;
	margin-bottom:10px;
}
.diagonal-box h3 img{
	max-width:405px;
	width:100%;
	height:auto;
} 
/* -------------------------------------------------------------------------------
sec03
------------------------------------------------------------------------------- */
.sec03{
	padding:50px 20px 120px;
	box-sizing: border-box;
}
.sec03 .secinner{
	max-width:950px;
	margin:0 auto;
	box-sizing: border-box;
}
.sec03 h2.tit4{
	font-family:'Noto Serif JP', serif;
	padding:8px 10px;
	margin-bottom:20px;
	text-align:center;
	font-size:284%;
	font-weight:bold;
}
.sec03 .sec03_txt{
	margin-bottom:30px;
	text-align: center;
}
.sec03 h3.tit2{
	position: relative;
	background: #333;
	color:#fff;
	padding:8px 10px;
	margin-bottom:50px;
	text-align:center;
	font-size:152%;
	font-weight:bold;
}
.sec03 h3.tit2 span{
	display:inline-block;
	font-size:14px;
	font-weight: normal;
	position: absolute;
	top:50%;
	right:20px;
	margin-top:-10px;
}
/* -------------------------------------------------------------------------------
sec04
------------------------------------------------------------------------------- */
.sec04{
	margin-bottom:50px;
}