@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');

/* common
----------------------------------------------- */
a {
	text-decoration: none;
}

body {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
}

/* common
----------------------------------------------- */

.sp-tal {
	text-align:center;
}

@media (max-width: 767px) {
.sp-tal {
	text-align:left;
}
}

/* header
----------------------------------------------- */
.hdlink-auth {
	display: inline-block;
	font-size: 12px;
}

.hdlink-auth a {
	color: #4d4d4d;
}

.hdlink-auth a:hover {
	opacity: .7;
}

.hdlink-auth i {
	color: #0C5286;
	margin-left: 8px;
}

.hdbtn a {
	background-color: #D83E43;
	border-color: #D83E43;
	border-radius: 6px;
	display: inline-block;
	font-size: 13px;
	padding: 4px 14px;
}

.hdbtn a:before {
	display: none;
}

.navbarToggle {
	background-image: url(../images/common/btn_header_sp02_2.png);
}

.hdimportant {
	display: flex;
	 justify-content: center;
	position: fixed;
	 top: 0;
	 right: 0;
	 bottom: 0;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	z-index: 3;
}

.hdimportant .hdbtn {
	margin: 1px 0;
	width: 90%;
}

.hdimportant .hdbtn a {
	border-radius: 6px 0px 0px 6px;
	display: block;
	font-size: 14px;
	min-height: 98px;
	padding: 32px 11px;
}

.hdimportant .hdbtn.hdbtn--agency a {
	background-color: #0C5286;
	border-color: #0C5286;
}

.hdimportant .hdbtn.hdbtn--agency a:hover {
	background: #fff;
	color: #0C5286;
}

#gnavi ul .parent:hover .gnavichild .gnavichild {
	opacity: 0;
	pointer-events: none;
	top: 0;
	transition: .6s;
	width: 100%;
}

#gnavi ul .parent:hover .gnavichild li:hover a {
	background: #0C5286;
	color: #fff;
}

#gnavi ul .parent:hover .gnavichild li:hover .gnavichild {
	left: 100%;
	opacity: 1;
	pointer-events: visible;
}

#gnavi ul .parent:hover .gnavichild li:hover .gnavichild li a {
	background: #6186A8;
}

#gnavi ul .parent:hover .gnavichild li:hover .gnavichild li a:hover {
	background: #0C5286;
}

.pulldown {
	background: #0C5286;
	padding-bottom: 40px;
}

.pulldown a {
	text-decoration: none;
}

.pulldown a:not([href])::before {
	display: none;
}

.pulldownlist01 li + li {
	border-top-color: #6186A8;
}

.pulldownlist02 .pulldownwide {
	width: 100%;
}

.pulldowntit {
	background: #2C6099;
	border-top: 1px solid #6186A8;
	padding-top: 15px;
	padding-bottom: 15px;
}

.pulldownbox,
.pulldown-agency-btn,
.pulldown-btn {
	padding-right: 40px;
	padding-left: 40px;
}

.pulldownbox,
.pulldown-btn {
	padding-top: 10px;
}

.pulldown-agency-btn {
	border-top-color: #6186A8;
	padding-top: 25px;
}

