@charset "utf-8";
* {
	box-sizing: border-box;
}
img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	line-height: 1.5;
	font-size: 1.5rem;
	color: #20110a;
}
body, main, section, h1, h2, h3, p, ul, li, dl, dd, figure {
	margin: 0;
	padding: 0;
}
.headTitleBox {
	margin-bottom: 0;
}
.contentsWrap {
	width: 100%;
}
.oneContents .contentsWrap #main {
	width: 100%;
}
#main {
	font-family: "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", "ＭＳ Ｐゴシック";
	padding: 0;
}
/*==========*/
#footerLink {
	margin-top: 0;
}
/*=====main=====*/
.pcOnly{
	display: none;
}
.main-inner{
  background:linear-gradient(90deg, rgba(18, 70, 99, 1), rgba(73, 119, 152, 1) 50%, rgba(18, 70, 99, 1));
  background-size: 100%;
  padding: 15% 0 12%;
  text-align: center;
}
section:nth-child(n+3){
  margin-top: 9%;
}
.contents01 h2 {
  margin: 0 6% 15%;
}
.contents02 {
  background: url("../images/idx_bg12.webp") no-repeat 0 0 / 100% 100%;
  padding: 25% 8% 40%;
  margin-top: 0;
}
.contents02 h2 {
  margin: 0 12% 6% 16%;
}
.contents02 figure,
.contents03 figure {
  margin:0 6% 9%;
}
.contents03 {
  background: url("../images/idx_bg13.webp") no-repeat 0 0 / 100% 100%;
  padding: 25% 8% 35%;
}
.contents03 h2 {
  margin: 0 4% 8%;
}
.contents04 {
  background: url("../images/idx_bg14.webp") no-repeat 0 0 / 100% 100%;
  padding: 25% 8% 35%;
}
.contents04 h2 {
  margin: 0 -1% 8%;
}
.contents04 figure {
  margin: 0 36% 8%;
}
.linkbtn {
  margin: 8% 7% 0;
}
.btnArea {
  margin: 11% 5% 5%;
}
.btnArea p:nth-of-type(n+2) {
  margin: 3% 5% 0;
}
.attention {
  color: #fff;
  text-align: left;
  font-size: 1.2rem;
  margin: 0 5%;
}
.beans {
  margin: -12% 0;
}

/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
	.pcOnly {
		display: inline-block;
	}
	.spOnly {
		display: none;
	}
  main {
    background-image: linear-gradient(-45deg, #f0f0f0 25%, #f6f6f6 25%, #f6f6f6 50%, #f0f0f0 50%, #f0f0f0 75%, #f6f6f6 75%, #f6f6f6);
    background-size: 15px 15px;
  }
	main h1 {
		text-align: center;
	}
.main-inner{
  font-size: 1.6rem;
  width: 1000px;
  padding: 65px 0 120px;
  margin: 0 auto;
}
section:nth-child(n+3){
  margin-top: 30px;
}
.contents01 h2{
  margin: 0 0 30px;
}
.contents02 {
  background: url("../images/idx_bg12pc.webp") no-repeat center;
  padding: 110px 0 130px;
  margin-top: -80px;
}
.contents02 h2 {
  margin: 0 60px 20px 75px;
}
.contents02 figure,
.contents03 figure {
  width: 320px;
  margin:0 auto 20px;
}
.contents03 {
  background: url("../images/idx_bg12pc.webp") no-repeat center/72%;
  padding: 115px 0 140px;
}
.contents03 h2 {
  margin: 0 60px 20px;
}
.contents04 {
  background: url("../images/idx_bg12pc.webp") no-repeat center;
  padding: 115px 0 140px;
}
.contents04 h2 {
 margin: 0 60px 30px 70px;
}
.contents04 figure {
  width: 100px;
  margin: 0 auto 30px;
}
.linkbtn {
  width: 320px;
  margin: 25px auto 0;
}
.btnArea {
  width: 465px;
  margin: 40px auto 30px;
}
.btnArea p:nth-of-type(n+2) {
  margin: 20px 20px 0;
}
.attention {
  margin: 0 150px;
  font-size: 1.5rem;
  text-align: left;
}
.beans {
  margin: -120px 0;
}
}