@charset "UTF-8";
/* CSS Document */

/**********************************************************************************************

　ヘッダー　shutto

**********************************************************************************************/

.shutto-component-repeat2{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#shutto-component-9 {
	background: rgb(255, 255, 255);
	text-align:left;
}
#shutto-component-10 {
	position:relative;
	z-index:52;
	background:#FFFFFF;
}
#shutto-component-11 {
	padding-right: 10px;
}
#shutto-component-11 {
	padding-top: 0;
}
#shutto-component-11 {
	/*background: url("https://shutto.s3.amazonaws.com/uploads/1a4c31cb6847b35e6779/kawamura.jpg") left bottom / auto no-repeat scroll rgb(18, 89, 160), 0% 0% / auto;*/
	background: url(https://shutto.s3.amazonaws.com/uploads/1a4c31cb6847b35e6779/kawamura.jpg) left bottom no-repeat;
}
#shutto-component-12 table {
    width: 100%;
    border: none;
}
#shutto-component-12 table th {
    background: #fff5e6;
    display: block;
    padding: 8px;
    border-bottom: none;
}
#shutto-component-12 table td {
    display: block;
    padding: 8px;
}
#shutto-component-12 table td ul {
    margin: 0;
}
#shutto-component-12 table td li {
    list-style: none;
    background: url(/datacom/images/datacomTypeIcon.gif) no-repeat left;
    padding-left: 10px;
}
#shutto-component-12 table td a {
    display: block;
    width: 204px;
    height: 44px;
    margin: 0 auto;
    text-indent: -9999px;
    background: url(/datacom/images/datacomTypeBtn.jpg) no-repeat;
}
#shutto-component-12 table .btn {
    background: #f6f6f6;
}
#shutto-component-12 table .btn .btnText {
    margin-top: 5px;
}
#shutto-component-41 table {
    width: 100%;
    border: none;
}
#shutto-component-41 table td {
    display: block;
    border: none;
    background: transparent;
}
#shutto-component-41 table td a,
#shutto-component-41 table td a:visited {
    color: #333333;
}
#shutto-component-41 table .elecDoc {
    width: 100%;
    border: 1px solid #234b87;
    margin-top: 10px;
    border-radius: 5px;
    background: #eef9ff;
}
#shutto-component-41 table .dataDoc {
    width: 100%;
    border: 1px solid #6261ad;
    margin-top: 10px;
    border-radius: 5px;
    background: #f4f3f9;
}
#shutto-component-41 table .elecDoc td,
#shutto-component-41 table .dataDoc td {
    padding: 8px;
}
#shutto-component-41 table .elecDoc > img:first-child,
#shutto-component-41 table .dataDoc > img:first-child {
    display: none;
}
#shutto-component-41 table .elecDoc table td:first-child,
#shutto-component-41 table .dataDoc table td:first-child {
    float: left;
    width: 90px;
}
#shutto-component-41 table .elecDoc table td:last-child,
#shutto-component-41 table .dataDoc table td:last-child {
    float: left;
    width: 45%;
}
#shutto-component-41 table .date img { 
    display: block;
    margin-bottom: 10px;
}
#shutto-component-41 table .tokucho a {
    margin-top: 10px;
    display: block;
    width: 79px;
    height: 28px;
    text-indent: -9999px;
    background: url(/electric/newproducts/newproductsTop/tokuchoBtn.gif) no-repeat;
}
#shutto-component-41 table .shiyou a {
    margin-top: 5px;
    display: block;
    width: 114px;
    height: 28px;
    text-indent: -9999px;
    background: url(/electric/newproducts/newproductsTop/shiyouBtn.gif) no-repeat;
}
.shutto-component-menu {
	border-radius: 5px 0px 5px 5px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
	box-shadow: 0px 0px 10px #aaa;
}
.shutto-prop-round {
	margin:0;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.shutto-menu-button-shadow {
	display:none;
	position: absolute;
	z-index:5;
	border-radius: 3px;
	border-bottom-left-radius: 0;
	right: 10px;
	top: 16px;
	width: 18px;
	height: 12px;
	-moz-box-shadow: 0 0 10px #aaa;
	-webkit-box-shadow: 0 0 10px #aaa;
	box-shadow: 0px 0px 10px #aaa;
}
.shutto-component-line.shutto-menu.borderWhite{
	border-radius: 3px 3px 0 0;
}


/**********************************************************************************************

　ページ内共通

**********************************************************************************************/

.borderWhite{
	border-color:#FFFFFF !important;
}
.taC{
	text-align:center;
}
@media screen and (min-width: 751px) {
	.u-sp{
		display:none !important;
	}
}
@media screen and (max-width: 750px) {
	.u-pc{
		display:none !important;
	}
}
.aHover:hover{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.disIB{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

/* margin
--------------------------------------------------------------------------------*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb40{
	margin-bottom:40px;
}

/* リセット
--------------------------------------------------------------------------------*/
/*
html, body {
	overflow-x:inherit !important;
}*/
#mainContents img	{ border: none; vertical-align: bottom; max-width:100%;}
ol, ul { list-style: none; }
#mainContents table { border-collapse: collapse; border-spacing: 0; font-size: 100%; font-size: inherit; }


/* ページ
--------------------------------------------------------------------------------*/
#mainWrapper{
	display:block;
	width:100%;
	margin: 0 auto;
	position:relative;
}
@media screen and (max-width: 750px) {
	#mainWrapper{
		width:100%;
	}
}
#mainContents{
	font-size:14px;
	max-width: 940px;
	margin: 0 auto;
}
@media screen and (max-width: 750px) {
	#main #mainContents{
		width:100%;
	}
}
#mainContents * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.divSection{
	display:block;
	position:relative;
	margin-bottom:40px;
	line-height:180%;
	padding:40px 0;
}
#mainContents h3,
#mainContents p,
#mainContents div,
#mainContents ul,
#mainContents li{
	line-height:180%;
}

