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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+SC:700');

/* --------------------------
   CSSリセット
-------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}


body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

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

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}

/* 電話発信リンク無効
@media screen and (min-width:640px) { 
	a[href^="tel:"] {
	    pointer-events: none;
	}
}
 */

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}


a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.sp-only{display: none;}
.pc-only{display: inherit;}

@media screen and (max-width:639px) { 
	.pc-only{display: none;}
	.sp-only{display: inherit;}
}

/* --------------------------
   サイト全体
-------------------------- */

html{
    width: 100%;
	height: 100%;
}

body{
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif, -apple-system, BlinkMacSystemFont;
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: 1.7;
	color: #222;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

.clear-space {
    overflow: hidden;
}

/* TOPへ戻る */
#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
  }
  #pageTop i {
  	padding-top: 13px;
  }
  #pageTop a {
    display: block;
    z-index: 999;
    padding: 4px;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    background-color: #629ad1;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
  }
  #pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
  }



/* --------------------------
   ヘッダー
-------------------------- */

header{
	width: 100%;
	background-color: #e76874;
	color: #fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	z-index: 100;
}

header .inner{
	max-width: 1000px;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.8rem;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}


header .inner div.left{
	width: 100px;
	height: 100px;
	bottom: 0;
}

header .inner div.left img{
	width: 100%;
}

header .inner div.right{
	width: 870px;
	margin-left: 30px;
}

header .inner div.right .cvp{
	line-height: 30px;
	height: 30px;
	width: 549px;
	font-weight: 400;
}

header .inner div.right div h1{
	font-size: 0.7rem;
	font-weight: 400;
}

