@charset "UTF-8";
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	text-align:center;
	width:100%;
	line-height:1.6;
	color: #111;
}
img {max-width:100%;}
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}
::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}
* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}
/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,aside,details,figcaption,figure,footer,
header,main,menu,nav,section,summary {
  display: block;
}
small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}
ul {
  list-style:none;
}
a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}
a:hover img {
	opacity:0.8;
}
/*  */
@media only screen and (min-width: 781px),print {
	.only-pc { display: block; margin: 0 auto;}
	.only-exsp { display: none; margin: 0 auto;}
	.only-sp { display: none; margin: 0 auto;}
}
@media only screen and (max-width: 780px),print {
	.only-pc { display: none; margin: 0 auto;}
	.only-exsp { display: block; margin: 0 auto;}
	.only-sp { display: none; margin: 0 auto;}
}
@media only screen and (min-width: 681px),print {
	.only-exsp2 { display: none; margin: 0 auto;}
}
@media only screen and (max-width: 680px),print {
	.only-exsp2 { display: block; margin: 0 auto;}
}
@media only screen and (max-width: 480px),print {
	.only-pc { display: none; margin: 0 auto;}
	.only-exsp { display: block; margin: 0 auto;}
	.only-sp { display: block; margin: 0 auto;}
}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mt0{margin-top:0px !important;}
.mt20{margin-top:20px !important;}
.mt40{margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.pt0{padding-top:0px !important;}
.pt40{padding-top:40px !important;}
.pt60{padding-top:60px !important;}
.pt80{padding-top:80px !important;}
.pb0 {padding-bottom:0px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}

@media only screen and (max-width:480px),print{
	.mt60{margin-top:40px !important;}
	.mb40 {margin-bottom:20px !important;}
	.mb60 {margin-bottom:40px !important;}
	.pt80{padding-top:40px !important;}
}

.bordernone{ border: none !important;}

.fwb {font-weight: bold;}
.fwn {font-weight: normal;}

.tal { text-align: left;}
.tac { text-align: center;}
.tar { text-align: right;}

@media screen and (min-width: 681px) {
	.expc { display: block;}
	.exsp { display: none;}
}
@media screen and (max-width: 680px) {
	.expc { display: none;}
	.exsp { display: block;}
}
/* 文字色 */
.c-green { color:#84C5C4;}
.c-pink { color:#ef9699;}

.ctsArticle {
	margin:0 auto;
	padding: 3em 0 2em;
}
@media screen and (max-width: 480px) {
	.ctsArticle {
		padding: 3em 0;
	}
}
.ctsContainer {
    /*max-width: 1000px;*/
	width: 90%;
    margin: 0 auto;
    box-sizing: border-box;
}
@media only screen and (max-width:780px),print{
	.ctsContainer {
		width: 95%;
	}
}
body::before {
    content: "";
    background: #fff;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}

/*----------------------------------------------------------------------------------------------*/
/* ヘッダー
----------------------------------------------------------------------------------------------*/
header{
	position: fixed;
    width: 100%;
    z-index: 10;
	background: #C9A322;
}
header .container{
	width: 90%;
	padding: 1em 0;
	margin: 0 auto;
	position: relative;
}
@media only screen and (max-width:1279px),print{
	header .container{
		width: 95%;
	}
}

.hSiteNames {
	display: flex;
    justify-content: center;
    align-items: center;
}
@media only screen and (min-width:681px),print{
	.hSiteNames{
		width: 100%;
	}
}

.hSiteNames h1{
	width: 10em;
    height: 2em;
    display: block;
    background-image: url(../img/ordr_logo.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}

@media only screen and (max-width:680px),print{
	.hSiteNames h1 {
	width: 7em;
    height: 1.5em;
	}
}

.hSiteName {
	width: 100px;
    margin-right: 2em;
}
@media only screen and (max-width:480px),print{
	.hSiteName {
		width: 80px;
		margin-right: 1em;
	}
}
.hSiteCopy {
	color: #3e3e3e;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	margin-right: auto;
}
@media only screen and (max-width:680px),print{
	.hSiteCopy {
		font-size: 1.4em;
	}
}
@media only screen and (max-width:480px),print{
	.hSiteCopy {
		font-size: 1.2em;
	}
}
.hSiteBtn {margin-left: auto;}
.hSiteBtn a {
	color: #fff;
	border: 2px solid #fff;
	border-radius: 4px;
    padding: 1.6em 2em 1.4em;
}
@media only screen and (max-width:480px),print{
	.hSiteBtn a {
		padding: 1.3em 1em 1.2em;
	}
}
.hSiteBtn a span {
	font-size: 1.6em;
    font-weight: bold;
}
@media only screen and (max-width:680px),print{
	.hSiteBtn a span {
		font-size: 1.4em;
	}
}
@media only screen and (max-width:480px),print{
	.hSiteBtn a span {
		font-size: 1.2em;
	}
}
.hNavToggle{display:none;}
a.hNavToggle{display:block;width:50px;height:50px;position:absolute;top:9px;right:4%;z-index:3}
a.hNavToggle span{display:block;background:#111;border-radius: 10px;width:40px;height:3px;position:absolute;left:50%;margin-left:-12px;transition:all 0.4s;-webkit-transition:all 0.4s;-moz-transition:all 0.4s}
a.hNavToggle span:first-child{margin-top:-12px;top:50%}
a.hNavToggle span:nth-child(2){margin-top:-1px;top:50%}
a.hNavToggle span:last-child{margin-top:10px;top:50%}
a.hNavToggle.active span:first-child{-webkit-transform:translateY(12px) rotate(45deg);-moz-transform:translateY(12px) rotate(45deg);-ms-transform:translateY(12px) rotate(45deg);transform:translateY(12px) rotate(45deg)}
a.hNavToggle.active span:nth-child(2){opacity:0}
a.hNavToggle.active span:last-child{-webkit-transform:translateY(-10px) rotate(-45deg);-moz-transform:translateY(-10px) rotate(-45deg);-ms-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}

.globalNav{
	font-size: 14px;
	background: #fff;
}
@media screen and (min-width: 681px) {
	.globalNav{
		width: 78%;
		display: inline-block;
		vertical-align: middle;
	}
}
@media screen and (max-width: 680px) {
	.globalNav {
		display:none;
		position: absolute;
		top: 68px;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 0px;
		border-top: 1px solid #EBEBEB;
		border-bottom: none;
		margin-top: 0;
		z-index: 10;
		height: 100vh;
	}
}
.globalNav .navMenu {
	margin: 0 auto;
	background: #fff;
	display: block;
}
@media screen and (min-width: 681px) {
	.globalNav .navMenu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-direction: row;
		width: 100%;
	}
}
@media screen and (max-width: 680px) {
	.globalNav .navMenu {
		padding: 10px 0 30px;
	}
}
.globalNav .navMenu li {
	margin: 0 auto;
}
@media screen and (max-width: 680px) {
	.globalNav .navMenu li {
		width: 100%;
		border-bottom: 1px solid #EBEBEB;
	}
	.globalNav .navMenu li:last-child {
		border-bottom: none;
	}
}
@media screen and (min-width: 681px) {
	.globalNav .navMenu li {
		padding-top: 4px;
	}
}
.globalNav .navMenu li a{
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN';
	display: block;
	text-align: center;
	box-sizing: border-box;
	transition: background-color 0.2s ease;
	color: #000;
}
@media screen and (min-width: 681px) {
	.globalNav .navMenu li a{
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 680px) {
	.globalNav .navMenu li a{
		padding: 20px 0px;
		font-size: 2.6rem;
	}
}
/* ▽下層メニュー */
.globalNav > ul.navMenu > li .secondary {
	display: none;
}
.globalNav > ul.navMenu > li:hover .secondary {
	display: block;
}
.globalNav > ul.navMenu > li .secondary .inner {
	width: auto !important;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	top: 33px;
	left: 0;
	z-index: 100;
	box-sizing: border-box;
	padding: 20px;
	border-radius: 0 0 5px 5px / 0 0 5px 5px;
	background: #fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1), -3px 3px 5px rgba(0,0,0,0.1);
}
.globalNav > ul.navMenu > li .secondary ul {
}
.globalNav > ul.navMenu > li .secondary ul li {
	width: 100%;
}
.globalNav > ul.navMenu > li .secondary ul li {
	height: auto;
	border: none;
}
.globalNav > ul.navMenu > li .secondary ul li a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 5px 15px;
	margin: 0 auto;
	color: #000;
	font-size: 13px;
	line-height: 1.25;
	text-align: left;
	vertical-align: middle;
}
.globalNav > ul.navMenu > li .secondary ul li a:hover {
	text-decoration: underline;
}

@media only screen and (max-width:480px),print{
	.globalNav .navMenu li a{
		font-size: 2.0rem;
	}
}

/* ▼メニュー開閉スイッチ */
#globalheader .gNavTrigger a:hover{
    display: block;
    color: #224154;
}
.menuTrigger01, .menuTrigger01 span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}
.menuTrigger01 {
    position: relative;
    display: block;
    width: 24px;
    height: 16px;
}
.menuTrigger01 span {
    position: absolute;
    right: 0px;
    width: 100%;
    height: 2px;
    background: #b31921;
}
.menuTrigger01.onNav span {
    background: #333;
}
.menuTrigger01 span:nth-child(1) {top: 0;}
.menuTrigger01 span:nth-child(2) {top: 7px;}
.menuTrigger01 span:nth-child(3) {bottom: 0;}
.menuTrigger01.active span:nth-child(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg);
}
.menuTrigger01.active span:nth-child(2) {
    opacity: 0;
}
.menuTrigger01.active span:nth-child(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg);
}

/* ▼オーバーレイ */
.close_overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    z-index: 9;
}
.close_overlay.on {
    display: block;
}