/* ページ　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	#mainWrapper{
		min-width:100%;
	}
	#mainContents{
		font-size:10px;
	}
	#mainContents h3{
		line-height:140%;
	}
	.divSection{
		margin-bottom:0;
		padding:0;
		text-align:center;
	}
}



/**********************************************************************************************

　ヘッダー

**********************************************************************************************/
#pageHeadSP{
	border-top:3px solid #1259A0;
	padding-top:16px;
	background:#FFF;
}
@media only screen and (max-width: 750px) {
	#pageHead{
		display:none;
	}
}
#headInnerSP{
	display:none;
	position:absolute;
	top: 45px;
	width:100%;
	z-index:51;
}
#pLinkLong{
	text-align:left;
	margin-bottom:20px;
}

/* スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	#main{
		width:100%;
	}
	#pLinkLong{
		display:none;
	}
}


/**********************************************************************************************

　コンテンツ

**********************************************************************************************/


/* タイトル
--------------------------------------------------------------------------------*/
.largeTitle{
	font-size:2.286em;
	font-weight:bold;
	color:#005EAC;
}
.largeTitleBar{
	font-size:1.786em;
	font-weight:bold;
	color:#E95313;
	border-bottom:2px solid #E95313;
	padding-bottom:10px;
	margin-bottom:20px;
}

/* タイトル　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.largeTitle{
		font-size:2.200em;
		line-height:140%;
		margin: 0;
	}
	.largeTitleBar{
		font-size:1.5em;
		padding-bottom:2%;
		margin-bottom:4%;
	}
}

/* areaTopBtn
--------------------------------------------------------------------------------*/
#fixedTop {
	right: 10px;
	bottom: -100px;
	text-align: center;
	position: fixed;
	z-index: 9999;
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.5;
}


/* areaSide
--------------------------------------------------------------------------------*/
.areaSide{
	position:absolute;
	display:block;
	top:0;
	right:0;
	margin-top:183px;
	margin-right:0;
	z-index:50;
	padding:0;
}
.areaSide.fixed{
	margin-top:0;
	position:fixed;
}
.areaSide .ulNavi li{
	margin-bottom:10px;
}
.areaSide .ulNavi li.liMenu{
	display:none;
}

