@charset "utf-8";

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* *
* *  Basic information:
* *  - CSS guideline: FLOCSS
* *
* *  Order of discription:
* *  - Foundation  [ reset / base ]
* *  - Layout [ header / main / sidebar / footer ]
* *  - Object [ component / project / utility ]
* *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* ==========================================================================
   Foundation  [ reset / base ]
   ========================================================================== */

/* Reset
   ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	top: auto;
}
#omousikominomaeni {
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0.5em;
}
.caution-text {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.caution-midasi   {
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #EEEEEE;
	padding-top: 5px;
}
.application-caution {
	color: #073190;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: small;
	text-align: left;
	width: 700px;
	margin-right: auto;
	left: auto;
	right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 50px;
}
.i-construction {
	overflow: hidden;
	padding-top: 0px;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
.top_visual_nav {
	z-index: 999;
	top: 55px;
	position: absolute;
	max-height: 570px;
	right: 20px;
	width: 310px;
	margin-top: 10px;
}

html{
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
caption, th{
	text-align: left;
}
img {
	display: block;
}
a:focus {
	outline:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

/* Base
   ----------------------------------------------------------------- */
body {
	background: #fff;
	font: 13px/1.231 'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
}
a {
	color: #69c;
	text-decoration: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;}
a:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.i-construction a {
	float: right;
}
.print-button {
    color: #FFFFFF;
    text-shadow: 0px 0px;
    background-color: #0070FF;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: small;
    font-weight: bold;
    border-radius: 3px;
    text-align: left;
}
.print-bt {
    text-align: right;
    width: 960px;
}
img {
	display: block;
	margin-left: auto;
}
#topmovieimage {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
	height: 100%;
	max-height: 570px;
}
.center{
	text-align: center;
	line-height: 200%;
	letter-spacing: -0.5px;
	font-size: small;
}
.end{
	margin-right: 0 !important;
}
.offHover:hover{
	opacity: 1;
}

/* ==========================================================================
   Layout [ header / main / footer ]
   ========================================================================== */

/* Header
   ----------------------------------------------------------------- */

#header {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

/**
 * .header__logo
 */
 .header__logo {
	width: 100%;
	height: 70px;
	padding-top: 25px;
	box-sizing: border-box;
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
 }

 .header__logo h1 {
 	width: 960px;
 	margin: 0 auto;
 }

 .header__logo h1 .header__logo__img {
 	width: 100px;
 	height: 19px;
 	float: left;
 }

 .header__logo h1 .header__smaconlogo__img {
 	width: 202px;
 	height: 14px;
 	float: right;
 	margin-top: 2px;
 }


/**
 * .header__nav
 */
.header__nav {
	width: 100%;
	height: 160px;
	margin: 0 auto;
	box-sizing: border-box;
	border-bottom: 1px solid #aaa;
}
.header__nav h2 {
	width: 960px;
	margin: 0 auto;
	height: 100px;
	padding-top: 36px;
	box-sizing: border-box;
}
.header__nav h2 a {
	width: 320px;
	display: block;
	margin: 0 auto;
}
.header__nav ul {
	overflow: hidden;
	width: 960px;
	height: 160px;
	margin: 0 auto;
	box-sizing: border-box;
}
.header__nav li {
	float: left;
}
.header__nav a {
	height: 43px;
	display: inline-block;
	text-indent: -9999px;
	margin-right: 10px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	background-repeat: no-repeat;
}
.header__nav a:hover {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	background-repeat: no-repeat;
}
.header__nav .whats {
	background-image: url(../images/shared/nav_01.png);
	width: 167px;
	background-repeat: no-repeat;
}
.header__nav .whats:hover ,
.header__nav .whats.is-active {
	background-image: url(../images/shared/nav_01_on.png);
	opacity: 1.0;
	background-repeat: no-repeat;
}
.header__nav .process {
	background-image: url(../images/shared/nav_02.png);
	width: 167px;
}
.header__nav .process:hover ,
.header__nav .process.is-active {
	background-image: url(../images/shared/nav_02_on.png);
	opacity: 1.0;
}
.header__nav .menu {
	background-image: url(../images/shared/nav_03.png);
	width: 169px;
}
.header__nav .menu:hover ,
.header__nav .menu.is-active {
	background-image: url(../images/shared/nav_03_on.png);
	opacity: 1.0;
}
.header__nav .flow {
	background-image: url(../images/shared/nav_04.png);
	width: 132px;
}
.header__nav .flow:hover ,
.header__nav .flow.is-active {
	background-image: url(../images/shared/nav_04_on.png);
	opacity: 1.0;
}
.header__nav .case {
	background-image: url(../images/shared/nav_05_off.png);
	width: 132px;
}
.header__nav .case:hover ,
.header__nav .case.is-active {
	background-image: url(../images/shared/nav_05_on.png);
	opacity: 1.0;
}
.header__nav .introduction {
	background-image: url(../images/shared/nav_06.png);
	width: 142px;
	margin-right: 0;
}
.header__nav .introduction:hover ,
.header__nav .introduction.is-active {
	background-image: url(../images/shared/nav_06_on.png);
	opacity: 1.0;
}


/* Main
   ----------------------------------------------------------------- */
#container {
	background-image: url(../images/shared/main_bg.png);
	overflow: hidden;
}

#main {
	margin: 0 auto;
	max-width: 960px;
}

/* Footer
   ----------------------------------------------------------------- */

/**
 * toTop
 */
 .toTop {
 	clear: both;
 	float: right;
 	margin-top: -70px;
 	margin-right: 30px;
 	background-image: url(../images/shared/totop.png);
 	width: 40px;
 	height: 40px;
 	text-indent: -9999px;
 }
 .toTop a {
 	width: 40px;
 	height: 40px;
 	display: block;
 }

/**
 * #footer
 */

#footer {
	background-color: #000;
	text-align: center;
	height: 100px;
	box-sizing: border-box;
	padding-top: 26px;
}

.footer__nav li {
	display: inline-block;
	margin-right: 10px;
}

.footer__nav a {
	color: #ccc;
}

#copyright {
	margin-top: 15px;
	font-size: 121%;
}

 /* ==========================================================================
   Object [ component / project / utility ]
   ========================================================================== */

/* Component
   ----------------------------------------------------------------- */
.breadcrumbs {
	width: 960px;
	margin: 0 auto;
	padding-top: 15px;
}
.breadcrumbs li {
	font-size: 93%;
	display: inline-block;
}

.page-title {
	margin: 30px auto;
	width: 470px;
	height: 91px;
}