.pulldown-btn a {
	display: block;
	background-color: #D64C4B;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}


/* footer
----------------------------------------------- */

.footerlink a {
	text-decoration: none;
}

.footerlink .footerbtn01 a {
	background: #D64C4B;
}

.footerlink .linksmall a {
	background-position: 0 4px;
}

@media (max-width: 767px) {
	.pagetopsp a img {
		vertical-align: middle;
	}

	.footerlink .linkbig a {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.footerlink .linkhd {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.footerlink .linksmall a:not([href])::before {
		display: none;
	}

	.footerlink .linksmall li {
		border-left: 1px solid #12609d;
	}

	.footerlink .linksmall .footeritemwide {
		width: 100%;
	}

	.footerlink .linksmall + .linksmall {
		margin-top: 10px;
	}

	.footersublink ul li {
		line-height: 1.2;
		margin-bottom: 10px;
	}
}

@media (min-width: 768px) {
	#footer .inner {
		padding-bottom: 30px;
	}

	.footerlink .footerbtn01 a {
		padding-right: 55px;
		padding-left: 55px;
	}

	.footerlink .footeritemsub {
		padding-left: 18px;
	}

	.footerlink .footeritemsub a {
		background: none;
		position: relative;
	}

	.footerlink .footeritemsub a::before {
		background-color: #fff;
		content: "";
		height: 1px;
		position: absolute;
		 top: 50%;
		 left: 0;
		transform: translateU(-50%);
		width: 8px;
	}

	.footerlink:last-child {
		border-right: 1px #87a9c3 solid;
	}

	.footerlink:first-child:last-child {
		border-right: none;
		border-left: none;
		float: none;
		padding-left: 0;
		width: 100%;
	}

	.footerlink:first-child:last-child .linkbtnbox {
		display: flex;
		padding-left: 0;
	}

	.footerlink:first-child:last-child .linkbtn {
		display: flex;
		margin-bottom: 0;
	}

	.footerlink:first-child:last-child .linkbtn li + li {
		margin-top: 0;
		padding-left: 25px;
	}

	.footerlink:first-child:last-child .footerlogo {
		align-self: center;
		margin-left: auto;
	}

	.footerlinkbox + .footerlinkbox {
		margin-top: 45px;
		margin-bottom: 45px;
	}

	.footerlinkdouble {
		width: 50%;
	}

	.footerlinkdouble .linksmall {
		float: left;
		min-width: 40%;
	}

	.footersublink {
		float: left;
	}

	.copyright {
		float: right;
	}
}


/* top
----------------------------------------------- */
.slideritem:not(.slick-slide):not(:first-child) {
	display: none;
}

.slider {
	background-color: #DBEDF7;
}

.slider .slideritem {
	position: relative;
}

.slider .slideritemgreen {
	background-color: #C8E7D5;
}

.slider .slideritemred {
	background-color: #FFD4E8;
}

.slider .slideritempurple {
	background-color: #E2DCFF;
}

.slider .slideritem img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.slidercaption {
	position: relative;
}

.slidercaption .sliderbtn {
	align-items: center;
	background-color: #fff;
	border: 2px solid #0C5286;
	color: #0C5286;
	display: flex;
	font-weight: 700;
	height: 77px;
	min-width: 343px;
	/* padding: 23px 61px 23px 37px; */
	position: absolute;
	 bottom: 70px;
	 left: 0;
	text-align: center;
	text-decoration: none;
}

.slidercaption .sliderbtngreen {
	border: 2px solid #009245;
	color: #009245;
	min-width: 390px;
}

.slidercaption .sliderbtnred {
	border: 2px solid #ED1E79;
	color: #ED1E79;
}

.slidercaption .sliderbtnpurple {
	border: 2px solid #4D4D93;
	color: #4D4D93;
}

.slidercaption .sliderbtn::before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	 top: 50%;
	 right:15px;
	 transform: translateY(-50%);
}

.slidercaption .sliderbtn img {
	display: inline;
	margin: auto;
}

.slidercaption .sliderbtn:hover {
	background-color: rgba(15, 82, 134, .1);
}

.slider-nav {
	background: #0F5286;
}

.slider-nav .slick-track {
	transform: translate3d(0, 0, 0) !important;
}

.slider-nav .slick-slide.slick-current {
	position: relative;
}

.slider-nav .slick-slide.slick-current::before {
	border-color: transparent;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	content: "";
	height: 0;
	position: absolute;
	 top: 4px;
	 left: 50%;
	transform: translateX(-50%);
	width: 0;
}

.slider-nav .slick-slide.slick-current::before {
	border-color: transparent transparent #fff transparent;
}

.slider-nav .slick-slide.slick-current[data-slick-index="0"] + .slick-slide:last-child {
	position:relative;
}
.slider-nav .slick-slide.slick-current[data-slick-index="0"] + .slick-slide:last-child::before {
	border-color: transparent;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	content: "";
	height: 0;
	position: absolute;
	top: 4px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	border-color: transparent transparent #fff transparent;
}



.slider-nav .slideritem {
	padding: 14px 6px;
}


.topnews {
	background: #fff;
}

.topnewshd {
	color: #0C5286;
}

.topnewshd span,
.topnewshd span a,
.topnewslist .newsdate,
.topnewslist a {
	color: #1A1A1A;
	text-decoration: none;
}

@media (max-width: 767px) {
	.slidercaption {
		box-sizing: border-box;
		position: absolute;
		 bottom: 20px;
		 left: 0;
		width: 100%;
	}

	.slidercaption .sliderbtn {
		border-width: 1px;
		box-sizing: border-box;
		/* display: block; */
		height: 54px;
		min-width: 0;
		/* padding: 14px 22px 14px 44px; */
		position: relative;
		 bottom: 0;
	}

	.slidercaption .sliderbtn img {
		max-height: 24px;
	}

	.slider-nav .slideritem {
		padding: 12px 3px;
		max-width: 25%;
	}

	.slider-nav .slick-slide.slick-current::before {
		border-width: 0 5px 5px 5px;
		top: 7px;
	}

	.toppointimg,
	.topfeature .topfeatimg {
		max-width: 17.333333333vw;
	}
}

@media (min-width: 768px) {
	.slider .slideritem,
	.slider .slidercaption {
		height: 540px;
	}

	.sliderpicture {
		position: absolute;
		 right: 50%;
		transform: translateX(50%);
		min-width: 1600px;
	}
}

.toppointlink a:hover,
.comfreelink a:hover,
#breadcrumb a:hover,
.sceneconttxt a:hover,
.cominfotxtcontact a:hover,
.topsptlistsubttl a:hover
.newslistlink a:hover {
	opacity: .7;
}



/* teaser
----------------------------------------------- */

#teaser.teaser-test {
	letter-spacing: 0;
}
#teaser {
	background-color: #d4efff;
	background-image: url("../images/common/bg_teaser_2.png");
	letter-spacing: .5em;
	text-align: left;
}

#teaser .teaserin {
	display: block;
}

@media (max-width: 767px) {
	#teaser {
		background-image: url("../images/common/bg_teaser_2.png");
		background-size: cover;
	}
}

@media (min-width: 768px) {
	#teaser {
		font-size: 42px;
		padding-top: 75px;
		padding-bottom: 75px;
	}

	#teaser .teaserin {
	}
}




/* cover
----------------------------------------------- */
#wacover {
	text-align: left;
	padding:60px 0;
	font-size:40px;
	font-weight:bold;
	line-height:1.2;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

#wacover .wacoverin {
	display: block;
}

.wacover-wmc {
	background: url(../images/common/bg_wmc.png) center bottom no-repeat #D4F5E2;
	color: #0f5286;

}
.wacover-coc {
	background: url(../images/common/bg_coc.png) center bottom no-repeat #FAE1EF;
	color: #ED1E79;
}
.wacover-brain {
	background: url(../images/common/bg_brain.png) center bottom no-repeat #EBE7FF;
	color: #0C5286;
}



@media (max-width: 767px) {
	#wacover {
	font-size:28px;
	padding:20px;
	}
	#wacover .wacoverin {
		padding:40px 20px;
		display:block;
		background:rgba(255,255,255,0.6);
	}
	.wacover-wmc {
		background-image: url("../images/common/bg_wmc.png");
		background-size: cover;
	}
	.wacover-coc {
		background-image: url("../images/common/bg_coc.png");
		background-size: cover;
	}
	.wacover-coc {
		background-image: url("../images/common/bg_brain.png");
		background-size: cover;
	}	
	.wacover-brain {
		background-image: url("../images/common/bg_brain.png");
		background-size: cover;
		background-position: right -150px center;
	}	
}

@media (min-width: 768px) {
	#wacover {
		font-size: 42px;
		padding-top: 75px;
		padding-bottom: 75px;
	}
}




/* breadcrumb
----------------------------------------------- */
#breadcrumb {
	border-bottom-color: #ccc;
}

#breadcrumb a {
	text-decoration: none;
}