/* メインビジュアル*/
#top {
	padding-top: 5em;
}
@media screen and (max-width: 480px) {
	#top {
		padding-top: 5em;
	}
}

.topMv {
	width: 100vw;
	margin-right: auto;
    margin-left: auto;
    position: relative;

}
@media screen and (max-width: 480px) {
	.topMv {
		width: 100vw;
	margin-right: auto;
    margin-left: auto;
	}
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

/*contents*/
.ContentsInner {width: 95%;margin: 6em auto 0;}
@media screen and (max-width: 480px) {
	.ContentsInner {margin: 4em auto 0;}
}

.box3 {
    padding: 0.5em 1em;
    margin: 4em 1em 2em;
    color: #000;
	border: .5em;
	border-color: #C9A322;
}
.box3 p {
    margin: 0; 
    padding: 0;
}

.scLead {margin-bottom: 6em;}
@media screen and (max-width: 780px) {
	.scLead {margin-bottom: 3em;}
}
.scLead p {
	font-size: 1.7em;
	line-height:1.6;
	text-align: left;
}
@media screen and (min-width: 1280px) {
	.scLead p {
		font-size: 2em;
	}
}
@media screen and (max-width: 480px) {
	.scLead p {
		font-size: 1.7em;
	}
}
.TtlContainer {
	border-bottom: double 5px #C9A322;
    padding: 1em 2em;
}
.secTtlType01 {
	font-size: 3em;
    text-align: left;
}
@media screen and (max-width: 680px) {
	.secTtlType01 {
		font-size: 2.4em;
	}
}
@media screen and (max-width: 480px) {
	.secTtlType01 {
		font-size: 1.8em;
	}
}
.GraphContainer {
	margin-bottom: 4em;
}
.Graph_ttl {
	font-size: 1.8em;
    margin-bottom: 1em;
}
@media screen and (max-width: 480px) {
	.Graph_ttl {
		font-size: 1.4em;
	}
}
.Graph_txt {
	font-size: 1.8em;
    margin-top: 1em;
}
@media screen and (max-width: 480px) {
	.Graph_txt {
		font-size: 1.1em;
	}
}
.GraphContainer img {}
.noteContainer {
	border-top: 2px dotted #ccc;
	padding: 4em 0 2em;
}
.noteContainer_txt {
	font-size: 1.4em;
	text-align: left;
	width: 97%;
    margin: 0 auto 1em;
	padding-left: 1.5em;
    text-indent: -1.5em;
}
@media screen and (max-width: 480px) {
	.noteContainer_txt {
		font-size: 1.2em;
	}
}
.noteContainer_txt .num{
	font-weight: bold;
    padding-right: .5em;
}
.notationInfo {
	padding: 2em 2em;
  border: 1px solid;
}
.notationInfo p {
	font-size: 1.6em;
	text-align: left;
  color: #333;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN';
}
@media screen and (max-width: 480px) {
	.notationInfo p {
		font-size: 1.4em;
	}
}
.notationInfo p em {
	font-size: 1.1em
}
.notationInfo2 {
	background: #f9f9f9;
    padding: 2em 2em;
}
.notationInfo2 p {
	font-size: 1.6em;
	text-align: left;
  color: #333;
	/*font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN';*/
}
@media screen and (max-width: 480px) {
	.notationInfo2 p {
		font-size: 1.4em;
	}
}
.notationInfo2 p em {
	font-size: 1.1em
}
em {
	font-size: 1.2em;
	font-weight: bold;
}
.f-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
    justify-content: center;
	margin: 0 auto;
}
@media screen and (max-width: 780px) {
	.f-container {
		flex-direction: column;
	}
}
.f-container .f-item{margin: 0 auto;}
.f-container.TB4cont {max-width: 1300px;}
@media screen and (max-width: 780px) {
	.item1 {order: 1;}
	.item2 {order: 2;}
	.item3 {order: 3;}
	.item4 {order: 4;}
}
.TB-01 {
	margin: 0 auto;
}
.TB-01 tr {
	border: 1px solid #bbb;
	background: #fff;
}
.TB-01 tr th, .TB-01 tr td {
	font-size: 2.5em;
    padding: .5em 1em;
	vertical-align: middle;
	text-align: start;
	background: #fff;
}
.TB-01 tr th.maker, .TB-01 tr td.maker {
	background: #f9f070;
}
.TB-01 tr th {
	background: #C9A322;
    color: #fff;
}
.TB-01 tr th span {font-size: .8em;}
.TB-01 tr td span {
	width: 100%;
    display: block;
}
.TB-01 tr th:not(last-child), .TB-01 tr td:not(last-child) {
	border-right: 1px solid #bbb;
}
.TB-01.tbnum02 tr.p-txt, .TB-01.tbnum02 tr.p-txt td {
	border: none;
	border-top: 1px solid #bbb;
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum02 tr.p-txt td:nth-child(2), .TB-01.tbnum02 tr.p-txt td:nth-child(3), .TB-01.tbnum02 tr.p-txt td:last-child {
		position: inherit;
		z-index: 0;
	}
}
@media screen and (max-width: 480px) {
	.TBfixed tr.p-txt td:first-child:before, .TBfixed tr.p-txt td:nth-child(2):before, .TBfixed tr.p-txt td:nth-child(2):after {
		border: none;
	}
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum02 tr.p-txt td, .TB-01.tbnum02 tr.p-txt td:last-child span{
		font-size: 1.3em;
	}
}
.TB-01.tbnum02 tr.p-txt td span {
	font-weight: bold;
    font-size: 1.3em !important;
}
@media screen and (max-width: 560px) {
	.TBfixed th:first-child, .TBfixed th:nth-child(2), .TBfixed td:first-child, .TBfixed td:nth-child(2) {
		/* 横スクロール時に固定する */
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
	}
}
@media screen and (max-width: 480px) {
	.TBfixed th:first-child, .TBfixed td:first-child {
		left: 0;
	}
}
@media screen and (max-width: 480px) {
	.TBfixed th:nth-child(2):before, .TBfixed td:first-child:before, .TBfixed td:nth-child(2):before{
		content : "" ;
		position : absolute ;
		top : 0 ;
		left : -1px;
		width : 100% ;
		height : 100% ;
		border-left : 1px solid #bbb ;
	}
}
@media screen and (max-width: 480px) {
	.TBfixed th:nth-child(2):after, .TBfixed td:nth-child(2):after{
		content : "" ;
		position : absolute ;
		top : 0 ;
		right : -1px;
		width : 100% ;
		height : 100% ;
		border-right : 1px solid #bbb ;
	}
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum02 .data-attention td:first-child:before {
		content : "" ;
		position : absolute ;
		top : 0 ;
		left : -2px;
		width : 100% ;
		height : 100% ;
		border-left: 4px solid #11b5da;
	}
}
@media screen and (max-width: 480px) {
	.TBfixed th:nth-child(2), .TBfixed td:nth-child(2){
	  left: 62px;
	}
}