.next-btn {
	overflow: hidden;
	padding: 40px 0 60px 0;
}
.next-btn a {
	float: right;
}

/* Project
   ----------------------------------------------------------------- */
/**
 * top
 */
#top #noslide {
	max-width:960px;
	min-width:960px;
	height:460px;
	margin:0 auto;
	position:relative;
}
#top #noslide .keyvisualMovie a{
	width: 75px;
	height: 460px;
	display: block;
	background: url('../images/pc/top/play.png') no-repeat;
	z-index: 999;
}
#top #slide {
	margin: 0 auto;
	position: relative;
	max-height: 573px;
	max-width: 1360px;
	min-width: 1200px;
}
/*#top #slide li img {
	position:absolute;
	left:0;
	top:0;
}
#top #slide p img {
	width: 464px;
	position: relative;
	margin-bottom: 20px;
	top: 30px;
	left: 30px;
	z-index: 100;
}*/
#top #slide .keyvisualMovie a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: block;
	background: url('../images/pc/topnew/play3.png') no-repeat;
	z-index: 990;
	background-size: 100% 100%;
}
#top #slide .circleArea a {
	position: absolute;
	bottom: -21px;
	right: 16px;
	width: 220px;
	height: 220px;
	display: block;
	/*background-color: #073190;*/
	background: url('../images/pc/top/top_seminar-btn.png') no-repeat;
	/*border-radius: 50%;*/
	z-index: 1000;
	background-image: url(../images/pc/top/top_scc-btn.png);
}
#top #slide .circleArea a:hover{
	/*background-color: #fff;*/
	/*border-radius: 50%;*/
	opacity: 1;
	background-repeat: no-repeat;
	background-image: url(../images/pc/top/top_scc-btn_on.png);
}
#top #slide .circleArea .announceArea{
	color: #fff;
	text-align: center;
	line-height: 160%;
}
/*---------------201609-KOZIMA-----------------*/
.komArea a {
	width: 150px;
	height: 70px;
	display: block;
	/*background-color: #073190;*/
	background: url('../komimages/komconnect.png') no-repeat;
	/*border-radius: 50%;*/
	z-index: 1000;
	top: -50px;
	position: relative;
	left: 50px;
}
.komArea a:hover{
	/*background-color: #fff;*/
	/*border-radius: 50%;*/
	opacity: 1;
	background: url('../komimages/komconnect_on.png') no-repeat;
}
.komArea .announceArea{
	color: #fff;
	text-align: center;
	line-height: 160%;
}
/*---------------------------------------------------*/
.announceArea dt {
	font-size: 12px;
}
.announceArea .announceArea-title {
	font-size: 20px;
}
.announceArea .announceArea-info {
	font-size: 15px;
}
.announceArea .announceArea-app {
	font-size: 14px;
}
#top .title {
	width: 922px;
	margin: 0 auto;
	height: 190px;
	padding-top: 36px;
	box-sizing: border-box;
}
.top__nav ul {
	overflow: hidden;
	width: 960px;
	margin: 30px auto 60px auto;
	box-sizing: border-box;
	text-align: center;
}
.top__nav li {
	float: left;
	height: 135px;
	width: 310px;
	margin-right: 15px;
	margin-bottom: 15px;
}
.top__nav li:nth-child(3),
.top__nav li:nth-child(6),
.top__nav li:nth-child(9) {
	margin-right: 0;
}
.top__nav li:first-child + * + *,
.top__nav li:first-child + * + * + * + * + * {
	margin-right: 0;
}
.top__nav a {
	height: 135px;
	width: 310px;
	display: inline-block;
	text-indent: -9999px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.top__nav a:hover {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}


/*---------------------------*/
.top__nav2 ul {
	overflow: hidden;
	width: 960px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	box-sizing: border-box;
	height: 53px;
}
.top__nav2 li {
	float: left;
}
.top__nav2 li:nth-child(3),
.top__nav2 li:nth-child(6) {
}
.top__nav2 li:first-child + * + *,
.top__nav2 li:first-child + * + * + * + * + * {
	margin-right: 0;
}
.top__nav2 a {
	display: block;
	text-indent: -9999px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	height: 53px;
}
.top__nav2 a:hover {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.top__nav2 .webinar {
	background-image: url(../images/pc/topnew/top_btn_webinar.png);
	background-repeat: no-repeat;
}
.top__nav2 .webinar:hover ,
.top__nav2 .webinar.is-active {
	background-image: url(../images/pc/topnew/top_btn_webinar_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav2 .iot {
	background-image: url(../images/pc/top/top_iot_btn.png);
	background-repeat: no-repeat;
}
.top__nav2 .iot:hover ,
.top__nav2 .iot.is-active {
	background-image: url(../images/pc/top/top_iot_btn_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav2 .kom {
	background-image: url(../images/pc/top/top_scc_btn.png);
	background-repeat: no-repeat;
}
.top__nav2 .kom:hover ,
.top__nav2 .kom.is-active {
	background-image: url(../images/pc/top/top_scc_btn_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav2 .toilet {
	background-image: url(../images/pc/top/top_toilet_btn.png);
	background-repeat: no-repeat;
}
.top__nav2 .toilet:hover ,
.top__nav2 .toilet.is-active {
	background-image: url(../images/pc/top/top_toilet_btn_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav2 .partner {
	background-image: url(../images/pc/top/top_partner_btn.png);
	background-repeat: no-repeat;
}
.top__nav2 .partner:hover ,
.top__nav2 .partner.is-active {
	background-image: url(../images/pc/top/top_partner_btn_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav2 .catalog {
	background-image: url(../images/pc/top/top_catalog_btn.png);
	background-repeat: no-repeat;
}
.top__nav2 .catalog:hover ,
.top__nav2 .catalog.is-active {
	background-image: url(../images/pc/top/top_catalog_btn_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}

.top_visual_nav .whats {
	background-image: url(../images/pc/topnew/top_btn_whats.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-origin: content-box;
}
.top_visual_nav .whats:hover ,
.top_visual_nav .whats.is-active {
	background-image: url(../images/pc/topnew/top_btn_whats_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top_visual_nav .catarog {
	background-image: url(../images/pc/topnew/top_btn_catarog.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.top_visual_nav .catarog:hover ,
.top_visual_nav .catarog.is-active {
	background-image: url(../images/pc/topnew/top_btn_catarog_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top__nav .dxsc {
	background-image: url(../images/pc/topnew/top_btn_dxsc.png);
	background-repeat: no-repeat;
}
.top__nav .dxsc:hover ,
.top__nav .dxsc.is-active {
	background-image: url(../images/pc/topnew/top_btn_dxsc_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top_visual_nav .ictkenki {
	background-image: url(../images/pc/topnew/top_btn_ictkenki.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.top_visual_nav .ictkenki:hover ,
.top_visual_nav .ictkenki.is-active {
	background-image: url(../images/pc/topnew/top_btn_ictkenki_on.png);
	background-repeat: no-repeat;
	opacity: 1;
	max-width: none;
}
.top__nav .iotcenter {
	background-image: url(../images/pc/topnew/top_btn_iotcenter.png);
	background-repeat: no-repeat;
}
.top__nav .iotcenter:hover ,
.top__nav .iotcenter.is-active {
	background-image: url(../images/pc/topnew/top_btn_iotcenter_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top__nav .jirei {
	background-image: url(../images/pc/topnew/top_btn_jirei.png);
	background-repeat: no-repeat;
}
.top__nav .jirei:hover ,
.top__nav .jirei.is-active {
	background-image: url(../images/pc/topnew/top_btn_jirei_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top__nav .movieTheatre {
	background-image: url(../images/pc/topnew/top_btn_movie.png);
	background-repeat: no-repeat;
}
.top__nav .movieTheatre:hover ,
.top__nav .movieTheatre.is-active {
	background-image: url(../images/pc/topnew/top_btn_movie_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top__nav .netis {
	background-image: url(../images/pc/topnew/top_btn_netis.png);
	background-repeat: no-repeat;
}
.top__nav .netis:hover ,
.top__nav .netis.is-active {
	background-image: url(../images/pc/topnew/top_btn_netis_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.top__nav .partners {
	background-image: url(../images/pc/topnew/top_btn_partners.png);
	background-repeat: no-repeat;
}
.top__nav .partners:hover ,
.top__nav .partners.is-active {
	background-image: url(../images/pc/topnew/top_btn_partners_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}


/*-----------------------------*/

.top_visual_nav ul {
	overflow: hidden;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index: 990;
}
.top_visual_nav li {
	float: right;
}
.top_visual_nav a {
	text-indent: -9999px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	display: inline-block;
	width: 270px;
	height: 120px;
}
.top_visual_nav a:hover {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	top: auto;
	max-width: none;
	right: auto;
	max-height: none;
}



/*nav common*/
.top__nav .mail {
	background-image: url("../images/pc/topnew/top_btn_mailmagazine.png");
	background-repeat: no-repeat;
}
.top__nav .mail:hover ,
.top__nav .mail.is-active {
	background-image: url(../images/pc/topnew/top_btn_mailmagazine_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav .facebook {
	background-image: url(../images/pc/topnew/top_btn_facebook.png);
	background-repeat: no-repeat;
}
.top__nav .facebook:hover ,
.top__nav .facebook.is-active {
	background-image: url(../images/pc/topnew/top_btn_facebook_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav .inquiry {
	background-image: url(../images/pc/topnew/top_btn_inquiry.png);
	background-repeat: no-repeat;
}
.top__nav .inquiry:hover ,
.top__nav .inquiry.is-active {
	background-image: url(../images/pc/topnew/top_btn_inquiry_on.png);
	background-repeat: no-repeat;
	opacity: 1.0;
}
.top__nav .movie {
	background-image: url(../images/pc/top/top_btn-movie.png);
	background-repeat: no-repeat;
}
.top__nav .movie:hover ,
.top__nav .movie.is-active {
	background-image: url(../images/pc/top/top_btn-movie_on.png);
	background-repeat: no-repeat;
	opacity: 1;
}
.nav-common{
	margin-top: 20px;
}

/*nav news topics*/
.news_topics {
	width: 960px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	min-height: 135px;
	background-color: #fff;
	border: 1px solid #0a3382;
	letter-spacing: 0.1em;
}
.news_topics h2 {
	width: 250px;
	height: 135px;
	float: left;
	display: block;
	background: url(../images/pc/topnew/top_btn-news.png) no-repeat;
	text-indent: -9999px;
	max-height: none;
}
.news_topics .mod_news {
	width: 700px;
	margin-left: 250px;
	display: block;
}
.news_topics .mod_news > li {
	margin:0 20px;
	padding: 13px 0;
	border-bottom: 1px solid #e2e3e3;
	height: 45px;
	box-sizing: border-box;
}
.news_topics .mod_news > li:first-child {
	border-top: none;
}
.news_topics .mod_news > li:last-child {
	border-bottom: none;
}
.news_topics dl {
    display: block;
    font-size: 14px;
	color: #080404;
}
.news_topics dl dt {
	float: left;
	width: 150px;
	font-size: 13px;
}
.news_topics dl dd{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}


 /**
 * whats
 */
 #whats .whats__menu {
	width: 840px;
	height: 897px;
	margin: 0px auto;
	background-image: url("../images/pc/whats/whats_main_bg.png");
	overflow: hidden;
	position: relative;
}
.process-body .img-arrow{
	position: absolute;
	left: 50%;
	bottom: -17px;
	z-index: 100;
	margin-left: -6px;
}
.whats__menu #img01 {
    position: absolute;
    left: 377px;
    top: 694px;
    z-index: 100;
}
.whats__menu #img02 {
    position: absolute;
    left: 526px;
    top: 432px;
    z-index: 100;
}
.whats__menu #img03 {
    position: absolute;
    left: 226px;
    top: 432px;
    z-index: 100;
}
.whats__menu #img04 img {
    position: absolute;
    left: 420px;
    top: 561px;
    z-index: 100;
    width: 0;
    height: 0;
}
.whats__menu #img05 {
    position: absolute;
    left: 423px;
    top: 499px;
    z-index: 10;
}
.whats__menu #img05_mask {
	position: absolute;
	left: 423px;
	top: 499px;
	z-index: 20;
}
.whats__menu #img06 {
    position: absolute;
    left: 328px;
    top: 515px;
    z-index: 30;
}
.whats__menu #img06_mask {
	position: absolute;
	left: 328px;
	top: 515px;
	z-index: 34;
}
.whats__menu #img07 {
    position: absolute;
    left: 314px;
    top: 469px;
    z-index: 10;
}
.whats__menu #img07_mask {
	position: absolute;
	left: 314px;
	top: 469px;
	z-index: 20;
}
.whats__menu #img08 img {
    position: absolute;
    left: 420px;
    top: 556px;
    z-index: 2;
    width: 0;
    height: 0;
    transform: rotate( 60deg );
}
.whats__menu #img09 {
    position: absolute;
    top: 450px;
    z-index: 10;
    width: 100%;
}
.whats__menu #img09 img {
    margin-left: auto;
    margin-right: auto;
    top: auto;
}
.whats__menu #img19 {
    position: absolute;
    left: 361px;
    top: 344px;
    z-index: 5;
    transform: rotate( 60deg );
}
.whats__menu #img20 {
    position: absolute;
    left: 469px;
    top: 528px;
    z-index: 5;
    transform: rotate( 60deg );
}
.whats__menu #img21 {
    position: absolute;
    left: 193px;
    top: 606px;
    z-index: 5;
    transform: rotate( 60deg );
}
.whats__menu #img10a {
    position: absolute;
    left: 253px;
    top: 613px;
    z-index: 10;
}
.whats__menu #img10b {
    position: absolute;
    left: 529px;
    top: 613px;
    z-index: 10;
}
.whats__menu #img10c {
    position: absolute;
    left: 392px;
    top: 368px;
    z-index: 10;
}
.whats__menu #img11 img {
    position: absolute;
    left: 420px;
    top: 556px;
    z-index: 0;
    width: 0;
    height: 0;
}
.whats__menu #img12 img {
	position: absolute;
	left: 343px;
	top: 221px;
	z-index: 10;
}
.whats__menu #img13 img {
    position: absolute;
    left: 100px;
    top: 297px;
    z-index: 10;
}
.whats__menu #img14 img {
	position: absolute;
	left: 41px;
	top: 541px;
	z-index: 10;
}
.whats__menu #img15 img {
	position: absolute;
	left: 197px;
	top: 742px;
	z-index: 10;
}
.whats__menu #img16 img {
	position: absolute;
	left: 489px;
	top: 742px;
	z-index: 10;
}
.whats__menu #img17 img {
	position: absolute;
	left: 645px;
	top: 541px;
	z-index: 10;
}
.whats__menu #img18 img {
    position: absolute;
    left: 600px;
    top: 297px;
    z-index: 10;
}

/**
 * process
 */
 .process-body {
    width: 960px;
    position: relative;
}
.process-body #img01 {
	position: absolute;
	top: 125px;
	left: 649px;
	display: block;
}
.process-body #img02 {
	position: absolute;
	top: 210px;
	left: 430px;
}
.process-body #img03 {
	position: absolute;
	top: 315px;
	left: 511px;
}
.process-body #img04 {
	position: absolute;
	top: 453px;
	left: 479px;
}
.process-body #img05 {
	position: absolute;
	top: 245px;
	left: 776px;
}
.process-body #img06 {
	position: absolute;
	top: 923px;
	left: 513px;
}
.process-body #img07 {
	position: absolute;
	top: 1040px;
	left: 513px;
}
.process-body #img08 {
    position: absolute;
    top: 1130px;
    left: 498px;
}
.process-body #movie01 {
	position: absolute;
	top: 193px;
	left: 799px;
}
.process-body #movie02 {
	position: absolute;
	top: 299px;
	left: 717px;
}
.process-body #movie03 {
	position: absolute;
	top: 480px;
	left: 715px;
}
.process-body #movie05 {
	position: absolute;
	top: 758px;
	left: 715px;
}

 /**
 * menu
 */
