@charset "utf-8";
/*
editor : W3G,LLC. Ryo Ueda ( ueda.ryo@w3g.jp );
*/
/* ----------------------------------------------------------------
	HTML5 display definitions
----------------------------------------------------------------- */
main, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{
	display:block;
}

audio, canvas, video{
	display:inline-block;
}

audio:not([controls]){
	display:none;
	height:0;
}

[hidden]{
	display:none;
}

/* ----------------------------------------------------------------
	Base
----------------------------------------------------------------- */
html{
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing:subpixel-antialiased;
}

body{
	margin:0;
	padding:0;
	color:#333;
	font-size:15px;
	background-color:#fff;
	line-height:2;
}
legend, hr{
	display:none;
}

/* ----------------------------------------------------------------
	Typography
----------------------------------------------------------------- */
body,button, input, select, textarea{
	font-family:'segoe UI', Verdana, Roboto, 'Droid Sans','HiraKakuProN-W3', 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3', 'Hiragino Kaku Gothic Pro', '\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3', Meiryo, '\30E1\30A4\30EA\30AA', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	position:relative;
	font-size:100%;
	font-weight:bold;
}

p{
	margin:0;
	padding:0;
}

strong{
	font-weight:bold;
}
em{
	font-style:normal;
}
b{
	font-style:normal;
	font-weight:bold;
}

abbr[title]{
	border-bottom:1px dotted;
}

pre{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

q{
	quotes:none;
}

q:before,
q:after{
	content:'';
	content:none;
}

small{
	font-size:77%;
}

sub, sup{
	position:relative;
	line-height:1;
	vertical-align:baseline;
	font-size:77%;
}

sup{
	top:-0.5em;
}

sub{
	bottom:-0.25em;
}

applet, object, iframe, blockquote, abbr, acronym, address, mark,
pre, big, cite, code, del, dfn, ins, kbd, samp, q, s,
small, strike, sub, sup, tt, var, b, u, i{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

/* ----------------------------------------------------------------
	Links
----------------------------------------------------------------- */
a{
	color:#d31d00;
	text-decoration:underline;
	outline:0 none;
}

a:focus{
	text-decoration:underline;
}

a:hover,
a:active{
	color:#e98d7d;
	outline:0 none;
	text-decoration:none;
}
/* ----------------------------------------------------------------
	Lists
----------------------------------------------------------------- */
menu, ul, ol, dl{
	margin:0;
	padding:0;
	list-style:none;
}
menu > :last-child, ul > :last-child, ol > :last-child, dl > :last-child{
	margin-bottom:0 !important;
}
menu p, menu ul, menu ol, menu dl, menu table, ul p, ul ul, ul ol, ul dl, ul table, ol p, ol ul, ol ol, ol dl, ol table, dl p, dl ul, dl ol, dl dl, dl table{
	margin-top:5px;
	font-size:100%;
}

ol{
	list-style-type:decimal;
}
ol li ol{
	list-style-type:decimal;
}
dd{
	margin:0;
}

/* ----------------------------------------------------------------
	Tables
----------------------------------------------------------------- */
table{
	margin:0;
	padding:0;
	border-spacing:0;
	width:100%;
	font-size:inherit;
}
table p, table ul, table ol, table dl, table table{
	margin-bottom:5px;
	font-size:100%;
}
table td > :last-child{
	margin-bottom:0 !important;
}

/* ----------------------------------------------------------------
	Embedded content
----------------------------------------------------------------- */
img{
	border:0;
	line-height:1;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
svg:not(:root){
	overflow:hidden;
}

/* ----------------------------------------------------------------
	Figures
----------------------------------------------------------------- */
figure{
	margin:0;
}

/* ----------------------------------------------------------------
	Forms
----------------------------------------------------------------- */
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}

button, input, select, textarea{
	margin:0;
	vertical-align:baseline;
	font-size:100%;
}

button, input{
	line-height:normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor:pointer;
}

button[disabled], input[disabled]{
	cursor:default;
}

input[type="checkbox"],
input[type="radio"]{
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

select{
	line-height:normal;
	vertical-align:middle;
}

textarea{
	overflow:auto;
	vertical-align:top;
}
/* ----------------------------------------------------------------
	unit
----------------------------------------------------------------- */
body{
	min-width:1024px;
}
.tel{
	text-decoration:none;
	color:#333;
	cursor:text;
	position:relative;
}
@media(max-width: 720px) {
	.tel{
		color:#08568c;
		border-bottom:1px solid #08568c;
	}
	.tel:before{
		content:"\30BF\30C3\30C1\3057\3066\96FB\8A71\3092\639B\3051\308B";
		display:block;
		color:#999;
		font-size:85%;
	}
}
#header{
	background:#f2f2f2 url(../img/h1bg.jpg) repeat 0 0;
	position: relative;
}
#header h1{
	height:0;
	overflow:hidden;
	padding:621px 0 0 0;
	background: url(../img/h1.jpg) no-repeat center top;
}
#header .txt{
	background: url(../img/h1descbg.png) repeat-x left bottom;
	margin:0;
	padding:0;
	text-align:center;
	height:155px;
}
#header .btn,
#header .sns{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#header .btn p,
#header .sns .inner{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#header .btn p a{
	position: absolute;
	top: 40px;
	left: -35px;
}
#header .sns .inner > iframe{
	position: absolute;
	top: 430px;
	left: -10px;
}
#header .btn p a{
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#header .btn p a:hover{
	opacity:0.7;
}
#header #f2dbee1b74 ._5jjq ._5tzr{
	overflow: hidden !important;
}
#intro{
	background-color:#f1f1f1;
	position:relative;
	height:385px;
}
#intro:before{
	content:"";
	display:block;
	height:60px;
	width:100%;
	background:#fff;
	position:absolute;
	bottom:0;
	left:0;
}
#intro:after{
	content:"";
	display:block;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-90px;
	width:179px;
	height:56px;
	background:url(../img/introbg.png) no-repeat 0 0;
}
#intro .content{
	width:910px;
	margin:0 0 0 -490px;
	padding:35px;
	background-color:#fff;
	border-bottom:5px solid #e2e2e2;
	border-radius: 10px;
	position:absolute;
	top:-50px;
	left:50%;
}
#intro .content:before,
#intro .content:after{
	content:"";
	display:block;
}
#intro .content:after{
	clear:both;
}