.TB-01.tbnum02 {min-width: 500px;}
.TB-01.tbnum02 .data-none {background: #ebebeb;}
.TB-01 .data-attention {
	border: 4px solid #11b5da;
}
@media screen and (min-width: 1430px) {
	.TB-01.tbnum03 .data-attention {
		border: 2px solid #11b5da;
	}
}
.TB-01.tbnum03 .data-attention02 {
	border: 4px solid #ea1477;
}
@media screen and (min-width: 1430px) {
	.TB-01 .data-attention02 {
		border: 2px solid #ea1477;
	}
}
}
.TB-01.tbnum02 tr td:nth-child(2) span , .TB-01.tbnum02 tr td:nth-child(3) span {
	font-weight: bold;
    font-size: 1.3em;
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum02 tr td:nth-child(2) span , .TB-01.tbnum02 tr td:nth-child(3) span {
		font-size: 1.1em;
	}
}
.TB-01.tbnum02 tr th:last-child{
	font-size: 1.2em;
}
.TB-01.tbnum02 tr td:last-child span {
	font-size: .9em;
}
.TB-01.tbnum02 tr:nth-child(8) td {
	background: #ccc;
	color: #fff;
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum02 .data-attention td:first-child {
		border-left: 4px solid #11b5da;
	}
}
@media screen and (max-width: 1430px) {
	.f-container.TB4cont {
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 1430px) {
	.f-container.TB4cont .f-item {
		width: 50%;
	}
}
@media screen and (max-width: 780px) {
	.f-container.TB4cont .f-item {
		width: 100%;
	}
}
@media screen and (max-width: 580px) {
	.f-container.TB4cont .f-item {
		width: 90%;
	}
}
@media screen and (max-width: 480px) {
	.f-container.TB4cont .f-item {
		width: 100%;
	}
}
.TB-01.tbnum03 {margin-bottom: 2em;}
.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.6em;
	}
