@charset "UTF-8";
/* =====================================
	全体・共通パーツ
===================================== */

#contents {
	width: 100%;
	overflow: hidden;
	background: #fff;
	line-height: 1.8;
	font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
}
h2 {
	margin-bottom: 4.27%;
}
#contents .container {
	width: 89%;
	margin: 0 auto;
	font-size: 4.27vw;
	line-height: 1.87;
}
.red {
	color: #bc3a4c;
}
.sns {
	margin-bottom: 15.625%;
	/*margin-bottom: 7.8%;*/
}
hr.bdr_dot {
	height: 0px;
	margin: 0;
	padding: 0;
	border: none;
	border-top: 1px dotted #191919;
}

/* =====================================
	contents
===================================== */

.container p.lead {
	margin-bottom: 40px;
}

#ttl {
	margin: 0 auto 10.9%;	
}
#ttl .num {
	margin-bottom: 1%;
	font-size: 3.9vw;
	font-weight: bold;
	color: #666666;
}
#ttl h2 {
	margin-bottom: 4.7%;
	padding-bottom: 3.9%;
	border-bottom: 1px solid #e4e4e4;
	font-size: 5.28vw;
	font-weight: bold;
	line-height: 1.6;
}
/*
.p01 #ttl h2 {
	font-size: 5.28vw;
}
*/
#ttl p {
	margin-bottom: 20px;
	letter-spacing: -0.05em;
}
section h3 {
    z-index: 1;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	/*height: calc(166/750*100vw);*/
	padding: calc(20/750*100vw) 0  calc(20/750*100vw);
	margin: 0 auto calc(40/750*100vw);
	vertical-align: middle;
	line-height: 1.4;
	font-size: calc(40/750*100vw);
	font-weight: bold;
    color: #fff;
	text-align: center;
	background: #825522;
	border-radius: calc(10/750*100vw);
}
section h4.marker {
    z-index: 1;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	/*height: calc(166/750*100vw);*/
	padding: 0;
	margin: 0 auto calc(40/750*100vw);
	vertical-align: middle;
	line-height: 1.0;
	font-size: calc(38/750*100vw);
	font-weight: bold;
    color: #1e91cc;
	text-align: center;
}
section h4.marker span {
	padding: 0 calc(15/750*100vw);
    background: #fff;
}
section h4.marker:before{
    z-index: -1;
    position: absolute;
    top: calc(12/750*100vw); bottom: 0; left: 0; right: 0;
    content: '';
	height: calc(16/750*100vw);
	background: url(../images/p01/box01_bg.png) center top repeat;
	background-size: 100px auto;
}

section .box01 {
	position: relative;
	margin-bottom: calc(120/750*100vw);
	padding: calc(14/750*100vw);
	background: #fe5e49;
}
section .box01 .inner {
	padding: calc(50/750*100vw) calc(34/750*100vw);
	background: #ffdfdb;
	border: calc(2/750*100vw) solid #fff;
}
section .box01.graf .inner dl {
	margin-bottom: calc(30/750*100vw);
}
section .box01.graf .inner dl:nth-child(3) {
	margin-bottom: 0;
}
section .box01.graf .inner dl dt {
	position: relative;
	margin-bottom: calc(30/750*100vw);
	padding: calc(20/750*100vw) 0;
	text-align: center;
	border-bottom: 1px solid #1a1a1a;
	font-size: calc(38/750*100vw);
	font-weight: bold;
}
section .box01.graf .inner dl dt img {
	position: absolute;
	left: 0;
	top: 0;
}
section .box01.graf .inner dl:nth-child(1) dt img {
	left: calc(128/750*100vw);
	top: calc(33/750*100vw);
	width: calc(68/750*100vw);
}
section .box01.graf .inner dl:nth-child(2) dt img {
	left: calc(134/750*100vw);
	top: calc(20/750*100vw);
	width: calc(52/750*100vw);
}
section .box01.graf .inner dl:nth-child(3) dt img {
	left: calc(130/750*100vw);
	top: calc(20/750*100vw);
	width: calc(60/750*100vw);

}