/* areaSide　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaSide{
		display:none;
	}
}

@media only screen and (min-width: 1161px) {
	.areaSide{
		margin-right:0 !important;
	}
}
@media only screen and (max-width: 1160px) {
	.areaSide{
		margin-right:-152px;
		position:fixed;
	}
	.areaSide .ulNavi li.liMenu{
		display:block;
		position:fixed;
		top:0;
		right:0;
		margin-top:183px;
		cursor:pointer;
	}
}

/* areaMain
--------------------------------------------------------------------------------*/
.areaMain{
	background:#00A3D5;
}
.areaMain .ulText li{
	position:relative;
	top:0;
	left:0;
	margin-left:180px;
	z-index:6;
}
.areaMain .ulChar li{
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	margin-top:40px;
	margin-left:180px;
}
.areaMain .ulChar li.liChar01{
	z-index:5;
	transition: margin-left 1s;
}
.areaMain .ulChar li.liChar02{
	opacity: 0;
	margin-left:40px;
	z-index:5;
	transition: opacity .5s;
	transition-delay: 1s;
}
.areaMain h2{
	line-height: 100%;
	border-top: none;
}
/* ページ　アニメーション
-------------------------------------*/
.areaMain .ulChar li.liChar01.fadein{
	margin-left:0;
}
.areaMain .ulChar li.liChar02.fadein{
	opacity: 1;
}
/* ページ　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaMain .ulText li{
		margin-left:0;
	}
	.areaMain img{
		width:100%;
	}
	.areaMain .ulCharSP li{
		position:absolute;
		right:0;
		bottom:0;
		width:55%;
		margin: 0 4% 20% 0;
		z-index: 10;
	}
	.areaMain .ulCharSP li.liChar01{
		transition: opacity .5s;
		transition-delay: 1s;
		opacity: 0;
	}
	.areaMain .ulCharSP li.liChar02{
		transition: opacity .5s;
		transition-delay: 1.5s;
		opacity: 0;
	}
	.areaMain .ulBtnSP li{
		position:absolute;
		right:0;
		bottom:0;
		width:48.4%;
		z-index:30;
		margin: 0 3% 3.5% 0;
		-webkit-box-shadow: 2px 2px 0px rgb(51, 51, 51);
		-moz-box-shadow: 2px 2px 0px rgb(51, 51, 51);
		-ms-box-shadow: 2px 2px 0px rgb(51, 51, 51);
		box-shadow: 2px 2px 0px rgb(51, 51, 51);
	}
	.areaMain .ulBtnSP li a{
		display:block;
	}
	/* ページ　アニメーション
	-------------------------------------*/
	.areaMain .ulCharSP li.liChar01.fadein{
		opacity: 1;
	}
	.areaMain .ulCharSP li.liChar02.fadein{
		opacity: 1;
	}
}


/* areaKnow　上部
--------------------------------------------------------------------------------*/
.areaKnow{
	border:1px solid #CCCCCC;
	min-height:560px;
	color:#005EAC;
}
.areaKnow .largeTitle{
	font-size: 2.056em;
	margin: 0 auto 15px;
}
.areaKnow .ulText{
	margin:0 0 0 40px;
}
.areaKnow .ulText li{
	margin-bottom:40px;
	font-size: 1.286em;
	font-weight: bold;
}
.areaKnow .ulText li b{
	color:#E95313;
	font-weight: bold;
}
.areaKnow .ulChar li{
	position:absolute;
	top:0;
	right:0;
}
.areaKnow .ulChar li.liChar01{
	margin-top:-20px;
	margin-right:38px;
}
.areaKnow .ulChar li.liChar02{
	margin-top:10px;
	margin-right:242px;
}
.areaKnow .ulChar li.liChar03{
	margin-top:218px;
	margin-right:50px;
}
.areaKnow .ulText li.liText{
	position: relative;
}
.areaKnow .ulText li.liText .pGlap{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 35px 25px 0;
}
/* areaKnow　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaKnow{
		background:none;
		border:10px solid #CCCCCC;
		padding:6% 0;
		margin-bottom:6%;
	}
	.areaKnow .ulText{
		margin:0;
		text-align:center;
	}
	.areaKnow .ulText li{
		font-size: 1em;
		margin-bottom:6%;
	}
	.areaKnow .ulText li .largeTitle{
		text-align: center;
	}
	.areaKnow .ulText li .disIB{
		display:inline-block;
		*display:inline;
		*zoom:1;
	}
}


/* areaKnow　下部
--------------------------------------------------------------------------------*/
.areaKnow .ulList{
	letter-spacing:-.40em;
	background:#BAE2F8;
	border-radius: 15px;
	padding:40px 0;
	max-width:780px;
	margin:0 auto;
	line-height: 140%;
	margin-bottom:10px;
	text-align:center;
}
.areaKnow .ulList li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
@media only screen and (min-width: 751px) {
	.areaKnow .ulList li.liList02{
		border-left:1px dotted #004DA1;
		border-right:1px dotted #004DA1;
		margin:0 5px;
		padding:0 10px;
	}
}
.areaKnow .ulAtt{
	letter-spacing:-.40em;
	max-width:780px;
	margin:0 auto;
}
.areaKnow .ulAtt li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	font-size:0.857em;
	color:#333333;
	margin-right:1em;
	text-align:left;
}