@media (min-width: 768px) {
	#breadcrumb {
		font-size: 16px;
	}
}

/* bg
----------------------------------------------- */

.bgskyblue {
    background: #E0E9F0;
    padding: 80px 0;
}

/* margin
----------------------------------------------- */

.wamb100 {
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	.wamb100 {
		margin-bottom: 100px;
	}
}

/* tab
----------------------------------------------- */

#watab {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	text-align: center;
	margin-bottom: 40px;
	flex-direction :column;
}

#watab li {
	padding-right: 6px;
	padding-left: 6px;
	box-sizing: border-box;
	width: 100%;
}

#watab li a {
	border-radius: 8px;
	display: block;
	font-size: 14px;
	border: 1px solid #0f5286;
	position: relative;
	padding: 15px 0;
	text-align: center;
	background-color: #fff;
	color: #0f5286;
	font-size: 16px;
	margin-bottom: 20px;
}

#watab li a.on,
#watab li a:hover {
	background:#0f5286;
	color:#fff;
}

#watab li a.on:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #0f5286;
  display: none;
}


@media (min-width: 768px) {
	#watab {
		flex-direction: row;
	}
	#watab li {
		width: 25%;
	}
	#watab li a {
		font-size: 18px;
	}	
	#watab li a.on:before {
		display: inline;
	}
}

/* Luminous
----------------------------------------------- */

.lum-lightbox {
  z-index: 999;
}

.lum-lightbox-position-helper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    font-family: 'object-fit: contain;';
}

.lum-lightbox .lum-close-button {
	opacity: 1;
}

.lum-lightbox .lum-close-button:hover {
	opacity: 0.7;
	cursor: pointer;
}


a:hover.luminous {
	opacity: 0.7;
}