#menu .__img01 {
	margin: 0 auto;
	width: 708px;
	margin-bottom: 40px;
}
#menu .menu__list {
	width: 840px;
	height: 645px;
	margin: 0 auto;
	background-image: url(../images/pc/menu/menu_list_bg.png);
	overflow: hidden;
}
.menu__list__left ,
.menu__list__right {
	float: left;
	overflow: hidden;
	width: 420px;
	box-sizing: border-box;
	padding-top: 78px;
	padding-left: 44px;
}
.menu__list__left{
	float: left;
	overflow: hidden;
	width: 420px;
	box-sizing: border-box;
	padding-top: 78px;
	padding-left: 44px;
}
.menu__list__right {
	float: left;
	overflow: hidden;
	width: 420px;
	box-sizing: border-box;
	padding-top: 78px;
	padding-left: 44px;
}
.menu__list__left li ,
.menu__list__right li {
	margin-bottom: 4px;
/*	width: 251px;*/
}
.menu__list__left__bottom{
	margin-bottom: 78px !important;
}
.menu__list__right__bottom{
	margin-bottom: 205px !important;
}
.menu_list_vertical_line{
	width: 2px;
	height: 40px;
	background-color: #073FAE;
	margin: 0 auto;
}
#menu .__img02 {
	margin: 0 auto;
	width: 840px;
}

 /**
 * flow
 */