/* areaKnow　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaKnow .largeTitle{
		margin: 0 auto 15px;
	}
	.areaKnow .ulList li{
		width:88%;
		margin:0 auto;
		padding:0;
		border:none;
	}
	.areaKnow .ulList{
		width:92%;
		margin:0 auto;
	}
	.areaKnow .ulList img{
		margin:0 auto;
	}
	.areaKnow .ulList li.liList02{
		border-top:1px dotted #004DA1;
		border-bottom:1px dotted #004DA1;
		margin:6% 0;
		padding:6% 0;
	}
	.areaKnow .ulList li.liList03{
		margin-bottom:0;
		padding-bottom:0;
	}
	.areaKnow .ulAtt{
		width:92%;
		margin:4% auto 0;
		text-align: left;
	}
	.areaKnow .ulAtt li{
		display:inline;
		padding-left:0;
		text-indent:0;
		line-height:140%;
		margin-bottom:0;
	}
}



/* areaWhy
--------------------------------------------------------------------------------*/
.areaWhy{
	border:1px solid #CCCCCC;
}
.areaWhy .largeTitle{
	margin-top: 0;
}
.areaWhy .ulText{
	margin:0 40px 40px;
}
.areaWhy .ulBtn{
	text-align:center;
	margin:0 40px 40px;
}
.areaWhy .ulBtn li{
	display:inline-block;
	*display:inline;
	*zoom:1;
    max-width: 438px;
}
.areaWhy .ulBtn li a{
	display:block;
	-webkit-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-moz-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-ms-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	box-shadow: 2px 2px 0px rgb(51, 51, 51);
}
.areaWhy .ulChar li.liChar01{
	position:absolute;
	top:0;
	left:0;
	margin-left:-140px;
}
@media only screen and (max-width: 1160px) {
	.areaWhy .ulChar li.liChar01{
		margin-left: -40px;
		width: 13%;
		margin-top: -110px;
	}
}
.areaWhy .ulChar li.liChar02{
	position:absolute;
	bottom:0;
	right:0;
	margin:0 -30px -30px 0;
}

/* areaWhy　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaWhy{
		border:10px solid #CCCCCC;
		padding:11% 0 3%;
		margin-bottom: 12%;
	}
	.areaWhy .largeTitle{
		margin: 0 auto 20px;
		text-align: center;
	}
	.areaWhy .ulText{
		margin:0 4%;
	}
	.areaWhy .ulText.ulText01{
		margin-bottom: 16%;
	}
	.areaWhy .ulBtn{
		text-align:center;
		width: 70%;
		margin:25px auto 40px;
	}
}
	
	


/* areaAbout
--------------------------------------------------------------------------------*/
@media only screen and (min-width: 751px) {
	.areaAbout.divSection{
		padding: 0;
	}
	.areaAbout .ulLabel{
		text-align: center;
		margin-bottom: 10px;
	}
}
.areaAbout .ulLabel li{
	display: inline-block;
}
.areaAbout .sectionInner{
	background:#FFFDED;
	border-radius: 8px;
	border: 4px solid #005EAC;
	position: relative;
	padding: 40px 0 70px;
}
.areaAbout .ulText{
	margin:0;
}
.areaAbout .ulText .largeTitle{
	margin-left: 40px;
}
.areaAbout .ulText.ulText01 .largeTitle{
	color: #231815;
	margin-bottom: 40px;
	margin-top: 0;
}
.areaAbout .ulText.ulText02{
	margin-left:95px;
	margin-top: 80px;
	margin-bottom: 25px;
}
.areaAbout .ulText.ulText02 .largeTitle{
	margin-left: 0px;
}
.areaAbout .ulText.ulText02 b{
	font-weight: bold;
	color: #005EAC;
}
.areaAbout .ulText.ulText03{
	margin-bottom: 40px;
}
.areaAbout .ulImg01{
	max-width:529px;
	position:relative;
	margin-left:95px;
	margin-bottom:10px;
}
.areaAbout .ulImg01 li.liImg01{
	position:relative;
	top:0;
	left:0;
	z-index:20;
}
.areaAbout .ulImg01 li.liImg02{
	position:absolute;
	top:0;
	right:0;
	z-index:5;
	transition: all 1s;
	transition-delay: 0.5s;
}
.areaAbout .ulImg01 li.liImg02.js-scroll{
	transform: translateX(263px);
}
.areaAbout .ulAtt{
	margin:0 0 0 95px;
}
.areaAbout .ulChar li.liChar01{
	position:absolute;
	bottom:0;
	right:0;
	margin-right: -30px;
}
.areaAbout .ulImg02{
	margin-bottom:40px;
}
/* areaAbout　ムービーボタン
-------------------------------------*/
.areaAbout .ulBtn{
	text-align:center;
	margin:0 40px 80px;
}
.areaAbout .ulBtn li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.areaAbout .ulBtn li a{
	display:block;
	-webkit-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-moz-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-ms-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	box-shadow: 2px 2px 0px rgb(51, 51, 51);
}