section .box01 h4 {
	margin-bottom: calc(25/750*100vw);
	padding: 0;
	color: #1a1a1a;
	font-size: calc(38/750*100vw);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
section .box01 h4 span {
	z-index: 1;
	position: relative;
	display: inline-block;
	padding: 0 calc(15/750*100vw) 0;
}
section .box01 h4 span:after{
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	content: " ";
	width: 100%;
	height: calc(20/750*100vw);
	background: #fff;
}


section .box02 {
	position: relative;
	margin-bottom: calc(110/750*100vw);
	padding: calc(65/750*100vw) calc(40/750*100vw);
	background:
		url(../images/p01/box02_head.png) left top no-repeat,
		url(../images/p01/box02_foot.png) left bottom no-repeat
	;
	background-size: 100% auto;
	
}
section .box02 h4 {
	position: absolute;
	left: 0;
	top: calc(-25/750*100vw);
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
}
section .box02 h4 span {
	display: inline-block;
	padding: 0 calc(18/750*100vw);
	background: #fff;
	line-height: 1.0;
	color: #fe5e49;
	font-size: calc(38/750*100vw);
	font-weight: bold;
}

section .box02 h5 {
	margin-bottom: calc(30/750*100vw);
	font-size: calc(38/750*100vw);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
section .box02 h5 span {
	z-index: 1;
	position: relative;
	display: inline-block;
	padding: 0 calc(15/750*100vw) 0;
}
section .box02 h5 span::after {
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	content: " ";
	width: 100%;
	height: calc(20/750*100vw);
	background: #ffdfdb;
}
section .box02 hr {
	height: 0px;
	margin: calc(45/750*100vw) 0;
	padding: 0;
	border: none;
	border-top: calc(2/750*100vw) dotted #fe5e49;
}

section .img {
	margin-bottom: calc(20/750*100vw);
}
section .img01 {
	margin: 0 auto calc(20/750*100vw);
}
section .img02 {
	margin: 0 auto calc(20/750*100vw);
}

.txtbox {
	width: calc(638/750*100vw);
	margin-bottom: calc(80/750*100vw);
	
}
.txt01 {
	margin-bottom: calc(120/750*100vw);
}
.txt02 {
	/*margin-bottom: 12.5%;*/
	margin-bottom: calc(40/750*100vw);
}

div.txt {
	margin-bottom: 16%;
	
}

hr.bdr01 {
	height: 0;
	margin: 0;
	border: none;
	border-top: 2px solid #1a1a1a;
	
}
section hr.hr_head {
	width: 100%;
	height: calc(60/750*100vw);
	margin: 0 0 calc(30/750*100vw) 0;
	padding: 0;
	border: calc(6/750*100vw) solid #1a1a1a;
	border-bottom: none;
	border-radius: calc(30/750*100vw) calc(30/750*100vw) 0 0;
	
}
section hr.hr_foot {
	width: 100%;
	height: calc(60/750*100vw);
	margin: calc(30/750*100vw) 0 calc(80/750*100vw) 0;
	padding: 0;
	border: calc(6/750*100vw) solid #1a1a1a;
	border-top: none;
	border-radius: 0 0 calc(30/750*100vw) calc(30/750*100vw);
	
}

.box01 hr {
	height: 0px;
	margin: calc(50/750*100vw) 0 calc(50/750*100vw);
	padding: 0;
	border: none;
	border-top: 2px dotted #9f863a;
}
section .slide {
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
section .slide img {
	width: calc(1202/750*100vw)!important;
	height: auto
}

p.note {
	margin: calc(20/750*100vw) 0 calc(70/750*100vw);
	font-size: calc(26/750*100vw);
}

.yellow {
	background: #f5e849;
	font-weight: bold;	
}
section .column_box {
	box-sizing: border-box;
	position: relative;
	margin-bottom: calc(100/750*100vw);
	padding: calc(65/750*100vw) calc(45/750*100vw) calc(65/750*100vw);
	background: #fbf0c4;
	text-align: center;
}
section .column_box h4 {
	display: inline-block;
	margin-bottom: calc(35/750*100vw);
	font-size: calc(38/750*100vw);
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
	/*border-bottom: 1px solid #1a1a1a;*/
	/*text-shadow: 1px 1px 0px #ffffff;*/
}
section .column_box h4 span {
	display: inline-block;
	padding: 0 calc(5/750*100vw) 0;
	border-bottom: calc(8/750*100vw) double #1a1a1a;
}
section .column_box p {
	z-index: 2;
	position: relative;
	text-align: left;
}
section .column_box .ttl_colmun {
	width: 100px;
	margin: -12px auto 45px;
}
section .column_box .tr {
	position: absolute;
	right: calc(-10/750*100vw);
	top: calc(-10/750*100vw);
	width: calc(68/750*100vw);
	height: auto;
}
section .column_box .bl {
	position: absolute;
	left: calc(-10/750*100vw);
	bottom: calc(-10/750*100vw);
	width: calc(68/750*100vw);
	height: auto;
}
section .column_box .bg {
	z-index: 1;
	position: absolute;
	left: calc(34/750*100vw);
	top: calc(28/750*100vw);
	width: calc(68/750*100vw);
	height: auto;
}


/* =====================================
	pager
===================================== */
#conclusion {
	margin: 0 auto 9.375%;
	padding: calc(50/750*100vw) 0 7.8%;
	border-top: 1px solid #e4e4e4;	
	border-bottom: 1px solid #e4e4e4;	
}
#conclusion p {
	margin-bottom: 14%;
}
#conclusion .sns{
	margin-bottom: 0;
}
#connection {
	margin-bottom: calc(60/750*100vw);
	font-size: calc(28/750*100vw);
}
#connection h3 {
	margin-bottom: calc(15/750*100vw);
	padding-left: calc(38/750*100vw);
	background: url(../images/p01/icon_connection.png) left center no-repeat;
	background-size: calc(28/750*100vw) auto;
	line-height: calc(35/750*100vw);
	font-weight: bold;
}
#connection ul {
	background: #f0eeeb;
	padding: calc(30/750*100vw);
}
#connection ul li {
	margin-bottom: calc(20/750*100vw);
	line-height: 1.8;
}
#connection ul li:last-child {
	margin-bottom: 0;
}
#connection ul li a {
	text-decoration: underline;
}

#pager {
	width: 100%;
	margin-bottom: 25px;
}
#pager li{
	float: left;
	display: block;	
	width: 8.4%;
	margin-right: 3%;
}
#pager li.prev{
	width: 37%;
}
#pager li.next{
	float: right;
	width: 37%;
	margin-right: 0;
}

.bnr_a02 {
	margin-bottom: 9.375%;
}
.bnr_a02 a {
	display: block;
	background: #e5e5e5;
}
.bnr_a02 .txt {
	padding: 3.9% 3.125%;
}
.bnr_a02 p.ttl {
	margin-bottom: 2%;
	font-size: 4.44vw;
	font-weight: bold;
	line-height: 1.6;
}
.bnr_a02 p.vol {
	font-size: 3.3vw;
}


.btn_to_list {
	margin-bottom: 9.375%;
	text-align: center;
}
.btn_to_list a {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 12vw;
	padding-top: 4.2%;
	text-align: center;
	background: #000;
	line-height: 1.0;
	font-size: 4.27vw;
	font-weight: bold;
	color: #fff;
}

.fs26 {
	font-size: 3.6vw;
	
}
.mb70p {
	margin-bottom: 10.9%!important;
}