/* function
----------------------------------------------- */
.functiontable table {width: 100%; border: 1px #ccc solid; background: #fff;}
.functiontable table tr th {width: 25%; color: #fff; padding: 10px 20px; background: #0F5286; border: 1px #ccc solid; font-size: 16px;}
.functiontable table tr .middle {width: 50%; border-right: none;}
.functiontable table tr .itemwide {width: 14%;}
.functiontable table tr .balloom {width: 50%; border-left: none; height: 300px; position: relative; background: #fff; font-size: 18px;}
.functiontable table tr .balloom::before {content: ""; position: absolute; bottom: 50%; transform: translateY(50%); left: -1px; border-style: solid; border-color: transparent transparent transparent #0C5286; border-width: 13px 0px 13px 17px;}
@media (max-width: 767px){.functiontable table tr .balloom {display: block; width: auto; height: auto; border: 0; padding-top: 20px; font-size: 24px;} .functiontable table tr .balloom::before
{content: ""; top: 0; left: 50%; transform: translateX(-50%); position: absolute; border-style: solid; border-color: #0C5286 transparent transparent transparent; border-width: 17px 11px 0px 11px;}}
.functiontable table tr .choosetitle {width: 50%; border-right: 50%; height: 300px; font-size: 24px;}
@media (max-width: 767px){.functiontable table tr .choosetitle {display: block; width: auto; height: auto; border: 0; font-size: 20px;}}
.functiontable table tr td {padding: 10px 20px; border: 1px #ccc solid; text-align: left; font-size: 14px;}
.functiontable table tr td span{font-weight: normal;}
.functiontable table img {margin-top: 10px;}
.h2 {background: #0C5286; color: #fff; font-size: 28px; font-weight: 700; overflow: hidden; padding: 10px 25px 12px 15px; position: relative;}
.h2::after{background: #fff; content: ""; height: 100%; position: absolute; top: 0; right: 0; transform: rotate(45deg); transform-origin: 100% 100%; width: 100%;}
@media (max-width: 767px){.h2 {font-size: 20px; padding-left: 25px;}}
.h4 {font-size: 28px; color: #0f5286; font-weight: bold; margin-bottom: 20px;}
@media (max-width: 767px){ .h4 {font-size: 20px; color: #0f5286; font-weight: bold; margin-bottom: 10px; display: flex;}}
.licenseblue {border: 2px solid #14A3CD; background: #fff;}
.licenseblue h3 {font-size: 26px; background: #14A3CD;}
.licensegreen {border: 2px solid #2EBB87; background: #fff;}
.licensegreen h3 {font-size: 26px; background: #2EBB87;}
.licenselightgreen {border: 2px solid #2EBB87; background: #fff;}
.licenselightgreen h3 {border-bottom: 2px solid #2EBB87; background: #EDF9F5; color:#2EBB87; text-align: center; font-weight: bold; font-size: 26px; padding: 20px 10px;  margin-bottom: 50px;}
@media (max-width: 767px){.lisensepricegreen h3 {font-size: 20px; padding: 10px; margin-bottom: 30px;}}
.lisensepricegreen {display: flex; justify-content: space-between; background: #EDF9F5; padding: 30px 50px; border-radius: 5px;}
.lisensepricegreen img {align-self: center; height: 194px; width: auto;}
@media (max-width: 767px){.lisensepricegreen {display: block; flex-direction: column; background: #EDF9F5; padding: 15px; border-radius: 5px; text-align: center;} .lisensepricegreen img {align-self: center; width: auto; height: auto;} .lisensepricegreen .pcleft .priceplanitem  {margin-bottom: 20px;} .lisensepricegreen .pcleft .priceplanitem small {display: block; text-align:center;} .lisensepricegreen .pcleft .priceplanitem strong + span:last-child {display: block;}  .pcleft p br {display: inline;}}
.licensecontents {padding: 0 30px 30px;}
@media (max-width: 768px){.licensecontents br {display: none;}}
.licensecontents ul li {padding-left: 20px;}
.licenselistblue li:before {content: ""; width: 10px; height: 10px; border-radius: 5px; background: #14A3CD; display: block; position: relative; top: 1.1em; left: -20px;}
.licenselistgreen li:before {content: ""; width: 10px; height: 10px; border-radius: 5px; background: #2EBB87; display: block; position: relative; top: 1.1em; left: -20px;}
.price {display: flex;}
@media (max-width: 767px){.price {flex-direction: column;}}
.pricetypenote br {display: inline;}
.price .blue {margin-right: 30px;}
@media (max-width: 767px){.price .blue {margin-right: 0px;} .price .priceplanitem strong + span:last-child {display: block;} .price .priceplanitem small {display: block; text-align:center;}}
.price .blue strong {background: #14A3CD; color: #fff;}
.pcleft .green strong {background: #2EBB87; color: #fff; font-size: 14px;}
.pcleft .green b {font-size: 18px;}
.pcleft .green span {font-size: 18px;}
@media (max-width: 767px){.pcleft .green strong {font-size: 18px;} .pcleft .green b {font-size: 16px;} .pcleft .green span {display: inline-block; font-size: 18px; margin-bottom: 10px;}}
.priceupcontents {display: flex;}
.priceupcontents .balloom {position: relative; background: #0C5286;}
.priceupcontents .balloom::before{content: ""; position: absolute; right: 0; bottom: -15px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #0C5286 transparent transparent transparent; border-width: 15px 11px 0 11px;}
@media (max-width: 768px){.priceupcontents .balloom::before{content: ""; position: absolute; right: 0; bottom: -15px; left: 0; width: 0px; height: 0px; margin: auto; border-style: solid; border-color: #0C5286 transparent transparent transparent; border-width: 15px 10px 0 10px;}}
.priceuphd {writing-mode: vertical-rl; -ms-writing-mode:tb-rl; font-size: 26px; font-weight: bold; padding: 30px 20px 0;  width:58px; display:flex; align-items:center;}
@media (max-width: 768px){.priceuphd {writing-mode: vertical-rl; font-size: 20px; padding: 20px 10px 0;}}
.priceupcontents .bgwhite{color: #0C5286; background: #fff; border: 2px solid #0C5286;}
.priceupcontents .bgblue{color: #fff; background: #0C5286; border: 2px solid #0C5286;}
.priceuplist{margin-left: 20px; width:calc(100% - 118px)}
.priceuplist ul li span {font-weight: bold; font-size: 24px; color: #0C5286;}
@media (max-width: 767px){.priceuplist ul li br {display: none;} .priceuplist ul li span br {display: inline;} .priceuplist ul li span {font-size: 16px;}}
.typetab .hds {font-size: 26px; line-height: 1.3;}
.typetab .hds small {font-size: 16px;}
.typetab p {font-size: 16px;}
.typetab .pricetypenote {font-size: 12px;}
.typetab .functiontable table tr th {font-size: 14px;}

.functiontabletitle {
	color: #0C5286;
 	font-size: 20px;
 	font-weight: 700;
 	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.functiontabletitle {
		font-size: 26px;
	}
}


/* licenselightgreen
----------------------------------------------- */
.licenselightgreen .lightgreen b {
	font-size: 25px;
}



/* illust
----------------------------------------------- */

.illust {
	background-color: #fff;
	padding: 70px 10px 10px 10px;
	margin-top: 40px;
	text-align: center;
	position: relative;
}

.illust span {
	background-color: #0f5286;
	padding: 10px 20px;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 16px;

}

.illust-notext {
	background-color: #fff;
	padding: 10px;
	margin-top: 40px;
	text-align: center;
}

.illust-border {
	text-align: center;
	margin-top: 20px;
}
.illust-border img {
	border: 1px solid #ccc;
}


@media (min-width: 768px) {
	.illust {
		padding: 50px 40px 40px 40px;
		margin-top: 80px;
	}
	.illust span {
		font-size: 20px;
	}
	.illust-notext {
		padding: 40px;
		margin-top: 80px;
	}
	.illust-border {
		margin-top: 40px;
	}
}


/* heading
----------------------------------------------- */



.waballoon {
	display: block;
	font-size: 18px;
	position: relative;
	padding: 15px 0;
	text-align: center;
	background-color: #0f5286;
	color: #fff;
	max-width: 800px;
	margin: 40px auto 40px auto;

}

.waballoon::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #0f5286;
}


.waround {
	position: relative;
	margin-left: 30px;
}
.waround::before {
	content: "●";
	left: -30px;
	position: absolute;
	color: #0f5286;
	font-size: 16px;
	line-height: 2;

}

@media (min-width: 768px) {
	.waballoon {
		font-size: 26px;
	}
	.waround {
		margin-left: 50px;
	}
	.waround::before {
		font-size: 21px;
	}
}

/* anchor
----------------------------------------------- */

.anchorlink {
	display: block;
	padding-top: 0;
	margin-top: 0;
}
@media (min-width: 768px) {
	.anchorlink {
		padding-top: 69px;
		margin-top: -69px;
	}	
}

/* button
----------------------------------------------- */


.contentslink a {
    display: inline-block;
    font-size: 16px;
    color: #0f5286;
    font-weight: bold;
    background: #fff;
    border: 2px #0f5286 solid;
    text-align: center;
    padding: 15px 20px;	
    position: relative;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.contentslink a small {
	font-weight: normal;
	font-size: 0.7em;
}
.contentslink a:before {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	top: 50%;
	top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contentslink a:hover {
	background:#0f5286;
	color:#fff !important;
}

@media (min-width: 768px) { 
	.contentslink a {
		font-size: 20px;
		padding: 15px 80px 15px 60px;
	}
}

/* number
----------------------------------------------- */


.waflow {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}

.wanumber {
	display: flex;
	align-items: baseline;
}

.wanumber-waku {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column; 
  vertical-align: top;
  background-color: #0f5286;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}

.wanumber-p small {
	font-weight: normal;
	font-size: 14px;
}

.wanumber-text {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  font-size: 18px;
  padding-bottom: 5px;
}


@media (min-width: 768px) {
	.waflow {
		margin-bottom: 80px;
		font-size: 26px;
	}
	.wanumber {
		margin-right: 15px;
	}
	.wanumber-p small {
		font-size: 18px;
	}
	.wanumber-text {
		width: 45px;
		height: 45px;
		font-size: 25px;
	}
}

/* list
----------------------------------------------- */


.walist li {
	margin-left: 25px;
	position: relative;
	margin-bottom: 30px;
}
.walist li::before {
	content: "●";
	left: -25px;
	position: absolute;
	color: #0f5286;
	font-size: 12px;
	line-height: 2.6;
}

.walist.large li {
	font-size: 25px;
	margin-left: 35px;
}
.walist.large li::before {
	left: -30px;
	font-size: 20px;
	line-height: 2.2;
}

.walist.large small {
	font-size: 0.7em;
}

.attlist {
	margin-top: 40px;
}
.attlist li {
	margin-left: 20px;
	position: relative;
	margin-bottom: 0;
	font-size: 0.8em;
}
.attlist li::before {
	content: "※";
	left: -20px;
	position: absolute;
	font-size: 0.8em;
	line-height: 2.6;
}


@media (max-width: 768px) {
.walist.large li {
	font-size: 18px;
	margin-left: 25px;
}
.walist.large li::before {
	left: -25px;
	font-size: 12px;
	line-height: 2.6;
}
}

/* price
----------------------------------------------- */
.priceanchor {
	margin-top: 40px;
	margin-bottom: 20px;
	overflow: visible;
}

.priceanchor li a {
	background: #14A3CD;
	padding-top: 40px;
}

.priceanchor li a::before {
	background: #1189ac;
	content: "";
	min-height: 40px;
	padding: 4px 0;
	bottom: 0;
	text-align: center;
	width: 100%;
}

.priceanchor li a::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	height: 15px;
	position: absolute;
	 bottom: 20px;
	 right: 50%;
	transform: translateX(50%) rotate(135deg);
	width: 15px;
	z-index: 10;
}

.priceanchor li+li a {
	background: #2EBB87;
}

.priceanchor li+li a::before {
	background: #279e72;
}

.priceanchor li .priceanchorlead {
	background-color: #fff;
	border: 2px solid #14A3CD;
	border-radius: 6px;
	color: #14A3CD;
	font-size: 14px;
	padding: 10px 15px;
	position: absolute;
	 top: 0;
	 left: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.priceanchor li .priceanchorlead::after {
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	content: "";
	height: 0;
	position: absolute;
	 top: 100%;
	 left: 50%;
	transform: translateX(-50%);
	width: 0;
}

.priceanchor li + li .priceanchorlead {
	border-color: #2EBB87;
	color: #2EBB87;
}

.pricedialog {
	background-color: #eee;
	margin-bottom: 20px;
	position: relative;
}

.pricedialogcustomer p,
.pricedialogsupport p {
	background: #0C5286;
	border-radius: 26px;
	color: #fff;
	display: table;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 30px;
	position: relative;
}

.pricedialogcustomer p::before,
.pricedialogcustomer p::after,
.pricedialogsupport p::before,
.pricedialogsupport p::after {
	border-radius: 50%;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	width: 0;
}

.pricedialogcustomer p::before {
	border-top: 35px solid #A369A5;
	border-right: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid transparent;
	top: -10px;
	left: -30px;
	transform: rotate(-135deg);
}

.pricedialogcustomer p::after{
	border-top: 35px solid #eee;
	border-right: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid transparent;
	top: -30px;
	left: -35px;
	transform: rotate(-135deg);
}

.pricedialogcustomer {
	float: right;
	/* display: table; */
	/* margin-left: auto; */
}

.pricedialogcustomer p {
	background: #A369A5;
}

.pricedialogimage {
	position: relative;
}

.pricedialogsupport {
	margin-bottom: -30px;
}

.pricedialogsupport p {
	background: #6A83B4;
}

.pricedialogsupport p::before {
	border-top: 35px solid #6A83B4;
	border-right: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid transparent;
	bottom: -30px;
	left: 107px;
	transform: rotate(-135deg);
}

.pricedialogsupport p::after {
	border-top: 35px solid #eee;
	border-right: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 35px solid transparent;
	bottom: -35px;
	left: 127px;
	transform: rotate(-135deg);
}

.pricefunction {
	overflow: hidden;
	margin: 0 0 0 -40px;
}
.pricefunction li {
	background: #0C5286;
	box-sizing: border-box;
	color: #FFF;
	float: left;
	font-size: 18px;
	margin-left: 40px;
	padding: 25px 15px 50px;
	text-align: center;
	width: calc(50% - 40px);
}

.pricefunction li span {
	display: block;
}

.pricefunctionhd {
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 30px;
	text-align: center;
}

.priceplanitem {
	display: flex;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 10px;
}

.priceplanitem b,
.priceplanitem small,
.priceplanitem span {
	align-self: flex-end;
}

.priceplanitem b {
	font-size: 34px;
}

.priceplanitem small {
	font-size: 16px;
}

.priceplanitem strong {
	background: #fff;
	color: #14A3CD;
	display: inline-flex;
	 align-items: center;
	 justify-content: center;
	font-size: 18px;
	line-height: 2;
	min-width: 6em;
}

.lisensepricegreen .pcleft {
	line-height: 1.4;
}

.priceplanitem.green {
	display: block;
}

.priceplanitem.green small {
	font-size: 12px;
}

.priceanchor li + li .priceplanitem strong {
	color: #2EBB87;
}

.priceplanitem strong + span:last-child {
	display: inherit;
	 align-self: center;
	padding-left: 10px;
}

.priceplantitle {
	display: flex;
	 align-items: center;
	font-size: 16px;
	letter-spacing: .5em;
	margin-bottom: 10px;
}

.priceplantitle::before,
.priceplantitle::after {
	background: #fff;
	content: "";
	flex-grow: 1;
	height: 1px;
}

.priceplantitle::before {
	margin-right: .5em;
}

.pricesection .hds {
	background: #0C5286;
	color: #fff;
	font-weight: 700;
	overflow: hidden;
	padding: 10px 25px 12px 15px;
	position: relative;
}

.pricesection .hds::after {
	background: #eee;
	content: "";
	height: 100%;
	position: absolute;
	 top: 0;
	 right: 0;
	transform: rotate(45deg);
	transform-origin: 100% 100%;
	width: 100%;
}

.pricetypenote {
	font-size: 12px;
}

.priceuplist ul {
	display: flex;
	 flex-wrap: wrap;
	margin-bottom: -20px;
}

.priceuplist ul li {
	background: #fff;
	border: 2px solid #0C5286;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding: 15px 17px;
	width: 100%;
}

.priceuplist ul li span {
	border-bottom: 1px solid #0C5286;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: center;
}

@media (max-width: 767px) {
	.price .blue + .blue {
		margin-top: 20px;
	}

	.priceanchor li a {
		padding-bottom: 60px;
	}

	.priceanchor li + li {
		margin-top: 40px;
	}

	.pricedialogcustomer {
		margin-right: 30px;
	}

	.pricedialogcustomer p::before {
		right: -30px;
		left: auto;
		transform: rotate(-225deg)
	}

	.pricedialogcustomer p::after {
		right: -35px;
		left: auto;
		transform: rotate(-225deg)
	}

	.pricedialogcustomer br {
		display: none;
	}

	.pricedialogsupport p::before {
		left: 15px;
	}

	.pricedialogsupport p::after {
		left: 35px;
	}

	.pricefunction li {
		float: none;
		/* padding-left: 0; */
		width: auto;
	}

	.pricefunction li + li {
		margin-top: 20px;
	}

	.pricefunction li span.tac.fwb {
		margin-bottom: 20px;
	}

	.pricefunctionhd {
		font-size: 20px;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.priceplanitem {
		flex-direction: column;
	}

	.priceplanitem strong {
		margin: 0 auto 10px;
	}

	.priceplanitem strong + span:last-child {
		padding-left: 0;
	}
}

@media (min-width: 768px) {
	.priceanchor {
		margin-top: 60px;
	}

	.priceanchor li a {
		padding-top: 60px;
	}

	.priceanchor li .priceanchorlead {
		font-size: 23px;
		min-width: 262px;
	}

	.pricedialog {
		margin-top: 20px;
	}

	.pricedialogcustomer p,
	.pricedialogsupport p {
		font-size: 20px;
		font-feature-settings: "palt";
	}

	.pricedialogcustomer {
		min-height: 354px;
		padding-top: 40px;
		max-width: 468px;
	}

	.pricedialogimage {
		position: absolute;
		 left: 122px;
		max-width: 318px;
	}

	.pricesection .hds {
		font-size: 28px;
		padding-left: 25px;
	}

	.pricefunction li span.tac.fwb br {
		display: none;
	}

	.priceuplist ul {
		margin-right: -10px;
		margin-left: -10px;
		padding-left: 10px;
	}

	.priceuplist ul li {
		margin-right: 10px;
		margin-left: 10px;
		width: calc(50% - 20px);
	}
}


/* coc
----------------------------------------------- */


#wacoc .pricesection .hds,
#wacoc .h2,
#wacoc .wanumber-waku,
#wacoc .price .blue strong {
	background-color: #EE187A;
}

#wacoc .walist li::before {
	color: #EE187A;
}


#wacoc .h4:first-child {
	color: #1A1A1A;
	font-feature-settings: "palt";
}


#wacoc .h4 {
	display: block;
}

#wacoc h2.h4 {
	margin-bottom: 40px;
}

@media (min-width: 768px) {
	#wacoc h2.h4 {
		margin-bottom: 80px;
	}
}

#wacoc .illust span {
	background-color: #1A1A1A;
}



/* wmc
----------------------------------------------- */

#wmc .featureacmshd {
  font-size: 18px;
  color: #FFF;
  background: #0C5286;
}

#wmc .featureacms .featureacmsbox {
  background: #FFF;
  border: 1px #0C5286 solid;
  height: auto;
}

#wmc .featureacms li {
  margin-top: 40px;
}

#wmc .featureacms img {
  width: 100%;
  max-width: 350px;
  padding-bottom: 30px;
  padding-top: 10px;
}

#wmc .usageimage {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
}

#wmc .usageimage-box {
	border: 2px solid #0C5286;
	display: block;
	flex-direction: column;
    width: auto;
    margin-top: 30px;
} 



#wmc .usageimage-box .h4 {
	 color: #0C5286;
}

#wmc .usageimage-box a:link {
	 color: #000;
}



#wmc .usageimage-box a .usa-sp:hover {
	background-color: #0C5286;
	color: #fff;
	-webkit-transition: all 0.5s;
}

#wmc .usageimage-box a:hover .h4 {
	 color: #FFF;
}


#wmc .usageimage-box a:hover img {
		visibility: hidden;
}

#wmc .usa-administ .bg_img {
	background-image: url("../image/manager-on-cloud/admin02.png");
	background-repeat: no-repeat;
	display: inline-block;
}

#wmc .usa-user .bg_img {
	background-image: url("../image/manager-on-cloud/user02.png");
	background-repeat: no-repeat;
	display: inline-block;
}



#wmc .usageimage-box .usa-button {
	margin-top: auto;
	text-align: center;
	background-color: #87ABC4;
	background-position: center bottom;
	background-image: url("../image/manager-on-cloud/wmc-arrow.png");
	background-repeat: no-repeat;
	height: 45px;
	display: block;

}


#wmc .usageimage-box .usa-sp {
	padding: 30px;
}

#wmc .usageimage-box .usa-sp .h4 {
	text-align: center;
	display: block;
}

#wmc .usageimage-box .usa-sp p {
	padding-top: 20px;
}

#wmc .itcan {
	display: flex;
	flex-direction: column;
}

#wmc .itcan strong {
	font-size: 18px;
}


#wmc .itcan-waku {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
	font-size: 13px;
	box-sizing: border-box;
}

#wmc .itcan-waku:nth-child(2) {
	margin-left: 0;
	margin-right: 0;
}
#wmc .itcan-waku .itcan-box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #000;

}

#wmc .itcan-waku .it-icon {
	width: 10%;
	margin-right: 3%;
}

#wmc .itcan-waku .it-icon img {
	width: 100%;
	height: auto;
	border: 2px solid #0f5286;
	box-sizing: border-box;
	background-color: #fff;
	margin-top: 5px;
}

#wmc .itcan-waku .it-text {
	width: 85%;
}



@media (min-width: 768px) {
	#wmc .featureacms .featureacmsbox {
		height: 350px;
	}
	#wmc .featureacms img {
	  width: auto;
	  max-width: 100%;
	  padding-bottom: 50px;
	  padding-top: 20px;
	}
	#wmc .itcan {
		flex-direction: row;
	}
	#wmc .itcan-waku {
		width: 30%;
	}
	#wmc .itcan-waku:nth-child(2) {
		margin-left: 4%;
		margin-right: 4%;	
	}
	#wmc .itcan-waku .it-icon {
		width: 20%;
		margin-right: 5%;
	}
	#wmc .itcan-waku .it-text {
		width: 75%;
	}
    #wmc .featureacms li {
        margin-top: 0;
    }
    #wmc .usa-administ {
        width: 47%;
    }

    #wmc .usa-user {
        width: 47%;
        margin-top: 0;
    }
    #wmc .usageimage-box {
    	display: flex;
    }



}