/* areaAbout　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaAbout{
		padding:0 0 12%;
		margin-bottom: 4%;
	}
	.areaAbout .ulLabel{
		font-size:1.143em;
		margin-bottom:4%;
	}
	.areaAbout .ulText{
		margin:0;
	}
	.areaAbout .sectionInner{
		border: 4px solid #005EAC;
		position: relative;
		padding: 25px 0 15%;
	}
	.areaAbout .ulText .largeTitle{
		margin: 0 4%;
	}
	.areaAbout .ulText.ulText01 .largeTitle{
		color: #231815;
		font-size: 1.2em;
		margin: 0 4% 4%;
	}
	.areaAbout .ulText.ulText02{
		margin: 0 4% 6%;
		text-align: left;
	}
	.areaAbout .ulText.ulText02 .largeTitle{
		font-size: 1.5em;
		margin-left: 0px;
	}
	.areaAbout .ulText.ulText02 b{
		font-weight: bold;
		color: #005EAC;
	}
	.areaAbout .ulText.ulText03{
		margin: 0 auto 9%;
	}
	.areaAbout .pAbout01{
		margin:6% 4%;
	}
	.areaAbout .ulAtt{
		margin:0 4% 12%;
		text-align:left;
		font-size: 0.7em;
	}
	.areaAbout .ulAtt li{
		padding-left: 1em;
		text-indent: -1em;
	}
	.areaAbout .ulImg01{
		width:82%;
		margin: 0 auto;
	}
	.areaAbout .ulText.ulText03 + .ulImg01{
		width:100%;
	}
	.areaAbout .ulChar li.liChar01{
		margin-right: 0;
	}
}

/* areaHistory
--------------------------------------------------------------------------------*/
.areaHistory{
	max-width: 860px;
	margin: 0 auto;
}
.areaHistory .largeTitleBar{
	color:#005EAC;
	border-color:#005EAC;
}
.areaHistory .ulColumn{
	display: flex;
	justify-content:space-between;
}
.areaHistory .ulColumn li{
	margin: 5px 0 25px 0;
	width: 420px;
}
/* areaHistory　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaHistory{
		width: 88%;
		margin: 0 auto 12%;
	}
	.areaHistory .largeTitle{
		text-align: center;
		margin: 0 0 15px;
	}
	.areaHistory .ulText{
		text-align: left;
	}
	.areaHistory .ulColumn{
		margin:0;
	}
	.areaHistory .ulColumn li {
		margin: 0;
		width: calc( ( 100% - 5px ) / 2 );
	}
	.areaHistory .ulColumn + .ulColumn{
		margin-top: 5px;
	}
}

/* areaProduct
--------------------------------------------------------------------------------*/
.areaProduct{
	background:#00A3D5;
}
.areaProduct .ulChar li.liChar01{
	position:absolute;
	top:0;
	right:0;
	margin-top:10px;
	margin-right:15px;
}
.areaProduct .ulText{
	margin:0 40px;
	color:#FFDD30;
}
.areaProduct .ulText li .largeTitle{
	color:#FFDD30;
	margin-top: 0;
}
.areaProduct .ulList{
	background:#FFFFFF;
	border:2px solid #EC6B00;
	margin:0 40px 20px;
}
.areaProduct .ulList.mb0{
	margin-bottom:0;
}
.areaProduct .ulBtn{
	letter-spacing:-.40em;
	margin:0 40px 20px;
}
.areaProduct .ulBtn li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	margin-right:1em;
	color:#FFDE31;
}
.areaProduct .ulBtn li a{
	display:block;
	background:#FFDE31;
	color:#00A3D5;
	padding:10px 30px;
	line-height:100%;
	-webkit-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-moz-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	-ms-box-shadow: 2px 2px 0px rgb(51, 51, 51);
	box-shadow: 2px 2px 0px rgb(51, 51, 51);
   position: relative;
	text-decoration:none;
	font-weight:bold;
	line-height: 100%;
}
.areaProduct .ulBtn li a:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #00A3D5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -7px;
}
.areaProduct .ulBtn li a:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 3px transparent;
    border-left: solid 5px #ffffff;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -3px;
}

