@charset "utf-8";
* { box-sizing: border-box; }
body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Meiryo', sans-serif;
	color: #333;
	box-sizing: border-box;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	line-height:160%;
}
header, section, footer {
	width: 100%;
	float: left;
}
.cont {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
img { max-width:100%; height:auto;}
.n-row { width:100%; float:left;}
.n-text { width:100%; float:left; text-align:center; font-size:14px; color:#545454; line-height:160%;}
.n-photo { width:100%; float:left; text-align:center;}
.n-photo img { max-width:100%; height:auto;}

.n-menu-sum { width:100%; float:left; background:url(../img/line-head-bottom.png) bottom left repeat-x,url(../img/line-head-top.png) top left repeat-x; padding:15px 0;}
.n-logo h2{ width:8%; float:left; margin:0;}
.n-logo img { max-width:100%;}
.menu-sp { display:none;}
.n-menu { width:90%; float:left; font-size:13px; margin-top:25px; margin-left:2%; position:relative;}
.n-menu ul li { text-align:center; display:inline-block; padding-right:33px; color:#535353;}
.n-menu ul li:last-child { padding-right:0;}
.n-menu ul li a { text-decoration:none; color:inherit;}

.bg-main { background:url(../img/bg1.jpg) center center; padding:50px 0;}
.bg-main2 { background:#fff; padding:50px 0;}
.bg-main3 { background:#000 url(../img/bg2.jpg) top center no-repeat; padding:50px 0;}
.n-main { width:100%; float:left;}
.bg-title1 { background:url(../img/title-2.png) top center no-repeat; padding-top:45px;}
.bg-title2 { background:url(../img/title.png) top center no-repeat; padding-top:45px;}
h3.n-title { width:100%; float:left; font-size:25px; color:#fff; text-align:center; font-style:italic;}
.n-title2 { width:100%; float:left; font-size:25px; color:#000; text-align:center; font-style:italic;}
.n-title-sm { font-size:13px; display:block; font-style:normal; font-family:MS Gothic; font-weight:bold; margin-top:5px;}
.n-pro { width:100%; float:left;}
.n-pro-photo { width:100%; float:left; text-align:center;}
.n-pro-photo img { max-width:100%; height:auto;}
.n-pro-title { width:100%; float:left; text-align:center; color:#fff; font-size:18px; padding:0px;}
.n-pro-title a { text-decoration:none; color:inherit;}
.n-pro-text { width:100%; float:left; text-align:center; color:#fff; font-size:13px; height:40px;}
.n-pro-detail { width:100%; float:left; background:#fff; color:#000; text-align:center; font-size:14px; border-radius:5px; padding:5px 0;}
.n-pro-detail a { text-decoration:none; color:inherit; background:url(../img/ico-link.png) left top 4px no-repeat; padding-left:15px;}

/* ---- grid ---- */
.grid { background: rgba(0, 0, 0, 0); max-width: 1200px;}
/* clearfix */
.grid:after { content: ''; display: block; clear: both;}
/* ---- grid-item ---- */
.grid-sizer, .grid-item {  width: 25%;}
.grid-item { float: left; border: 2px solid rgba(0, 0, 0, 0); border-color: hsla(0, 0%, 0%, 0);}
.grid-item img { max-width:100%;}
.grid-item--width2 { width:  40%; }
.grid-item--width3 { width:  60%; }
.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
/* ---- grid-item ---- */

.p1-news { width:100%; float:left;}
.p1-news-row { width:50%; float:left; background:url(../../img/index/icon-new.png) left top 3px no-repeat; color:#555555; padding-left:20px; margin-bottom:15px;}
.p1-news-row:nth-child(2n) { width:46%; margin-left:4%;}
.p1-news-row p { margin-bottom:5px;}
.p1-news-row p:first-child { width:18%; float:left; font-size:12px; color:#4646ff;}
.p1-news-row p:nth-child(2) { width:82%; float:left; padding-left:3%; font-size:13px; font-weight:bold;}
.p1-news-row p:last-child { width:100%; float:left; font-size:12px;}

.n-footer { width:100%; float:left; background:#000; padding:20px 0; position:relative;}
.n-ft-menu { width:100%; float:left; }
.n-ft-menu ul  { width: 80%; margin: 0 auto;}
.n-ft-menu ul li { float:left; padding-right:46.5px;font-size: 11px; }
.n-ft-menu ul li:last-child { padding-right:0;}
.n-ft-menu ul li a { text-decoration:none; color:#fff;}
.n-ft-photo { width:32%; float:left; margin-right:2%;}
.n-ft-photo:nth-child(3n) { margin-right:0;}
.n-ft-photo img { max-width:100%;}

.n-copyright { width:100%; float:left; background:#000 url(../img/bg-bd-ft.jpg) top center no-repeat; padding:5px 0; color:#fff;}
.n-text-left { float:left; font-size:13px;}
.n-text-copy { float:right; font-size:13px;}


#bttop { display:none; width:30px; height:30px; position:fixed; top:50%; right:42px; text-indent:-99999px; cursor:pointer; background:url(../img/icon-pagetop.png) top center no-repeat; transition:0.5s; z-index:9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#bttop:hover{	background: url(../img/icon-pagetop.png) bottom center no-repeat; transition:0.5s;}

.n-social { position:fixed; right:0; top:60%; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); background:#fff; padding:5px; border:2px solid #d9d6ba; z-index:9;}
.n-social-item { padding:4px 0;}
.n-social-item img:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

/*about*/
.ab-table-bg { width:100%; margin:auto; max-width:835px;}
.ab-table { width:100%; float:left; color:#fff; font-size:13px; background:url(../../img/about/line-img6.png) center top no-repeat, url(../../img/about/line-img4.png) center bottom no-repeat; padding:80px 100px 60px 100px; border-collapse:separate; margin-top:60px;}
.ab-table tr td { padding:10px;}
.ab-table tr td:first-child { font-weight:bold; width:35%; text-align:left; padding-left:80px;}

.ab-title { width:100%; float:left; text-shadow: 2px 0 0 #205fe7, -2px 0 0 #205fe7, 0 2px 0 #205fe7, 0 -2px 0 #205fe7, 1px 1px #205fe7, -1px -1px 0 #205fe7, 1px -1px 0 #205fe7, -1px 1px 0 #205fe7; text-align:center; color:#fff; font-weight:bold;}
.ab-title h4 { margin:0; font-size:25px; display:inline-block; padding:0 30px;}
.ab-title img { margin-bottom:10px;}

.ab-item { width:100%; float:left; margin-top:50px; position:relative; padding-right:35%;}
.ab-title1 { width:100%; float:left; color:#205fe7; font-weight:bold;}
.ab-text { width:100%; float:left; color:#fff; margin-top:30px; position:relative; z-index:2; line-height:180%;}
.ab-photo { position:absolute; right:0; z-index:1;}
.ab-item:nth-child(2n) .ab-photo { right:3%; top:-25%;}

.ab-title2 { width:100%; float:left; text-align:center;}
.ab-title2 img { max-width:100%;}
.ab-partner { width:100%; float:left; padding:90px 45px 70px 45px; background:url(../img/bg-logo1.png) top center no-repeat,url(../img/bg-logo3.png) bottom center no-repeat, url(../img/bg-logo2.png) center center repeat-y;}
.ab-partner-row { width:100%; float:left; position:relative;}
.ab-title3 { width:100%; float:left;}
.ab-title3 img { max-width:100%;}
.ab-content { width:84%; float:right; position:absolute; right:0; top:-30px}
.ab-content-item { width:50%; float:left; text-align:center;}
.ab-item-title { display:block; font-size:16px; color:#555555; font-weight:bold; margin-top:30px;}
.ab-content2 { width:84%; float:right; position:absolute; right:0; top:10px}
.ab-content2-item2 { width:25%; float:left; text-align:center;}

.ab-title4 { width:100%; float:left; text-align:center; margin:20px 0 30px 0;}

.ab-bg { background:url(../../img/about/bg2-1.jpg) center top repeat; padding:40px 0 50px 0;}
.ab-bg2 { background:url(../../img/about/bg2.jpg) center top repeat; padding:40px 0 50px 0;}

.ab-text2 { width:100%; float:left; font-size:18px;font-weight:bold;color:#2d0b00; text-align:center;}
.ab-text3 { width:100%; float:left; font-size:18px;font-weight:bold;color:#555; text-align:center;}

.ab-faith { width:19%; float:left; margin-right:1.25%; margin-bottom:2%;}
.ab-faith:nth-child(5n) { margin-right:0;}

.ab-title5 { width:100%; float:left; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-align:center; color:#7d6eed; font-weight:bold; font-size:24px; line-height:160%;}
.ab-title6 { width:100%; float:left; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-align:center; color:#205fe7; font-weight:bold; font-size:24px; line-height:160%;}
.ab-text4 { width:100%; float:left; font-size:14px; color:#fff; text-align:center;}

.logo-ft { width:100%; float:left; padding:35px 0; text-align:center;}

.ab-process { width:100%; float:left; text-align:center;}

.ab-round { width:100%; float:left; text-align:center; position:relative; margin-top:100px; margin-bottom:60px;}
.ab-round-bd { width:650px; height:650px; margin:auto; border:5px solid #1b4fc0; border-radius:50%; text-align:center; padding:100px 0px; position:relative;}
.ab-round-text { width:100%; float:left; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size:18px; font-weight:bold; color:#1b4fc0; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; text-align:center; color:#205fe7;}
.ab-round-item1 { width:42%; position:absolute; top:-12%; left:50%; -webkit-transform: translate(-50%, -12%); -ms-transform: translate(-50%, -12%); transform: translate(-50%, -12%);}
.ab-round-item2 { width:42%; position:absolute; top:30%; right:-40%; -webkit-transform: translate(-40%, -30%); -ms-transform: translate(-40%, -30%); transform: translate(-40%, -30%);}
.ab-round-item3 { width:42%; position:absolute; bottom:-12%; right:-10%; -webkit-transform: translate(-10%, -12%); -ms-transform: translate(-10%, -12%); transform: translate(-10%, -12%);}
.ab-round-item4 { width:42%; position:absolute; bottom:-12%; left:-5%; -webkit-transform: translate(-5%, -12%); -ms-transform: translate(-5%, -12%); transform: translate(-5%, -12%);}
.ab-round-item5 { width:42%; position:absolute; top:30%; left:-15%; -webkit-transform: translate(-15%, -30%); -ms-transform: translate(-15%, -30%); transform: translate(-15%, -30%);}

/**/

/*detail*/
.dt-partner { width:100%; float:left; padding:90px 50px 70px 50px; background:url(../img/bg-logo1.png) top center no-repeat,url(../img/bg-logo3.png) bottom center no-repeat, url(../img/bg-logo2.png) center center repeat-y;}

.dt-bg { width:100%; float:left;}
.dt-photo { width:42%; float:left; padding-left:3%;}
.dt-info { width:58%; float:left; padding-left:9%;}
.thumbnails { position:relative;}
.dt-bg2 { background:url(../../img/detail/bg-thumb.png) left top no-repeat; position:absolute; width:100%; top:-10px; left:-10px; z-index:99; height:107px}

.dt-info-title { width:100%; float:left; text-align:center; font-size:24px; font-weight:bold; color:#555; font-family: Georgia; line-height:120%;}
.dt-info-text { width:100%; float:left; color:#555555; text-align:center; background:url(../../img/detail/icon1.png) left top no-repeat; padding-left:25px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; font-size:12px; padding-right:10%; font-weight:bold;}
.dt-info-text2 { width:100%; float:left; font-size:12px; font-weight:bold; color:#555; line-height:160%;}
.cl-205fe7 { color:#205fe7;}
.cl-000055 { color:#000055;}

.dt-table { width:100%; float:left; font-size:15px;}
.dt-table tr td { padding:5px 0; line-height:220%;}
.dt-table tr:last-child td { padding-top:30px;}
.dt-table tr td input { padding:2px;}

.dt-info-cart { width:100%; float:left;}
.dt-info-cart img { max-width:100%; height:auto;}

.detail-title {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; font-size:25px; font-weight:bold; color:#205fe7; text-align:center; width:100%; float:left;}
.detail-title img { margin-bottom:10px;}
.detail-title img:first-child { padding-right:30px;}
.detail-title img:last-child { padding-left:30px;}
.detail-text { width:100%; float:left; font-size:14px; color:#444; line-height:160%;}
/**/

/*brand*/
.br-sum { width:100%; float:left; background:url(../../img/brand/bg-bot.png) bottom center no-repeat, url(../../img/brand/bg-top.png) top center no-repeat, url(../../img/brand/bg-mid.png) center center repeat-y; padding:50px 70px;}
.br-sum-title { width:100%; float:left; text-align:center; font-size:18px; color:#fff; font-family:'MS PGothic'; font-weight:bold;}
.br-bd { width:100%; float:left; text-align:center;}
.br-sum-title img { max-width:100%; height:auto; padding:0 10px; margin-bottom:5px;}
.br-sum-text { width:94%; margin-left:6%; float:left; line-height:200%; text-shadow: 2px 0 0 #205fe7, -2px 0 0 #205fe7, 0 2px 0 #205fe7, 0 -2px 0 #205fe7, 1px 1px #205fe7, -1px -1px 0 #205fe7, 1px -1px 0 #205fe7, -1px 1px 0 #205fe7; text-align:center; color:#fff; font-size:14px; background:url(../../img/brand/ico-1.png) left top 3px no-repeat; padding-left:55px; text-align:left;}
.br-title { width:100%; float:left; text-align:center; font-size:22px; text-shadow: 2px 0 0 #205fe7, -2px 0 0 #205fe7, 0 2px 0 #205fe7, 0 -2px 0 #205fe7, 1px 1px #205fe7, -1px -1px 0 #205fe7, 1px -1px 0 #205fe7, -1px 1px 0 #205fe7; color:#fff;}

.br-title { width:100%; float:left; text-shadow: 2px 0 0 #205fe7, -2px 0 0 #205fe7, 0 2px 0 #205fe7, 0 -2px 0 #205fe7, 1px 1px #205fe7, -1px -1px 0 #205fe7, 1px -1px 0 #205fe7, -1px 1px 0 #205fe7; text-align:center; color:#fff; font-weight:bold;}
.br-title h4 { margin:0; font-size:25px; display:inline-block; padding:0 20px;}
.br-title img { margin-bottom:10px;}

.br-text { width:74%; float:left; font-size:14px; color:#fff; line-height:160%;}
.br-photo { width:25%; float:right; text-align:right; margin-top:40px;}
.br-photo img { max-width:100%; height:auto;}

.br-photo2 { width:100%; float:left; text-align:center; margin-top:30px;}
.br-photo2 img { max-width:100%; height:auto;}
.br-title2 { width:100%; float:left; text-align:center; margin-top:20px;}
.br-title2 a { background:url(../../img/brand/br-ico-title.png) top left no-repeat; padding:5px 0; display:inline-block; padding-left:45px; color:#fff;}
.br-title2 a:hover { color:#fff;}
.br-title3 { width:100%; float:left; text-align:center; margin-top:30px; color:#205fe7; font-size:17.8px; font-weight:bold; line-height:160%;}
.br-text2 { width:100%; float:left; text-align:center; color:#fff; line-height:160%; margin-top:10px;}

.br-bg-title { width:100%; float:left; text-align:center;}
.br-bg-title img { max-width:100%;}

.br-text3 { width:100%; float:left; color:#fff; font-size:14px; line-height:160%;}

.br-title4 { width:100%; float:left; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:160%;}
.br-title-b { width:100%; float:left; font-size:14px; font-weight:bold; color:#205fe7; margin-top:20px;}
.br-title-s { width:100%; float:left; font-size:14px; color:#fff; margin-top:5px;}
/**/

/*company*/
.cp-bg-title { width:100%; float:left; text-align:center;}
.cp-bg-title img { max-width:100%;}
.cp-title { width:100%; float:left; text-align:center; font-weight:bold; color:#fff; line-height:160%;}
.cp-title-sm { font-size:13px; display:block;}
.cp-title2 { width:100%; float:left; text-align:center; color:#fff; text-shadow: 1px 0 0 #205fe7, -1px 0 0 #205fe7, 0 1px 0 #205fe7, 0 -1px 0 #205fe7, 1px 1px #205fe7, -1px -1px 0 #205fe7, 1px -1px 0 #205fe7, -1px 1px 0 #205fe7; font-size:25px; line-height:120%; font-weight:bold;}
.cp-photo { width:100%; text-align:center; margin-bottom:15px;}

.cp-50 { width:49.5%; float:left; margin-right:1%;}
.cp-50:nth-child(2n) { margin-right:0;}
.cp-20 { width:19.5%; float:left; margin-right:0.625%;}
.cp-20:nth-child(5n) { margin-right:0;}
.cp-text { width:77%; float:left; font-size:18px; color:#fff; font-weight:bold; margin-top:20px; padding-right:20px;}
.cp-text2 { width:100%; float:left; font-size:18px; color:#fff; font-weight:bold; margin-top:30px; padding-right:20px;}
.cp-photo2 { width:23%; float:left; text-align:right;}
.cp-photo2 { max-width:100%; height:auto;}
.cp-photo3 { margin-bottom:3px; text-align:center;}

.cp-left { width:50%; float:left; text-align:right; padding-right:1%;}
.cp-right { width:50%; float:left; text-align:left; padding-left:1%;}

.cp-footer { width:100%; float:left; border-top:1px solid #fff; margin-top:20px; padding-top:20px;}
/**/

@media screen and (min-width:981px) {
	.n-menu ul{ display:block !important; }
}

@media screen and (max-width:980px) {
	.cont { width:96%; margin:0 2%;}
	.menu-sp { display:block;
    float: right;
    height:40px;
    display: inline-block;
    margin-top: 18px;
    color: #fff;
    font-size: 1.6em;
    line-height: 40px;
    padding-left: 44px;
    font-weight: bold;
    box-sizing: border-box;
    background: #dc6969 url(../img/menu-sp.png) center left 10px no-repeat;
    cursor: pointer;}
	.n-logo h2{ width:50%;}
	.n-menu { width:100%; margin:0;}
	.n-menu ul{ display:none; position:absolute; width:100%; float:left; margin-top:15px; z-index:9;}
	.n-menu ul li { width:100%; float:left; padding:10px; background:#dc6969; color:#fff; border-bottom:1px solid #fff;}
	
	.n-pro { margin:10px 0 50px 0; border-bottom:1px solid #fff; padding-bottom:20px;}
	
	.n-ft-menu { display:none;}
	.n-ft-photo { width:100%; text-align:center; margin-right:0; margin-bottom:20px;}
	
	/**/
	.ab-round { margin-top:0; margin-bottom:20px;}
	.ab-round-bd { width:100%; float:left; height:auto; border:none; padding:0;}
	.ab-round-text {position:relative; top:0%; left:50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	.ab-round-item1 { width:100%; position:relative; top:0%; left:50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	.ab-round-item2 { width:100%; position:relative; top:0%; left:50%; right:0%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	.ab-round-item3 { width:100%; position:relative; bottom:0%; left:50%; right:0%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	.ab-round-item4 { width:100%; position:relative; bottom:0%; left:50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	.ab-round-item5 { width:100%; position:relative; top:0%; left:50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); margin-bottom:30px;}
	/**/
	
	/*Brand*/
	.br-photo2 { margin-top:50px;}
	/**/
	
/*Company*/
.cp-photo3 { margin-bottom:20px;}
/**/
}

@media screen and (max-width:960px) {
.p1-news-row { width:100%;}
.p1-news-row:nth-child(2n) { width:100%;}
	
/*about*/
.ab-item { padding:0; border-bottom:1px dotted #fff; padding-bottom:20px;}
.ab-item:last-child { border-bottom:none;}
.ab-title1{ text-align:center;}
.ab-photo { position:relative; text-align:center;}

.ab-partner { padding:90px 0 70px 0;}
.ab-content { width:100%; float:left; position:relative; top:0;}
.ab-content-item { width:100%; margin-bottom:20px;}
.ab-content2 { width:100%; float:left; position:relative; top:0;}
.ab-content2-item2 { width:50%; margin-bottom:20px;}
.ab-title3 { overflow:hidden; margin-bottom:20px;}
.ab-title3 img { max-width:none;}
.ab-process { margin-bottom:20px;}
/**/

/*detail*/
.dt-partner { padding:20px; background: #FBFAF8;}
/**/
}

@media screen and (max-width:768px) {
.n-text-left { text-align:center; width:100%;}
.n-text-copy { width:100%; text-align:center;}
#bttop { position:absolute; top:auto; right:5px; bottom:-50px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}

.n-social { top:80%; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%);}

/*about*/
.ab-table { padding-left:10px; padding-right:10px}
.ab-table tr td:first-child { padding:10px;}
.ab-faith { width:49%; text-align:center; margin-right:2%;}
.ab-faith:nth-child(5n) { margin-right:2%;}
.ab-faith:nth-child(2n) { margin-right:0%;}
/**/

/*detail*/
.dt-photo { width:100%; padding:0; margin:0;}
.dt-info { width:100%; margin:0; padding:0;}
/**/

/*brand*/
.br-sum { padding:50px 0px;}
.br-sum-text { width:100%; margin-left:0;}
.br-photo { width:100%; text-align:center; margin-bottom:20px;}
.br-text { width:100%;}
/**/

}

@media screen and (max-width:640px) {
	/*Company*/
	.cp-20 { width:100%; text-align:center; margin-top:20px; margin-right:0%;}
	.cp-text { width:100%; padding-right:0px; margin:20px 0; font-size:14px;}
	.cp-photo2 { width:100%; text-align:center;}
	/**/
}

@media screen and (max-width:480px) {
.ab-faith { width:100%; text-align:center; margin-right:0%;}
.ab-faith:nth-child(5n) { margin-right:0%;}
}