


.mod-pnl-index> .list> li> .label{
    background-color: #006B7E;
}

.mod-media-lyt-lqd{
	max-width:860px;
	margin-left:0;
	margin-right:auto;
}

.mod-media-lyt-lqd .media{
	position:relative;
	margin:0;
}

.mod-media-lyt-lqd .media::before{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	width:0;
	height:0;
	border-top:10px solid transparent;
	border-right:40px solid #8693B9;
	border-bottom:10px solid transparent;
	border-left:none;
	transform:translateY(-10px);
	z-index:-1;
}

.mod-media-lyt-lqd .content{
	display:flex;
	align-items:center;
}

.mod-media-lyt-lqd .content p{
	background-color:#DCDFF1;
	padding:16px;
	border:4px solid #8693B9;
	border-radius:16px;
	flex-grow:1;
	flex-shrink:1;
}

.mod-media-lyt-lqd.of-reverse{
	margin-left:auto;
	margin-right:0;
}

.mod-media-lyt-lqd.of-reverse .content p{
	background-color:#DEE9DD;
	border:4px solid #809985;
}

.mod-media-lyt-lqd.of-reverse .media::before{
	right:auto;
	left:0;
	border-top:10px solid transparent;
	border-right:none;
	border-bottom:10px solid transparent;
	border-left:40px solid #809985;
}

.mod-box .mod-media-lyt-lqd .content p{
	background-color:#F4DDD0;
	border:4px solid #CC9069;
}

.mod-box .mod-media-lyt-lqd .media::before{
	border-right:40px solid #CC9069;
}

.mod-box .mod-media-lyt-lqd.of-reverse .content p{
	background-color:#ffffff;
	border:4px solid #006B7E;
}

.mod-box .mod-media-lyt-lqd.of-reverse .media::before{
	border-right:none;
	border-left:40px solid #006B7E;
}

.str-outer-full .mod-media-lyt-lqd{
    margin-left: auto;
}

.str-outer-full .mod-media-lyt-lqd .content p{
	background-color:#F4EBDC;
	border:4px solid #CDB184;
}

.str-outer-full .mod-media-lyt-lqd .media::before{
	border-right:40px solid #CDB184;
}



.mod-box-05 .box.of-bgcolor-03{
	display:flex;
	border-radius:100%;
	text-align:center;
	justify-content:center;
	align-items:center;
}

.mod-box-05 .box.of-bgcolor-03 .mod-txt{
	padding:6rem 0;
	font-size:2.6rem;
	line-height:1.4;
}

.mod-box-05 .box.of-bgcolor-03 .mod-txt strong:nth-child(1){
	display:inline-block;
	margin-bottom:10px;
	padding:.4em .8em .3em;
	border-radius:2em;
	font-size:3rem;
	line-height:1;
}

.step{
	display:flex;
	background-color:#006B7E;
	margin-right:2rem;
	padding:.8em .8em .4em;
	border-radius:100%;
	color:#ffffff;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	line-height:1;
}

.step > span{
	font-weight:normal;
}

.step > strong{
	font-size:5rem;
}

.title-mark{
	display:inline-block;
	background-color:#006B7E;
	margin-right:2rem;
	padding:.4em 1.8em .2em;
	border-radius:.6em;
	color:#ffffff;
	line-height:1;
}

.title-mark::before{
    content: "";
    position: relative;
    top: -.1em;
    display: inline-block;
    background: url(../images/index_icn_book.png) center center no-repeat;
    background-size: contain;
    margin-right: .2em;
    padding-top:1em;
    padding-left:1.5em;
    vertical-align: middle;
    line-height: 1;
}

.title-mark > span{
	font-weight:normal;
}

.box-title{
    display: block;
    background-color: #D8E9F0;
    padding: .6em 16px .4em;
    border-radius: 8px;
}

.box-title strong{
    display: block;
    padding-top: .4em;
    border-top: 1px dashed #006B7E;
}

.mod-box .mod-media-lyt-lqd .box-title{
    position: relative;
    background-color: #CC9069;
    margin: -16px -16px 16px;
    border-radius: 0;
    color: #ffffff;
}

.char{
    display: flex;
    align-items: center;
    line-height: 1.2;
}


.mod-box-05> .inner> .col> .box:not([class*="of-bgcolor"]){
	display:flex;
	flex-direction:column;
	box-shadow:2px 2px 8px 0 rgba(0,0,0,.1);
}