/* areaProduct　テーブル
-------------------------------------*/
.areaProduct .ulList li.liLabel{
	background:#EC6B00;
	color:#FFFFFF;
	text-align:center;
	font-size:1.786em;
	padding:5px 0;
	margin-bottom: 20px;
	font-weight:bold;
}
.areaProduct .ulList li.liListSP{
	display:none;
}
.areaProduct .ulList li.liMidashi01,
.areaProduct .ulList li.liList01{
	margin:0 20px 20px;
}
.areaProduct .ulList li.liMidashi01{
	color:#004DA1;
}
.areaProduct .ulList li.liMidashi01 > table .thLeft{
	width:108px;
}
.areaProduct .ulList li.liMidashi01 > table .thRight{
	padding-left: 10px;
}
.areaProduct .ulList li.liMidashi01 > table .thRight p{
    position: relative;
		padding-left:18px;
}
.areaProduct .ulList li.liMidashi01 > table .thRight p:before{
    content: '';
    width: 14px;
    height: 14px;
    background: #004DA1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
.areaProduct .liList01 > table {
	width:100%;
	text-align:left;
}
.areaProduct .liList01 > table .thLeft{
	width:108px;
	border:1px solid #CCCCCC;
}
.areaProduct .liList01 > table .thRight{
	padding-left:10px;
}
.areaProduct .liList01 > table .thRight b{
	display:block;
	font-size:1.286em;
	margin-bottom:5px;
}
.areaProduct .liList01 > table .thRight b span.blue{
	color:#004C9F;
}
.areaProduct .liList01 > table table{
	width:100%;
}
.areaProduct .liList01 > table table tr th,
.areaProduct .liList01 > table table tr td{
	border:1px solid #333333;
}
.areaProduct .liList01 > table table tr th{
	background:#E9E5E2;
	padding:3px 5px;
	width: 25%;
	font-weight: normal;
}
.areaProduct .liList01 > table table tr td{
	background:#FFFFFF;
	padding:5px;
}
.areaProduct .liList01 > table table tr td.tdList03{ text-align: right; color: #005EAC; font-size: 1.438em; }

/* areaProduct　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaProduct{
		padding:6% 0;
	}
	.areaProduct .largeTitle{
		margin: 0 0 4%;
		text-align: center;
	}
	.areaProduct .ulList{
		background:#EC6B00;
		border:2px solid #EC6B00;
		margin:0 40px 20px;
	}
	.areaProduct .ulList li.liListSP{
		background: #FFFFFF;
	}
	.areaProduct .ulList li.liLabel{
		margin-bottom:0;
		position: relative;
		cursor: pointer;
		color: #FFE341;
	}
	.areaProduct .ulList li.liLabel > span{
		position: relative;
		display: inline-block;
		height: 12px;
		width: 12px;
		margin-right: 5px;
		transform-origin: center;
		transition: transform .5s;
	}
	.areaProduct .ulList li.liLabel.js-open_check > span{
		transform: rotate(180deg);
	}
	.areaProduct .ulList li.liLabel > span::before{
		content: '';
		width: 14px;
		height: 14px;
		background: #FFE341;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.areaProduct .ulList li.liLabel > span::after {
		content: '';
		width: 0;
		height: 0;
		border: solid 3px transparent;
		border-left: solid 5px #EC6C00;
		position: absolute;
		top: 50%;
		left: 50%;
		transform-origin:center center;
		transform: translate(-72%,-65%) rotate(-150deg);
	}
	.areaProduct .ulText{
		margin: 0 4%;
	}
	.areaProduct .ulList{
		margin: 0 4% 4%;
		font-size:0.714em;
	}
	.areaProduct .ulList:last-child{
		margin-bottom:0;
	}
	.areaProduct .ulList li.liListSP{
		display:none;
	}
	.areaProduct .ulList li.liListSP .divInner{
		padding:4%;
	}
	.areaProduct .ulList li.liMidashi01,
	.areaProduct .ulList li.liList01{
		display:none;
	}
	.areaProduct .ulBtn{
		display: none;
	}



	/* areaProduct　スマホ　スクロールバー
	-------------------------------------*/
	.areaProduct .ulList .liList01::-webkit-scrollbar{ /* スクロールバー本体 */
		width: 5px;
		background: #B2C9E2;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
		width: 5px;
		background: #B2C9E2;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
		background: #004C9F;
		border-radius: 2px;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
		background: #004C9F;
		border-radius: 2px;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
		background: #B2C9E2;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
		background: #B2C9E2;
	}
	.areaProduct .ulList .liList01::-webkit-scrollbar-corner{ /* スクロールバー角 */
		background: transparent;
	}
}

/* areaAttention
--------------------------------------------------------------------------------*/
.areaAttention{
	padding:0;
}
.areaAttention .ulTitle{
	letter-spacing:-.40em;
	margin-bottom:10px
}
.areaAttention .ulTitle li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	margin-right:10px;
	text-align:left;
}
.areaAttention .ulList{
	border:1px solid #CCCCCC;
	padding:40px 50px;
	text-align:left;
}