/* brain
----------------------------------------------- */

.brain #wmc {
	margin-bottom: -80px;
}
.brain #wmc .featureacmshd {
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
}
.brain #wmc .featureacms img {
	padding-bottom: 20px;
	padding-top: 0;
}

.brain .hds small {
	font-size: 0.6em;
	font-weight: normal;
}



.braintable th {
	width: 22%;
    color: #fff;
    padding: 10px 20px;
    background: #0F5286;
    border: 1px #ccc solid;
    font-size: 18px;
}

.braintable td {
    padding: 30px;
    border: 1px #E6E6E6 solid;
    text-align: left;
    font-size: 18px;
    background-color: #fff;	
    font-weight: normal;
}

.braintable p {
	padding-bottom: 20px;
}

.braintable .walist li {
	margin-bottom: 10px;
}


@media (max-width: 768px) {
.brain #wmc {
	margin-bottom: 0;
}

.brain #wmc .featureacmshd {
	font-size: 20px;
	font-weight: bold;
}

.brain .combtnlarge a {
	line-height: 1.2;
}

.braintable th {
    display: block;
    width: auto;
    height: auto;
    border: 0;
    font-size: 20px;
}
.braintable td {
    display: block;
    width: auto;
    height: auto;
    border: 0;
    padding-top: 20px;
    font-size: 16px;
}