#intro dt{
	font-size:22px;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 0.75em 0;
	text-align:center;

}
#intro dt em{
	font-size:125%;
}
.blue{
	color:#0b7fcf;
}
.red{
	color:#db2f59;
}
.fl{
	float:left;
	padding:0 1em 0 0;
}
section{
	position:relative;
	padding:0;
}
section + section{
	margin-top:-60px;
}

#no1 .bg,
#no3 .bg{
	background:url(../img/pattern1bg.gif) repeat 0 0;
	padding-bottom:100px;
}
#no2 .bg,
#no4 .bg{
	background:url(../img/pattern2bg.gif) repeat 10px 10px;
	padding-bottom:100px;
}

section header{
	background:url(../img/h2descbg.gif) repeat-x left bottom;
}
#no1 header{
	background-color:#fff;
}
h2{
	max-width:1000px;
	margin:0 auto;
	text-align:left;
}
section .content{
	width:1000px;
	margin:0 auto;
}
section .box{
	overflow:hidden;
}
section b{
	display:block;
	width:5em;
	text-align:center;
	height:1em;
	line-height:1;
	padding:0.25em 0;
}
section b.red{
	color:#fff;
	background-color:#db2f59;
}
section b.blue{
	color:#fff;
	background-color:#0b7fcf;
}