/* areaAttention　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	 .areaAttention .ulTitle{
		margin:6% 4% 4%;
		display:table;
		table-layout:fixed;
		width:92%;
	}
	 .areaAttention .ulTitle li{
		display:table-cell;
		vertical-align:middle;
	}
	 .areaAttention .ulTitle li:first-child{
		width:54px;
	}
	 .areaAttention .ulList{
		padding:4%;
		margin:0 4% 6%;
	}
}
	


/* areaContact
--------------------------------------------------------------------------------*/
.areaContact{
	background:#00A3D5;
}
.areaContact .ulTitle{
	text-align:center;
	color:#FFDD30;
	margin-bottom:20px;
}
.areaContact .ulTitle .largeTitle{
	color:#FFDD30;
	text-align:center;
	margin-top: 0;
}
.areaContact .ulBtn{
	letter-spacing:-.40em;
	margin:0 40px;
}
.areaContact .ulBtn li{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.areaContact .ulBtn li.liBtn01{
	margin-right:40px;
}
.areaContact .ulBtn li a{
	display:block;
	-webkit-box-shadow: 4px 2px 0px rgb(51, 51, 51);
	-moz-box-shadow: 4px 2px 0px rgb(51, 51, 51);
	-ms-box-shadow: 4px 2px 0px rgb(51, 51, 51);
	box-shadow: 4px 2px 0px rgb(51, 51, 51);
}

/* areaContact　スマホ
-------------------------------------*/
@media only screen and (max-width: 750px) {
	.areaContact{
		margin-bottom:20%;
		padding:6% 0;
	}
	.areaContact .ulTitle{
		margin:0 4% 6%;
	}
	.areaContact .ulBtn li.liBtn01{
		margin-right:0;
		margin-bottom:6%;
	}
}


/* areaCopy
--------------------------------------------------------------------------------*/
.areaCopy p{
	background:#00A3D5;
	color:#FFFFFF;
	font-size:10px;
	padding:8px 0;
	text-align:center;
}


/**********************************************************************************************

　アニメーション

**********************************************************************************************/

.animate-elm {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.animate-elm.type02 {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}
.animate-elm.type03 {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}
.animate-elm.fadein {
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.fadein.animeLeft{
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}
.fadein.animeRight{
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}
.fadein.slideInLeft{
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}
.fadein.fadeIn{
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
/* fadeIn
--------------------------------------------------------------------------------*/
@-webkit-keyframes fadeIn {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@keyframes fadeIn {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
/* slideInLeft
--------------------------------------------------------------------------------*/
@-webkit-keyframes slideInLeft {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}
@keyframes slideInLeft {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}

/* fadeInLeft
--------------------------------------------------------------------------------*/
@-webkit-keyframes fadeInLeft {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}
@keyframes fadeInLeft {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}
/* fadeInRight
--------------------------------------------------------------------------------*/
@-webkit-keyframes fadeInRight {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}
@keyframes fadeInRight {
from {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(100px);
          transform: translateX(100px);
}
to {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
}