.footerlink .linksmall li.footerbrain {
	width: 100%;
}
}

/* cooperation
----------------------------------------------- */

#cooperation .ftbox a {
	color: #29ABE2;
}
#cooperation .featureacmstabletxt ul {
	padding: 0;
}
#cooperation .featureacmstabletxt {
	padding: 0;
}
#cooperation table tr {
	vertical-align: baseline;
}
#cooperation table tr th {
	width: 28%;
	padding: 0 30px 0 20px;
}
#cooperation table tr th::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #0C5286;
	display: block;
	position: relative;
	top: 1.1em;
	left: -20px;
}
#cooperation table tr td {
	padding-right: 30px;
}
@media (max-width: 767px) {
	#cooperation table tr, #cooperation table td {
		width: 100%;
		display: block;
	}
	#cooperation table tr td {
		padding: 0;
	}
	#cooperation .youtube {
			position: relative;
			width: 100%;
			padding-top: 56.25%;
	}
	#cooperation .youtube iframe { 
			position: absolute;
			top: 0; 
		right: 0;
		width: 100% !important;
		height: 100% !important; 
	}
}



/* cooperation
----------------------------------------------- */

.moc-price .licensenavyblue {
	border: 2px solid  #0C5286;
	background-color: #fff;
}
.moc-price .licensenavyblue h3.licensehd {
	font-size: 26px;
	background-color: #0C5286;
}
.moc-price .licenselistnavyblue li:before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #0C5286;
	display: block;
	position: relative;
	top: 1.1em;
	left: -20px;
}
.moc-price .licensenavyblue .price .blue strong {
	background-color: #0C5286;
	color: #fff;
}