@media screen and (min-width: 1430px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.0em;
	}
}
@media screen and (max-width: 1080px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.4em;
	}
}
@media screen and (max-width: 980px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 880px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.0em;
	}
}
@media screen and (max-width: 780px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.6em;
	}
}
@media screen and (max-width: 480px) {
	.TB-01.tbnum03 tr th, .TB-01.tbnum03 tr td {
		font-size: 1.1em;
	}
}
.TB-01.tbnum03 tr td:first-child span{
	font-weight: bold;
}
.TB-01.tbnum04 th, .TB-01.tbnum04 td {}
/*@media screen and (max-width: 480px) {
	.TB-01.tbnum04 {width: 100%;}
	.TB-01.tbnum04 th {display: none;}
	.TB-01.tbnum04 tr {
		width: 100%;
	  }
	  .TB-01.tbnum04 td {
		display: block;
		text-align: right;
		width: 100%;
	  }
	  .TB-01.tbnum04 td:first-child {
		background: #39566f;
		color: #fff;
		font-weight: bold;
		text-align: center;
	  }
	  .TB-01.tbnum04 td:before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		margin-right: 10px;
	  }
}*/
@media screen and (max-width: 480px) {
	.TB-01.tbnum04 tr th, .TB-01 tr td {
		font-size: 1.2em;
	}
}
.scroll {
    overflow-x: auto;
  }
  .TB-01.tbnum04 {
    min-width: 640px;
  }