#main .list
{
	margin: 0 auto;
}
.flow__list {
	min-height: 1150px;
	position: relative;
}
.__img05 {
	margin: 0 auto;
	padding: 50px 0 20px 0;
}
#flow #inquiry img {
	position: absolute;
	left: -240px;
}
/**
 * case
 */
#case{
	letter-spacing: 0.1em;
	line-height: 200%;
}
#case-wrap > li{
	margin-bottom: 35px;
	border: 1px solid #07318f;
}
#case-wrap li > dl{
	background: #fff;
	padding: 0 30px;
}
#case-wrap > li > dl > dt{
	transition: all 0.5s ease-in-out 0s;
}
#case-wrap > li > dl > dt:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
#case-wrap .is__open:hover{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
#case-wrap li > dl > dd{
	padding-bottom: 30px;
}
#case-wrap .case-number{
	position: relative;
	background-color: #07318f;
	color: #fff;
	padding: 15px 0;
	width: 280px;
	margin: 0 auto;
	font-size: 20px;
}
#case-wrap .support .case-number{
	background-color: #fff;
	color: #07318f;
}
#case-wrap .case-title{
	line-height: 180%;
	padding: 25px 0;
	background-color: #fff;
	color: #07318f;
	font-size: 20px;
}
#case-wrap dt span{
	display: block;
}
/*#case-wrap dt .icon:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  background: #fff;
}
#case-wrap dt .icon:after{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -12px;
  background: #07318f;
}
#case-wrap dt .icon.open:before{
  margin-top: -4px;
}
#case-wrap dt .icon.open:after{
  margin-top: -2px;
}
*/
.icon em {
	width: 170px;
	display: block;
	float: left;
	font-style: normal;
}
/*case */
.column03{
	display: table;
	margin-top: 30px;
}
.column03 li{
	box-sizing: border-box;
	display: table-cell;
}
.column03 li:first-child{
	padding-right: 30px;
	padding-left: 0;
	border-right: 1px solid #B4B4B4;
	width: 35%;
  vertical-align: top;
}
.column03 li:first-child + * + *{
	padding-left: 30px;
	padding-right: 0;
	border-left: 1px solid #B4B4B4;
	width: 35%;
  vertical-align: top;
}
.column03 li:nth-child(3){
	padding-left: 30px;
	padding-right: 0;
	border-left: 1px solid #B4B4B4;
	width: 35%;
  vertical-align: top;
}
.bottomColumn{
  vertical-align: bottom;
  width: 30%;
	padding: 0 21px;
	box-sizing: border-box;
	padding-bottom: 30px;
}
.bottomColumn .imageCenter{
	width: 121px;
	margin: 0 auto;
}
.bottomColumn .imageCenter2{
	width: 150px;
	margin: 0 auto;
}
.anker-navList a{
	color: #073190;
}
.anker-navList{
	display: inline-block;
}
.anker-navList li{
	float: left;
	background: url(../images/pc/case/case_anker-icon.png) no-repeat left center;
	margin-right: 15px;
}
.anker-navList li:last-child{
	margin-right: 0;
}
.anker-navList li span{
	font-size: 16px;
	margin-left: 25px;
}
 /**
 * introduction
 */
 #introduction h4{
	font-size: 19px;
	color: #0b318f;
    letter-spacing: 1px;
 }