/* news-article
----------------------------------------------- */

.news-article #teaser {
	letter-spacing: 0;
}
.news-article .newsdettit span {
	background: none;
}
.news-article .newsdetin table {
	background: #fff;
	border-color: #ccc;

}
.news-article .newsdetin td {
	padding: 15px;
}
.news-article .newsdetin td[height] {
	height: auto !important;
}

.news-article .newsdetin th {
	background-color:#e4e6f1;
	padding: 15px;
}

.news-article .newsdetin th[rowspan] {
	background-color:#0F5286;
	color: #fff;
}

.news-article .newsdetin thead th {
	background-color:#0F5286;
	color: #fff;
}

.news-article .newsdetin table ul {
	margin: 30px;
}
.news-article .newsdetin + .combtnback a,
.news-article .newsdetbox + .combtnback a {
	background: #0f5286;
	color: #fff;
}
.news-article .newsdetin + .combtnback a:hover,
.news-article .newsdetbox + .combtnback a:hover {
	background: #fff;
	color: #0f5286 !important;
}
.news-article .newsdetin h2 {
	background: none;
	border-left: 5px solid #0f5286;
	line-height: 1.5;
}
.news-article .newsdetin ul li {
	background: url(../../images/news/dot_newsdet03.png) no-repeat 0 10px;
	padding-left: 20px;
}
.news-article .newsdetin [class^="mt-image"] {
	height: auto;
	margin-top: 20px !important;
	max-width: 780px;
}

.news-article .newsdetin .pickup {
	background: #f1f1fd;
	padding: 15px;
}
.news-article .newsdetin .pickup table {
	background: transparent;
	margin: -15px;
}
.news-article .newsdetin .pickup ul {
	margin: 30px;
}

.news-article .newsdetin .report-info {
	border-left: 3px solid #E6E6E6;
	border-right: 3px solid #E6E6E6;
}

.news-article .newsdetin .report-info th {
	background-color:#fff;
}

.news-article .newsdetin .report-info th[rowspan] {
	background-color:#fff;
	color: #000
}