.TB_subttl {
		font-size: 1.6em;
		margin-bottom: .2em;
	}
@media screen and (min-width: 1430px) {
	.TB_subttl {
		font-size: 1.4em;
		margin-bottom: .2em;
	}
}
.maker {
	background: #f9f070;
}
.researchTxt {
	font-size: 1.4em;
  text-align: center;
  margin: .5em auto 0;
}
@media screen and (max-width: 480px) {
	.researchTxt {
		font-size: 1.2em;
	}
}
.arrow_down, .arrow_up {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.arrow_down::before,
.arrow_down::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow_down::before{
    left: -14px;
    bottom: -24px;
    box-sizing: border-box;
    width: 14px;
    height: 10px;
    border: 8px solid transparent;
    border-left: 12px solid #11b5da;
}
.arrow_down::after{
    left: -27px;
    width: 4px;
    height: 5px;
    border-left: 22px solid #11b5da;
}
.arrow_up::before,
.arrow_up::after{
    position: absolute;
    top: 0;
    bottom: -10px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.arrow_up::before{
    left: -14px;
    top: -22px;
    box-sizing: border-box;
    width: 14px;
    height: 10px;
    border: 8px solid transparent;
    border-left: 12px solid #11b5da;
}
.arrow_up::after{
    left: -27px;
    width: 4px;
    height: 5px;
    border-left: 22px solid #11b5da;
}
.arrow_up02 {
    position: relative;
}
.arrow_up02 {
	position: relative;
}
.arrow_up02::before {
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/arrow_pk.png);
    background-size: contain;
    vertical-align: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25px;
}
.ico {}
.ico-crown {position: relative;}
.ico-crown:before {
	content: '';
    display: inline-block;
    width: 18px;
    height: 15px;
    background-image: url(../img/crown.png);
    background-size: contain;
    vertical-align: bottom;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.backnumberContainer {
	margin: 4em auto 0;
}
.backnumberContainer a {
	background-color: #444;
    border-color: #444;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    border: 2px solid transparent;
    font-size: 1.6em;
    line-height: 1.42857;
    border-radius: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 320px;
    display: block;
	margin: 0 auto;
    padding: 16px;
    border-width: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.backnumberContainer a {
	padding: 10px 0;
	width: 100%;
	}
}
.backnumberContainer a span {
	font-size: 1.6em;
}

.prContainer {
	background: #222;
  margin-bottom: 4em;
  padding: 3em 2em;
	border-radius: 6px;
}
.prContainer .ttl {
	font-size: 2em;
  color: #fff;
  font-weight: ;
  margin-bottom: 1em;
}
@media screen and (max-width: 680px) {
	.prContainer .ttl {
		font-size: 1.8em;
	}
}
@media screen and (max-width: 480px) {
	.prContainer .ttl {
		font-size: 1.5em;
	}
}
.prContainer .ttl span{
	color: #D74F4E;
}
.prContainer .f-container.prList .f-item {
	width: 100%;
	color: #fff;
  font-size: 1.6em;
  font-weight: ;
  border: 1px solid #fff;
  padding: 1em .4em;
  border-radius: 6px;
}
.prContainer .f-container.prList .f-item:nth-child(2), .f-container .GraphContainer.f-item:nth-child(2) {
	margin: 0 2em;
}
@media screen and (max-width: 1180px) {
	.prContainer .f-container.prList .f-item:nth-child(2), .f-container .GraphContainer.f-item:nth-child(2) {
		margin: 0 1em;
	}
}
@media screen and (max-width: 780px) {
	.prContainer .f-container.prList .f-item:nth-child(2), .f-container .GraphContainer.f-item:nth-child(2) {
		margin: 1em auto;
	}
}
@media screen and (min-width: 981px) {
	.prContainer .br01 {
		display: none;
	}
}
@media screen and (max-width: 980px) {
	.prContainer .br01 {
		display: block;
	}
}
@media screen and (max-width: 780px) {
	.prContainer .br01 {
		display: none;
	}
}

/*
footer
*/
footer{}
@media screen and (min-width: 871px) {
	footer{
	padding-bottom:0em;
	}
}
.f_nav {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width: 680px) {
	.f_nav {
		display: none;
	}
}
.f_nav ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	width: 60%;
    margin: 0 auto;
}
.f_nav ul li{
	margin: 2em auto;
}
.f_nav ul li a {
	color: #000;
	font-size: 1.4em;
	font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN';
}


 .speaker{
	  font-size: 1.4em !important;
	 padding-top: 1em;
	  padding-left:3em;
	 
	}

dl.speaker{
	display: flex;
	text-align: left;
	padding-left: 1.5em;
}
	
dl.speaker dt{
	min-width: 56px;
}
	
.profile{
	  font-size: 1.2em !important;
	 padding-top: 1em;
	  padding-left:3em;
	}

.speakerp{
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	padding-left: 3em;
	
}


.f_content {
	background: #fafafa;
	padding: 3em 0 1em;
}
@media screen and (max-width: 680px) {
	.f_content {
		background: #fff;
	}
}
@media screen and (min-width: 681px) {
	.f_content .f_content_ttl{
		width: 120px;
	}
}
@media screen and (max-width: 680px) {
	.f_content .f_content_ttl{
		width: 50%;
	}
}
.f_txtContainer {
	background: #ebebeb;
    padding: 1em 2em 7em;
}
.f_txtContainer .ttl{
	font-size: 1.8em;
    border-bottom: 1px solid;
    text-align: left;
    font-weight: bold;
	margin-bottom: 1em;
}
.f_txtContainer dl{
	text-align: left;
    padding: 0 0 1em;
    font-size: 1.4em;
	margin: 0 1em;
}
@media screen and (max-width: 680px) {
	.f_txtContainer dl{
		font-size: 1.2em;
	}
}
@media screen and (max-width: 480px) {
	.f_txtContainer dl{
		font-size: 1.4em;
	}
}
@media screen and (min-width: 481px) {
	.f_txtContainer dl dt, .f_txtContainer dl dd{
		display: inline-block;
		vertical-align: top;
	}
}
@media screen and (min-width: 481px) {
	.f_txtContainer dl dt {
		width: 200px;
	}
}
@media screen and (max-width: 480px) {
	.f_txtContainer dl dt {
		margin-bottom:.5em;
	}
}
.f_txtContainer dl dt img{
	height: 1.3em;
    vertical-align: top;
    margin-left: .2em;
}
.f_flexContainer {
	position: fixed;
    width: 100%;
    z-index: 10;
	bottom: 0;
	background: #fff;
}
.f_flexContainer .container {
	width: 90%;
    padding: 1em 0;
    margin: 0 auto;
}
@media screen and (min-width: 1279px) {
	.f_flexContainer .container {
		width: 95%;
	}
}
@media screen and (max-width: 480px) {
	.f_flexContainer .container {
		padding: 1.5em 0;
	}
}
.fSitenames {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fSiteBtn {margin-right: auto;}
.fSiteBtn a {
	color: #fff;
	background: #3e3e3e;
    padding: 1em 3em;
    display: block;
	border-radius: 4px;
}
@media screen and (max-width: 480px) {
	.fSiteBtn a {
		padding: .8em 3em;
	}
}
.fSiteBtn a span {
	font-size: 1.4em;
	font-weight: bold;
}
@media screen and (max-width: 480px) {
	.fSiteBtn a span {
		font-size: 1.4em;
	}
}
.fSitename {
	width: 150px;
	float:　right;
}
.fSitename img {
	
}

.copyright{
	background:#f4f4e6;
	color:#000;
	text-align:center;
	padding: 1em 0;
}

.copyright small{
	font-size: 1.2rem;
    line-height: 1.4;
	font-family: Marion;
}

.fInqBtn {
    padding: 10px 20px;
    border-radius: 50px;
    box-shadow: inset 0 0 0 1px #474E51;
    transition: 300ms box-shadow cubic-bezier(0.4, 0, 0.6, 1), 300ms background-color cubic-bezier(0.4, 0, 0.6, 1), 300ms color cubic-bezier(0.4, 0, 0.6, 1);;
    color: #474E51;
	text-align: center
}

.fInqBtn:hover {
    box-shadow: inset 0 0 0 2px #db5353;
    color: #db5353;
}


.column {
  display: flex;
  justify-content: space-around;
  margin-top: 40px;
  margin-right: 40px;
  margin-left: 40px;
}
.column-img {
  width: 35%;
}
.column-img img {
  width: 100%;
}
.column-texts {
  box-sizing: border-box;
  padding-right: 30px;
  padding-bottom: 40px;
  padding-left: 30px;
  width: 60%;
}
.column-texts-title {
  margin: 0;
  padding-top: 10px;
　padding-bottom: 40px;
  font-size: 2em;
  text-align:start;
  padding-left: 1em;
  border-bottom: solid 2px #f0e5c1;
}

.column-texts-sbt {
  margin: 0;
  text-align:start;
  font-size:1.8em;
}


.column-texts-p {
  margin: 0;
  text-align:start;
  font-size:1.3em;
  padding-top:1em;
}

@media screen and (max-width: 767px) {
  .column {
    flex-direction: column;
	margin: 0em;
  }
  .column--reserve {
    flex-direction: column-reverse;
  }
  .column-img {
    width: 75%;
	margin:auto;
  }
  .column-texts {
    width: 100%;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 1.8em;
	padding-left:1.8em;
  }
  .column-texts-title {
    font-size: 2em;
  }
	
  .column-texts-sbt {
	padding-top:2em;
    font-size: 1.8em;
  }
	
  .column-texts-p {
    padding-top:1em;
    font-size: 1.3em;
  }
	
 


/*--------------------------------------------------------------
画像保存禁止
--------------------------------------------------------------*/
img {
	pointer-events: none;
	-webkit-touch-callout:none;/*↓スマホ長押し禁止↓*/
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;
}
a img {
	pointer-events: auto; /*リンク有効*/
}