.introduction-body01{
	margin: 15px auto;
	background-image: url(../images/pc/introduction/introduction_img01.png);
	width: 840px;
	height: 443px;
	padding: 388px 0 15px 15px;
	box-sizing: border-box;
}
.introduction-body02{
	margin: 15px auto 60px auto;
	background-image: url(../images/pc/introduction/introduction_img02.png);
	width: 840px;
	height: 443px;
	padding: 388px 0 15px 15px;
	box-sizing: border-box;
}
/*0806*/
.intro-wrap {
}
.intro-wrap li{
	margin-bottom: 10px;
}
.intro-wrap li > dl{
	border: 1px solid #07318f;
	background: #fff;
}
.intro-wrap li > dl > dd{
	padding:30px 32px 32px;
	background: url(../images/pc/introduction/introduction_contents_bg.png) repeat-y;
	border-top: 1px solid #07318F;
}
.intro-wrap .case-number{
	background-color: #07318f;
	color: #fff;
	padding: 15px 0;
	width: 122px;
	height: 50px;
	float: left;
	font-size: 17px;
    letter-spacing: 0.5px;
	box-sizing: border-box;
}
.intro-wrap .support .case-number{
	background-color: #fff;
	color: #07318f;
}
.intro-wrap .case-title{
	margin-left: 122px;
	background-color: #fff;
	padding: 15px 0;
	padding-left: 20px;
	color: #07318f;
	text-align: left;
	box-sizing: border-box;
	height: 50px;
	font-size: 17px;
	letter-spacing: 1px;
}
.intro-wrap dt span{
	display: block;
}
.intro-wrap dt .icon-wrap{
	position: relative;
}
.intro-wrap dt .icon:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  background: #07318f;
}
.intro-wrap dt .icon:after{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -12px;
  background: #fff;
}
.intro-wrap dt .icon.open:before{
  margin-top: -4px;
}
.intro-wrap dt .icon.open:after{
  margin-top: -2px;
}

 /**
 * application
 */
#application .__img01 {
	margin-top: 0px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
#application #content {
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	overflow-y: hidden;
	padding-left: 40px;
	padding-right: 40px;
	/*グラデーション*/
	background-image: -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -ms-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -o-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
	background-image: linear-gradient(top, #ffffff, #e9e9e9);
}
#application #content .image {
	width: 245px;
	float: left;
	background-image: url(../images/pc/application/application_image.png);
	padding-top: 74px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	margin-top: 170px;
}
#application #content .lead {
	width: 585px;
	float: left;
	padding-left: 50px;
}
#application #content .lead h4 {
	margin-top: 40px;
	margin-bottom: 65px;
}
#application #content .lead p {
	margin-bottom: 10px;
	font-size: 115%;
	color: #666;
	line-height: 170%;
}
#application #content .lead p strong {
	color: #07318F;
	font-weight: bold;
}
#application #content .lead .kom__connect {
	background-image: url(../images/pc/application/application_lead_kc.png);
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	margin-bottom: 55px;
}
#application #content .lead .kom__connect__camerasupport {
	background-image: url(../images/pc/application/application_lead_kcc.png);
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	margin-bottom: 55px;
}
#application #content .lead .kom__connect__komChallenge {
	background-image: url(../images/pc/application/application_lead_kkc.png);
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	margin-bottom: 55px;
}
#application #content .lead .kom__connect__komeyesupport {
	background-image: url(../images/pc/application/application_lead_kkes.png);
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	margin-bottom: 55px;
}
#application #content .lead .movie {
	background-image: url(../images/pc/application/application_movie.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0% center;
}
#application #content .lead .movie a {
	color: #ee4a4b;
	text-decoration: underline;
}
#application #line__up {
	padding-bottom: 20px;
	padding-left: 35px;
	padding-right: 35px;
	background-color: #FFFFFF;
	overflow: hidden;
	background-image: url(../images/pc/application/application_lineup.png);
	background-position: 35px 30px;
	background-repeat: no-repeat;
	padding-top: 15px;
}
#application #line__up section {
	width: 293px;
	float: left;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#application #line__up section a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}
#application #line__up section:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
#application #line__up section h4 {
	color: #666666;
	font-weight: bold;
	font-size: 120%;
}
#application #line__up .lineup__kc h4 {
	background-image: url(../images/pc/application/application_lineup_kc.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	padding-top: 85px;
	margin-bottom: 35px;
}
#application #line__up .lineup__kcc h4 {
	background-image: url(../images/pc/application/application_lineup_kcc.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	padding-top: 85px;
	margin-bottom: 35px;
}
#application #line__up .lineup__kkc h4 {
	background-image: url(../images/pc/application/application_lineup_kkc.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	padding-top: 85px;
	margin-bottom: 35px;
}
#application #line__up .lineup__kkes h4 {
	background-image: url(../images/pc/application/application_lineup_kkes.png);
	background-position: center 0%;
	background-repeat: no-repeat;
	padding-top: 85px;
	margin-bottom: 35px;
}
#application #line__up section img {
	margin-left: auto;
	margin-right: auto;
}