.news-article .newsdetin .report-info {
	margin-bottom: 20px;
	width: 100%;
}

.news-article .newsdetin .report-info tbody {
	margin-left: 35px;
	margin-right: 35px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.news-article .newsdetin .report-info th,
.news-article .newsdetin .report-info td {
	padding: 0;
	vertical-align: top;
}

.news-article .newsdetin .report-info th {
	width: 3.5em;
	white-space: nowrap;
}

.news-article .newsdetin .report-info:first-of-type {
	border-top: 3px solid #E6E6E6;
}
.news-article .newsdetin .report-info:last-of-type {
	border-bottom: 3px solid #E6E6E6;
}

.news-article .newsdetin .report-info:last-of-type tbody {
	border-bottom: 1px none #ccc;
}

.news-article .report-info tr:first-child th,
.news-article .report-info tr:first-child td {
	padding-top: 30px;
}

.news-article .report-info tr:last-child th,
.news-article .report-info tr:last-child td {
	padding-bottom: 30px;
}

.news-article .report-info + .report-info {
	margin-top: -20px;
}
.news-article .report-info + hr {
	display: none;
}
.news-article .newsdetbox {
	background: #fff;
	border: 3px solid #E6E6E6;
	margin-top: 90px;
	padding: 35px 35px 60px 35px;
}
.news-article .newsdetbox .newsdetpro {
	border-bottom: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.news-article .newsdetbox .newsdetmess {
	font-size: 18px;
}
.news-article .newsdetbox .newsdetmess th,
.news-article .newsdetbox .newsdetmess td {
	padding: 15px 0;
}
.news-article .newsdetbox .newsdetmess + .combtnlarge {
	margin-top: 45px;
}

@media (max-width: 767px) {
	.news-article .newsdetin [class^="mt-image"] {
		max-width: 100%;
	}
	.news-article .newsdetin .report-info tbody {
		margin-left: 15px;
		margin-right: 15px;
	}

	.news-article .report-info tr:first-child th,
	.news-article .report-info tr:first-child td {
		padding-top: 15px;
	}

	.news-article .report-info tr:last-child th,
	.news-article .report-info tr:last-child td {
		padding-bottom: 15px;
	}

	.news-article .newsdetbox {
		background: #fff;
		border: 3px solid #E6E6E6;
		margin-top: 90px;
		padding: 15px;
	}
}



/* case-article
----------------------------------------------- */

.case-article-wrapper #teaser {
	letter-spacing: 0;
}
.case-article-wrapper .casedetpdf a {
	background: #fff;
}
.case-article-wrapper .casedetpdf a span {
	background-image: url(../../images/case/pdf_casedet2.png);
}
.case-article-wrapper .case-credit {
	background-color: #fff;
	margin-bottom: 60px;
}
.case-article-wrapper .case-credit-pic {
	padding: 35px;
	border: 3px solid #E6E6E6;
	margin-top: 35px;
}
.case-article-wrapper .case-credit-pic p {
	font-size: 14px;
}
.case-article-wrapper .case-credit-pic p:not(:first-child) {
	margin: 10px 0 0;
}
.case-article-wrapper .case-credit-pic p:first-child {
	margin-bottom: 0;
}
.case-article-wrapper .case-credit-pic strong {
	color: inherit;
	font-size: 16px;
}
.case-article-wrapper .case-introduction {
	margin-bottom: 60px;
}
.case-article-wrapper .case-measures {
	display: flex;
	margin: 0 -2.5px 14px;
}
@media (max-width: 767px) {
	.case-article-wrapper .case-measures {
		flex-direction: column;
	}
	.case-article-wrapper .case-credit-pic {
		padding: 15px;
	}
}
.case-article-wrapper .case-measure-01,
.case-article-wrapper .case-measure-02,
.case-article-wrapper .case-measure-03 {
	flex: 1;
	padding: 0 2.5px;
}
@media (max-width: 767px) {
	.case-article-wrapper .case-measure-01,
	.case-article-wrapper .case-measure-02 {
		margin-bottom: 5px;
	}
}
.case-article-wrapper .case-measure {
	box-sizing: border-box;
	color: #fff;
	height: 100%;
	padding: 35px 0;
	text-align: center;
}
.case-article-wrapper .case-measure img {
	margin-bottom: 30px;
}
.case-article-wrapper .case-measure h2 {
	background: none;
	border-left: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px;
	padding-left: 0;
}
.case-article-wrapper .case-measure h2:first-child {
	margin-bottom: 10px;
}
.case-article-wrapper .case-measure p {
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
.case-article-wrapper .case-measure p span {
	font-size: 13px;
	font-weight: normal;
}
.case-article-wrapper .case-measures-annotation {
	font-size: 13px;
	margin-bottom: 80px;
	text-align: right;
}
.case-article-wrapper .case-article h2 {
	background: none;
	border-left: 5px solid #0f5286;
	line-height: 1.5;
	margin-top: 70px;
}
.case-article-wrapper .case-article strong {
	color: #0f5286;
}
.case-article-wrapper .case-article .mt-image-left {
	margin-left:  !important;
	margin-right: 20px !important;
}
.case-article-wrapper .case-article .mt-image-right {
	margin-left: 20px !important;
	margin-right: 0 !important;
}
.case-article-wrapper .cominfo {
	background: #fff;
	margin-top: 35px;
	border: 3px solid #E6E6E6;
}  
@media (max-width: 767px) {
	.case-article-wrapper .case-article .mt-image-left,
	.case-article-wrapper .case-article .mt-image-right {
		max-width: 120px;
	}
}
.case-article-wrapper .case-client {
	margin-top: 70px;
}
.case-article-wrapper .casedetbox + .combtnback a {
	background: #0f5286;
	color: #fff;
}
.case-article-wrapper .casedetbox + .combtnback a:hover {
	background: #fff;
	color: #0f5286 !important;
}
.case-article-wrapper .cominfo {
	background: #fff;
}
@media (min-width: 768px) {
	.case-article-wrapper .cominfotxt {
		padding-left: 100px;
	}
}