.mod-box-05> .inner> .col> .box> *{
	flex-shrink:1;
}

.mod-box-05> .inner> .col> .box> .mod-btn:last-child{
	display:flex;
	align-items:flex-end;
	flex-grow:1;
}

.mod-box-05> .inner> .col> .box> .mod-btn:last-child .btn{
	overflow:hidden;
	border-radius:2em;
}

.mod-box-05> .inner> .col> .box.of-bgcolor-02,
.mod-box-05> .inner> .col> .box.of-bgcolor-04,
.mod-box-05> .inner> .col> .box.of-bgcolor-06{
	justify-content:space-around;
}


.inline{
	display:inline-block;
	max-width:80px;
	margin-bottom:1em;
	margin-right:1em;
	vertical-align:middle;
}


.mod-box-05> .inner> .col> .box.of-bgcolor-01{
	padding-top:12px;
	padding-bottom:12px;
	border-radius:16px;
}

.box.of-bgcolor-01 .mod-txt{
	margin-bottom:0;
}


.of-bgcolor-03> [class^="str-outer"]{
	background:linear-gradient(#d7e8f0, #ffffff);
}



#fancybox-wrap.fancybox-video{
	position:fixed;
	top:50vh !important;
	overflow:hidden auto;
	max-height:80vh;
	width:90vw !important;
	max-width:1200px;
	transform:translateY(-50%);
}


#fancybox-wrap.fancybox-video #fancybox-outer{
}

#fancybox-wrap.fancybox-video header,
#fancybox-wrap.fancybox-video footer{
	display:none;
}

#fancybox-wrap.fancybox-video .mod-pnl-02> .inner{
	align-items:center;
}

#fancybox-wrap.fancybox-video .mod-pnl-02> .inner> *:first-child{
	position:relative;
}

#fancybox-wrap.fancybox-video .mod-pnl-02> .inner> *:first-child::after{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;

	width:0;
	height:0;
	border-top:40px solid #002b62;
	border-right:100px solid transparent;
	border-bottom:none;
	border-left:100px solid transparent;
	transform:translateX(-100px);
	z-index:-1;
}


.lineup table{
	border-collapse:separate;
	border-spacing:4px;
}

.lineup table td,
.lineup table th{
	border:none;
	text-align:center;
}

.lineup thead th{
	position:relative;
	background:none;
	padding:4px 4px 36px;
	vertical-align:top;
}

.lineup tbody th{
	background:#d7e8f0;
	padding-top:4px;
	padding-bottom:0;
	border-top:20px solid #ffffff;
	color:#006B7E;
	font-weight:bold;
}

.lineup .arrow-down{
	position:relative;
	background:#d7e8f0;
	padding:32px 8px;
	border:4px solid #ffffff;
	border-bottom:32px solid #ffffff;
	border-radius:20px;
}

.lineup .arrow-down::after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	width:0;
	height:0;
	margin-top:8px;
	border-top:20px solid #002b62;
	border-right:40px solid transparent;
	border-bottom:none;
	border-left:40px solid transparent;
	transform:translateX(-50%);
}

.lineup thead th .mod-list{
	margin-bottom:0;
	text-align:left;
}

.lineup thead th .mod-list li{
}

.lineup table img{
	width:100%;
}

.lineup table .of-bgcolor-02{
	background-color:#dbe0f1;
	color:inherit
}

.lineup table .of-bgcolor-06{
	background-color:#f4dccf;
	color:inherit;
}

.lineup table .of-bgcolor-04{
	background-color:#dee9dc;
	color:inherit
}

.bgcolor-02{background-color:#3D5D87;color:#ffffff;}
.bgcolor-06{background-color:#9E4531;color:#ffffff;}
.bgcolor-04{background-color:#205A42;color:#ffffff;}

.color-02{color:#3D5D87;}
.color-03{color:#006B7E;}




@media screen and (min-width: 640px), print{

#fancybox-wrap.fancybox-video .mod-pnl-02> .inner> *:first-child{
	padding-right:40px;
}

#fancybox-wrap.fancybox-video .mod-pnl-02> .inner> *:first-child::after{
	left:auto;
	bottom:auto;
	top:50%;
	right:-20px;
	border-top:100px solid transparent;
	border-right:none;
	border-bottom:100px solid transparent;
	border-left:40px solid #002b62;
	transform:translateY(-100px);
}

}