.comment{
	width:600px;
	padding:30px 20px;
	background-color:#fff;
	border:5px solid #e5e5e5;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#no2-1 .comment,
#no3-1 .comment{
	float:right;
}
#no4 .comment{
	width:auto;
}
.comment p{
	margin:1em 0 0 0;
}
.comment p + b{
	margin-top:2.5em;
}
#no1-1{
	background:url(../img/img2.jpg) no-repeat 100% 50px;
	padding:50px 0 0 0;
}
#no2-1{
	background:url(../img/img3.jpg) no-repeat 0 50px;
	padding:50px 0 0 0;
}
#no2-2{
	clear:both;
	padding:50px 0 0 0;
	background:url(../img/img4.jpg) no-repeat 100% 50px;
}
#no3-1{
	background:url(../img/img5.jpg) no-repeat 0 50px;
	padding:50px 0 0 0;
}
#no3-2{
	clear:both;
	padding:50px 0 0 0;
	background:url(../img/img6.jpg) no-repeat 100% 50px;
}
#no4-1{
	padding:50px 0 0 0;
}
#persons{
	padding:50px 0 0 0;
	position:relative;
}
#persons > dt{
	text-align:center;
	padding:0 0 150px 0;
}
#persons > dd{
	position:absolute;
	width:415px;
	height:200px;
	border:5px solid #47a0dc;
	top:500px;
	left:20px;
	padding:0 20px 20px 20px;
	line-height:1.6;
	background-color:#fff;
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
#persons > dd + dd{
	border-color:#e46383;
	left:auto;
	right:20px;
}
#persons dd dt{
	padding:20px 0 10px 0;
	margin:0 0 10px 0;
	font-size:22px;
	line-height:1;
	font-weight:bold;
	border-bottom:1px dotted #7f7f7f;
	background:url(../img/mark1.png) no-repeat 100% 100%;
}
#persons dd + dd dt{
	background:url(../img/mark2.png) no-repeat 100% 50%;
}
#persons dd dt .post{
	font-size:14px;
	display:block;
	line-height:1;
	margin:0 0 10px 0;
}
#corp{
	margin-top:0;
	padding:50px 0;
	background-color:#f1f1f1;
}
#corp .content{
	background:url(../img/img8.jpg) no-repeat 100% 50px;
}
#corp h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:22px;
}
#corp p{
	padding:0;
	margin:0 0 2em 0;
}
#corp p,
#corp table{
	width:500px;
}
#corp caption{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	margin:0 0 0.5em 0;
}
#corp th,
#corp td{
	background-color:#e9e9e9;
	padding:0.5em 1em;
	text-align:left;
	border-top:1px dotted #a8a8a8;
	border-bottom:1px dotted #a8a8a8;
}
#corp td{
	text-align:right;
}
#corp .even th,
#corp .even td{
	background-color:#fff;
	border-top:0 none;
	border-bottom:0 none;
}
#product{
	margin-top:0;
	padding:50px 0;
	background:#fff url(../img/productbg.png) repeat 0 0;
	color:#fff;
}
#product .content{
	background:url(../img/img9.jpg) no-repeat 0 0;
}
#product h3{
	font-size:22px;
	margin:0 0 0.5em 500px;
	padding:0;
}
#product p{
	margin:0 0 0 500px;
	padding:0;
}
#product .price{
	margin:20px 0 0 500px;
	padding:10px 20px;
	background-color:#df486d;
	color:#fff;
	font-weight:bold;
}
#product .inner{
	position: relative;
}
#product .inner .link{
	width: 160px;
	position: absolute;
	left: 330px;
	bottom: 10px;
}
#product .inner .link a{
	padding: 6px 0 6px 10px;
	display:block;
	background: #fff;
	color: #555;
	text-decoration: none;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
	font-weight: bold;
}
#product .inner .link a:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #db2f59;
	border-right: 1px solid #db2f59;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#product .inner .link a:hover{
	opacity:0.8;
}
#product .num{
	font-size:20px;
	padding:0 0 0 1em;
}
#contentinfo{
	background-color:#db2f59;
	color:#fff;
	height:105px;
}
#contentinfo .content{
	max-width:1000px;
	margin:0 auto;
	position:relative;

}
#contentinfo a{
	color:#fff;
	position:absolute;
	top:26px;
	left:0;
	height:0;
	padding:54px 0 0 0;
	width:244px;
	background:url(../img/logo.png) no-repeat 0 0;
	overflow:hidden;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
#contentinfo a + a{
	top:17px;
	left:auto;
	right:0;
	width:326px;
	padding:71px 0 0 0;
	background:url(../img/ideabanner.png) no-repeat 0 0;
}
#contentinfo a:hover{
	opacity:0.8;
}
/* ----------------------------------------------------------------
	responsive
----------------------------------------------------------------- */

@media(max-width: 1000px) {

}