/*白*/
.news-wrap {

}
.news-wrap li{
	margin-bottom: 10px;
}
.news-wrap li > dl{
	background: #fff;
	border: 1px solid #07318f;
}
.news-wrap li dt:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
.is__open:hover{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
.news-wrap li > dl > dd{
	padding:30px 32px 32px;
	border-top: 1px solid #07318f;
}
.news-wrap .case-number{
	color: #07318f;
	float: left;
	padding: 15px 0;
	width: 122px;
	height: 50px;
	box-sizing: border-box;
	font-size: 16px;
}
.news-wrap .support .case-number{
	color: #07318f;
}
.news-wrap .case-title{
	background-color: #fff;
	padding: 15px 0;
	color: #07318f;
	text-align: left;
	box-sizing: border-box;
	height: 50px;
	padding-left: 20px;
	font-size: 20px;
}
.news-wrap dt span{
	display: block;
}
.news-wrap dt .date{
	display: inline-block;
	width: 200px;
}
.news-wrap dt .icon-wrap{
	position: relative;
}
.news-wrap dt .icon:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
  background: #07318f;
}
.news-wrap dt .icon:after{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  width: 10px;
  height: 10px;
  margin-top: -12px;
  background: #fff;
}
.news-wrap dt .icon.open:before{
  margin-top: -4px;
}
.news-wrap dt .icon.open:after{
  margin-top: -2px;
}
.news-wrap .support-wrap{
	background: url(../images/pc/introduction/introduction_support_photo.jpg) no-repeat left top;
}
.news-wrap .support-wrap .case_contents{
	margin-left: 390px;
}
.news-wrap .topics01-wrap .case_contents{
	margin-left: 450px;
}
.news-wrap .case_contents h5{
	font-size: 19px;
    letter-spacing: 1px;
}
.news-wrap .case_contents .case-text{
	font-size: 14px;
	margin: 0 0 5px;
	line-height: 170%;
	color: #221815;
	letter-spacing: 0.1em;
}
#ino2 .case_contents .case-text{
	width: 415px;
}
#mac1 .case_contents .case-text{
	width: 650px;
}
#mac2 .case_contents .case-text {
    width: 650px;
}
.case_icon{
	margin-left: auto;
	width: 106px;
}
#sol3 .case_icon{
	margin-top: -56px;
}
#sol6 .case_icon{
	margin-top: -106px;
}
/*機械紹介*/
.featureArea{
	border: 1px solid #87817f;
	padding: 20px;
}
.featureArea p{
	line-height: 170%;
	color: #221815;
	font-size: 15px;
	letter-spacing: 0.1em;
}
.featureArea ul > li{
	margin-bottom: 5px;
}
/**/
.intro-wrap .case_contents{
	margin-top: 30px;
	margin-left: 122px;
	padding: 0px 20px 0px 0px;
}
.intro-wrap .case_contents h5{
	line-height: 160%;
	font-size: 19px;
    letter-spacing: 1px;
}
.intro-wrap .case_contents .case-text{
	font-size: 14px;
	margin: 20px 0 5px;
	line-height: 180%;
	color: #221815;
}
/*ロールオーバー時挙動*/
.intro-wrap > li dt{
	transition: all 0.5s ease-in-out 0s;
}
.intro-wrap > li dt:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
.intro-wrap .is__open:hover{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
.news-wrap > li dt{
	transition: all 0.5s ease-in-out 0s;
}
.news-wrap > li dt:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
.news-wrap .is__open:hover{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
/**/
/**/

/* Utility
   ----------------------------------------------------------------- */
/**
 * Font & text
 */

/* フォントサイズ */
.u-text08 { font-size:50%; } /*8px*/
.u-text09 { font-size:68%; } /*9px 以下同様*/
.u-text10 { font-size:77%; }
.u-text11 { font-size:85%; }
.u-text12 { font-size:93%; }
.u-text13 { font-size:100%; }
.u-text14 { font-size:108%; }
.u-text15 { font-size:116%; }
.u-text16 { font-size:123.1%; }
.u-text17 { font-size:131%; }
.u-text18 { font-size:138.5%; }
.u-text19 { font-size:146.5%; }
.u-text20 { font-size:153.9%; }
.u-text21 { font-size:161.6%; }
.u-text22 { font-size:167%; }
.u-text23 { font-size:174%; }
.u-text24 { font-size:182%; }
.u-text25 { font-size:189%; }
.u-text26 { font-size:197%; }


.u-font10 { font-size:10px; }
.u-font11 { font-size:11px; }
.u-font12 { font-size:12px; }
.u-font13 { font-size:13px; }
.u-font14 { font-size:14px; }
.u-font15 { font-size:15px; }
.u-font16 { font-size:16px; }
.u-font17 { font-size:17px; }
.u-font18 { font-size:18px; }
.u-font19 { font-size:19px; }
.u-font20 { font-size:20px; }
.u-font21 { font-size:21px; }
.u-font22 { font-size:22px; }
.u-font26 { font-size:26px; }

/* フォントカラー */
.u-red { color: #8c0000; }
.u-white { color: #fff; }
.u-yellow { color: #ff0; }
.u-green { color: #00664c; }
.u-gray{ color: #aaaaaa; }
.u-ash { color: #20404f }
.u-orange{ color: #D86C00; }
.u-blue { color: #002040; }

/* フォント太さ */
.u-bold {
	font-weight: bold;
	font-size: large;
}

/* テキスト配置 */
.u-text-left { text-align: left !important; }
.u-text-right { text-align: right !important; }
.u-text-center { text-align: center !important; }

/* 行間 */
.u-lh15 { line-height: 1.5; }
.u-lh20 { line-height: 2; }

/**
 * Margin $ Padding
 */

/* マージン */
.u-mt0 { margin-top: 0px !important; }
.u-mt10 { margin-top: 10px !important; }
.u-mt20 { margin-top: 20px !important; }
.u-mt30 { margin-top: 30px !important; }
.u-mt40 { margin-top: 40px !important; }
.u-mt50 { margin-top: 50px !important; }
.u-mb0 { margin-bottom: 0px !important; }
.u-mb10 { margin-bottom: 10px !important; }
.u-mb20 { margin-bottom: 20px !important; }
.u-mb30 { margin-bottom: 30px !important; }
.u-mb40 { margin-bottom: 40px !important; }
.u-mb50 { margin-bottom: 50px !important; }
.u-mr0 { margin-right: 0px !important; }
.u-mr10 { margin-right: 10px !important; }
.u-mr20 { margin-right: 20px !important; }
.u-mr30 { margin-right: 30px !important; }
.u-mr40 { margin-right: 40px !important; }
.u-mr50 { margin-right: 50px !important; }
.u-ml0 { margin-left: 0px !important; }
.u-ml10 { margin-left: 10px !important; }
.u-ml20 { margin-left: 20px !important; }
.u-ml30 { margin-left: 30px !important; }
.u-ml40 { margin-left: 40px !important; }
.u-ml50 { margin-left: 50px !important; }
.u-m0auto { margin: 0 auto !important; }

/* パディング */
.u-pt10 { padding-top: 10px !important; }
.u-pt20 { padding-top: 20px !important; }
.u-pt30 { padding-top: 30px !important; }
.u-pt40 { padding-top: 40px !important; }
.u-pt50 { padding-top: 50px !important; }
.u-pb10 { padding-bottom: 10px !important; }
.u-pb15 { padding-bottom: 15px !important; }
.u-pb20 { padding-bottom: 20px !important; }
.u-pb30 { padding-bottom: 30px !important; }
.u-pb40 { padding-bottom: 40px !important; }
.u-pb50 { padding-bottom: 50px !important; }
.u-pl10 { padding-left: 10px !important; }
.u-pl20 { padding-left: 20px !important; }
.u-pl30 { padding-left: 30px !important; }
.u-pl40 { padding-left: 40px !important; }
.u-pl50 { padding-left: 50px !important; }


 /**
 * Float
 */

.u-fll { float: left; }
.u-flr { float: right; }

 /**
 * Others
 */

.u-w100per { width: 100%; }
.u-ofh { overflow: hidden; }
.u-clear { clear: both; }
.u-block { display: block; }
.u-bbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }



/**/
/**
 *
 */

 /**
 * News
 */
.newsList > dt{
	float: left;
}
.newsList > dd{
	float: right;
	background-color: #fff;
	height: 135px;
	width: 67%;
}
.newsList dd >li {
	height: 33%;

}
.case-inner .floatRow li{
	float: left;
	margin-left: 12px;
}
.case-inner .floatRow li:first-child{
	margin-left: 0;
}
.case-no_img .case_contents,
.case-no_img .case-text{
	margin-top: 0 !important;
}
 /**
 * seminar
 */
.seminarContents-wrap{
	background-color: #fff;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
	line-height: 200%;
}
.seminarContents{
	padding: 30px;
}
.cardArea li{
	float: left;
	width: 280px;
	margin-right: 30px;
}
.cardArea li img{
	width: 279px;
	height: auto;
}
.cardArea li:last-child{
	margin-right: 0;
}
.cardArea dt{
	margin-top: 15px;
	letter-spacing: 0;
	font-size: 16px;
}
.cardArea dd{
	margin-top: 15px;
	font-size: 13px;
}
.seminar-info{
	width: 898px;
	margin: 0 auto;
}
.seminar-info dl{
	border: 1px solid #073190;
}
.seminar-info dt{
	background-color: #073190;
	color: #fff;
	padding: 10px 0;
	font-size: 20px;
}
.seminar-info dd{
	padding: 20px;
}
.place-wrap{
	width: 898px;
	margin: 0 auto;
}
.place{
	display: table;
}
.place .place-map{
	display: table-cell;
	vertical-align: top;
}
.place .place-info{
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}
.mod_place-info{
	border: 1px solid #8c8c8c;
	color: #221815;
	display: table;
}
.mod_place-info li{
	border-bottom: 1px solid #8c8c8c;
}
.mod_place-info li:last-child{
	border-bottom: none;
}
.mod_place-info dt{
	padding: 4px 0;
	background-color: #eeefef;
	border-right: 1px solid #8c8c8c;
	display: table-cell;
	vertical-align: middle;
	width: 130px;
	font-size: 12px;
	text-align: center;
	box-sizing: border-box;
	color: #221815;
}
.mod_place-info dd{
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	padding: 4px 2em 4px 2em;
}
.access dd{
	padding: 10px 1em 10px 1em;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 180%;
}
.seminar-btn{
	opacity: 0.4;
	filter: alpha(opacity=40);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=40)";  /* ie 8 */
	-moz-opacity:0.4;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.4;              /* Safari 1.x */
}
 /**
 * movie
 */

 .movieContents-wrap{
	margin: 0 10px;
	letter-spacing: 0.1em;
	line-height: 180%;
}
 .movieContents-wrap > h3{
	letter-spacing: 0;
	font-size: 19px;
	line-height: 200%;
}
 .movieContents-wrap > h4{
	padding: 0 20px;
	font-size: 14px;
	line-height: 200%;
}
 .movieContents{
	background-color: #fff;
	padding: 40px;
	margin: 40px 0 0px;
}
 .movieContents .heading-border{
	letter-spacing: 0;
	border: 1px solid #cccccc;
	padding: 5px 0;

}
.movieContents-profile{
	margin-bottom: 15px;
	padding: 0px 10px;
	display: table;
}
.movieContents-profile dt{
	margin-right: 20px;
	display: table-cell;
	vertical-align: top;
}
.movieContents-profile dd{
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
}
.movieContents .mod_movieContents{
	margin-bottom: 20px;
	padding-left: 20px;
}
.movieContents h5{
	margin-bottom: 10px;
}
.movieContents .movieContents-text{
	font-size: 14px;
	color: #221815;
}
.movieContent-movie{
	display: table;
}
.movieContent-movie .mod_movieContents-movie{
	display: table-cell;
	vertical-align: top;
}
.movieContent-movie .mod_movieContents{
	display: table-cell;
	vertical-align: top;
}
.performerBox{
	padding: 30px;
	background-color: #f4f4f4;
}
.performerBox .movieContents-profile{
	padding: 0;
	margin: 0;
}
.performerBox .mod_movieContents{
	margin: 0;
}

.moviegrid-wrap{
	margin: 0 10px;
	letter-spacing: 0.1em;
	line-height: 180%;
}
 .moviegrid-wrap > h3{
	letter-spacing: 0;
	font-size: 19px;
	line-height: 200%;
}
 .moviegrid-wrap > h4{
	padding: 0 20px;
	font-size: 14px;
	line-height: 200%;
}
 .moviegrid{
    background-color: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 400px;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: inline-block;
    height: 250px;
    text-align: center;
}
.moviegrid_cons {
    background-color: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 800px;
    margin-top: 40px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    display: inline-block;
    height: 400px;
    text-align: center;
}
 .moviegrid .heading-border{
	letter-spacing: 0;
	border: 1px solid #cccccc;
	padding: 5px 0;

}
.moviegrid-profile{
	margin-bottom: 15px;
	padding: 0px 10px;
	display: table;
}
.moviegrid-profile dt{
	margin-right: 20px;
	display: table-cell;
	vertical-align: top;
}
.moviegrid-profile dd{
	display: table-cell;
	vertical-align: top;
	font-size: 12px;
}
.moviegrid .mod_moviegrid{
	margin-bottom: 20px;
	padding-left: 20px;
}
.moviegrid h5{
	margin-bottom: 10px;
}
.moviegrid .moviegrid-text{
	font-size: 14px;
	color: #221815;
}
.movieContent-movie{
	display: table;
}
.movieContent-movie .mod_moviegrid-movie{
	display: table-cell;
	vertical-align: top;
}
.movieContent-movie .mod_moviegrid{
	display: table-cell;
	vertical-align: top;
}
.performerBox{
	padding: 30px;
	background-color: #f4f4f4;
}
.performerBox .moviegrid-profile{
	padding: 0;
	margin: 0;
}
.performerBox .mod_moviegrid{
	margin: 0;
}
 /**
 * mail
 */
 .mailContents-wrap{
	letter-spacing: 0.1em;
	line-height: 220%;
}
/**
 * mail
 */
 .applicationContents-wrap{
	letter-spacing: 0.1em;
	line-height: 220%;
	margin-bottom: 50px;
}
.mailContents-wrap h3{
	font-size: 16px;
}
.mailContents-wrap h4{
	font-size: 14px;
	margin-bottom: 30px;
}
.mailContents-wrap .cardList{
	margin-bottom: 60px;
	display: inline-block;
}
.mailContents-wrap .cardList li{
	float: left;
	margin-right: 20px;
}
.cardList li:last-child{
	margin-right: 0;
}
.mail-note{
	line-height: 180%;
	font-size: 13px;
	text-align: center;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.CSSbanner {
	padding-top: 10px;
	text-align: right;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	top: auto;
	bottom: auto;
}
 /**
 *toTOP
 */
#pageTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
}
#pageTop a {
    display: block;
    z-index: 999;
    padding: 8px 0 0 8px;
    border-radius: 5px;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background-image: url(../images/shared/totop.png);
}
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}
.process-info {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}
.moviecategory {
    padding-bottom: 10px;
    border: 1px solid #07318F;
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
}
.categorytitle {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: large;
    background-color: #07318F;
    height: 30px;
    line-height: 30px;
}
.moviegrid img {
    padding-bottom: 0px;
    margin-bottom: 10px;
    max-height: 200px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.moviegrid_cons img {
    padding-bottom: 0px;
    margin-bottom: 10px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-height: 320px;
}
.categoryList {
    width: 100％;
    margin-top: 40px;
    margin-bottom: 40px;
    height: auto;
    text-align: center;
}
.categoryBtn {
    background-color: #07318F;
    color: #FFFFFF;
    width: 150px;
    display: inline-block;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 10px;
}
#main div .merit_set {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
div .merit_set img {
    display: inline-block;
    margin-left: 10px;
}
#main div .merit_title {
    width: 840px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
div .merit_title img {
    margin-left: auto;
    margin-right: auto;
}
article #main .cloud {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #07318F;
    background-color: #FFFFFF;
    padding-top: 20px;
    padding-bottom: 50px;
}
#main .cloud img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.print-none {
}
#hako {
	height: 30px;
	border: solid 1px #ddd;
	width: 300px;
	font-size: 14px;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0;
	border-radius: 5px;
}
#hako:hover{
    box-shadow: inset 0px 0px 5px #666666;
    -webkit-box-shadow: inset 0px 0px 5px #666666;
}
#hako:focus {
	outline: 0;
	background-color: #fff;
	box-shadow: inset 0px 0px 5px #00157B;
	-webkit-box-shadow: inset 0px 0px 5px #00157B;
}
#search-box {
	width: 960px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	position: relative;
	text-align: right;
}

#hako-top {
	border: solid 1px #ddd;
	font-size: 14px;
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0;
	border-radius: 5px;
	height: 30px;
	padding-left: 5px;
	width: 265px;
}
#hako-top:hover{
	box-shadow: inset 0px 0px 5px #666666;
	-webkit-box-shadow: inset 0px 0px 5px #666666;
}
#hako-top:focus {
	outline: 0;
	background-color: #fff;
	box-shadow: inset 0px 0px 5px #00157B;
	-webkit-box-shadow: inset 0px 0px 5px #00157B;
}
#search-box-top {
	z-index: 999;
	top: 20px;
	position: absolute;
	text-align: right;
	display: inline-block;
	right: 20px;
	left: auto;
}