header .inner div.right .header-sub{
	float: right;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

header .inner div.right .header-sub div{
	width: 160px;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	color: #e76874;
	text-align: center;
	box-sizing: border-box !important;
}

header .inner div.right .header-sub div.ml1px{margin-left: 1px;}

header .inner div.right .header-sub div a {
    display: block;
    width: 100%;
    height: 100%;
}

header .inner div.right .header-sub div a:link{color: #e76874;text-decoration: none;}
header .inner div.right .header-sub div a:active{color: #e76874;text-decoration: none;}
header .inner div.right .header-sub div a:hover{color: #e76874;text-decoration: none;}
header .inner div.right .header-sub div a:visited{color: #e76874;text-decoration: none;}

header .inner div.sp-right{
	display: none;
}

header .inner div.navToggle{
	display: none;
}


/* ここから 幅1000px以下 スマホ表示用 */
@media screen and (max-width:1000px) { 
	header .inner div.left{
		width: 100px;
		background-color: #fff;
	}
	header .inner div.right{
		width: calc( 100% - 120px);
		margin-left: 20px;
	}
	
	header .inner div.right .cvp{
		width: auto;
	}
	
	.spheadertel{
		display: block;
		background-color: #fff;
		width: 120px;
		color: #e76874;
		text-align: center;
	}

	header .inner div.right .header-sub div{
		width: 160px;
		height: 30px;
		line-height: 30px;
		background-color: #fff;
		color: #e76874;
		text-align: center;
		box-sizing: border-box !important;
	}
}

@media screen and (max-width:800px) { 
	header .inner div.right .header-sub div.lefttel{
		width: 120px;	
	}
	header .inner div.right{
		width: calc( 100% - 105px);
		margin-left: 5px;
	}
}

@media screen and (max-width:655px) { 	
	header .inner div.right .header-sub{
		display: none;
	}
	
	header .inner div.right{
		display: none;
	}
	
	header .inner div.sp-right{
		display: inherit;
	}
	
	header .inner div.sp-right .cvp{
		margin: 5px 0 5px 10px;
		font-weight: 400;
		display: block;
	}
	
	header .inner div.right div h1{
		font-size: 0.7rem;
		font-weight: 400;
	}

	
	header .inner div.navToggle{
		display: inherit;
		margin-top: 10px;
	}
		
	nav.globalMenuSp {
	    position: fixed;
	    z-index: 2;
	    top: 0;
	    left: 0;
	    background: #fff;
	    color: #000;
	    text-align: center;
	    transform: translateY(-100%);
	    transition: all 0.6s;
	    width: 100%;
	}
	 
	nav.globalMenuSp ul {
	    background: #E16450;
	    margin: 0 auto;
	    padding: 0;
	    width: 100%;
	}
	 
	nav.globalMenuSp ul li {
	    font-size: 1.1em;
	    list-style-type: none;
	    padding: 0;
	    width: 100%;
	    border-bottom: 1px dotted #f797a0;
	}
	 
	nav.globalMenuSp ul li:last-child {
	    padding-bottom: 0;
	    border-bottom: none;
	}
	 
	nav.globalMenuSp ul li a {
	    display: block;
	    color: #fff;
	    padding: 1em 0;
	}
	 
	nav.globalMenuSp.active {
	    transform: translateY(0%);
	}
	
	.navToggle {
	    display: block;
	    position: fixed;
	    right: 13px;
	    top: 18px;
	    width: 42px;
	    height: 51px;
	    cursor: pointer;
	    z-index: 3;
	    background: #e76874;
	    text-align: center;
	}
	 
	.navToggle span {
	    display: block;
	    position: absolute; 
	    width: 30px;
	    border-bottom: solid 3px #fff;
	    -webkit-transition: .35s ease-in-out;
	    -moz-transition: .35s ease-in-out;
	    transition: .35s ease-in-out;
	    left: 6px;
	}
	 
	.navToggle span:nth-child(1) {
	    top: 9px;
	}
	 
	.navToggle span:nth-child(2) {
	    top: 18px;
	}
	 
	.navToggle span:nth-child(3) {
	    top: 27px;
	}
	 
	.navToggle span:nth-child(4) {
	    border: none;
	    color: #fff;
	    font-size: 9px;
	    font-weight: bold;
	    top: 34px;
	}
	
	.navToggle.active span:nth-child(1) {
	    top: 18px;
	    left: 6px;
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	 
	.navToggle.active span:nth-child(2),
	.navToggle.active span:nth-child(3) {
	    top: 18px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	
}

@media screen and (max-width:470px) { 	
	header .inner div.sp-right{
		display: inherit;
		width: calc(100% - 170px);
	}
}


/* --------------------------
   Gナビ
-------------------------- */
.gnav{
	width: 650px;
	height: 50px;
	float: right;	
	margin-top: 20px;
	padding: 0;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

.gnav div{
	width: 130px;
	height: 50px;
	font-size: .8rem;
	letter-spacing: 1px;
	line-height: 50px;
	text-align: center;	
	border-right: 1px solid #f797a0;
	box-sizing: border-box;
}

.gnav div:first-of-type{
	border-left: 1px solid #f797a0;
}


.gnav div a {
	display: block;
    width: 100%;
    height: 100%;
}

.gnav div a:link {color: #fff;text-decoration: none;}
.gnav div a:hover {color: #fff;text-decoration: none;}
.gnav div a:active {color: #fff;text-decoration: none;}
.gnav div a:visited {color: #fff;text-decoration: none;}

.gnav div a.current {
	color: #fff;
	text-decoration: none;
}

.gnav div a.current:hover { 
	color: #fff;
	text-decoration: none;
}

/* Gナビ上部固定 */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

/* ここから 幅1000px以下 スマホ表示用 */

@media screen and (max-width:800px) { 
	.gnav{width: 600px;}
	.gnav div{width: 120px;}
}


@media screen and (max-width:705px) { 
	.gnav{width: 500px;}
	.gnav div{width: 100px;}
	.gnav div i{display: none;}
}


/* --------------------------
   サブナビ
-------------------------- */
ul.subnav{
	width: 1000px;
	height: 100px;
	margin: 23px auto 38px;
	padding: 0;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	list-style: none;
}

ul.subnav li{
	width: 240px;
	margin-right: 13px;
}

ul.subnav li:last-child{
	border-right: none;
	margin-right: 0;
}

ul.subnav li img{
	width: 100%;
}

/*
	
#topfix{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

*/

/* --------------------------
   メインビジュアル
-------------------------- */

.mainvisual{
	width: 100%;
	background-image: url('img/mv.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	/* text-shadow: 0 0  7px #000; */
	text-shadow: 
	#3b3735 2px 0px 2px, #3b3735 -2px 0px 2px,
    #3b3735 0px -2px 2px, #3b3735 -2px 0px 2px,
    #3b3735 2px 2px 2px, #3b3735 -2px 2px 2px,
    #3b3735 2px -2px 2px, #3b3735 -2px -2px 2px,
    #3b3735 1px 2px 2px, #3b3735 -1px 2px 2px,
    #3b3735 1px -2px 2px, #3b3735 -1px -2px 2px,
    #3b3735 2px 1px 2px, #3b3735 -2px 1px 2px,
    #3b3735 2px -1px 2px, #3b3735 -2px -1px 2px,
    #3b3735 1px 1px 2px, #3b3735 -1px 1px 2px,
    #3b3735 1px -1px 2px, #3b3735 -1px -1px 2px;
}


.mainvisual .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual .minner .mvbody{
	text-align: center;
}

.mainvisual .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 120px 0 0 0;
	}
	.mainvisual .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual .minner .mvbody br{
		display: none;
	}
}

/* --------------------------
   メインビジュアル(会社案内)
-------------------------- */

.mainvisual_company{
	width: 100%;
	background-image: url('img/mv_company.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_company .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_company .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-shadow: 0 0  7px #000;
}


.mainvisual_company .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_company .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual_company .minner .mvbody{
	text-align: center;
}

.mainvisual_company .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_company .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_company .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual_company .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual_company .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual_company .minner .mvbody br{
		display: none;
	}
	
	.mainvisual_company .minner .logo02{
		width: 47px;
		margin: 20px auto;
		box-shadow: 7px #333;
	}

}

.pankuzu{
	font-size: 11px;
	margin: 0 0 1rem 0;
}

/* --------------------------
   メインビジュアル(下層ページ)
-------------------------- */

.mainvisual_ul{
	width: 100%;
	background-image: url('img/mv.jpg');
	background-repeat: no-repeat;
	height: 250px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_ul .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_ul .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 50px 0 0 0;
	text-shadow: 
	#3b3735 2px 0px 2px, #3b3735 -2px 0px 2px,
    #3b3735 0px -2px 2px, #3b3735 -2px 0px 2px,
    #3b3735 2px 2px 2px, #3b3735 -2px 2px 2px,
    #3b3735 2px -2px 2px, #3b3735 -2px -2px 2px,
    #3b3735 1px 2px 2px, #3b3735 -1px 2px 2px,
    #3b3735 1px -2px 2px, #3b3735 -1px -2px 2px,
    #3b3735 2px 1px 2px, #3b3735 -2px 1px 2px,
    #3b3735 2px -1px 2px, #3b3735 -2px -1px 2px,
    #3b3735 1px 1px 2px, #3b3735 -1px 1px 2px,
    #3b3735 1px -1px 2px, #3b3735 -1px -1px 2px;
}


.mainvisual_ul .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_ul .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 0;
	text-align: center;
}

.mainvisual_ul .minner .mvbody{
	text-align: center;
}

.mainvisual_ul .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_ul .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_ul .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 40px 0 0 0;
		font-size: 94%;
	text-shadow: 
	#3b3735 2px 0px 2px, #3b3735 -2px 0px 2px,
    #3b3735 0px -2px 2px, #3b3735 -2px 0px 2px,
    #3b3735 2px 2px 2px, #3b3735 -2px 2px 2px,
    #3b3735 2px -2px 2px, #3b3735 -2px -2px 2px,
    #3b3735 1px 2px 2px, #3b3735 -1px 2px 2px,
    #3b3735 1px -2px 2px, #3b3735 -1px -2px 2px,
    #3b3735 2px 1px 2px, #3b3735 -2px 1px 2px,
    #3b3735 2px -1px 2px, #3b3735 -2px -1px 2px,
    #3b3735 1px 1px 2px, #3b3735 -1px 1px 2px,
    #3b3735 1px -1px 2px, #3b3735 -1px -1px 2px;
	}
	.mainvisual_ul .minner .aviano{
		line-height: 1.1;
	}

	.mainvisual_ul .minner .mvbody{
		text-align: center;
		width: 96%;
		margin: 1rem auto 0; 
	font-size: 13px;
	}
	
.mainvisual_ul .minner .min{
	font-size: 1.2rem;
}

	.mainvisual_ul .minner .mvbody br{
		display: none;
	}
	
	.mainvisual_ul .minner .logo02{
		width: 47px;
		margin: 20px auto;
		box-shadow: 7px #333;
	}

}


/* --------------------------
   メインビジュアル(技術とこだわり)
-------------------------- */

.mainvisual_skill{
	width: 100%;
	background-image: url('img/mv_skill.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_skill .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_skill .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-shadow: 0 0  7px #000;
}


.mainvisual_skill .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_skill .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual_skill .minner .mvbody{
	text-align: center;
}

.mainvisual_skill .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_skill .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_skill .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual_skill .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual_skill .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual_skill .minner .mvbody br{
		display: none;
	}
}

/* --------------------------
   メインビジュアル(砥石取扱品目)
-------------------------- */

.mainvisual_product{
	width: 100%;
	background-image: url('img/mv_product.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_product .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_product .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-shadow: 0 0  7px #000;
}


.mainvisual_product .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_product .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual_product .minner .mvbody{
	text-align: center;
}

.mainvisual_product .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_product .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_product .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual_product .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual_product .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual_product .minner .mvbody br{
		display: none;
	}
}


/* --------------------------
   メインビジュアル(お問合せ)
-------------------------- */

.mainvisual_contact{
	width: 100%;
	background-image: url('img/mv_contact.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_contact .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_contact .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-shadow: 0 0  7px #000;
}


.mainvisual_contact .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_contact .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual_contact .minner .mvbody{
	text-align: center;
}

.mainvisual_contact .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_contact .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_contact .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual_contact .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual_contact .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual_contact .minner .mvbody br{
		display: none;
	}
}

/* --------------------------
   メインビジュアル(プライバシーポリシー)
-------------------------- */

.mainvisual_privacy{
	width: 100%;
	background-image: url('img/mv_privacy.jpg');
	background-repeat: no-repeat;
	height: 475px;
	background-size: cover;
	background-position: center center;
	/* margin-top: 160px; */
}

/*
.mainvisual_privacy .minner{
	width: 1500px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
*/
.mainvisual_privacy .minner{
	max-width: 1000px;
	width: 96%;
	color: #fff;
	margin: 0 auto;
	padding: 125px 0 0 0;
	text-shadow: 0 0  7px #000;
}


.mainvisual_privacy .minner .aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	text-align: center;
}

.mainvisual_privacy .minner .min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.4rem;
	letter-spacing: 2px;
	margin: 15px 0;
	text-align: center;
}

.mainvisual_privacy .minner .mvbody{
	text-align: center;
}

.mainvisual_privacy .minner .logo02{
	width: 47px;
	margin: 20px auto;
	box-shadow: 7px #333;
}

.mainvisual_privacy .minner .logo02 img{
	width: 100%;
}

@media screen and (max-width:400px) { 
	.mainvisual_privacy .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual_privacy .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual_privacy .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual_privacy .minner .mvbody br{
		display: none;
	}
}


/* --------------------------
	会社概要の表組み
-------------------------- */

table.commpanyprofile {
	width: 100%;
	font-size: .9rem;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 2rem;
	margin-top: 1rem;
}
table.commpanyprofile th {
	width: 25%;
	padding: 10px;
	font-weight: 400;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
}
table.commpanyprofile td {
	width: 75%;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.contents .inner h2.midashi_company{
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	color: #444;
	text-align: left;
}

/* --------------------------
	会社概要の主要取引先
-------------------------- */

.companyclient{
	width: 100%;
	font-size: .9rem;
	border: 1px solid #ccc;
	list-style: none;
	margin: 1rem auto 2rem;
	padding: 1rem;
	box-sizing: border-box;
}

ul.companyclient li{
	width: 100%;
	text-align: left;
}


/* --------------------------
   ドローイング
-------------------------- */

.drawing{
	width: 100%;
	/* background-image: url('img/drawing.jpg'); */
	/* background-repeat: no-repeat; */
	/* background-size: cover; */
	/* background-position: center center; */
	height: 500px;
	z-index: 50;
	/* margin-top: 160px; */
}

.drawing .dinner{
	max-width: 1000px;
	width: 100%;
	color: #151515;
	margin: 0 auto;
	padding: 75px 0 0 0;
}

@media screen and (max-width:510px) { 
	.drawing{
		height: auto;
	}

	.drawing .dinner{
		padding: 50px 0;
	}
}

/*
@media screen and (max-width:400px) { 
	
	.mainvisual .minner{
		width: 96%;
		color: #fff;
		margin: 0 auto;
		padding: 80px 0 0 0;
		text-shadow: 0 0  7px #000;
	}
	.mainvisual .minner .aviano{
		line-height: 1.3;
	}

	.mainvisual .minner .mvbody{
		text-align: left;
		width: 96%;
		margin: auto; 
	}
	
	.mainvisual .minner .mvbody br{
		display: none;
	}
}
*/

@media screen and (max-width:280px) { 
	.drawing{
		height: auto;
	}
	.drawing .dinner{
		padding: 50px 0;
	}
}


/* --------------------------
   プロダクト
-------------------------- */

.product{
	width: 100%;
	background-color: #f4f1ef;
	/* margin-top: 160px; */
}

.product .pinner{
	max-width: 1000px;
	width: 100%;
	color: #151515;
	margin: 0 auto;
	padding: 60px 0 40px 0;
	text-align: center;
}

.cate_title{
	width: 100%;
	margin-top: 1rem;
}

.cate_title img{width: 100%;}


.plist{
	width: 850px;
	margin: 40px auto 40px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: center;
}

.plist div{
	width: 250px;
	margin: 0 50px;
}

.plist div img{
	vertical-align: bottom;
}


@media screen and (max-width:850px) { 
	.plist{
		width: 96%;
	}
	.plist div{
		width: 32%;
		margin: 0 2%;
	}
}


.plist div:first-of-type{margin: 0;}
.plist div:last-of-type{margin: 0;}


.plist div p{
	background-color: #E16450;
	color: #fff;
	font-size: .8rem;
	line-height: 1.3;
	text-align: center;
	padding: .5rem;
	box-sizing: padding-box;
}

.plist div p a {
	display: block;
    width: 100%;
    height: 100%;
}

.plist div p a:link {color: #fff;text-decoration: none;}
.plist div p a:hover {color: #fff;text-decoration: none;}
.plist div p a:active {color: #fff;text-decoration: none;}
.plist div p a:visited {color: #fff;text-decoration: none;}


.plist div img{
	width: 100%;
}




.plist4retsu{
	max-width: 850px;
	margin: 40px auto 40px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: center;
}

.plist4retsu div{
	width: 23%;
	margin-left: 4%;
}

.plist4retsu div img{
	vertical-align: bottom;
}


@media screen and (max-width:850px) { 
	.plist4retsu{
		width: 96%;
	}
}


.plist4retsu div:first-of-type{margin: 0;}


.plist4retsu div p{
	background-color: #E16450;
	color: #fff;
	font-size: .8rem;
	line-height: 1.3;
	text-align: center;
	padding: .5rem;
	box-sizing: padding-box;
}

.plist4retsu div p a {
	display: block;
    width: 100%;
    height: 100%;
}

.plist4retsu div p a:link {color: #fff;text-decoration: none;}
.plist4retsu div p a:hover {color: #fff;text-decoration: none;}
.plist4retsu div p a:active {color: #fff;text-decoration: none;}
.plist4retsu div p a:visited {color: #fff;text-decoration: none;}


.plist4retsu div img{
	width: 100%;
}





.plist2{
	max-width: 740px;
	width: 100%;
	margin: 40px auto 40px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: center;
}

.plist2 div{
	width: 250px;
	margin: 0 50px;
}

.plist2 div img{
	vertical-align: bottom;
}


@media screen and (max-width:850px) { 
	.plist2{
		width: 96%;
	}
	.plist2 div{
		width: 32%;
		margin: 0 2%;
	}
}


.plist2 div:first-of-type{margin: 0;}
.plist2 div:last-of-type{margin: 0;}


.plist2 div p{
	background-color: #E16450;
	color: #fff;
	font-size: .8rem;
	line-height: 1.3;
	text-align: center;
	padding: .5rem;
	box-sizing: padding-box;
}

.plist2 div p a {
	display: block;
    width: 100%;
    height: 100%;
}

.plist2 div p a:link {color: #fff;text-decoration: none;}
.plist2 div p a:hover {color: #fff;text-decoration: none;}
.plist2 div p a:active {color: #fff;text-decoration: none;}
.plist2 div p a:visited {color: #fff;text-decoration: none;}


.plist2 div img{
	width: 100%;
}



.plist2ul{
	max-width: 740px;
	width: 100%;
	margin: 40px auto 40px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: center;
}

.plist2ul div{
	width: 49%;
	margin-right: 2%;
}

.plist2ul div:last-of-type{
	margin-right:0;
}

.plist2ul div img{
	width: 100%;
	vertical-align: bottom;
}


@media screen and (max-width:850px) { 
	.plist2ul{
		width: 96%;
	}
}



.plist2ul div p{
	background-color: #E16450;
	color: #fff;
	font-size: .8rem;
	line-height: 1.3;
	text-align: center;
	padding: .5rem;
	box-sizing: padding-box;
}

.plist2ul div p a {
	display: block;
    width: 100%;
    height: 100%;
}

.plist2ul div p a:link {color: #fff;text-decoration: none;}
.plist2ul div p a:hover {color: #fff;text-decoration: none;}
.plist2ul div p a:active {color: #fff;text-decoration: none;}
.plist2ul div p a:visited {color: #fff;text-decoration: none;}






.faci{
	width: 100%;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	margin-top: 1rem;
	margin-top: 1rem;
}

.contents main h4 {
	background-color: #137190;
	padding: .7rem 1rem;
	color: #fff;
	font-weight: 400;
	font-size: .9rem;
	margin: 0 1rem 0 0;
}

.contents main h5 {
	font-size: 2.2rem;
	color: #555;
}


.faci img{width: 100%;}


.faci .faciL{
	width: 45%;
	margin-right: 2%;
}

.faci .faciR{
	width: 53%;
	font-size: .9rem;
}


/* --------------------------
   バナー×2
-------------------------- */
.bnrx2{
	max-width: 1000px;
	width: 96%;
	margin: 60px auto; 
}

.bnrx2 div{width: 485px; margin: auto;}
.bnrx2 div img{width: 100%;}

@media screen and (max-width:1000px) { 
	.bnrx2 div{width: 60%;}

}

@media screen and (max-width:500px) { 
	.bnrx2 div{width: 100%;}
}

/* --------------------------
  新着お知らせ
-------------------------- */

.information{
	width: 100%;
	background-color: #f4f1ef;
	/* margin-top: 160px; */
}

.information .iinner{
	max-width: 1000px;
	width: 100%;
	color: #151515;
	margin: 0 auto;
	padding: 60px 0 40px 0;
	text-align: center;
}


.information .iinner .ilist{
	width: 850px;
	margin: 0 auto 15px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: left;
	padding-bottom: 15px;
	border-bottom: solid 1px #dddddd;
}

.information .iinner .ilist div.idate{
	width: 100px;
	margin: 0;
}
.information .iinner .ilist div.icate{
	width: 70px;
	margin: 0 15px 0 0;
	background-color: #ed548d;
	color: #fff;
	font-size: .7rem;
	text-align: center;
	padding: 5px;
}

.information .iinner .ilist div.icate a:link{color: #fff;}
.information .iinner .ilist div.icate a:hover{color: #fff;}
.information .iinner .ilist div.icate a:active{color: #fff;}
.information .iinner .ilist div.icate a:visited{color: #fff;}


.information .iinner .ilist div.ititle{
	width: calc( 100% - 185px);
	margin: 0;
}


@media screen and (max-width:850px) { 
	.information .iinner .ilist{
		width: 96%;
	}
	.information .iinner .ilist div{
		width: 32%;
		margin: 0 2%;
	}
}

@media screen and (max-width:700px) { 
	.information .iinner .ilist div.idate{display: none;}
	.information .iinner .ilist div.icate{display: none;}
	.information .iinner .ilist div.ititle{width: 100%;}
}



.plist3pro{
	width: 740px;
	margin: 40px auto 40px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	text-align: center;
}

.plist3pro div{
	width: 32%;
	margin: 0 2%;
}


.plist3pro div .pname{
	font-size: 1.1rem;
	line-height: 1.4;
	text-align: left;
	color: #333;
}

.plist3pro div h4 {
    font-size: 1rem;
    color: #555;
    font-weight: 400;
    text-align: left;
}


.plist3pro div img{
	vertical-align: bottom;
}


@media screen and (max-width:850px) { 
	.plist3pro{
		width: 96%;
	}
}


.plist3pro div:first-of-type{margin: 0;}
.plist3pro div:last-of-type{margin: 0;}


.plist3pro div p a {
	display: block;
    width: 100%;
    height: 100%;
}

.plist3pro div p a:link {color: #fff;text-decoration: none;}
.plist3pro div p a:hover {color: #fff;text-decoration: none;}
.plist3pro div p a:active {color: #fff;text-decoration: none;}
.plist3pro div p a:visited {color: #fff;text-decoration: none;}


.plist3pro div img{
	width: 100%;
}



/* ここから 幅1000px以下 スマホ表示用 いったん削除
@media screen and (max-width:1399px) { 
	.information .iinner{
		width: 100%;
	}
	
	.information .iinner img{
		width: 100%;
	}
}
 */


/* --------------------------
   共通見出し・ブルーボタン
-------------------------- */

.con-aviano{
	font-family: aviano-future, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
	color: #e76874;
	text-align: center;
}

.con-min{
	font-family: 'Noto Serif SC', serif;
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin: 0;
	text-align: center;
}

.con-body{
	text-align: center;
}

.blueline{
	border-bottom: 1px #e76874 solid;
	width: 115px;
	height: 1px;
	margin: 1.5rem auto;	
}

@media screen and (max-width:1000px) { 

	.con-aviano{
		font-family: aviano-future, sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 2rem;
		color: #e76874;
	}
	
	.con-min{
		font-family: 'Noto Serif SC', serif;
		font-size: 1.6rem;
		letter-spacing: 1px;
		margin: 0 auto;
		text-align: center;
	}
	
	.con-body{
		text-align: center;
	}

}

@media screen and (max-width:1000px) { 
	.con-min{
		width: 96%;
		margin: auto;
	}
}

@media screen and (max-width:600px) { 
	.con-body{
		width: 96%;
		margin: auto;
		text-align: left;
	}
	.con-body br{ display: none;}
}


.bluebtn{
	width: 360px;
	height: 60px;
	font-size: .9rem;
	background-image: url('img/btn.gif');
	color: #fff;
	margin: 1.5rem auto;
	position: relative;
	z-index: 0;
}

.bluebtn .childElement {
  position: absolute;
  top: 50%;
  z-index: 0;
  width: 100%;
  text-align: center;
  transform: translate(0, -50%);
}


@media screen and (max-width:500px) { 
	.bluebtn{
		width: 80%;
		height: 4rem;
		font-size: .9rem;
		background-image: none;
		background-color: #e76874;
		color: #fff;
		margin: 1.5rem auto;
	}
}

@media screen and (max-width:290px) { 
	.bluebtn .childElement {
	  text-align: left;
	  padding: 0 1rem;
	  box-sizing: border-box;
	}
}
.bluebtn a {
    display: block;
    width: 100%;
    height: 100%;
}

.bluebtn a:link{color: #fff;}
.bluebtn a:active{color: #fff;}
.bluebtn a:hover{color: #fff;}
.bluebtn a:visited{color: #fff;}





/* --------------------------
   TOPページコンテンツ
-------------------------- */

.flex{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


/* コンテンツ */
.contents{
	width: 1000px;
	margin: 40px auto;
	padding: 0;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}


/* レフトカラム */

.contents nav{
	width: 240px;
}

@media screen and (max-width:1000px) { 
	.contents nav{
		display: none;
	}
}


.contents nav ul{
	list-style: none;
	width: 100%;
	padding: 0;
}

.contents nav ul li{
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	padding: .5rem 0;
	text-align: center;
	box-sizing: border-box;
	font-size: 1rem;
	line-height: 2rem;
}

.contents nav ul li a:link{color: #222; text-decoration: none;}
.contents nav ul li a:active{color: #222; text-decoration: none;}
.contents nav ul li a:hover{color: #222; text-decoration: none;}
.contents nav ul li a:visited{color: #222; text-decoration: none;}

.contents nav ul li div a {
    display: block;
    width: 100%;
    height: 100%;
}

.contents nav ul li.title{
	border-top: 4px solid #e76874;
	background-color: #ffeef0;
	color: #1a1a1a;
	font-size: 1rem;
	font-family: aviano-future, sans-serif;
	font-weight: bold;
}

.left_bnrcap{
	line-height: 1.3;
	padding-left:1em;
	text-indent:-1em;
}

i.blue{
	color: #e76874;
	line-height: 2;
}

i.blue02{
	color: #e76874;
	line-height: 2.4rem;
	margin: 0 .5rem !important;
}

i.blue03{
	color: #0f52a4;
	margin-left: 1rem;
}


.contents nav ul li div{
	text-align: left;
}

.contents nav ul li div.right{
	width: 100%;
}

.contents nav ul li div.singleline{
	line-height: 2.4rem !important;
}


/* 3段ナビ */
ul.threenav{
	margin-top: 1rem;
	list-style: none;
}

ul.threenav li{
	width: 100%;
	height: 90px;
	padding: 0 !important;
}

ul.threenav li:first-child{
	border-top: 1px solid #ccc;
}

ul.threenav li .icon{
	width: 70px;
	text-align: center;
	font-size: 2.3rem;
	line-height: 90px;
}

ul.threenav li .word{
	width: 125px;
	text-align: left;
	font-size: 1rem;
	line-height: 1.2;
}

ul.threenav li .mt1{
	margin-top: 1rem;
}

ul.threenav li .l90{
	line-height: 90px;
}

ul.threenav li .angle{
	width: 45px;
	text-align: center;
	font-size: .9rem;
	line-height: 90px;
}

ul.threenav li .word a {
    display: block;
    width: 100%;
    height: 100%;
}


.maru_em {
    border-radius: 50%;
    padding-top: 0.1em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    color: #fff;
	border: 4px solid #074fa1;
	background-color: #074fa1;
}

.contents nav ul li img{
	width: 100%;
}



/* メインカラム */

.contents main{
	width: 740px;
	margin-left: 20px;
}

.contents main h2 {
  position: relative;
  padding: .25em 0 .5em .75em;
  border-left: 6px solid #e76874;
  margin-bottom: 1.5rem;
}
.contents main h2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.contents main h3 {
	background-color: #eee;
	padding: .7rem 1rem;
	color: #555;
	font-weight: 400;
	font-size: 1rem;
	margin: 2rem 0 0 0;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
	border-left: 2px solid #e76874;
}


.contents main .bodycopy{
	margin-top: 1rem; font-size: .9rem;
}

.contents main h3.newsh3 {
	background-color: #ededed;
	padding: .5rem 1rem;
	color: #111;
	font-weight: 400;
	font-size: 1rem;
	margin: 2rem 0 0 0;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	/* Firefox用 */
	border-left: 2px solid #e76874;
}


.contents main .newsdate{
	font-size: .8rem;
	margin-top: .5rem;
}

.contents main .newscopy{
	margin-top: .5rem; font-size: .9rem;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px dotted #888;
}

.contents main .picture{
	line-height: 0;
}

.contents main img.w100{
	width: 100%;
}

.contents main .ok_item{
	width: 960px;
	margin: auto;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

.contents main .ok_item ul{
	width: 185px;
	margin-top: 1rem;
	list-style: circle;
}

.contents main .ok_item ul:first-of-type{
	margin-left: 2rem;
}

.contents main .w700{
	width: 700px;
	margin: 35px auto;
}

.midashi01{
	color: #084f9f;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 2rem auto 1.5rem;
}

.body01{
	margin: 0 auto;
}

.ranking{
	width: 100%;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
	margin-bottom: 2rem;
}

.ranking div{
	width: 225px;
	text-align: center;
	font-size: .9rem;
	line-height: 1.4;
}

.ranking div.center{
	margin: 0 32.5px;
}

.ranking div img{
	width: 100%;
	margin-bottom: 5px;
}


.voice{
	width: 720px;
	margin: 1rem auto 3rem;
}

.voice .wrapper{
	margin: 15px auto;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

.voice .wrapper .eyecatch{
	width: 100px;
}

.voice .wrapper .eyecatch img{
	width: 100%;
}

.voice .wrapper .txt{
	width: 390px;
	margin: 0 2px 0 15px;
}

.voice .wrapper .name{
	color: #084f9f;
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 5px;
}

.voice .wrapper .text{
	line-height: 1.2;	
}


.voice .wrapper .btn{
	width: 196px;
	height: 100px;
	position:relative;
}

.voice .wrapper .btn .inner{
	position:absolute;
	width: 100%;
	padding: .5rem;
	box-sizing: padding-box !important;
	bottom:0;
	text-align: center;
	background-color: #f4f3ef;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.voice .wrapper .btn .inner a {
    display: block;
    width: 100%;
    height: 100%;
}

.voice .wrapper .btn .inner a:link {color: #212121; text-decoration: none;}
.voice .wrapper .btn .inner a:active {color: #212121; text-decoration: none;}
.voice .wrapper .btn .inner a:hover {color: #212121; text-decoration: none;}
.voice .wrapper .btn .inner a:visited {color: #212121; text-decoration: none;}


/* 2列ナビ */
.bottom-nav {
  margin: 0;
  padding: 0;
  font-size: 16px;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  list-style: none;

}

.bnav001{
	border: 1px solid #ccc;
}

.bnav002{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.bottom-nav li {
  width: 50%;
  text-align: left;
  border-left: 1px solid #ccc;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
}
/*奇数のli要素に適応*/
.bottom-nav li:nth-child(odd) {
  border-left: none;
}

/*
.bottom-nav li:before {
  position: absolute;
  top: 0;
  right: 10px;
  content: '\f4df';
  color: #71c9f8;
  font-size: 1.3rem;
  font-family: fontAwesome;
}
*/


.bottom-nav a {
  display: block;
  line-height: 60px;
  color: #212121;
  text-decoration: none;
}

.bottom-nav i{
	font-size: 1.4rem;
	margin-left: 1.3rem;
	line-height: 60px;
}


/* ブログ記事一覧 */
.blog_ichiran{
	width: 720px;
	margin: 1rem auto 3rem;
}

.blog_ichiran .wrapper{
	margin: 15px auto;
	padding-bottom: 15px;
	width: 100%;
	border-bottom: 1px dotted #ccc;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

.blog_ichiran .wrapper .txt{
	width: 490px;
	margin: 0 2px 0 15px;
}

.blog_ichiran .wrapper .date{
	color: #cccccc;
	font-size: .9rem;
	margin-bottom: 5px;
}

.blog_ichiran .wrapper .bassui{
	font-size: 1rem;
	line-height: 1.2;	
}

.blog_ichiran .wrapper .btn{
	width: 196px;
	height: 100px;
	position:relative;
}

.blog_ichiran .wrapper .btn .inner{
	position:absolute;
	width: 100%;
	padding: .5rem;
	box-sizing: padding-box !important;
	bottom:0;
	text-align: center;
	background-color: #e6f4fd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.blog_ichiran .wrapper .btn .inner a {
    display: block;
    width: 100%;
    height: 100%;
}

.blog_ichiran .wrapper .btn .inner a:link {color: #212121; text-decoration: none;}
.blog_ichiran .wrapper .btn .inner a:active {color: #212121; text-decoration: none;}
.blog_ichiran .wrapper .btn .inner a:hover {color: #212121; text-decoration: none;}
.blog_ichiran .wrapper .btn .inner a:visited {color: #212121; text-decoration: none;}

/* ここから 幅1000px以下 スマホ表示用 いったん削除 */
@media screen and (max-width:1000px) { 
	
	.contents{
		width: 96%;
		margin: 40px auto;
	}
	
	.contents main{
		width: 100%;
		margin-left: 0;
	}


	.mainvisual .inner{
		width: 100%;
	}
	
	.mainvisual .inner img{
		width: 100%;
	}

	.topics-list ul li .topics_flex .date{width: 20%;}
	.topics-list ul li .topics_flex .topics_txt{width: 80%;}

	.contents main div.grayback{
		padding: 50px;
	}

}


/* --------------------------
   モノトーン・明朝
-------------------------- */
	
.monotone{
	width: 100%;
	min-height: 70px;
	height: auto;
	background-image: url('img/footer_monotone_bg.jpg');
	background-repeat: repeat-y;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.monotone .minner{
	color: #fff;
	font-family: 'Noto Serif SC', serif;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 2px;
	text-align: center;
	position: absolute;
	top: 50%;
	z-index: 0;
	width: 100%;
	transform: translate(0, -50%);
}

/* 折返し 複数行対応 */
@media screen and (max-width:750px) { 
	.monotone{
		padding: 1rem;
		box-sizing: border-box !important;
	}
	.monotone .minner{
		width: 90%;
		text-align: left;
		font-size: 1rem;
	}
}


/* --------------------------
   フッターTEL
-------------------------- */

.footer_cont{
	width: 100%;
	background-color: #fff;
	padding: 50px 0 15px;
}


.footer_cont .finner{
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;
}

.footer_cont .finner div.fi1{width: 240px;}
.footer_cont .finner div.fi2{width: 240px; margin: 0 50px;}
.footer_cont .finner div.fi3{width: 300px; height: 80px; text-align: center; color: #fff; background-color: #e76874; color: #fff;display: flex;
  align-items: center;}

.footer_cont .finner div.fi3 .fcchild {
  flex: 1;
}

.footer_cont .finner div.fi3 .fcchild a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_cont .finner div.fi3 a:link{color: #fff;}
.footer_cont .finner div.fi3 a:active{color: #fff;}
.footer_cont .finner div.fi3 a:hover{color: #fff;}
.footer_cont .finner div.fi3 a:visited{color: #fff;}


.footer_cont .finner div img{width: 100%;}

@media screen and (max-width:880px) { 
	.footer_cont{
		padding: 25px 0 15px;
	}

	.footer_cont .finner{
		display: block;
		text-align: center;
		width: 500px;
	}
	.footer_cont .finner div{margin: auto;}
	.footer_cont .finner div.fi1{width: 240px; margin-bottom: 20px; float: left;}
	.footer_cont .finner div.fi2{width: 240px; margin: 0 auto 20px; float: right; }
	.footer_cont .finner div.fi3{width: 300px; margin-top: 30px; clear: both;}
	
	
}

@media screen and (max-width:500px) { 
	.footer_cont .finner{
		width: 96%;
	}
	.footer_cont .finner div.fi1{width: 240px; margin-bottom: 0; float: none;}
	.footer_cont .finner div.fi2{width: 240px; margin: 0 auto 0; float: none; }
	.footer_cont .finner div.fi3{width: 300px; margin-top: 0; }
}

@media screen and (max-width:300px) { 
	.footer_cont .finner div.fi3{width: 100%; margin-top: 0; clear: both;}
}

@media screen and (max-width:240px) { 
	.footer_cont .finner div.fi1{width: 100%; }
	.footer_cont .finner div.fi2{width: 100%; }
}
/* --------------------------
   フッター
-------------------------- */


footer{
	width: 100%;
	background-color: #e76874;
	color: #fff;
}


footer .inner{
	max-width: 1000px;
	width: 100%;
	font-size: 0.8rem;
	margin: 0 auto;
	padding: 1rem 0;
	text-align: left;
	box-sizing: border-box !important;
	display: -webkit-flex; 
	display: -moz-flex; 
	display: -ms-flex; 
	display: -o-flex; 
	display: flex;

}

footer .inner a:link{color: #084fa1}
footer .inner a:hover{color: #3d85f0}
footer .inner a:active{color: #3d85f0}
footer .inner a:visited{color: #084fa1}

footer .inner .left{
	width: 500px;
}

footer .inner .left .flogo{
	width: 100px;
	margin-right: 10px;
	float: left;
}

footer .inner .left .flogo img{
	width: 100%;
}

.linkf a:link{color: #fff}
.linkf a:hover{color: #fff}
.linkf a:active{color: #fff}
.linkf a:visited{color: #fff}


footer .inner .left .companyname{
	font-size: 1rem;
	font-weight: bold;
}

footer .inner .left .fmap{
	width: 7rem;
	font-size: .7rem;
	padding: .2rem .5rem;
	line-height: 3;
	margin: .8rem 0;
	background-color: #fff;
	color: #e76874;
}

footer .inner .left .fmap a:link{color: #e76874;}
footer .inner .left .fmap a:active{color: #e76874;}
footer .inner .left .fmap a:hover{color: #e76874;}
footer .inner .left .fmap a:visited{color: #e76874;}


footer .inner .right{
	width: 500px;
}

footer .inner .right ul.navigation{
	list-style: none;
}

footer .inner .right ul.navigation li{
	float: left;
	margin-left: 1rem;
	font-size: .8rem;
	font-weight: 400;
}
footer .inner .right ul.navigation li:first-of-type{margin-left: 0;}

footer .inner .right ul.navigation li a:link{ color: #fff;}
footer .inner .right ul.navigation li a:active{ color: #fff;}
footer .inner .right ul.navigation li a:hover{ color: #fff;}
footer .inner .right ul.navigation li a:visited{ color: #fff;}


footer .inner .address{
	font-size: 0.6rem;
	font-weight: 400;
	margin-top: 1.5rem;
}

footer .inner .address br{
	display: none;
}

@media screen and (max-width:870px) { 
	footer .inner{
		width: 96%;
		padding: 10px 0 30px;
		display: block;
	}
	
	footer .inner .left{
		max-width: 500px;
		width: 100%;
		margin: auto;
	}
	footer .inner .right{
		max-width: 500px;
		width: 100%;
		padding-top: 40px;
		margin: auto;
	}
	
}

@media screen and (max-width:400px) { 
	footer .inner .left .flogo{
		width: 100px;
		margin: 10px auto;
		float: none;
	}
	footer .inner .left{
		text-align: center;
	}
	footer .inner .right{
		line-height: 1.8;}

}


/* --------------------------
   ウェーブ
-------------------------- */

/* wave */
.wave_box_container{
	display: block;
	background-color: #e76874 !important;
	margin: 0 auto !important;
	padding: 0 !important;
}

canvas#wave{
	width: 100%;
	display: block;
	vertical-align: bottom;
	line-height: 1em;
	font-size:0;
	margin: 0;
	padding: 0;
}

canvas#wave2{
	width: 100%;
	display: block;
	vertical-align: bottom;
	line-height: 1em;
	font-size:0;
	margin: 0;
	padding: 0;
}


.wave_box{
	width: 100%;
	margin: 0 auto;
}



@media screen and (max-width: 1000px){
	.wave_box ul{
	    width: 96%;
	    margin: 0 auto;
	    list-style: none;
	}
	
}




.flL { float: left; }
.flR { float: right; }

/*--------------*/
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

.clear{ clear: both;}

.fontB{font-weight: bold;}

/*--------------*/
.mt1r { margin-top: 1rem; }
.mt2r { margin-top: 2rem; }
.mt3r { margin-top: 3rem; }
.mt4r { margin-top: 4rem; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt23 { margin-top: 23px; }
.mt25 { margin-top: 25px; }
.mt28 { margin-top: 28px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt62 { margin-top: 62px; }
.mt75 { margin-top: 75px; }
.mt150 { margin-top: 150px; }

.mr05{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr16{margin-right: 16px;}
.mr20{margin-right: 20px;}
.mr22{margin-right: 22px;}
.mr24{margin-right: 24px;}
.mr30{margin-right: 30px;}

.mb05{margin-bottom: 5px;}
.mb08{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb18{margin-bottom: 18px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb27{margin-bottom: 27px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb70{margin-bottom: 70px;}

.ml05{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml22{margin-left: 22px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml68{margin-left: 68px;}
.ml74{margin-left: 74px;}
.ml80{margin-left: 80px;}
.ml142{margin-left: 142px;}
.ml285{margin-left: 285px;}
.ml660{margin-left: 610px;}

.pl1r{padding-left: 1rem; box-sizing: padding-box;}
.pl2r{padding-left: 2rem; box-sizing: padding-box;}

.w10{width: 10%; margin-left: auto; margin-right: auto;}
.w10 img{width: 100%;}

.w20{width: 20%; margin-left: auto; margin-right: auto;}
.w20 img{width: 100%;}

.w30{width: 30%; margin-left: auto; margin-right: auto;}
.w30 img{width: 100%;}

.w40{width: 40%; margin-left: auto; margin-right: auto;}
.w40 img{width: 100%;}

.w50{width: 50%; margin-left: auto; margin-right: auto;}
.w50 img{width: 100%;}

.w60{width: 60%; margin-left: auto; margin-right: auto;}
.w60 img{width: 100%;}

.w70{width: 70%; margin-left: auto; margin-right: auto;}
.w70 img{width: 100%;}

.w80{width: 80%; margin-left: auto; margin-right: auto;}
.w80 img{width: 100%;}

.w90{width: 90%; margin-left: auto; margin-right: auto;}
.w90 img{width: 100%;}


/* --------------------------
   印刷対応
-------------------------- */


@media print {
	body{ width:210mm;}
	header{width: 100%;}
	.gnav .inner{ width: 100%; overflow: hidden;}
	.contents{width: 100%;}
	footer .inner{width: 100%;}

}