#button {
	font-size: 15px;
	border: none;
	transform: translate(0,-50%);
	background-color: inherit;
	border-radius: 3px;
	color: #1F469A;
	position: absolute;
	top: 16px;
	height: 30px;
	right: 1px;
}
#button:hover {
	cursor: pointer;
	height: 30px;
	opacity: 0.5;
}
.top_visual_nav .SClogin {
	z-index: 999;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(../images/pc/topnew/top_SClogin.png);
	background-size: 100%;
	width: 270px;
	height: 40px;
}

.top_visual_nav .webinar {
	z-index: 999;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(../images/pc/topnew/top_webinar.png);
	background-size: 100%;
	width: 270px;
	height: 40px;
}
.dxsc_image {
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	width: 800px;
}
.dxsc_sub1 {
	color: #073190;
	font-size: 16px;
	line-height: 1.8;
	padding-top: 20px;
}
.dxsc_sub2 {
	color: #073190;
	font-weight: bold;
	font-size: 24px;
	margin-top: 30px;
}
.dxsc_wrap {
	width: 960px;
	text-shadow: 0px 0px;
	background-color: #FFFFFF;
	text-align: center;
}


.netis-wrap > h2{
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 200%;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
.netis-wrap >h3 {
	margin-top: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	font-size: 20px;
}
.netis-wrap >p {
	padding-bottom: 50px;
	padding-top: 20px;
}
        
        
.netis-box {
	background-color: #FFFFFF;
	border: 1px solid #073190;
	margin-bottom: 50px;
}
.netis-box > div {
	font-size: 14px;
	line-height: 35px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.netis-box .blockb {
	font-size: 16px;
}
.netis-box .blocka {
	float: left;
	margin-right: 0px;
	padding-right: 20px;
	color: #073190;
}
.blocka li  {
	font-weight: bold;
}
div ul .spec {
	font-weight: bold;
	font-size: 18px;
	color: #666;
}
.netis-box .netis-title {
	font-size: 22px;
	background: #073190;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.netis-box p {
	padding: 15px 20px;
	margin: 0;
}
.netis-box .ue {
	border-bottom: 1px solid #073190;
}
#yuudou {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 150px;
	height: 72px;
	float: right;
	margin-top: -100px;
}