@charset "UTF-8";

/*
Theme Name: originals
Theme URI: http://xxxxxxxxxx/
Description: originalsのWordPressテンプレート
Version: 1.0.0
Author: originals
Author URI: http://xxxxxxxxxx/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--初期設定--*/
body{
	width:100%;
	margin:0!important;
	padding: 0!important;
	background: #f0f0f0;
	}
h1, h2, h3{
	margin-top: 0;

}
p,h1,h2,h3,li{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
	font-weight: 100;
}
ul {
margin: 0 0 0 0;
padding: 0;
list-style: none;
}
a:hover{
	opacity: 0.8;
}

a{ text-decoration: none; color: #000; }


/*共通*/
#wrapper{
	width:100%;
	min-width:1180px;
	margin:0 auto;
	position: relative;
	background: #f0f0f0;
}
.btnlink a:hover {	color:#5a5a5a; background:#f3f3f3; }
.btnlink2 a:hover {	color:#5a5a5a; background:#571b9d; }


/*ヘッダー*/
#header{
	width:100%;
	min-width:1080px;
/*	z-index: 99;
	position: absolute;
	top: 0; */
	background: #f0f0f0;
}
#headertopwrap{
	width:100%;
}
#headertop{
	width:1080px;
	margin:10px auto 0;
	overflow: hidden;
}
#headertopleft{
	float: left;
	width: 30%
}
#headertopleft img{
	width: 100%;
}
#headtopright{
	float: right;
	margin:20px 12px 0 0;
	position:relative;
}
#headtopright a{
	text-decoration: none;
	color: #fff;
	background:#00aaa0;
	/*padding: 18px 38px;*/
	font-size: 0.9em;
}
#middletop{
	display: relative;
	top:200px!important;
}
#headtopright p{
	text-decoration: none;
	color: #fff;
	background:#571da5;
	padding: 10px 38px;
	font-size: 0.9em;
	line-height: 18px;
}
#headtopright p:before {
	content:"＞";
	position: absolute;
    top: 35%;
    left: 30px;
}
#headtopright a:hover { background:#33bbb3; }

#headtopright li{
	height:28px;
	vertical-align: middle;
	display:inline-block;
	line-height:28px;
	margin-right:1em;

}
#headtopright li:last-child{
	margin-right:0;
}


#headtopright .viewn a{
	background:none;
}
#headtopright .viewn a img{
	height:100%;
}

#headernav {
	width:100%;
	min-width:1080px;
	margin-top:10px;
	position:relative;
	z-index:100;
	clear:both;
	background: rgba(8,141,140,0.8);
}
#headernav ul{
	width:1080px;
	height:60px;
	margin:0 auto;
	display: flex;
		-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  align-items: center;
  overflow: hidden
}
#headernav ul li {
	width: auto;
	padding: 0 10px!important;
	margin:0 3px;
	height:60px;
	font-size: 0.9em;
	display: inline-block;
	text-align: center
}
#headernav ul li a {
	min-height:100%;
	display:block;
	color: #fff;
}
#headernav ul li:hover {
	color: #fff;
	opacity: 1;
	background: rgba(11,157,137,0.7);	
}
#headernav ul li a p{
	padding-top: 12px;
	line-height:1.3em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
/*#headernav ul li:first-child a p, #headernav ul li:nth-child(5) a p, #headernav ul li:nth-child(6) a p, #headernav ul li:nth-child(7) a p {
	padding-top: 21px;
}*/
#headernav ul li:first-child a p, #headernav ul li:nth-child(6) a p, #headernav ul li:nth-child(7) a p, #headernav ul li:nth-child(8) a p, #headernav ul li:nth-child(9) a p {
	padding-top: 21px;
}


/*
#headernav ul li a:hover{
	opacity: 0.8;
}
#headernav ul li:first-child {
	position: relative;
	top: -10px;
}
#headernav ul li:nth-child(6) {
	position: relative;
	top: -10px;
}
#headernav ul li:nth-child(7) {
	position: relative;
	top: -10px;
}
#headernav ul li:nth-child(8) {
	position: relative;
	top: -10px;
}
 */
@media screen and (min-width: 1081px) {
	#headersp{
		display: none;
	}
	#spfooter1{
	      display: none;
	}
	#sphomesyoukaiimg{
	      display: none;
	}
	.sptable{
		display: none;
	}
	.sp{
		display: none;
	}
}
@media screen and (max-width: 1080px) {
	#headerpc{
		display: none;
	}
#header{
		position:fixed;
		z-index: 999;
	}
#headermenu{
	position: relative;
}
nav.menu			{
	width:130px;
	height:130px;
	top: 0px;
	right:0px;
	background: #00aaa0;
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	z-index:9999; }
nav .menu1			{
	width:70px;
	height:10px;
	background-color: #fff;
	top:30px;
	left: 30px;
	position:absolute;
} 
nav .menu2			{
	width:70px; 
	height:10px; 
	background-color: #fff; 
	top:60px; 
	left: 30px;
	position:absolute; 
} 
nav .menu3			{ 
	width:70px; 
	height:10px; 
	background-color: #fff; 
	top:90px; 
	left: 30px;
	position:absolute; 
}

nav .menu1,nav .menu2,nav .menu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }
nav .menuclick1		{ top:60px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
nav .menuclick2		{ background-color:rgba(255,255,255,0);  }
nav .menuclick3		{ top:60px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }
#menu{
clear: both;
position: relative;
font-weight: bold;
display: none;
right: 0px;
top: 11px;
list-style-type: none;
background: rgba(8,141,140,0.8);
padding: 0;
margin:0;
z-index: 9999;
height: auto;
width: 100%;
}/*by misallychan.com*/
#spmail{
	position: absolute;
	top: 0x;
	right: 140px;
	padding: 0;
	margin-right: 10px;
	width: 130px;
	height: 100%;
}
#spmail a{
	height: 100%;
	width: 100%;
}
#spmail img{
	width: 100%;
}
#menu li{
	width: 100%;
	padding: 0px 20px;
	margin:0;
	height:auto;
	font-size: 2em;
	border-top:1px solid #80c2c1;
	text-align: left;
	color: #fff;
	vertical-align: middle;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
}
#menu li:hover{
	background: #00a5a3;
}
#menu li:first-child{
	width: 100%;
	margin:0 3px;
	border-top:none;
	text-align: left;
	color: #fff;
	vertical-align: middle;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
}
#menu li a{
	min-height:100%;
	height: 100%;
	width: 100%;
	padding: 50px 20px;
	display:table;
	table-layout: fixed;
	vertical-align: middle;
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;

}
#menu ul li a:hover {
	color: #fff;
	opacity: 1;
	background: rgba(11,157,137,0.7);	
}
#menu ul li a p{
	padding-top: 22px;
	line-height:1.8em;
	padding-top: 30px;
	height: 100%;
	border-top:1px solid #80c2c1;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif!important;
}
	#header{
	width:100%;
	min-width:100%;
/*	z-index: 99;
	position: absolute;
	top: 0; */
	background: #f0f0f0;
}
#headertopwrap{
	width:100%;
}
#headertop{
	width:100%;
	min-height: 130px;
	margin:0 auto 0;
	overflow: hidden;
	position: relative;
}
#headertopleft{
	float: left;
	width: 50%;
	margin-top:5px;
	margin-bottom: 5px;
}
/*@media screen and (min-width: 760px) {
	nav.menu			{
	width:70px;
	height:70px;
	top: 0px;
	right:0px;
	background: #00aaa0;
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	z-index:9999; }
	#headertopleft{
	float: left;
	width: 25%;
	margin-top:5px;
	margin-bottom: 5px;
}
#headertop{
	width:100%;
	min-height: 70px;
	margin:0px auto 0;
	overflow: hidden;
	position: relative;
}
nav .menu1			{
	width:35px;
	height:2px;
	background-color: #fff;
	top:15px;
	left: 17.5px;
	position:absolute;
} 
nav .menu2			{
	width:35px; 
	height:2px; 
	background-color: #fff; 
	top:30px; 
	left: 17.5px;
	position:absolute; 
} 
nav .menu3			{ 
	width:35px; 
	height:2px; 
	background-color: #fff; 
	top:45px; 
	left: 17.5px;
	position:absolute; 
}
}*/
#headertopleft img{
	width: 100%;
}
#headtopright{
	display: none;
}
#headtopright a{
	text-decoration: none;
	color: #fff;
	background:#00aaa0;
	padding: 18px 38px;
	font-size: 0.9em;
}
#headtopright a:hover { background:#33bbb3; }
#headernav {
	width:100%;
	min-width:100%;
	margin-top:0px;
	position:relative;
	z-index:100;
	clear:both;
	background: rgba(8,141,140,0);
}
#headernav ul{
	width:100%;
	height:0px;
	margin:0 auto;
	display: flex;
		-webkit-justify-content: space-around; /* Safari */
	justify-content:         space-around;
  align-items: center;
  overflow: hidden
}
#headernav ul li {
	width: auto;
	padding: 0 3px;
	margin:0 3px;
	height:70px;
	font-size: 0.9em;
	text-align: center;
}
#headernav ul li a {
	min-height:100%;
	display:block;
	color: #fff;
}
#headernav ul li a:hover {
	color: #fff;
	opacity: 1;
	background: rgba(11,157,137,0.7);	
}
#headernav ul li a p{
	padding-top: 12px;
	line-height:1.3em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#headernav ul li:first-child a p, #headernav ul li:nth-child(5) a p, #headernav ul li:nth-child(6) a p, #headernav ul li:nth-child(7) a p {
	padding-top: 21px;
}
/*#headernav ul li:first-child a p, #headernav ul li:nth-child(6) a p, #headernav ul li:nth-child(7) a p, #headernav ul li:nth-child(8) a p {
	padding-top: 21px;
}*/
}
/*フッター*/
footer{
	clear: both;
	width:100%;
	min-width:1080px;
	margin:100px auto 0;
	border-top: 17px solid #5dc1bb;
	background: #383838;
}
#footermain{
	width: 1080px;
	margin:20px auto;
	position: relative;
}
#footermain p{
	color: #fff;
	font-size: 0.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#footermain a{
	color: #fff;
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#footermain1{
	margin-top: 30px;
}
#footermain1 p{
	font-size: 0.9em;
}
#footermain1 a{}
#footermain2{
	width: 100%;
	margin-top: 35px;
	overflow: hidden;
}
#footermain2 ul{
	margin:0px;
}
#footermain2 ul li{
	margin:20px 0;
}
#footermain2 ul li p.usu{
	margin:10px 0;
	color: #a5a5a5;
}
#footermain2 ul li p.usu a{
	color: #a5a5a5;
}
#footermain2_1{
	float: left;
	width: 40%;
}
#footermain2_1 p.footerunderline{
	font-size: 0.9em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
#footermain2_2{
	float: right;
	width: 55%;
}
#footermain2_2 p.footerunderline{
	font-size: 0.9em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
#footermain3{
	overflow: hidden;
	margin-top: 50px;
}
#footermain3_1{
	overflow: hidden;
	float: left;
}
.footermain3list{
	margin-right: 50px;
}
.footermain3list ul{}
.footermain3list ul li{
	margin:15px 0;
}
.footermain3list ul li p{
}
.footermain3list ul li a{
	font-size: 1.1em;
}
#footermain3_11{
	float: left;
}
#footermain3_12{
	float: left;
}
#footermain3_13{
	float: left;
}
#footermain3_2{
	float: left;
}
#footerlogo{
	width: 100%;
}
#footerlogo img{
	width: 100%;
}
#footertxt{
	margin-top: 5px;
}
#footertxt p{
	padding: 3px 0;
	color: #a5a5a5;
}
#copylight{
	text-align: center;
	padding: 50px 0;
	background: #1e1e1e;
}
#copylight p{
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-weight: 100;
}

/* -----------------------------
scrollUp
   ----------------------------- */
#uee {
	position: fixed;
	bottom: 30px;
	right: 55px;
	z-index:8;
}

/*スマホフッター*/
@media screen and (max-width: 1080px) {
footer{
	clear: both;
	width:100%;
	min-width:100%;
	margin:100px auto 0;
	border-top: 17px solid #5dc1bb;
	background: #383838;
}
#footermain{
	width: 100%;
	margin:20px auto;
	position: relative;
}
#footermain p{
	color: #fff;
	font-size: 1.2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#footermain a{
	color: #fff;
	text-decoration: none;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#footermain1{
display: none;
	margin-top: 30px;
}
#footermain1 p{
	font-size: 0.9em;
}
#footermain1 a{}
#footermain2{
	width: 100%;
	margin-top: 35px;
	overflow: hidden;
	display: none;
}
#footermain2 ul{
	margin:0px;
}
#footermain2 ul li{
	margin:20px 0;
}
#footermain2 ul li p.usu{
	margin:10px 0;
	color: #a5a5a5;
}
#footermain2 ul li p.usu a{
	color: #a5a5a5;
}
#footermain2_1{
	float: left;
	width: 40%;
}
#footermain2_1 p.footerunderline{
	font-size: 0.9em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
#footermain2_2{
	float: right;
	width: 55%;
}
#footermain2_2 p.footerunderline{
	font-size: 0.9em;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
#footermain3{
	overflow: hidden;
	margin-top: 50px;
	width:100%;
}
#footermain3_1{
	overflow: hidden;
	display: none;
	float: left;
}
.footermain3list{
	margin-right: 50px;
}
.footermain3list ul{}
.footermain3list ul li{
	margin:15px 0;
}
.footermain3list ul li p{
}
.footermain3list ul li a{
	font-size: 1.1em;
}
#footermain3_11{
	float: left;
}
#footermain3_12{
	float: left;
}
#footermain3_13{
	float: none;
}
#footermain3_2{
	float: none;
	width:100%;
}
#footerlogo{
	width: 90%;
	margin:0 auto;
}
#footerlogo img{
	width: 100%;
}
#footertxt{
	margin-top: 5px;
	padding-left:6%;
}
#footertxt p{
	padding: 3px 0;
	color: #a5a5a5;
	font-size: 1.5em;
	line-height:1.7em;
}
#copylight{
	text-align: center;
	padding: 50px 0;
	background: #1e1e1e;
}
#copylight p{
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-size: 0.8em;
	letter-spacing: 1px;
	font-weight: 100;
}
#spfooter1{
width:100%;
height: auto;
}
#spfooter1 ul{
text-align:center;
width:90%;
margin:0 auto;
}
#spfooter1 ul li{
display:inline-block;
	width:47%;
	font-size: 25px;
}
/* -----------------------------
scrollUp
   ----------------------------- */
#uee {
	position: fixed;
	bottom: 30px;
	right: 55px;
	z-index:8;
	width: 170px;
}
#uee img{
	width: 100%;
}
}

/*ホーム画面*/
#homemain{
	width: 1080px;
	margin: -60px auto 80px;
	top: 0;
	z-index: 1;
}
#mainimg{
	clear:both!important; 
	width: 100%!important;
	min-width: 1180px!important;
	max-height: 610px !important;
	position: relative !important;
	overflow: hidden!important;
	z-index: 0!important;
	top:-60px;
}
#mainimg2{
	clear:both!important;
	width: 100%!important;
	position: absolute!important;
	top: 0!important;
	overflow: hidden;
	z-index: 0!important;
}
#mainimg2 img{
	width: 3000px!important;
	height: auto;
	opacity: 0.7!important;
	z-index: 0!important;
}
#mainimg img{
	width: 100%;
}
#mainimg1 img{
	width: 100%;
	animation:show 20s both;
	animation-iteration-count: infinite;
	display:inline-block;
	animation-delay:0s!important;
	z-index: 0!important;
}
@keyframes show {
	0% {
		transform: scale(1.1);
		opacity:1;
		text-shadow:none;
	}
	50% {
		transform: scale(1.3);
		opacity:1;
		text-shadow:none;
	}
	100% {
		transform: scale(1.1);
		opacity:1;
		text-shadow:none;
	}
}
#mainimg3{
	width: 100%!important;
	height:610px!important;
	position: absolute;
	top: 0px;
	margin:0 10%!important;
	z-index: 99!important;
}
#mainimg3 img{
	width: 80%!important;
	display: inline-block;
	margin:0 auto;
	z-index: 99!important;
}
.slider111{
	text-align: center!important;
	position: absolute;
	top: 230px!important;
}
.slider111 .n2-ss-section-main-content{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ss-layer-content{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ow{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ss-layer{
	display: inline-block!important;
	width: 298px!important;
}
.slider111 .n2-ow{
	display: inline-block!important;
}
.slider111 .n2-ss-has-maxwidth{
	display: inline-block!important;
	width: 298px!important;
}
.slider111 .n2-ss-layer img{
	width: 100%;
}
.slider111 .n2-ow img{
	width: 100%;
}
.slider111 .n2-ss-has-maxwidth img{
	width: 100%;
}


.n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot{
	margin-top: 0px!important;
}
/*.nextend-bullet-bar-horizontal{
	margin-top: -100px!important;
}*/
#n2-ss-2-align{
height:610px!important;
}
#n2-ss-2{
height:610px!important;
position:relative;
}
.n2-grab{
height:610px!important;
}
.n2-ss-slide-5{
height:610px!important;
}
.n2-ss-slide-6{
height:610px!important;
}
.n2-ss-slide-8{
height:610px!important;
}
.n2-ss-layers-container{
height:610px!important;
margin-top:0!important;
position: relative!important;
}
.n2-ss-background-image{
	background-position: 50% 80px!important;
	background-size: 880px 490px!important;
	overflow: visible;
}

#n2-ss-2-arrow-previous{
  border-radius:50px;
  margin-top:-120px!important;
  width:45px;
  height:43px;
  padding:7px 0 0 5px;
  background-color:rgba(255,255,252,0.7);
}
#n2-ss-2-arrow-next{
  border-radius:50px;
  margin-top:-120px!important;
  width:40px;
  height:43px;
  padding:7px 0 0 10px;
  background-color:rgba(255,255,252,0.7);
}

#mainimglinktxt{
	margin: 0px 0 70px;
	z-index: 999;
}
#mainimglinktxt h2{
	color: #fff;
	font-size: 2.3em!important;
	font-weight: 500!important;
	z-index: 999;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#mainimglinkleft{
	display: inline-block;
	background:#fff!important;
	padding: 40px!important;
	width: 210px!important;
	height: 210px!important;
	margin: 0 37px!important;
	border-radius: 10px!important;
	position: relative!important;
	text-align: center!important;
}
#mainimglinkleft a{
	text-decoration: none!important;
	color: #000!important;
}
#mainimglinkleft img{}
#mainimglinkleft p{
	font-size: 1.1em!important;
	padding: 2px 0!important;
	font-weight: 400!important;
	text-align: center!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.n2-font-1304-paragraph{
	text-align: center!important;
}
#mainimglinkright{
	display: inline-block!important;
	background:#fff!important;
	padding: 40px!important;
	width: 210px!important;
	height: 210px!important;
	margin: 0 37px!important;
	border-radius: 10px!important;
	position: relative!important;
	text-align: center!important;
}
#mainimglinkright a{
	text-decoration: none!important;
	color: #000!important;
}
#mainimglinkright img{}
#mainimglinkright p{
	font-size: 1.1em!important;
	text-align: center!important;
	padding: 2px 0!important;
	font-weight: 400!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.linkimg{
	text-align: center!important;
	position: relative!important;
	height: 160px!important;
}
.linkimg img{
	text-align: center!important;
	position: absolute!important;
	top: 0!important;
	left: 25%;
}
.homekijitop{
	margin: 80px auto;
}
.homekijilist{
	overflow: hidden;
}
#homenews{
	float: left;
	width: 47%;
}
#homehojyo{
	float: right;
	width: 47%;
}
.homekijilist h2{
	padding: 10px 0;
	border-bottom: 1px solid #000;
	font-size: 2.2em;
	font-weight: 200;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.homelist{
	margin: 30px 0;
	overflow: hidden;

}
.homelist p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.homelistleft{
	width: 47%;
	height:265px;
	margin-bottom: 30px;
	background: #fff;
}
.homelistleft a {
	height:265px;
	display: block;
}
.homelistleft:nth-child(odd){
	float: left;
}
.homelistleft:nth-child(even){
	float: right;
}
.homelistimg{
	width: 100%;
}
.homelistimg img{
	width: 100%;
}
.homelistrignt{
	padding: 10px;
}
.kijitop{
	overflow: hidden;
}
.nichiji{
	float: left;
	margin-right: 10px;
}
.nichiji p{
	font-size: 1em;
	font-weight: 400;
}
.kate{
	float: left;
}
.ippan { background: #34aad0; }
.hotel { background: #c79f00; }
.others { background: #00aaa0; }
.hojyo { background: #5dbbd9; }
.jyosei { background: #ff9833; }

.kate p{
	color: #fff;
	font-size: 0.7em;
	font-weight: 100;
	padding: 4px 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.kijihonbun{
	height:100%;
	margin-top: 10px;
}
.kijihonbun p{
	font-size: 0.8em;
	line-height: 1.5em;
}
.homelistbtn{
	text-align: center;
}
.homelistbtn p{
	height: 40px;
}
.homelistbtn a{
	text-decoration: none;
	padding: 15px 40px;
	border: 1px solid #000;
	font-weight: 200;
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#homesyoukaiwrap{
	clear: both;
	width: 100%;
/*	margin:930px auto 0; */
	background: #e6e9d6;
/*	height: 547px; */
height:540px!important;
}
#homesyoukai{
	width: 1080px;
	margin:0 auto ;
}
#homesyoukaiimg{
	width: 33%;
	float: left;
}
#homesyoukaiimg img{
	width: 100%;
	height:540px!important;
}
#homesyoukaitxt{
	float: left;
	margin-top: 70px;
	width: 100%;
}
#syoukaimain{}
#syoukaimain h2{
	font-size: 1.9em;
	margin-bottom: 20px;
}
#syoukaimain p{
	font-size: 0.9em;
	font-weight: 200;
	line-height: 2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
p#syoukai1{
	margin:30px 0;
}
p#syoukai2{
	margin:30px 0;
}
#syoukaisya{
	text-align: right;
}
#syoukaisya p{
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
#syoukailink{
	margin-top: 60px;
	clear: both;
	text-align: center;
}
#syoukailink p{
	height: 40px;
}
#syoukailink a{
	text-decoration: none;
	padding: 15px 40px;
	border: 1px solid #000;
	font-weight: 200;
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}


/*トップスマホ*/
@media screen and (max-width: 1080px) {

#homemain{
	width: 100%;
	margin: -60px auto 80px;
	top: 0;
	z-index: 1;
}
#mainimg{
	clear:both!important; 
	width: 100%!important;
	min-width: 100%!important;
	height: 550px !important;
	position: relative !important;
	overflow: hidden!important;
	z-index: 0!important;
	top:110px;
	margin-bottom: 110px;
}
#mainimg2{
	clear:both!important;
	width: 100%!important;
	position: absolute!important;
	top: 0!important;
	overflow: hidden;
	z-index: 0!important;
}
#mainimg2 img{
	width: 3000px!important;
	height: auto;
	opacity: 0.7!important;
	z-index: 0!important;
}
#mainimg img{
	width: 100%;
}
#mainimg1 img{
	width: 100%;
	animation:show 20s both;
	animation-iteration-count: infinite;
	display:inline-block;
	animation-delay:0s!important;
	z-index: 0!important;
}
@keyframes show {
	0% {
		transform: scale(1.1);
		opacity:1;
		text-shadow:none;
	}
	50% {
		transform: scale(1.3);
		opacity:1;
		text-shadow:none;
	}
	100% {
		transform: scale(1.1);
		opacity:1;
		text-shadow:none;
	}
}
#mainimg3{
	width: 100%!important;
	height:550px!important;
	position: absolute;
	top: 0px;
	margin:0!important;
	z-index: 99!important;
}
#mainimg3 img{
	width: 70%!important;
	display: inline-block;
	margin:10px auto;
	z-index: 99!important;
}
.slider111{
	text-align: center!important;
	position: absolute;
	top: 170px!important;
}
.slider111 .n2-ss-section-main-content{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ss-layer-content{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ow{
	text-align: center!important;
	width: 100%;
	height: auto;
}
.slider111 .n2-ss-layer{
	display: inline-block!important;
	width: 298px!important;
}
.slider111 .n2-ow{
	display: inline-block!important;
}
.slider111 .n2-ss-has-maxwidth{
	display: inline-block!important;
	width: 40%!important;
}
.slider111 .n2-ss-layer img{
	width: 100%;
}
.slider111 .n2-ow img{
	width: 100%;
}
.slider111 .n2-ss-has-maxwidth img{
	width: 80%;
}


.n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot{
	margin-top: -30px!important;
}
/*.nextend-bullet-bar-horizontal{
	margin-top: -100px!important;
}*/
#n2-ss-2-align{
height:550px!important;
}
#n2-ss-2{
height:550px!important;
}
.n2-grab{
height:550px!important;
}
.n2-ss-slide-5{
height:550px!important;
}
.n2-ss-slide-6{
height:550px!important;
}
.n2-ss-slide-8{
height:550px!important;
}
.n2-ss-layers-container{
height:550px!important;
margin-top:0!important;
position: relative!important;
}
.n2-ss-background-image{
	background-position: 50% 20%!important;
	background-size: 80% auto!important;
	overflow: visible;
}
.n2-ss-slide-4 .n2-ss-background-image{
	background-position: 50% 7%!important;
	background-size: 80% auto!important;
	overflow: visible;
}
	
#n2-ss-2-arrow-previous{
  border-radius:50px;
  margin-top:-8%!important;
  width:45px;
  height:43px;
  padding:7px 0 0 5px;
  background-color:rgba(255,255,252,0.7);
  display: none!important;
}
#n2-ss-2-arrow-next{
  border-radius:50px;
  margin-top:-8%!important;
  width:40px;
  height:43px;
  padding:7px 0 0 10px;
  background-color:rgba(255,255,252,0.7);
  display: none!important;
}
.nextend-bullet-bar-horizontal{
	width: 50%!important;
}
.n2-ow 
.n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot{
	width: 50px!important;
	margin:0 30px!important;
	height: 50px!important;
}
#mainimglinktxt{
	margin: 0px 0 70px;
	z-index: 999;
}
#mainimglinktxt h2{
	color: #fff;
	font-size: 2.3em!important;
	font-weight: 500!important;
	z-index: 999;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#mainimglinkleft{
	display: inline-block;
	background:#fff!important;
	padding: 40px!important;
	width: 210px!important;
	height: 210px!important;
	margin: 0 37px!important;
	border-radius: 10px!important;
	position: relative!important;
	text-align: center!important;
}
#mainimglinkleft a{
	text-decoration: none!important;
	color: #000!important;
}
#mainimglinkleft img{}
#mainimglinkleft p{
	font-size: 1.1em!important;
	padding: 2px 0!important;
	font-weight: 400!important;
	text-align: center!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.n2-font-1304-paragraph{
	text-align: center!important;
}
#mainimglinkright{
	display: inline-block!important;
	background:#fff!important;
	padding: 40px!important;
	width: 210px!important;
	height: 210px!important;
	margin: 0 37px!important;
	border-radius: 10px!important;
	position: relative!important;
	text-align: center!important;
}
#mainimglinkright a{
	text-decoration: none!important;
	color: #000!important;
}
#mainimglinkright img{}
#mainimglinkright p{
	font-size: 1.1em!important;
	text-align: center!important;
	padding: 2px 0!important;
	font-weight: 400!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.linkimg{
	text-align: center!important;
	position: relative!important;
	height: 160px!important;
}
.linkimg img{
	text-align: center!important;
	position: absolute!important;
	top: 0!important;
	left: 25%;
}
.homekijitop{
	margin: 80px auto;
}
.homekijilist{
	overflow: hidden;
	height:auto;
}
#homenews{
	float: none;
	width: 95%;
	margin:0 auto;
	padding-bottom:150px;
}
#homehojyo{
       clear:both;
	float: none;
	width: 95%;
	margin:0 auto;
}
.homekijilist h2{
	padding: 10px 0;
	border-bottom: 1px solid #000;
	font-size: 4em;
	font-weight: 200;
	text-align:center;
	margin:50px 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.homelist{
	margin: 30px 0;
	overflow: hidden;
	height:auto;

}
.homelist p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.homelistleft{
	width: 47%;
	height:600px;
	margin-bottom: 30px;
	background: #fff;
}
.homelistleft a {
	height:auto;
	display: block;
}
.homelistleft:nth-child(odd){
	float: left;
}
.homelistleft:nth-child(even){
	float: right;
}
.homelistimg{
	width: 100%;
	height:auto;
}
.homelistimg img{
	width: 100%;
	height:auto;
}
.homelistrignt{
	padding: 10px;
}
.kijitop{
	overflow: hidden;
}
.nichiji{
	float: left;
	margin-right: 10px;
}
.nichiji p{
	font-size: 2em;
	font-weight: 400;
}
.kate{
	float: left;
}
.ippan { background: #34aad0; }
.hotel { background: #c79f00; }
.others { background: #00aaa0; }
.hojyo { background: #5dbbd9; }
.jyosei { background: #ff9833; }

.kate p{
	color: #fff;
	font-size: 1.6em;
	font-weight: 100;
	padding: 4px 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.kijihonbun{
	height:100%;
	margin-top: 10px;
}
.kijihonbun p{
	font-size: 2em;
	line-height: 2em;
}
.homelistbtn{
	text-align: center;
}
.homelistbtn p{
	height: auto;
}
.homelistbtn a{
	text-decoration: none;
	padding: 15px 40px;
	border: 1px solid #000;
	font-weight: 200;
	font-size: 2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.homelistbtn2{
	text-align: left;
}
.homelistbtn2 p{
	height: auto;
}
.homelistbtn2 a{
	text-decoration: none;
	font-weight: 100!important;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.homelistbtn2 table{
	border: 1px solid #000;
	font-weight: 100!important;
	margin:0 auto;
}
.homelistbtn2 table tr {
	padding: 15px 10px;
	font-weight: 100!important;
}
.homelistbtn2 table tr td{
	font-size: 2em;
	font-weight: 100!important;
	padding: 15px 40px;
	vertical-align: middle;
}
.homelistbtn2 table tr td:first-child{
	padding-right: 0px;
}
.newleft{
	text-align: left;
}

#homesyoukaiwrap{
	clear: both;
	width: 100%;
/*	margin:930px auto 0; */
	background: #e6e9d6;
/*	height: 547px; */
       height:auto!important;
}
#homesyoukai{
	width: 100%;
	height:auto;
	margin:0 auto ;
}
	#homesyoukaiimg{
	      display: none;
	}
#sphomesyoukaiimg{
	width: 80%;
	float: none;
	margin:30px auto 70px;
}
#sphomesyoukaiimg img{
	width: 100%;
}
#homesyoukaitxt{
	float: none;
	margin-top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}
#syoukaimain{}
#syoukaimain h2{
	font-size: 3em;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#syoukaimain p{
	font-size: 2em;
	font-weight: 200;
	line-height: 2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
p#syoukai1{
	margin:30px 0;
}
p#syoukai2{
	margin:30px 0;
}
#syoukaisya{
	text-align: right;
}
#syoukaisya p{
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
#syoukailink{
	margin-top: 60px;
	clear: both;
	text-align: center;
}
#syoukailink p{
	height: 40px;
}
#syoukailink a{
	text-decoration: none;
	padding: 15px 40px;
	border: 1px solid #000;
	font-weight: 200;
	font-size: 2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
}
/*会社概要*/
.pagemain {
	max-width: 1080px;
	margin:0 auto;
}
.page{
	width: 100%;
	min-width:1080px;
	position: relative;
}
.mainimg{
	width: 100%;
	overflow: hidden;
	height: 220px;
	margin-top: -60px;
}
.mainimg img{
	width: 100%;
}
.maintxt{
	text-align: center;
}
.maintxt h2{
	color: #fff;
	position: relative;
	margin-top:-90px;
	margin-bottom: 70px;
	font-weight: 400;
	font-size: 1.7em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.pankuzu{
	/* width: 87%; */
width:1080px;
	margin:5px auto;
}
.pankuzu p{
	font-size: 0.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
}
.pankuzu a{
	font-weight: 400;
	color: #419994;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	text-decoration: none;
}
#company3{
	/* width: 87%; */
	margin:50px auto 10px;
}
#company3 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#company3 p{
	font-size: 1.8em;
	font-weight: 300;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 100!important;
	padding:10px;
}
.company4-wrap {
	width: 100%;
	background: #e1e2d2;
}
#company4{
	max-width: 1080px;
	margin: 30px auto;
}
#company4 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:40px 0 10px 0;
	margin-bottom: 30px;
	/* width: 87%; */
	margin:50px auto 10px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#company4-1{
	/* width: 87%; */
	overflow: hidden;
	margin:35px auto 0;
	padding: 0 0 40px 0;
}
#company4-1left{
	width: 65%;
	float: left;
}
#company4-1left p{
	padding: 3px 0;
	font-weight: 400;
	font-size: 0.8em;
	line-height: 1.8em;
	/*color:#828282;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#company4-1right{
	width: 20%;
	float: right;
	margin-right: 9%;
}
#company4-1right img{
	width: 100%;
}
#company5{
	/* width: 87%; */
	margin: 60px auto;

}
#company5 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin-bottom: 50px;
	margin:10px auto 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#company5 table{
	table-layout: fixed;
	width: 100%;
	margin:0 auto;
}
#company5 table tr{
	padding: 30px 0;
	border-bottom: 1px solid #828282;
}
#company5 table tr th{
	padding: 30px 0;
	text-align: left;
	width: 20%;
}
#company5 table tr td{
	padding: 30px 0;
}
#company5 table tr th p{
	font-size: 0.9em;
	font-weight: 400;
	padding-left: 10px;
	color:#828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#company5 table tr td p{
	font-size: 0.9em;
	font-weight: 400;
	margin:10px 0;
	color:#828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#company6{
	/* width: 87%; */
	margin: 30px auto;
}
#companymap{}
#companymap h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin-bottom: 50px;
	margin:10px auto 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#pagebtn{
	width: 478px;
	height:80px;
	margin:60px auto;
	text-align: center;
}
#pagebtn a{
	padding: 0 auto;
	color: #fff;
	font-size: 1.4em;
	line-height: 80px;
	text-decoration: none;
	background:#5dc1bb;
	display: block;
}

#viewnimg{
	background:url(img/viewn_header.jpg);
	background-size:cover;
	background-position:bottom;
}
#viewnmain,#viewnmain p{
	line-height:1.5em;
}

#viewnmain h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:40px 0 10px 0;
	margin-bottom: 30px;
	/* width: 87%; */
	margin:50px auto 10px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.viewn3-left{
	width:30%;
	display:inline-block;
	margin-top:2em;
	padding-right:40px;
	vertical-align: top;
	line-height:2.5em;

}
.viewn3-left img{
	width:100%;
}

.viewn3-right{
	width:65%;
	display:inline-block;
	margin-top:2em;
	line-height:2.5em;
	vertical-align: top;
}

.viewn3-right p{
	line-height:2.5em;
	margin-bottom:1em;
}
.viewn3-right ul li,#viewn4-1left ul li{
	display:block;
	margin-bottom:2em;
	line-height:1.5em;
}
.viewn3-right ul li h4{
	font-size:1.5em;
	margin-bottom:0.5em;
	color:#f16b83;
}
#viewn4-1left ul li h4{
	font-size:1.5em;
	margin-bottom:0.5em;
	color:#05abf5;
}



.viewn4-wrap {
	width: 100%;
	background: #fff;
}
#viewn4{
	max-width: 1080px;
	margin: 30px auto;
}
#viewn4 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:40px 0 10px 0;
	margin-bottom: 30px;
	/* width: 87%; */
	margin:50px auto 10px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}


#viewn4-1{
	/* width: 87%; */
	overflow: hidden;
	margin:35px auto 0;
	padding: 0 0 40px 0;
}
#viewn4-1left{
	width: 65%;
	float: left;
}
#viewn4-1left p{
	padding: 3px 0;
	font-weight: 400;
	font-size: 0.8em;
	line-height: 1.8em;
	/*color:#828282;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#viewn4-1right{
	width: 31%;
	float: right;
}
#viewn4-1right img{
	width: 100%;
}

#viewn4-1right table{
	width:100%;
	margin-top:0.5em;
	margin-bottom:30px;
	border-collapse:collapse;
	border:1px solid #999;
}
#viewn4-1right table th{
	text-align:left;
	padding:0.5em 1em;
	line-height:1.5em;
	border:1px solid #999;

}
#viewn4-1right table td{
	text-align:left;
	padding:0.5em 1em;
	vertical-align: middle;
	border:1px solid #999;
}
.anno{
	font-weight:300;
	font-size:85%;
}

.viewn_contact h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:40px 0 10px 0;
	margin-bottom: 30px;
	/* width: 87%; */
	margin:50px auto 10px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}

#contactform input.name{
	width:42%;
}

/*スマホ*/
@media screen and (max-width: 1080px) {
#headersp{
		margin-top:0;
		position: fixed;
		top:0;
		z-index: 999;
	}
	.pagemain {
	max-width: 95%;
	margin:0 auto;
	}
	.page{
		width: 100%!important;
		min-width:100%;
		position: relative;
		margin-top:120px;
		z-index: 0;
	}
	.mainimg{
		width: 100%!important;
		overflow: hidden;
		height: 220px;
		margin-top: 0px;
	}
	.mainimg img{
		width: 100%!important;
	}
	.maintxt{
		text-align: center;
		width: 100%!important;
	}
	.maintxt h2{
		color: #fff;
		position: relative;
		width: 100%;
		margin-top:-135px;
		margin-bottom: 110px;
		font-weight: 400;
		font-size: 3em;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	.pankuzu{
	/* width: 87%; */
	width:100%;
		margin:0px auto 5px;
	}
	.pankuzu p{
		font-size: 0.8em;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		font-weight: 400;
	}
	.pankuzu a{
		font-weight: 400;
		color: #419994;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		text-decoration: none;
	}
	#company3{
		/* width: 87%; */
		margin:50px auto 10px;
	}
	#company3 h3{
		font-size: 4em;
		width: 100%;
		text-align: center;
		font-weight: 200;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	#company3 p{
		font-size: 1.8em;
		line-height: 2.2em;
		font-weight: 300;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		font-weight: 100!important;
		padding:0px;
	}
	.company4-wrap {
		width: 100%;
		background: #e1e2d2;
	}
	#company4{
		max-width: 95%;
		margin: 30px auto;
	}
	#company4 h3{
		font-size: 4em;
		line-height: 1.5em;
		width: 100%;
		font-weight: 200;
		text-align: center;
		border-bottom: 1px solid #000;
		padding:40px 0 20px 0;
		margin-bottom: 30px;
		/* width: 87%; */
		margin:50px auto 10px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	#company4-1{
		/* width: 87%; */
		overflow: hidden;
		margin:35px auto 0;
		padding: 0 0 40px 0;
	}
	#company4-1left{
		width: 100%;
		float: none;
	}
	#company4-1left p{
		padding: 3px 0;
		font-weight: 200;
		font-size: 1.4em;
		line-height: 2em;
		/*color:#828282;*/
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	#company4-1right{
		width: 80%;
		float: none;
		margin: 30px auto;
	}
	#company4-1right img{
		width: 100%;
	}
	#company5{
		/* width: 87%; */
		margin: 60px auto;

	}
	#company5 h3{
		font-size: 4em;
		width: 100%;
		font-weight: 200;
		border-bottom: 1px solid #000;
		padding:50px 0 20px 0;
		margin-bottom: 50px;
		text-align: center;
		margin:10px auto 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	#company5 table{
		table-layout: fixed;
		width: 100%;
		margin:0 auto;
	}
	#company5 table tr{
		padding: 30px 0;
		border-bottom: 1px solid #828282;
	}
	#company5 table tr th{
		padding: 30px 0;
		text-align: left;
		width: 20%;
	}
	#company5 table tr td{
		padding: 30px 0;
	}
	#company5 table tr th p{
		font-size: 2.3em;
		font-weight: 200;
		padding-left: 10px;
		line-height: 2.2em;
		color:#828282;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#company5 table tr td p{
		font-size: 2.2em;
		font-weight: 200;
		margin:10px 0;
		line-height: 2em;
		color:#828282;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#company6{
		/* width: 87%; */
		margin: 30px auto;
	}
	#companymap{}
	#companymap h3{
		font-size: 4em;
		text-align: center;
		width: 100%;
		font-weight: 200;
		border-bottom: 1px solid #000;
		padding:50px 0 20px 0;
		margin-bottom: 50px;
		margin:10px auto 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

	}
	.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	
	.gmap iframe,
	.gmap object,
	.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	#company6 #pagebtn{
		display: none;
	}
	#pagebtn a{
		padding: 0 auto;
		color: #fff;
		font-size: 33px!important;
		line-height: 80px;
		text-decoration: none;
		background:#5dc1bb;
		display: block;
	}
}



/*代表紹介*/
#president3{
	/* width: 87%; */
	margin:80px auto;
}
#president3 h2{
	font-size: 2em;
	width: 100%;
	font-weight: 200;
	padding:0px 0 10px 0;
	margin-bottom: 50px;
	margin:10px auto 30px;
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
.presidenttable{
	/* width: 87%; */
	margin:80px auto;
}
.presidenttable h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 300;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin:10px auto 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.presidenttable table{
	table-layout: fixed;
	width: 100%;
	margin:0 auto;
}
.presidenttable table tr{
	padding: 10px 0;
	border-bottom: 1px solid #828282;
}
.presidenttable table tr th{
	padding: 30px 0;
	text-align: left;
	width: 33%;
}
.presidenttable table tr td{
	padding: 10px 0;
}
.presidenttable table tr th p{
	font-size: 0.9em;
	font-weight: 400;
	padding-left: 10px;
	margin: 7px 0;
	color:#5dc1bb;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.presidenttable table tr td p{
	font-size: 0.9em;
	font-weight: 400;
	margin:10px 0;
	color:#828282;
	line-height: 1.7em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.presidenttable p{
	font-size: 0.9em;
	font-weight: 400;
	padding-left: 10px;
	margin: 40px 0;
	color:#5dc1bb;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president5{
	/* width: 87%; */
	margin:80px auto;
}
#president5 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 300;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin:10px auto 40px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.green{
	color:#5dc1bb!important;
	font-size: 0.8em;
	margin-top: -50px;
}
#president5-1{
	overflow: hidden;
}
#president5-1left{
	float: left;
	width: 48%;
}
#president5-1left ul{}
#president5-1left ul li{
	font-size: 0.9em;
	font-weight: 400;
	margin:10px 0;
	color:#828282;
	line-height: 1.7em;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president5-1right{
	float: right;
	width: 48%;
}
#president5-1right ul{}
#president5-1right ul li{
	font-size: 0.9em;
	font-weight: 400;
	margin:10px 0;
	color:#828282;
	line-height: 1.7em;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}

#president6{
	/* width: 87%; */
	margin:80px auto;
}
#president6 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 300;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin:10px auto 50px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president6 ul{}
#president6 ul li{
		font-size: 0.9em;
	font-weight: 400;
	margin:10px 0;
	color:#828282;
	line-height: 1.7em;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
/*
#presidentmain #pagebtn{
	margin-bottom: 120px;
}
#presidentmain #pagebtn a{
	font-size: 1.5em;
	padding: 30px 50px;
} */

/*スマホ*/
@media screen and (max-width: 1080px) {
	.pctable{
		display: none;
	}
	#president3{
	/* width: 87%; */
	margin:80px auto;
}
#president3 h2{
	font-size: 3em;
	width: 100%;
	font-weight: 300;
	padding:0px 0 10px 0;
	margin-bottom: 50px;
	margin:10px auto 30px;
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
.presidenttable{
	/* width: 87%; */
	margin:80px auto;
}
.presidenttable h3{
	font-size: 4em;
	text-align: center;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin:10px auto 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.presidenttable table{
	table-layout: fixed;
	width: 100%;
	margin:0 auto;
}
.presidenttable table tr{
	padding: 10px 0;
	border-bottom: 1px solid #828282;
}
.presidenttable table.sptable tr:nth-child(3){
	border-bottom: none;
}
.presidenttable table.sptable tr:nth-child(5){
	border-bottom: none;
}
.presidenttable table.sptable tr:nth-child(7){
	border-bottom: none;
}
.presidenttable table tr th{
	padding: 30px 0;
	text-align: left;
	width: 100%;
}
.presidenttable table tr td{
	padding: 10px 0 50px;
	width: 100%;
}
.presidenttable table tr th p{
	font-size: 2.3em;
	font-weight: 400;
	padding-left: 10px;
	line-height: 1.8em;
	margin: 7px 0;
	color:#5dc1bb;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.presidenttable table tr td p{
	font-size: 1.8em;
	font-weight: 200;
	margin:10px 0;
	color:#828282;
	line-height: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.presidenttable p{
	font-size: 2.2em;
	font-weight: 400;
	padding-left: 10px;
	line-height: 1.5em;
	margin: 40px 0;
	color:#5dc1bb;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president5{
	/* width: 87%; */
	margin:80px auto;
}
#president5 h3{
	font-size: 4em;
	text-align: center;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:0px 0 10px 0;
	margin:10px auto 40px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.green{
	color:#5dc1bb!important;
	font-size: 0.8em;
	margin-top: -50px;
}
#president5-1{
	overflow: hidden;
}
#president5-1left{
	float: none;
	width: 100%;
}
#president5-1left ul{}
#president5-1left ul li{
	font-size: 1.8em;
	font-weight: 200;
	margin:50px 0;
	color:#828282;
	line-height: 1.7em;
	padding-bottom: 50px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president5-1right{
	float: none;
	width: 100%;
}
#president5-1right ul{}
#president5-1right ul li{
	font-size: 1.8em;
	font-weight: 200;
	margin:50px 0;
	color:#828282;
	line-height: 2em;
	padding-bottom: 50px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}

#president6{
	/* width: 87%; */
	margin:80px auto;
}
#president6 h3{
	font-size: 4em;
	text-align: center;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding:0px 0 50px 0;
	margin:10px auto 50px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
#president6 ul{}
#president6 ul li{
		font-size: 1.8em;
	font-weight: 200;
	margin:50px 0;
	color:#828282;
	line-height: 2em;
	padding-bottom: 50px;
	padding-left: 5px;
	border-bottom: 1px solid #828282;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#presidentmain #pagebtn{
	display: none;
}
}
/*一般企業向けコンサルティングメニュー*/
.consalmenu{
	/* width: 87%; */
	margin:50px auto 10px;
}
.consalmenu h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.consallist{
	margin:10px 0 60px 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.consallist h4{
	padding:5px 0 5px 17px;
	border-left: 6px solid #34aad0;
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: left;
}

.consallistlink{
	width: 31%;
	height:400px;
	text-align: center;
	background: #fff;
	float: left;
	margin:0 3% 30px 0;
}
.consallistlink:nth-child(4){
	margin-right: 0;
}
@media screen and (min-width: 1080px) {
.consallistlink:nth-child(6){
	height:400px;
}
}
.consallistimg{
	width: 100%;
}
.consallistimg img{
	width: 100%;
}
.consallisttxt{
	padding: 20px;
}
#gyoumukaizen{}
.consallisttxt h5{
	font-weight: 700;
/*	height: 40px; */ 
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#marketing{}
.consallisttxt h5{
	font-weight: 700;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#kanrikaikei{}
.consallisttxt h5{
	font-weight: 700;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#jinjiseido{}
.consallisttxt h5{
	font-weight: 700;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#gyoutaitenkan{}
.consallisttxt h5{
	font-weight: 700;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

.consallisttxt p{
	text-align: left;
	/* height: 70px; */
	color:#828282;
	padding: 17px 0 10px;
	line-height: 1.7em;
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.consallisttxt a {
	display: none;
	text-align: center;
	text-decoration: none;
	padding: 10px;
}
#gyoumukaizen a{
	display: inline;
}
#marketing a{
	display: inline;
}
#kanrikaikei a{
	display: inline;
}
#jinjiseido a{
	display: inline;
}
#gyoutaitenkan a{
	display: inline;
}

.consallisttxt a p{
	text-align: center;
	height: 23px;
	padding: 6px;
	border: 1px solid #828282;
	width: 47%;
	display: inline-block;
	margin:17px 0;
}
.txt{}
.txt p{
	font-weight: 200;
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.consallink{
	/* width: 87%; */
	height:325px;
	margin:70px auto 0;
	overflow: hidden;
	background: #2c5a6d;
	position: relative;
}
.consallink:hover{
	opacity: 0.7;
}
.consallinkleft{
	float: left;
	width: 67%;
}
.consallinkleft h5{
	text-align: center;
	padding: 28px 0;
	font-size: 1.9em;
	color: #fff;
	font-weight: 500;
}
.consallinkwrap{
	text-align: center;
	overflow: hidden;
}
.consallinkwrapleft{
	float: left;
}
.consallinkwrapleft p{
	color: #fff;
	margin-top: 20px;
	margin-left: 50px;
	font-weight: 500;
	font-size: 7em;
}
.consallnkwrapright{
	float: left;
	margin-left: 30px;
	width: 70%;
}
.consallnkwrapright ul{
	overflow: hidden;
}
.consallnkwrapright ul li{
	float: left;
	font-size: 1em;
	font-weight: 400;
	margin-right: 7px;
	margin-bottom: 7px;
	padding: 11px 25px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color: #2c5a6d;
	background: #cae9f6;
}
.consallnkwrapright ul li:nth-child(3){
	padding: 11px 29px;
}
.consallnkwrapright ul li:nth-child(4){
	padding: 11px 29px;
}
.consallnkwrapright ul li:nth-child(5){
	padding: 11px 28px;
}
.consallink h6{
	text-align: center;
	margin-top: 20px;
	font-size: 1.4em;
	color: #fffc00;
	font-weight: 400;
}
.consallinkright{
	float: right;
	width: 33%;
	height: 100%;
}
.consallinkright img{
	width: 100%;
	height: 100%;
}
#commonmain #pagebtn {
	margin-bottom:0 !important;
}
/*
#commonmain #pagebtn a{
	font-size: 1.3em;
	padding: 25px 60px;
} */




@media screen and (max-width: 1080px) {
.pc{
	display: none;
}
.consalmenu{
	/* width: 87%; */
	margin:50px auto 10px;
}
.consalmenu h3{
	font-size: 4em;
	width: 100%;
	font-weight: 200;
	text-align:center;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.consallist{
	margin:10px 0 60px 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.consallist h4{
	padding:5px 0 5px 17px;
	border-left: 6px solid #34aad0;
	font-size: 3em;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: left;
}

.consallistlink{
	width: 47%;
	height: 750px;
	text-align: center;
	background: #fff;
	float: left;
	margin:0 3% 30px 0;
}
.consallistlink:nth-child(4){
	margin-right: 3%;
}
.consallistimg{
	width: 100%;
}
.consallistimg img{
	width: 100%;
}
.consallisttxt{
	padding: 20px;
}
#gyoumukaizen{}
.consallisttxt h5{
	font-weight: 700;
	font-size: 2em;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#marketing{}
.consallisttxt h5{
	font-weight: 700;
	font-size: 2em;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#kanrikaikei{}
.consallisttxt h5{
	font-weight: 700;
	font-size: 2em;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#jinjiseido{}
.consallisttxt h5{
	font-weight: 700;
	font-size: 2em;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}
#gyoutaitenkan{}
.consallisttxt h5{
	font-weight: 700;
	font-size: 2em;
/*	height: 40px; */
	letter-spacing: 0.2em;
	line-height: 1.5em;
}

.consallisttxt p{
	text-align: left;
	/* height: 70px; */
	color:#828282;
	padding: 17px 0 10px;
	line-height: 1.7em;
	font-size: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

.consallisttxt a {
	display: none;
	text-align: center;
	text-decoration: none;
	padding: 10px;
}
#gyoumukaizen a{
	display: inline;
}
#marketing a{
	display: inline;
}
#kanrikaikei a{
	display: inline;
}
#jinjiseido a{
	display: inline;
}
#gyoutaitenkan a{
	display: inline;
}
.consallisttxt a p{
	text-align: center;
	height: auto;
	padding: 6px;
	border: 1px solid #828282;
	width: 95%;
	display: inline-block;
	margin:17px auto;
}
.txt{}
.txt p{
	font-weight: 200;
	font-size: 1.8em;
	line-height: 1.8em;
	padding-bottom: 50px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.consallink{
	/* width: 87%; */
	height:100%;
	margin:70px auto 0;
	overflow: hidden;
	background: #2c5a6d;
	position: relative;
}
.bannar img{
	width: 100%;
}
.consallink:hover{
	opacity: 0.7;
}
.consallinkleft{
	float: left;
	width: 67%;
}
.consallinkleft h5{
	text-align: center;
	padding: 28px 0;
	font-size: 1.9em;
	color: #fff;
	font-weight: 500;
}
.consallinkwrap{
	text-align: center;
	overflow: hidden;
}
.consallinkwrapleft{
	float: left;
}
.consallinkwrapleft p{
	color: #fff;
	margin-top: 20px;
	margin-left: 50px;
	font-weight: 500;
	font-size: 7em;
}
.consallnkwrapright{
	float: left;
	margin-left: 30px;
	width: 70%;
}
.consallnkwrapright ul{
	overflow: hidden;
}
.consallnkwrapright ul li{
	float: left;
	font-size: 1em;
	font-weight: 400;
	margin-right: 7px;
	margin-bottom: 7px;
	padding: 11px 25px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color: #2c5a6d;
	background: #cae9f6;
}
.consallnkwrapright ul li:nth-child(3){
	padding: 11px 29px;
}
.consallnkwrapright ul li:nth-child(4){
	padding: 11px 29px;
}
.consallnkwrapright ul li:nth-child(5){
	padding: 11px 28px;
}
.consallink h6{
	text-align: center;
	margin-top: 20px;
	font-size: 1.4em;
	color: #fffc00;
	font-weight: 400;
}
.consallinkright{
	float: right;
	width: 33%;
	height: 100%;
}
.consallinkright img{
	width: 100%;
	height: 100%;
}
/*#commonmain #pagebtn {
	margin-bottom:0 !important;
}*/
#commonmain #pagebtn{
	width: auto!important;
	height:auto!important;
	margin:60px 10%!important;
	text-align: center;
}
#commonmain #pagebtn a{
	padding: 0 auto;
	color: #fff;
	font-size: 33px!important;
	line-height: 80px;
	text-decoration: none;
	background:#5dc1bb;
	display: block;
}
/*
#commonmain #pagebtn a{
	font-size: 1.3em;
	padding: 25px 60px;
} */
}


/*ホテル旅館向け*/
.consallisth{
	margin:10px 0 60px 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.consallisth h4{
	padding:5px 0 5px 17px;
	border-left: 6px solid #c79f00;
	font-size: 1.5em;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: left;
}
/*スマホ*/
@media screen and (max-width: 1080px) {
	.consallisth{
	margin:10px 0 60px 0;
	text-align: center;
	overflow: hidden;
	clear: both;
}
.consallisth h4{
	padding:5px 0 5px 17px;
	border-left: 6px solid #c79f00;
	font-size: 3em;
	font-weight: 500;
	margin-bottom: 40px;
	text-align: left;
}
}
/*事例紹介*/
#reference3{
	/* width: 87%; */
	margin:50px auto 10px;
}
#reference3 h3{
	font-size: 2.2em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#reference3-1{
	padding: 0px;
	width: 100%;
	background: #e1e2d2;
	overflow: hidden;
}
#reference3-1img{
	width: 23%;
	float: left;
	padding: 20px 0 20px 20px;
}
#reference3-1img img{
	width: 100%;
}
#reference3-1txt{
	padding: 20px 0 0 0;
	float: left;
	margin-left: 30px;
	width: 70%;
}
#reference3-1txt h4{
	padding:3px 0 3px  15px;
	border-left: 6px solid #c79f00;
	font-size: 1.3em;
	font-weight: 500;
}
#reference3-1txt p{
	font-size: 0.9em;
	/*	color: #8f8f8a; */
	margin-top: 30px;
	line-height: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

#case{
	width: 100%;
	margin:40px 0 0 0;
	border:1px solid #eee;
}
#case ul.flex {
	width: 100%;
	overflow: hidden;
	margin-right: 0;
	display: flex
}
#case ul.flex li{
	margin:0 2.5% 0 0;
	padding:0;
	width: 18%;
}
#case ul.flex li a {
	display: block
}
#case ul.flex li a:hover { }
#case ul.flex li:last-child{
	margin-right: 0;
}
/*
.referenceimg{
	width: 100%;
}
.referenceimg img{
	width: 100%;
} */
.referencetxt{
	margin-top: 15px;
}
.referencetxt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.5em;
	font-size: 0.9em;
	font-weight: 200;
}

.tabcase {
	text-align:center;
	line-height:48px;
	font-size: 1.5em;
	font-weight: 100;
	font-style: italic;
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
	background: #c79f01;
	position:relative;
}
.tabcase i {
	font-size: 1.7em;
	display: inline-block;
	position:relative;
	top:5px;
	left: 6px
}
a .tabcase {
	color: #fff
}
.tabcase:before {
	content:"〉";
	color: #fff;
	font-style:normal;
}
.case-content {
	margin:60px auto 0;
}
.case-content h3{
	font-size: 1.4em;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.gold{
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.8em;
	font-weight: 100;
	font-style: italic;
	color:#c79f00;
}
.big{
	font-size: 1.4em;
}
#reference4-1{
	overflow: hidden;
	margin-top: 40px;
}
#reference4-1img{
	float: left;
	width: 22%;
}
#reference4-1img img{
	width: 100%;
}
#reference4-1txt{
	width: 75%;
	float: right;
}
#reference4-1txt h4{
	font-size: 0.9em;
	padding: 10px 15px;
	color: #fff;
	background: #c79f00;
	width: 140px;
	font-weight: 100;
	margin-bottom: 17px;
}
#reference4-1txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color: #666;
	font-size: 0.9em;
	line-height: 1.7em;
}
#reference4-1txt ul{
	margin-top: 30px;
	overflow: hidden;
}
#reference4-1txt ul li{
	float: left;
	padding: 10px 17px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 100;
	font-size: 0.9em;
	border: 1px solid #000;
	margin-right: 1%;
	margin-bottom: 10px;
}
#reference4-2{
	margin-top: 50px;
	background: #e1e2d2;
	padding: 30px;
	text-align: center;
	overflow: hidden;
}
#reference4-2 h4{
	display: inline-block;
	padding: 15px 15%;
	text-align: center;
	font-size: 1.5em;
	border: 1px solid #000;
	margin-bottom: 40px;
}
#reference4-2txt{
	float: left;
	width: 70%;
	text-align: left;
}
#reference4-2txt h5{
	line-height: 1.8em;
	font-size: 1.1em;
	font-weight: 600;
}
#reference4-2txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 0.9em;
}
#reference4-2img{
	width: 25%;
	height: auto;
	float: right;
}
#reference4-2img img{
	width: 100%;
}
#reference4-3{
	clear: both;
	background: #e1e2d2;
	margin:0;
	padding: 10px 30px;
}
#reference4-3img1{
	margin-top: 10px;
	width: 66%;
}
#reference4-3img1 img{
	width: 100%;
}
#reference4-3txt{
	width: 66%;
	margin-top: 35px;
}
#reference4-3txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 0.9em;
}
#reference4-3img2{
	margin-top: 70px;
	width: 66%;
}
#reference4-3img2 img{
	width: 100%;
}
#reference4-4txt2{
	width: 66%;
	margin-top: 25px;
	margin-bottom: 60px;
}
#reference4-4txt2 p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 0.9em;
}
#reference4-4{
	margin-top: 70px;
	width: 100%;
	background: #e1e2d2;
}
#reference4-4img1{
	width: 100%;
	position:relative;
	text-align:center;
}
#reference4-4img1 img{
	width: 100%;
}
#reference4-4img1 h4{
	font-size:1.8em;
	font-weight:200;
	margin-top:-63px;
	margin-bottom:10px;
	color:#fff;
	text-align:center;
}
#reference4-4wrap{
	overflow: hidden;
	padding:40px;
}
#referencewrapimg{
	width: 25%;
	float: left;
}
#referencewrapimg img{
	width: 100%;
}
#referencewraptxt{
	width: 71%;
	float: right;
}
#referencewraptxt ul{
	text-align:left;
}
#referencewraptxt ul li{
	font-size: 1.5em;
	color: #007196;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
	padding-bottom: 13px;
	clear:both;
}
#referencewraptxt ul li .mini{
	margin: 0;
	font-size: 0.8em;
}
#referencewraptxt ul li:before{ 
content:'▶︎';
color: #ab4b93!important;
font-size: 1em;
display:block;
float:left;
width:1.5em;
margin-top:0px;
}
#referencewraptxt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 0.9em;
}
#terefencewraptxtimg{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#terefencewraptxtimg img{
	width: 100%;
}
/*
#referencebtn{
	clear: both;
	margin:70px 0 130px;
}
#referencebtn #pagebtn{}
#referencebtn #pagebtn a{
	font-size: 1.3em;
	padding: 25px 60px;
}*/


/*スマホ*/
@media screen and (max-width: 1080px) {
	#reference3{
	/* width: 87%; */
	margin:50px auto 10px;
}
#reference3 h3{
	font-size: 4em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#reference3-1{
	padding: 0px;
	width: 100%;
	background: #e1e2d2;
	overflow: hidden;
}
#reference3-1img{
	width: 95%;
	float: none;
	padding: 20px 0;
	margin:0 auto;
}
#reference3-1img img{
	width: 100%;
}
#reference3-1txt{
	padding: 20px 0 0 0;
	float: left;
	margin: 0 2%;
	width:95%;
}
#reference3-1txt h4{
	padding:7px 0 7px  15px;
	border-left: 8px solid #c79f00;
	font-size: 3em;
	line-height:1.3em;
	font-weight: 500;
}
#reference3-1txt p{
	font-size: 1.8em;
	/*	color: #8f8f8a; */
	margin-top: 30px;
	margin-bottom:20px;
	line-height: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}

#case{
	width: 100%;
	margin:40px 0 0 0;
	border:1px solid #eee;
}
#case ul.flex {
	width: 100%;
	overflow: hidden;
	margin-right: 0;
	display: flex;
}
#case ul.flex li{
	margin:0 2.5% 0 0;
	padding:0;
	width: 30%;
}
#case ul.flex li a {
	display: block
}
#case ul.flex li a:hover { }
#case ul.flex li:last-child{
	margin-right: 0;
}
/*
.referenceimg{
	width: 100%;
}
.referenceimg img{
	width: 100%;
} */
.referencetxt{
	margin-top: 15px;
}
.referencetxt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 2em;
	font-size: 1.8em;
	font-weight: 200;
}

.tabcase {
	text-align:center;
	line-height:48px;
	font-size: 2.2em;
	font-weight: 100;
	font-style: italic;
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;	
	background: #c79f01;
	padding:10px 0;
	position:relative;
}
.tabcase i {
	font-size: 2.2em;
	display: inline-block;
	position:relative;
	top:5px;
	left: 6px
}
a .tabcase {
	color: #fff
}
.tabcase:before {
	content:"〉";
	color: #fff;
	font-style:normal;
}
.case-content {
	margin:60px auto 0;
}
.case-content h3{
	font-size: 3em;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.gold{
	font-family: "MS 明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.8em;
	font-weight: 100;
	font-style: italic;
	color:#c79f00;
	width: 100%!important;
}
.big{
	font-size: 2em;
}
#reference4-1{
	overflow: hidden;
	margin-top: 40px;
}
#reference4-1img{
	float: none;
	width: 100%;
}
#reference4-1img img{
	width: 100%;
}
#reference4-1txt{
	width: 100%;
	float: none;
}
#reference4-1txt h4{
	font-size: 3em;
	margin:30px 0 30px 0;
	padding: 10px 15px;
	color: #fff;
	background: #c79f00;
	width: 450px;
	font-weight: 100;
	margin-bottom: 17px;
}
#reference4-1txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color: #666;
	font-size: 1.8em;
	line-height: 1.8em;
}
#reference4-1txt ul{
	margin-top: 30px;
	overflow: hidden;
}
#reference4-1txt ul li{
	float: left;
	padding: 10px 17px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 100;
	font-size: 2em;
	border: 1px solid #000;
	margin-right: 1%;
	margin-bottom: 15px;
}
#reference4-2{
	margin-top: 50px;
	background: #e1e2d2;
	padding: 30px;
	text-align: center;
	overflow: hidden;
}
#reference4-2 h4{
	display: inline-block;
	width: 100%;
	padding: 30px 0;
	text-align: center;
	font-size: 3em;
	border: 1px solid #000;
	margin-bottom: 40px;
}
#reference4-2txt{
	float: none;
	width: 100%;
	text-align: left;
}
#reference4-2txt h5{
	line-height: 2.2em;
	font-size: 2.2em;
	margin:50px 0;
	font-weight: 600;
}
#reference4-2txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 50px;
	line-height: 1.8em;
	font-size: 2em;
}
#reference4-2img{
	width: 100%;
	height: auto;
	float: none;
}
#reference4-2img img{
	width: 100%;
}
#reference4-3{
	clear: both;
	background: #e1e2d2;
	margin:0;
	padding: 50px 30px;
}
#reference4-3img1{
	margin-top: 30px;
	width: 100%;
}
#reference4-3img1 img{
	width: 100%;
}
#reference4-3txt{
	width: 100%;
	margin-top: 35px;
}
#reference4-3txt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 2em;
}
#reference4-3img2{
	margin-top: 30px;
	width: 100%;
}
#reference4-3img2 img{
	width: 100%;
}
#reference4-4txt2{
	width: 100%;
	margin-top: 25px;
	margin-bottom: 60px;
}
#reference4-4txt2 p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 50px;
	line-height: 1.8em;
	font-size: 2em;
}
#reference4-4{
	margin-top: 70px;
	width: 100%;
	background: #e1e2d2;
	overflow: hidden;
}
#reference4-4img1{
	width: 200%;
	margin:0 50% 0 -50%;
}
#reference4-4img1 img{
	width: 100%;
}
#reference4-4img1 h4{
	font-size:3em;
	font-weight:200;
	margin-top:-6%;
	margin-bottom:5%;
	color:#fff;
	text-align:center;
}
#reference4-4wrap{
	overflow: hidden;
	padding:40px;
}
#referencewrapimg{
	width: 100%;
	float: none;
}
#referencewrapimg img{
	width: 100%;
}
#referencewraptxt{
	width: 100%;
	float: none;
}
#referencewraptxt ul{
	text-align:left;
}
#referencewraptxt ul li{
	font-size: 2em;
	line-height:1.5em;
	color: #007196;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
	padding-bottom: 13px;
	padding-left:1em;
}
#referencewraptxt ul li .mini{
	margin: 0;
	font-size: 2em;
}
#referencewraptxt ul li:before{ 
content:'▶︎';
color: #ab4b93!important;
font-size: 1.5em;
display:block;
float:left;
width:1em;
margin-top:0px;
margin-left:-1em;
}
#referencewraptxt p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*	color: #8f8f8a; */
	margin-top: 20px;
	line-height: 1.8em;
	font-size: 1.8em;
}
#terefencewraptxtimg{
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;
}
#terefencewraptxtimg img{
	width: 100%;
}
/*
#referencebtn{
	clear: both;
	margin:70px 0 130px;
}
#referencebtn #pagebtn{}
#referencebtn #pagebtn a{
	font-size: 1.3em;
	padding: 25px 60px;
}*/
}


/*お知らせ
#news{
	overflow: hidden;
} */
#newsmain{
	margin: 60px 0;
}
.mainpage{
	width: 70.8%;
	float: left;
	/*padding-left: 7%; */
}
.sidebar{
	margin: 60px 0 100px;
	float: right;
	width: 24.6%;
	/*padding-right: 8%; */
}
.mainpage .homelistleft{
	width: 31%;
	height:265px;
	float: left;
	margin-right: 2%;
}
.sidenew{
 width: 100%;
}
.sidenew h3{
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	background: #00aaa0;
	color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}
.sidenew ul{

}
.sidenew ul li{
	padding: 0px 0;
	border-bottom: 1px solid #CBCBCB;
	margin-bottom: 20px;
}
.sidenew ul li .kate{
	
}
.sidenew ul li .kate p{

}
.sidenew ul li .sidep{
	clear: both;
	width: 100%;
	padding-top: 17px;
}
.sidenew ul li .sidep p{
	font-size: 0.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color:#A6A7A6;
	padding-bottom: 17px;
}
.sidecate{
 width: 100%;
}
.sidecate h3{
	font-size: 0.9em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	background: #00aaa0;
	color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}
.sidecate ul{

}
.sidecate ul li{
	padding: 0px 0;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sidecate ul li a{
	font-size: 0.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	text-decoration: none;
	font-weight: 700;
	color: #000;
}

/*スマホ*/
@media screen and (max-width: 1080px) {
#newsmain{
	margin: 30px 0;
	width: 100%;
	height:auto;
	float: none;
	text-align: center;
}
.mainpage{
	width: 100%;
	float: none;
	/*padding-left: 7%; */
}
.sidebar{
	clear: both;
	margin: 30px 0 100px;
	float: none;
	width: 100%;
	/*padding-right: 8%; */
}
.mainpage .homelistleft{
	width: 48%;
	overflow: scroll;
	height:600px;
	float: left;
	display: inline-block;
	text-align: left;
	margin-right: 2%;
}
.sidenew{
 width: 100%;
}
.sidenew h3{
	font-size: 3em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	background: #00aaa0;
	color: #fff;
	padding: 30px;
	margin-bottom: 30px;
	text-align: left;
}
.sidenew ul{

}
.sidenew ul li{
	padding: 0px 0;
	border-bottom: 1px solid #CBCBCB;
	margin-bottom: 20px;
}
.sidenew ul li .kate{
	
}
.sidenew ul li .kate p{

}
.sidenew ul li .sidep{
	clear: both;
	width: 100%;
	padding-top: 17px;
}
.sidenew ul li .sidep p{
	font-size: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	color:#A6A7A6;
	padding-bottom: 17px;
}
.sidecate{
 width: 100%;
}
.sidecate h3{
	font-size: 3em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	background: #00aaa0;
	color: #fff;
	padding: 15px;
	margin-bottom: 30px;
}
.sidecate ul{

}
.sidecate ul li{
	padding: 0px 0;
	border-bottom: 1px solid #CBCBCB;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sidecate ul li a{
	font-size: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	text-decoration: none;
	font-weight: 700;
	color: #000;
}
}
/*お知らせシングル*/
.single{}
.new{
	background: #DE63AF;
	float: left;
	margin-left: 3px;
}
.new p{
	color: #fff;
	font-size: 0.7em;
	font-weight: 100;
	padding: 4px 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.singlemain{
	clear: both;
	padding-top: 25px;
	margin-bottom: 100px;
}
.singlemain h3{
	font-size: 1.7em;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.singlemain p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	padding: 3px 0;
	font-weight: 300;
	font-size: 0.9em;
	line-height: 1.8em;
	color:#898989;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.single1{
	width: 80%;
	margin:20px 0 0 20px;
}
.single2{
	width: 80%;
	margin:20px 0 0 20px;
}
.single3{
	width: 80%;
	margin:20px 0 0 20px;
}
.single1 img{
	width: 100%;
}
.single2 img{
	width: 100%;
}
.single3 img{
	width: 100%;
}

/*スマホお知らせシングル*/
@media screen and (max-width: 1080px) {
	.single{}
.new{
	background: #DE63AF;
	float: left;
	margin-left: 3px;
}
.new p{
	color: #fff;
	font-size: 1.6em;
	font-weight: 100;
	padding: 4px 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.singlemain{
	clear: both;
	padding-top: 25px;
	margin-bottom: 100px;
}
.singlemain h3{
	font-size: 3em;
	line-height: 2em;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.singlemain p{
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	padding: 3px 0;
	font-weight: 300;
	font-size: 1.6em;
	line-height: 1.8em;
	text-align: left;
	color:#898989;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.single1{
	width: 100%;
	margin:20px 0 0 20px;
}
.single2{
	width: 100%;
	margin:20px 0 0 20px;
}
.single3{
	width: 100%;
	margin:20px 0 0 20px;
}
.single1 img{
	width: 100%;
}
.single2 img{
	width: 100%;
}
.single3 img{
	width: 100%;
}
}
/*シングルページ*/
.singlemain{}
.singlemain h5{
	margin-top: 10px;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.7em;
	color:#666666;
}
.singlemain a{
	text-decoration: none;
	color: #4F78A3;
}
.singleimg{
	width: 40%;
}
.singleimg img{
	width: 100%;
}
@media screen and (max-width: 1080px) {
	.singlemain{}
.singlemain h5{
	margin-top: 10px;
	font-size: 2em;
	font-weight: 500;
	line-height: 1.8em;
	color:#666666;
}
.singlemain a{
	text-decoration: none;
	color: #4F78A3;
}
.singleimg{
	width: 100%;
}
.singleimg img{
	width: 100%;
}
}

/* - -  page-nav   - -*/
.pagelink {
	width:60%;
	margin: 0 auto 60px;
	text-align: center;
	position: relative;
	clear:both;
}
.pagelink p {
	width: 80px;
	font-size: 0.9em;
	line-height:24px;
	border: 1px solid #000;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.pagelink p a {
	padding: 0 auto;
	color: #000;
	display: block;
}
.pagelink p.linktop {
	top: 0;
	left: 43%;
	position: absolute;
}
.pagelink p.prev {
	top: 0;
	left: 0;
	position: absolute;
}
.pagelink p.prev:before {
	content: "<";
	padding: 0 5px 0 0;
	color: #000;
}
.pagelink p.next {
	top: 0;
	right: 0;
	position: absolute;
}
.pagelink p.next:after {
	content: ">";
	padding: 0 0 0 5px;
	color: #000;
}
h2.screen-reader-text { display: none }
.pagination a {
	margin:0 5px;
	padding: 5px 10px;
	display: inline-block;
	border: solid 1px #000;
	color: #000;
	font-size: 0.9em;
}
.pagination span {
	padding: 5px 10px;
	display: inline-block;
}
.pagination span.current {
	margin:0 5px;
	color:#fff;
	background: #999;
}
.pagination {
	padding-top: 50px;
	text-align: center;
	font-weight: 100;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	overflow: hidden;
	clear: both;
}
@media screen and (max-width: 1080px) {

	.pagelink {
	width:90%;
	margin: 0 auto 160px;
	text-align: center;
	position: relative;
	clear:both;
}
.pagelink p {
	width: 20%;
	font-size: 3em;
	line-height:2em;
	border: 1px solid #000;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.pagelink p a {
	padding: 0 auto;
	color: #000;
	display: block;
}
.pagelink p.linktop {
	top: 0;
	left: 43%;
	position: absolute;
}
.pagelink p.prev {
	top: 0;
	left: 0;
	position: absolute;
}
.pagelink p.prev:before {
	content: "<";
	padding: 0 5px 0 0;
	color: #000;
}
.pagelink p.next {
	top: 0;
	right: 0;
	position: absolute;
}
.pagelink p.next:after {
	content: ">";
	padding: 0 0 0 5px;
	color: #000;
}
h2.screen-reader-text { display: none }
.pagination a {
	margin:0 20px;
	padding: 5px 10px;
	display: inline-block;
	border: solid 1px #000;
	color: #000;
	font-size: 3em;
}
.pagination span {
	padding: 5px 10px;
	display: inline-block;
}
.pagination span.current {
	margin:0 20px;
	color:#fff;
	background: #999;
	font-size: 2.5em;
}
.pagination {
	padding-top: 50px;
	text-align: center;
	font-weight: 100;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	overflow: hidden;
	clear: both;
}
}

/*オーダーメイドコンサルティング*/
#ordermade3{
	 width: 87%; 
	/*width: 1280px;*/
	margin:50px auto;
}
#ordermade3 img {
	width:100%;
	height: auto;
}
.ordermade4wrap{
	width: 100%;
	background: #E7E8DE;
}
.ordermade4{
	width: 1080px;
	margin:0 auto;
	background: #E7E8DE;
	padding: 50px 0px 50px 0px;
}
.ordermade4 h4{
	font-size: 2.1em;
	margin:0 auto;
	/* width: 87%; */
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.ordermade4 ul{
	position: relative;
	text-align: center;
}
.ordermade4 ul li{
	display: inline-block;
	width: 17%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
}
.ordermade4 ul li.dainari{
	width: 10px;
	position: absolute;
	font-size: 1.6em;
	top: 48%;
}
.ordermade4-2{
}
.ordermade4-3 p{
	font-size: 1.2em;
	padding: 5px 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
}
.mini{
	margin: 30px 0 0 100px;
	font-size: 0.8em;
	color: #7E7F79;
}
.ordermade5wrap{
	width: 100%;
	margin:0 auto;
}
.ordermade5{
	/* width: 87%; */
	width: 1080px;
	margin:50px auto;
	background-image: url(img/ordermadeback.png);
	background-repeat: no-repeat;
	background-position:-30px 0;
	background-size:99% 97%; 
}
.ordermade5-1{
	overflow: hidden;
	margin:80px 0;
}
.ordermade5-2{
	overflow: hidden;
	margin:80px 0;
}
.ordermade5-1left{
	width: 48%;
	float: left;
}
.ordermade5-1left h5{
	text-align: center;
	width: 447px;
	font-size: 3em;
	font-weight: 100;
}
.ordermade5-1left h6{
	text-align: center;
	width: 447px;
	margin:20px 0;
	font-size: 2em;
	font-weight: 100;
	line-height: 1.3em;
}
.ordermade5-1left p{
	width: 447px;
	margin:50px  0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.9em;
	font-weight: 200;
	font-size: 0.9em;
	text-align:left;
}
.ordermade5-2left{
	width: 48%;
	float: left;
}
.ordermade5-1right{
	float: right;
	width: 49%;
}
.ordermade5-2right{
	float: right;
	width: 49%;
}
.ordermade5-2right h5{
	text-align: center;
	width: 447px;
	font-size: 3em;
	font-weight: 100;
}
.ordermade5-2right h6{
	text-align: center;
	width: 447px;
	margin:20px 0;
	font-size: 2em;
	font-weight: 100;
	line-height: 1.3em;
}
.ordermade5-2right p{
	width: 447px;
	margin:50px 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.9em;
	font-weight: 200;
	font-size: 0.9em;
	text-align:left;
}
/*
#ordermadebtn{
	padding:70px 0 130px 0;
}
#ordermadebtn #pagebtn a{
	font-size: 1.3em;
	padding: 25px 60px;
} */



/*スマホ*/
@media screen and (max-width: 1080px) {
#ordermade3{
	 width: 100%; 
	/*width: 1280px;*/
	margin:50px auto;
}
#ordermade3 img {
	width:100%;
	height: auto;
}
.ordermade4wrap{
	width: 100%;
	background: #E7E8DE;
}
.ordermade4{
	width: 100%;
	margin:0 auto;
	background: #E7E8DE;
	padding: 50px 0px 50px 0px;
}
.ordermade4 h4{
	font-size: 3em;
	margin:0 auto;
	/* width: 87%; */
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	text-align: center;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.ordermade4 ul{
	position: relative;
	text-align: center;
}
.ordermade4 ul li{
	display: inline-block;
	width: 30%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
}
.ordermade4 ul li.dainari{
	width: 10px;
	position: relative;
	font-size: 3em;
	top: -100px;
}
.ordermade4-2{
}
.ordermade4-3 p{
	font-size: 2em;
	padding: 5px 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	font-weight: 400;
}
.mini{
	margin: 30px 0 0 10px;
	font-size: 1.4em;
	color: #7E7F79;
}
.ordermade5wrap{
	width: 100%;
	margin:0 auto;
}
.ordermade5{
	/* width: 87%; */
	width: 95%;
	margin:0 auto;
	margin:50px auto;
	background-image: none;
}
.ordermade5 img{
	width: 100%;
}
.ordermade5-1{
	overflow: hidden;
	margin:80px 0;
}
.ordermade5-2{
	overflow: hidden;
	margin:80px 0;
}
.ordermade5-1left{
	width: 95%;
	margin:0 auto;
	float: none;
}
.ordermade5-1left h5{
	width: 100%;
	font-size: 7em;
	text-align: center;
	font-weight: 100;
}
.ordermade5-1left h6{
	width: 100%;
	margin:20px 0;
	font-size: 4em;
	text-align: center;
	font-weight: 100;
	line-height: 1.3em;
}
.ordermade5-1left p{
	width: 100%;
	margin:50px  0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.9em;
	font-weight: 200;
	font-size: 1.8em;
	text-align:left;
}
.ordermade5-2left{
	width: 95%;
	margin:0 auto;
	float: none;
}
.ordermade5-1right{
	float: none;
	width: 95%;
	margin:0 auto;
}
.ordermade5-2right{
	float: none;
	width: 95%;
	margin:0 auto;
}
.ordermade5-2right h5{
	width: 100%;
	font-size: 7em;
	text-align: center;
	font-weight: 100;
}
.ordermade5-2right h6{
	width: 100%;
	margin:20px 0;
	font-size: 4em;
	text-align: center;
	font-weight: 100;
	line-height: 1.3em;
}
.ordermade5-2right p{
	width: 100%;
	margin:50px  0;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	line-height: 1.9em;
	font-weight: 200;
	font-size: 1.8em;
	text-align:left;
}
/*
#ordermadebtn{
	padding:70px 0 130px 0;
}
*/

}
/*実績*/
#works3{
	margin:50px auto 10px;
}
	#works3 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.works3list{}
	.works3list p{
		font-size: 0.9em;
		font-weight: 300;
		padding: 10px 0;
		color: #666666;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.works3list a{
		color: #0064AA;
	}
#works4{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#works4 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works4list{
		width: 100%;
		margin:0;
		padding: 0;
	}
	#works4list table{
		font-size: 0.9em;
		width: 100%;
		margin:0;
		padding: 0;
		table-layout: fixed;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works4list table thead{
		font-size: 1.1em;
		font-weight: 400;
	}
	#works4list table thead tr{}
	#works4list table thead tr th{
		font-weight: 400;
		background: #D2D2D2;
		padding: 20px;
		color: #666666;
		border: 2px solid #000;
	}
	#works4list table thead tr th:first-child{
		width: 22%;
		border-left: none;
	}
	#works4list table thead tr th:nth-child(2){
		width: 30%;
	}
	#works4list table thead tr th:nth-child(3){
		border-right: none;
	}
	#works4list table tbody{}
	#works4list table tbody tr{}
	#works4list table tbody tr td{
		padding: 20px;
		border: 2px solid #000;
		color: #666666;
		line-height: 1.3em;
		font-weight: 200;
		vertical-align: middle;
	}
	#works4list table tbody tr td:first-child{
		border-left: none;
	}
	#works4list table tbody tr td:nth-child(2){
	}
	#works4list table tbody tr td:nth-child(3){
		border-right: none;
	}
	#works4list p{
		font-size: 0.9em;
		padding-top: 20px;
		font-weight: 200;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
#works5{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#works5 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works5 ul{}
	#works5 ul li{
		font-size: 0.9em;
		padding: 20px 0;
		font-weight: 200;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		border-bottom: 1px solid #000;
	}
#works6{
	/* width: 87%; */
	margin:50px auto 100px;
}
	#works6 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works6 p{
		font-size: 0.9em;
		font-weight: 200;
		line-height: 1.9em;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}

   /* ▼タブ(共通装飾＋非選択状態の装飾) */
   .tab {
      display: inline-block;          /* インラインブロック化 */
      border-width: 2px 2px 0px 2px;  /* 上側と左右に枠線を引く */
      border-style: solid;            /* 枠線の種類は「実線」 */
      border-color: #424242;            /* 枠線の色は「黒」 */
      border-radius: 0.55em 0.55em 0px 0px;  /* 左上と右上の角だけを丸くする */
      padding: 1em 1em;            /* 内側の余白量 */
      font-weight: 300;              /* タブの文字を太字にする */
	  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
      letter-spacing: 0.3em;
      font-size: 1em;
      color: #fff;                   /* タブの文字色：黒色 */
      background-color: #ccc;      /* タブの(非選択状態の)背景色：灰色 */
      z-index: 99;
      margin:0 20px 0 0;
   }

   /* ▼タブにマウスポインタが載った際の装飾 */
   .tab:hover {
      color: #000;                /* タブの文字色：緑色 */
      background: #f0f0f0;
      cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
   }

   /* ▼選択状態のタブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */
   input:checked + .tab {
      color: #424242;                  /* タブの文字色：赤色 */
      background: #f0f0f0;
   }
   .tabbox input { display: none; }
    /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      display: none;             /* 標準では非表示にする */
      border-top: 1px solid #424242;   /* 枠線を引く：黒色で1ピクセルの実線 */
      padding: 2em 0;
      z-index: 0;
   }

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }
   #tabcheck4:checked ~ #tabcontent4 { display: block; }
   #tabcheck5:checked ~ #tabcontent5 { display: block; }
    /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
   input:checked + .tab {
      z-index: 10;         /* ※2A */
      position: relative;  /* ※3 */
   }
   /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      margin-top: -1px;    /* ※1 */
      z-index: 0;          /* ※2B */
      position: relative;  /* ※3 */
   }
.tab-inner {
	width:100%;
	border:2px solid #404040;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab-inner h4 {
	width:100%;
	padding-left:20px;
	font-weight: 300;
	color:#fff;
	line-height:50px;
	background:#6db4a4;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.tab-inner dl {
	margin:15px 20px 0;
	padding:0 0 15px;
	font-size: 0.9em;
	color:#666;
	border-bottom:1px solid #404040;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	display: flex;
}
.tab-inner dl dt {
	width:130px;
	font-weight: 300;
}
.tab-inner dl dd {
	padding-right:75px;
	font-weight: 100;
}
.tab-inner dl:last-child {
	border:none;
}
.tab-inner dl:last-child dd {
		line-height: 1.6em;
}


.mb40 { margin-bottom:40px; }
.mt60 { margin-top:60px; }
.m12 { margin-top:12px; margin-bottom:12px; }
.mb25 { margin-bottom:24px; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*スマホ*/
@media screen and (max-width: 1080px) {
	#works3{
	margin:50px auto 10px;
}
	#works3 h3{
		font-size: 4em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		text-align: center;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.works3list{}
	.works3list p{
		font-size: 1.8em;
		line-height:2em;
		font-weight: 300;
		padding:  0;
		color: #666666;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.works3list a{
		color: #0064AA;
	}
#works4{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#works4 h3{
		font-size: 4em;
		text-align: center;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works4list{
		width: 100%;
		margin:0;
		padding: 0;
	}
	#works4list table{
		font-size: 1.8em;
		width: 100%;
		margin:0;
		padding: 0;
		table-layout: fixed;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works4list table thead{
		font-size: 1.3em;
		font-weight: 400;
	}
	#works4list table thead tr{}
	#works4list table thead tr th{
		font-weight: 400;
		background: #D2D2D2;
		padding: 20px;
		color: #666666;
		border: 2px solid #000;
	}
	#works4list table thead tr th:first-child{
		width: 22%;
		border-left: none;
	}
	#works4list table thead tr th:nth-child(2){
		width: 30%;
	}
	#works4list table thead tr th:nth-child(3){
		border-right: none;
	}
	#works4list table tbody{}
	#works4list table tbody tr{}
	#works4list table tbody tr td{
		padding: 20px;
		border: 2px solid #000;
		color: #666666;
		line-height: 1.3em;
		font-weight: 200;
		vertical-align: middle;
	}
	#works4list table tbody tr td:first-child{
		border-left: none;
	}
	#works4list table tbody tr td:nth-child(2){
	}
	#works4list table tbody tr td:nth-child(3){
		border-right: none;
	}
	#works4list p{
		font-size: 1.8em;
		padding-top: 20px;
		font-weight: 200;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
#works5{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#works5 h3{
		font-size: 4em;
		text-align: center;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works5 ul{}
	#works5 ul li{
		font-size: 1.8em;
		padding: 20px 0;
		font-weight: 200;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
		border-bottom: 1px solid #000;
	}
#works6{
	/* width: 87%; */
	margin:50px auto 100px;
}
	#works6 h3{
		font-size: 4em;
		text-align: center;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#works6 p{
		font-size: 1.8em;
		font-weight: 200;
		line-height: 1.9em;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}

   /* ▼タブ(共通装飾＋非選択状態の装飾) */
   .tab {
      display: inline-block;          /* インラインブロック化 */
      border-width: 2px 2px 0px 2px;  /* 上側と左右に枠線を引く */
      border-style: solid;            /* 枠線の種類は「実線」 */
      border-color: #424242;            /* 枠線の色は「黒」 */
      border-radius: 0.55em 0.55em 0px 0px;  /* 左上と右上の角だけを丸くする */
      padding: 1em 1em;            /* 内側の余白量 */
      font-weight: 300;              /* タブの文字を太字にする */
	  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
      letter-spacing: 0.3em;
      font-size: 1.8em;
      color: #fff;                   /* タブの文字色：黒色 */
      background-color: #ccc;      /* タブの(非選択状態の)背景色：灰色 */
      z-index: 99;
      margin:0 20px 0 0;
   }

   /* ▼タブにマウスポインタが載った際の装飾 */
   .tab:hover {
      color: #000;                /* タブの文字色：緑色 */
      background: #f0f0f0;
      cursor: pointer;             /* マウスポインタの形状を「指(指し示す形)」にする */
   }

   /* ▼選択状態のタブ(＝チェックが入っているラジオボタンの隣にあるタブの装飾) */
   input:checked + .tab {
      color: #424242;                  /* タブの文字色：赤色 */
      background: #f0f0f0;
   }
   .tabbox input { display: none; }
    /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      display: none;             /* 標準では非表示にする */
      border-top: 1px solid #424242;   /* 枠線を引く：黒色で1ピクセルの実線 */
      padding: 2em 0;
      z-index: 0;
   }

   /* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
   #tabcheck1:checked ~ #tabcontent1 { display: block; }
   #tabcheck2:checked ~ #tabcontent2 { display: block; }
   #tabcheck3:checked ~ #tabcontent3 { display: block; }
   #tabcheck4:checked ~ #tabcontent4 { display: block; }
   #tabcheck5:checked ~ #tabcontent5 { display: block; }
    /* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
   input:checked + .tab {
      z-index: 10;         /* ※2A */
      position: relative;  /* ※3 */
   }
   /* ▼タブの中身(共通装飾＋非選択状態の装飾) */
   .tabcontent {
      margin-top: -1px;    /* ※1 */
      z-index: 0;          /* ※2B */
      position: relative;  /* ※3 */
   }
.tab-inner {
	width:100%;
	border:2px solid #404040;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	table-layout: fixed;
}
.tab-inner h4 {
	width:100%;
	padding-left:20px;
	font-weight: 300;
	font-size: 1.8em;
	color:#fff;
	line-height:50px;
	background:#6db4a4;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.tab-inner dl {
	margin:15px 20px 0;
	padding:0 0 15px;
	font-size: 1.8em;
	width:100%;
	color:#666;
	border-bottom:1px solid #404040;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	table-layout: fixed;
}
.tab-inner dl dt {
table-layout: fixed;
width:250px!important;
	font-weight: 300;
}
.tab-inner dl dt#wide2{
	width:350px!important;
	font-weight: 300;
}
.tab-inner dl dt#wide{
	width:650px!important;
	font-weight: 300;
}
.tab-inner dl dd {
	padding-right:75px;
	font-weight: 100;
}
.tab-inner dl:last-child {
	border:none;
}
.tab-inner dl:last-child dd {
		line-height: 1.6em;
}


.mb40 { margin-bottom:40px; }
.mt60 { margin-top:60px; }
.m12 { margin-top:12px; margin-bottom:12px; }
.mb25 { margin-bottom:24px; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
}
/*お問い合わせ*/
#contact3{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#contact3 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.contact3list{}
	.contact3list p{
		font-size: 0.9em;
		font-weight: 300;
		padding: 0px 0;
		color: #666666;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#tell{
		overflow: hidden;
		margin-top: 30px;
	}
	#tellmark{
		float: left;
		margin-top: 10px;
	}
	#tell p{
		font-size: 2.5em;
		float: left;
		padding-left: 20px;
	}
#contact4{
	/* width: 87%; */
	margin:100px auto 0;
}
	#contact4 p.txt, #contact4 table p {
		font-size: 1em;
		font-weight: 300;
		padding: 25px 0;
		color: #727272;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#contact4 h3{
		font-size: 2.2em;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#contactform p{
		font-weight: 500;
	}
	#contactform table{
		table-layout: fixed;
		width: 100%;
		text-align: left;
	}
	#contactform table input, #contactform table select, #contactform table textarea {
		padding: 10px 0;
		border: none;
		width: 98%;
	}
	#contactform table tr{
		border-bottom: 1px solid #000;
	}
	#contactform table tr th{
		width: 40%;
		padding: 40px 0 40px 20px;
		font-weight: 300;
	}
	#contactform table tr td{}
	.pink{
		background: #e67eaa;
		padding: 2px 7px;
		color: #fff!important;
		font-weight: 100;
		font-weight: 100;
		font-size: 0.7em;
		margin-left:1em;
	}
	
	#contactform td.flex { display: flex; align-items: center }	
	#contactform td.flex span {
		padding: 0 10px;
	}
	#contactform td.flex input {
		width: 42%;
	}
	#contactform td p.mb5 {
		margin:-70px 0 0;
		color: #333;
	}
	.mwform-radio-field, .mwform-checkbox-field { display: inline-flex; width: 200px; position: relative }
	.mwform-radio-field-text, .mwform-checkbox-field-text { position: absolute; left: 30px; top:0 }
	#contactform td input.short {
		width:40%;
	}
	#contactform td p.mb5 .mwform-radio-field { width: 90px }
	#contactform td textarea { margin-bottom:20px  }
	
	
#contact6-2{
}
#contact6-2 p{
	padding-top: 20px;
}
#contact6-2 a{
	color: #18679b;
}

#contactform table textarea {
	margin-top:40px;
	}
#contactbtn {
	margin:60px 0 0;
	text-align:center;
}
#contactbtn button {
	width: 478px;
	height:80px;
	margin:0 auto;
	font-size: 1.4em;
	color: #fff;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	border: none;
	background:#5dc1bb;
	display: block;
	cursor: pointer
}
#contactbtn button:hover {
	opacity: 0.8
}
 

/*スマホ*/
@media screen and (max-width: 1080px) {
	#contact3{
	/* width: 87%; */
	margin:50px auto 10px;
}
	#contact3 h3{
		font-size: 4em;
		line-height: 1.5em;
		text-align: center;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	.contact3list{}
	.contact3list p{
		font-size: 1.9em;
		line-height: 2em;
		font-weight: 300;
		padding: 0;
		color: #666666;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#tell{
		overflow: hidden;
		margin-top: 30px;
	}
	#tellmark{
		float: left;
		margin-top: 25px;
	}
	#tell p{
		font-size: 3em;
		float: left;
		padding-left: 20px;
	}
#contact4{
	/* width: 87%; */
	margin:100px auto 0;
}
	#contact4 p.txt{
	       font-size: 1.9em;
		line-height: 2em;
		font-weight: 300;
		padding: 25px 0;
		color: #727272;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	 #contact4 table p {
		font-size: 1em;
		line-height: 2em;
		font-weight: 300;
		padding: 25px 0;
		color: #727272;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#contact4 h3{
		font-size: 4em;
		line-height: 1.5em;
		text-align: center;
		width: 100%;
		font-weight: 300;
		border-bottom: 1px solid #000;
		padding-bottom:10px;
		margin-bottom: 30px;
		font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	}
	#contactform p{
		font-weight: 500;
	}
	#contactform table{
		table-layout: fixed;
		width: 95%;
		margin:0 auto 6em auto;
		text-align: left;
	}
	#contactform table input, #contactform table select, #contactform table textarea {
		padding: 10px 0;
		border: none;
		width: 98%;
	}
		#contactform table tr{
		border-bottom: none;
	}
	#contactform table tr th{
		width: 40%;
		padding: 40px 0 40px 20px;
		font-size: 2.1em;
		font-weight: 300;
	}
	#contactform table tr td{
	font-size: 2.1em;
	}
	.pink{
		background: #e67eaa;
		padding: 2px 7px;
		color: #fff!important;
		font-weight: 100;
		font-weight: 100;
		font-size: 1.1em;
	}
	.viewn3-left{
		width:100%;
		display:block;
	}
	.viewn3-right{
		width:100%;
		display:block;
	}
	.viewn3-right p{
		margin-bottom:4em;
	}
	.viewn3-right ul li, #viewn4-1left ul li{
		margin-bottom:4em;
		line-height:1.5em;
	}
	#viewn4-1{
		width:95%;
		margin:2em auto;
		padding:6em 2.5%;
	}
	#viewn4 h3{
		width:95%;
	}
	#viewn4-1right table{
		font-size:3rem;
	}
	#viewn4-1left{
		width:100%;
		float:none;
		display:block;
	}
	#viewn4-1right{
		width:100%;
		float:none;
		display:block;
	}


	.viewn_contact #contactform table tr th{
		display:block;
		width:100%;
	}
	.viewn_contact #contactform table tr td{
		display:block;
	}

	#contactform input.name{
		width:100%;
		display:block;
		margin-bottom:1em;
	}
	.viewn_contact #contactform table tr td .mwform-radio-field, .mwform-checkbox-field {
		line-height:2em;
		margin:1em 0 !important;
	}

	
	#contactform td.flex { display: flex; align-items: center }	
	#contactform td.flex span {
		padding: 0 10px;
	}
	#contactform td.flex input {
		width: 45%;
		font-size: 1em;
		vertical-align:middle;
	}
	#contactform td input {
		width: 100%;
		font-size: 0.95em;
		padding-bottom:50px;
		padding-top:37px;
		vertical-align:middle;
	}
	#contactform td p.mb5 {
		margin:-70px 0 0;
		color: #333;
	}
	.mwform-radio-field, .mwform-checkbox-field { display: inline-flex; width: 100%; position: relative;
	font-size: 1em;
	margin:15px;
	clear:both;}  
	.mwform-radio-field label{
	width:44px!important;
	height:50px!important;;
	}
	.mwform-radio-field input{
		padding-bottom:15px!important;
		padding-top:0px!important;
	}
	.mwform-radio-field input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

.mwform-radio-field input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    content: "";
    width: 12px;
    height: 12px;
    background: #000000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

	.mwform-checkbox-field input{
		padding-bottom:15px!important;
		padding-top:0px!important;
	}
.mwform-checkbox-field label{
	width:44px!important;
	height:50px!important;;
	}
	.mwform-checkbox-field input[type="checkbox"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}


.mwform-checkbox-field input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    top: 16px;
    left: 16px;
    content: "";
    width: 12px;
    height: 12px;
    background: #000000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}


	.mwform-radio-field-text, .mwform-checkbox-field-text { position: absolute; left: 60px; top:9px ;
	   -webkit-transform: scale(1);
   transform: scale(1);
   margin-right: 0.5em;
	font-size: 1em;}
	#contactform td input.short {
		width:100%;
	}
	#contactform td p.mb5 .mwform-radio-field { width: 100%;
	 font-size: 1em;
	 padding-top:5px;}
	#contactform td textarea { margin-bottom:20px;font-size: 1em;  }
	
	
#contact6-2{
}
#contact6-2 p{
	padding-top: 0px;
	font-size:1.9em;
	line-height:1.8em;
}
#contact6-2 a{
	color: #18679b;
}

#contactform table textarea {
	margin-top:40px;
	}
#contactbtn {
	margin:60px 0 0;
	text-align:center;
}
#contactbtn button {
	width: 95%;
	height:150px;
	padding:150px auto;
	margin:0 auto;
	font-size: 3em;
	color: #fff;
	line-height: 80px;
	text-align: center;
	text-decoration: none;
	border: none;
	background:#5dc1bb;
	display: block;
	cursor: pointer
}
#contactbtn button:hover {
	opacity: 0.8
}
select{
font-size: 1.2em;
}
}
/*プライバシーポリシー*/
#privacy3{
	clear: both;
	padding-top: 50px;
	margin-bottom: 100px;
}
#privacy3 h3{
	font-size: 1.7em;
	width: 100%;
	font-weight: 300;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.privacyp{
	margin:50px 0;
}
.privacyp p{
	font-size: 0.9em;
	font-weight: 200;
	margin:10px 0;
	color:#929292;
	line-height: 1.8em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.privacyp h4{
	font-size: 1.1em;
	font-weight: 500;
}
.blue{
	color: #648caf;
}
@media screen and (max-width: 1080px) {
	#privacy3{
	clear: both;
	padding-top: 50px;
	margin-bottom: 100px;
}
#privacy3 h3{
	font-size: 4em;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
	font-weight: 300;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.privacyp{
	margin:50px 0;
}
.privacyp p{
	font-size: 1.8em;
	font-weight: 200;
	margin:10px 0;
	color:#929292;
	line-height: 2em;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.privacyp h4{
	font-size: 2.2em;
	line-height: 2em;
	font-weight: 500;
}
.blue{
	color: #648caf;
}
}
/*サイトマップ*/
#sitemap3{
	clear: both;
	padding-top: 50px;
	margin-bottom: 50px;
}
#sitemap3 h3{
	font-size: 1.6em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap4{
	clear: both;
	padding-top: 10px;
	margin-bottom: 50px;
}
#sitemap4 h3{
	font-size: 1.6em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap5{
	clear: both;
	padding-top: 10px;
	margin-bottom: 50px;
}
#sitemap5 h3{
	font-size: 1.6em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap6{
	clear: both;
	padding-top: 10px;
	margin-bottom: 100px;
	overflow: hidden;
}
#sitemap6 h3{
	font-size: 1.6em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 70px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.sitemaplist{
	margin:50px 0;
	width: 100%;
	overflow: hidden;
}
.sitemaplist p{
	font-size: 1em;
	font-weight: 200;
	margin:10px 0;
	color:#929292;
	line-height: 1.8em;
	width: 30%;
	margin-right: 3%;
	float: left;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.sitemaplist h4{
	font-size: 1em;
	font-weight: 600;
}
.sitemaplist a{
	padding-bottom: 5px;
	border-bottom: 1px solid #000; 
}
#sitemap6left{
	width: 47%;
	float: left;
}
#sitemap6right{
	width: 47%;
	float: right;
}

/*スマホ*/
@media screen and (max-width: 1080px) {
	#sitemap3{
	clear: both;
	padding-top: 50px;
	margin-bottom: 50px;
}
#sitemap3 h3{
	font-size: 3em;
	line-height: 1.5em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap4{
	clear: both;
	padding-top: 10px;
	margin-bottom: 50px;
}
#sitemap4 h3{
	font-size: 3em;
	line-height: 1.5em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap5{
	clear: both;
	padding-top: 10px;
	margin-bottom: 50px;
}
#sitemap5 h3{
	font-size: 3em;
	line-height: 1.5em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 30px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
#sitemap6{
	clear: both;
	padding-top: 10px;
	margin-bottom: 100px;
	overflow: hidden;
}
#sitemap6 h3{
	font-size: 3em;
	line-height: 1.5em;
	width: 100%;
	font-weight: 200;
	border-bottom: 1px solid #000;
	padding-bottom:15px;
	margin-bottom: 70px;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
.sitemaplist{
	margin:50px 0;
	width: 100%;
	overflow: hidden;
}
.sitemaplist p{
	font-size: 2em;
	font-weight: 200;
	margin:10px 0;
	color:#929292;
	line-height: 1.8em;
	width: 100%;
	min-width: 20%;
	margin-right: 3%;
	float: left;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;

}
.sitemaplist h4{
	font-size: 2.2em;
	font-weight: 600;
}
.sitemaplist a{
	padding-bottom: 5px;
	border-bottom: 1px solid #000; 
}
#sitemap6left{
	width: 100%;
	float: none;
}
#sitemap6right{
	width: 100%;
	float: none;
}
}

/*スマホボタン*/
@media screen and (max-width: 1080px) {
#pagebtn{
	width: auto!important;
	height:auto!important;
	margin:60px 5%!important;
	text-align: center;
}
#pagebtn a{
	color: #fff;
	font-size: 33px!important;
	line-height: 80px;
	text-decoration: none;
	background:#5dc1bb;
	width: 100%;
	padding: 30px 10px;
}
#pagebtn a p{
}
#ordermadebtn #pagebtn a{
	font-size: 40px!important;
} 
}


/*----------ol--------*/
.single{
   text-align:left;}
.single ol li {
    list-style-type: decimal!important;
    line-height: 28px;
 
}
.single ol {
    padding-left: 40px;
    }
    
/*----------ol--------*/
.single ul li {
    list-style-type: disc!important;
    line-height: 28px;
 
}
.single ul {
    padding-left: 40px;
    }
    
    .n2-active{
    color:#571da5!important;
    
    }

footer #pagebtn {
	background:#c628aa!important;  }

/*************************************************
page-viewn-2
*************************************************/
#viewn-2 {
	background: #fff;
}

#viewn-2 .is-sp {
	display: none;
}

#viewn-2 p, h2, h3, h3, h4, a, th,td, div, span {
	font-family: "Zen Kaku Gothic New", sans-serif !important;
}
#viewn-2 img {
	width: 100%;
}

#viewn-2 .viewn_inner{
	max-width: 1080px;
	width: 100%;
	padding: 0 40px;
	margin: 0 auto;
	box-sizing: border-box;
}

#viewn-2 .viewn_title {
	font-size: 3.5em;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

#viewn-2 .viewn_subtitle {
	font-size: 1.75em;
	text-align: center;
	margin-bottom: 100px;
	white-space: nowrap;
	line-height: 1.7;
}

#viewn-2 .viewn_subtitle_en {
	font-family: "Roboto Slab", serif !important;
	font-size: 1.75em;
	font-weight: 400;
	text-align: center;
	width: fit-content;
	margin: 0 auto 100px;
}

#viewn-2 p {
	font-size: 1.125em;
}

#viewn-2 #viewn_main {
	max-width: 1082px;
	width: 100%;
	margin: 0 auto 80px;
}

#viewn-2 .about_viewn_content {
	display: flex;
	justify-content: space-between;
	position: relative;	
	margin-bottom: 79px;
}

#viewn-2 .about_viewn_content_text {
	font-size: 1.125em;
	font-weight: bold;
	letter-spacing: 0.45px;
	line-height: 1.6;
	width: 44%;
	margin-top: 20px;
	margin-left: 9%;
}

#viewn-2 .about_viewn_content_text span {
	margin-bottom: 20px;
	display: block;
}

#viewn-2 #about_viewn_span {
	background: url(img/what-yajirushi.jpg) no-repeat center center / contain;
	width: 117px;
	max-width: 100%;
	height: 143px;
	margin: 0 auto 79px;
	display: block;
}

#viewn-2 #about_viewn_note {
	font-size: 2.625em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 100px;
}

#viewn-2 #about_viewn_icon {
	display: flex;
	justify-content: space-between;
	margin-bottom: 160px;
}

#viewn-2 .icon_wrap {
	width: 26%;
}

#viewn-2 .icon_wrap_img {
	margin-bottom: 50px;
}

#viewn-2 .icon_wrap_img img {
	width: 100%;
}

#viewn-2 .icon_wrap_note {
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
}

#viewn-2 #viewn_recommend {
	background: #EAFDFF;
}

#viewn-2 #viewn_recommend_wrapper {
	padding: 160px 40px 40px;
}

#viewn-2 .recommend_point_wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 160px;
}

#viewn_recommend .recommend_point_wrap:nth-of-type(3) {
	flex-direction: row-reverse;
}

#viewn-2 .recommend_point_content {
	width: 44%;
}

#viewn-2 .recommend_point_img {
	width: 44%;
}

#viewn-2 .recommend_point_img img {
	width: 100%;
}

.recommend_point_content_point {
	width: 118px;
	max-width: 100%;
	margin-bottom: 37px;
}

.recommend_point_content_title {
	font-size: 2.75em;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 42px;
	white-space: nowrap;
}

.recommend_point_content_text {
	font-size: 1.125em;
	font-weight: bold;
	letter-spacing: 0.45px;
	line-height: 1.7;
}


#viewn-2 #about_device {
	position: relative;
	width: 350px;
	max-width: 100%;
	background: #05B4DB;
	border-radius: 10px;
	padding: 18px 80px 18px 60px;
	margin: 0 auto 137px;
	text-align: center;
	transition: opacity .3s ease;
}

#viewn-2 #about_device:hover {
	opacity: 0.6;
}

#viewn-2 #about_device::after {
	position: absolute;
	content: "";
	background: url(img/arrow-02.png) no-repeat center center / contain;
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
	width: 32px;
	max-width: 100%;
	height: 32px;
}

#viewn-2 .about_device_link {
	display: block;
	font-size: 1.25em;
	line-height: 1.6;
	color: #FCFCF7 !important;
	font-weight: 500;
}

#viewn-2 #viewn_price {
	background: #FCFCF7;
	padding: 160px 0;
}

#viewn-2 .viewn_service {
	width: 90%;
	margin: 0 auto 92px;
}

#viewn-2 #about_book {
	position: relative;
	width: 350px;
	max-width: 100%;
	background: #05B4DB;
	border-radius: 10px;
	padding: 18px 80px 18px 60px;
	margin: 0 auto 137px;
	text-align: center;
	transition: opacity .3s ease;
}

#viewn-2 #about_book:hover {
	opacity: 0.6;
}

#viewn-2 #about_book::before {
	position: absolute;
	content: "";
	background: url(img/book-icon.png) no-repeat center center / contain;
	top: -40%;
	left: -19%;
	width: 130px;
	max-width: 100%;
	height: 102px;
}

#viewn-2 #about_book::after {
	position: absolute;
	content: "";
	background: url(img/arrow-02.png) no-repeat center center / contain;
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
	width: 32px;
	max-width: 100%;
	height: 32px;
}

#viewn-2 .about_book_link {
	display: block;
	font-size: 1.25em;
	line-height: 1.6;
	color: #FCFCF7 !important;
	font-weight: 500;
}

#viewn-2 .viewn_price_title {
	position: relative;
}

#viewn-2 .viewn_price_title::before {
	position: absolute;
	content: "";
	background: url(img/price-icon.png) no-repeat center center / contain;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 188px;
	max-width: 100%;
	height: 192px;
}

/* #viewn-2 #viewn-2_price_table {
	border: 1px solid #b2b2b2;
	width: 100%;
	margin-bottom: 35px;
	table-layout: fixed;
}

#viewn-2 .viewn-2_price_text {
	border: 1px solid #b2b2b2;
	font-size: 1.1em;
	line-height: 1.3;
	background: #fff;
	padding: 30px 0;
	width: 80px;
}

#viewn-2 .viewn-2_price_head_1, .viewn-2_price_head_2, .viewn-2_price_head_3 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	white-space: normal;
	line-height: 1.6;
	vertical-align: middle;
}

#viewn-2 .viewn-2_price_note_1, .viewn-2_price_note_2, .viewn-2_price_note_3 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

#viewn-2 .viewn-2_price_head_1, .viewn-2_price_head_2, .viewn-2_price_head_3,
 .viewn-2_price_note_1, .viewn-2_price_note_2, .viewn-2_price_note_3 {
	border: 1px solid #b2b2b2;
	max-width: 100%;
	padding: 20px 0;
}

#viewn-2 .viewn-2_price_head_1, .viewn-2_price_note_1, .viewn-2_price_head_3, .viewn-2_price_note_3 {
	background: #fffde5;
}

#viewn-2 .viewn-2_price_head_2, .viewn-2_price_note_2 {
	background: #dcdddd;
} */

#viewn-2 #viewn-2_price_table {
	border: 1px solid #b2b2b2;
	width: 100%;
	margin-bottom: 35px;
	table-layout: fixed;
}

#viewn-2 #viewn-2_price_table .yellow {
	background: #fffde5;
	width: 40%;
}

#viewn-2 .viewn-2_table_box {
	border: 1px solid #b2b2b2;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	text-align: center;
	vertical-align: middle;
	padding: 20px 0;
	line-height: 1.6;
}

#viewn-2 .box_text {
	width: 40%;
	display: inline-block;
	text-align: left;
	margin-right: 40px;
	white-space: nowrap;
}

#viewn-2 .box_text2 {
	padding-right: 20px;
}

#viewn-2 .table_text {
	width: 100px;
	max-width: 100%;
}

#viewn-2 .viewn-2_price_note {
	font-size: 1.5em;
	letter-spacing: 1.5px;
}

#viewn-2 #viewn-2_price_table .blue {
	background: #e0ffff;
}

#viewn-2 .viewn-2_price_option {
	margin-bottom: 36px;
}

#viewn-2 #viewn-2_price_start {
	width: 90%;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 20px;
	border: 7px solid #05B4DB;
	padding: 32px 0;
}

#viewn-2 #viewn-2_price_start01 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.6px;
	margin-bottom: 16px;
}

#viewn-2 #viewn-2_price_start01 span {
	font-weight: normal;
}

#viewn-2 #viewn-2_price_start02 {
	font-size: 2.25em;
	font-weight: bold;
	letter-spacing: 0.9px;
	text-align: center;
	color: #05B4DB;
}

#viewn-2 #viewn-2_viewn_faq {
	background: #F5F5F5;
	padding: 160px 0;
}

#viewn-2 #viewn_faq_wrapper {
	width: 1030px;
	max-width: 100%;
	margin: 0 auto;
}

#viewn-2 .viewn-2_faq {
	position: relative;
	border-top: 1px solid #707070;
	padding: 10px 0;
	/* transition: all .3s ease; */
}

summary {
	list-style-type: none;
}

summary::-webkit-details-marker {
	display: none;
}

#viewn-2 .viewn-2_question {
	display: block;
	width: 22px;
	height: 22px;
	position: relative;
	transition: transform 0.3s ease;
	margin-left: auto;
	top: -38px;
	margin-right: 20px;
}

#viewn-2 .viewn-2_question::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background: #333;
	/* top: 50%;
	right: 50%;
	transform: translate(-50%, -50%); */
	top: 9px;
	right: 2px;
}

#viewn-2 .viewn-2_question::after {
	position: absolute;
	content: "";
	width: 2px;
	height: 20px;
	background: #333;
	/* top: 50%;
	transform: translateY(-50%); */
	/* top: 22px; */
	/* right: calc(20px + (19px / 2)); */
	transition: transform .3s ease;
	top: 0;
	right: 50%;
	transform: translateX(-50%);
}

#viewn-2 .viewn-2_question.open::after {
    transform: rotate(90deg);
}

details[open] .viewn_faq_answer {
    animation: slideDown 0.3s ease-in-out forwards;
}

details:not([open]) .viewn_faq_answer {
    animation: slideUp 0.3s ease-in-out forwards;
    height: 0;
    overflow: hidden;
}

@keyframes slideDown {
    from {
        height: 0;
        overflow: hidden;
    }
    to {
        height: auto;
        overflow: visible;
    }
}

@keyframes slideUp {
    from {
        height: auto;
        overflow: visible;
    }
    to {
        height: 0;
        overflow: hidden;
    }
}

#viewn-2 .viewn-2_faq:last-child {
	border-bottom: 1px solid #707070;
}

#viewn-2 .viewn_faq_question {
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 68px;
	margin: 20px 0;
	height: 48px;
	line-height: 48px;
}

#viewn-2 .viewn_faq_question::after {
	position: absolute;
	content: "Q";
	width: 48px;
	height: 48px;
	border-radius: 9999px;
	background: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	line-height: 48px;
}


#viewn-2 .viewn_faq_answer {
	position: relative;
	line-height: 1.5;
	font-weight: bold;
	padding-left: 68px;
	padding-right: 45px;
	height: 48px;
}

#viewn-2 .viewn_faq_answer::after {
	position: absolute;
	content: "A";
	width: 48px;
	height: 48px;
	border-radius: 9999px;
	background: #05B4DB;
	color: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	text-align: center;
	line-height: 48px;
	font-size: 1.5em;
}

#viewn-2 #viewn-2_contact {
	padding: 160px 0 180px;
}

#viewn-2 #viewn-2_contact_table {
	width: 100%;
	table-layout: fixed;
}

#viewn-2 .viewn_contact_subtitle {
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	letter-spacing: 0.6px;
	line-height: 2;
	text-align: center;
	padding-bottom: 60px;
	border-bottom: 2px solid #707070;
}

#viewn-2 .viewn_contact_subtitle p {
	width: 70%;
	margin: 0 auto;
}

#viewn-2 .subtitle_en_02 {
	margin-bottom: 30px;
}

#viewn-2 .viewn_contact_subtitle::before {
	position: absolute;
	content: "";
	background: url(img/contact-icon01.png) no-repeat center center /contain;
	bottom: 0;
	left: 0;
	width: 160px;
	max-width: 100%;
	height: 194px;
}

#viewn-2 .viewn_contact_subtitle::after {
	position: absolute;
	content: "";
	background: url(img/contact-icon02.png) no-repeat center center /contain;
	bottom: 0;
	right: 0;
	width: 160px;
	max-width: 100%;
	height: 194px;
}

#viewn-2_contact_inner {
	width: 75%;
	max-width: 100%;
	margin: 0 auto;
	padding: 5% 0;
}

#viewn-2 .viewn_red {
	width: fit-content;
	font-size: 0.75em;
	font-weight: bold;
	color: #FFF;
	padding: 2px 6px;
	background: #FF0000;
	letter-spacing: 0.3px;
	margin-left: 10px;
}

#viewn-2 .about_viewn_red {
	margin: 0 auto 48px;
}

#viewn-2 .viewn-2_contact_title {
	font-weight: bold;
	text-align: left;
	display: block;
	margin-bottom: 12px;
}

#viewn-2 .viewn-2_contact_input {
	display: block;
	background: #F5F5F5;
	margin-bottom: 29px;
	/* height: 36px; */
	/* position: relative; */
}

/* #viewn-2 .mwform-checkbox-field input, .mwform-radio-field input {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	top: 50%;
	transform: translateY(-50%);
} */

#viewn-2 .viewn-2_contact_input2 {
	margin-bottom: 0;
}

#viewn-2 .facility_name {
	display: block;
	margin-bottom: 30px;
	font-weight: bold;
}

/* #viewn-2 .hukusuu {
	display: inline-block;
	margin-bottom: 20px;
} */

/* #viewn-2 .mwform-checkbox-field {
	display: inline;
} */

/* #viewn-2 .mwform-checkbox-field input[type="checkbox"] {
	width: 22px;
	height: 22px;
} */

#viewn-2 .mwform-radio-field, .mwform-checkbox-field {
	padding: 15px 0;
}

#viewn-2 .mwform-radio-field {
	padding-left: 10px;
}

#viewn-2 input[type=text], input[type=email], input[type=radio] {
	/* height: 30px; */
	padding-left: 10px;
	background: #F5F5F5;
	border: none !important;
	font-size: 1.25em;
	width: 100%;
}

#viewn-2 input[type=text], input[type=email] {
	padding: 8px 0;
}

#viewn-2 textarea {
	max-width: 97%;
	padding: 10px;
	border: none !important;
	font-size: 1.25em;
	background: #F5F5F5;
}

#viewn-2 .mwform-radio-field-text, .mwform-checkbox-field-text {
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

#viewn-2 .mwform-radio-field-text {
	padding-left: 8px;
}

#viewn-2 .viewn-2_contact_text {
	font-weight: bold;
	text-align: left;
	display: block;
	margin-bottom: 12px;
	margin: 30px 0;
	font-size: 1.3em;
}

#viewn-2 .viewn-2_contact_text01 {
	color: #307880;
}

#viewn-2 .viewn-2_contact_text02 {
	line-height: 1.6;
}

#viewn-2 .text02_note {
	font-size: 0.8em;
	font-weight: bold;
}

#viewn-2 .viewn-2_contact_title_blue {
	color: #307880;
	font-size: 1.2em;
}

#viewn-2 #about_id {
	margin-bottom: 10px !important;
}

#viewn-2 #ip_detail {
	display: block;
	padding-bottom: 10px;
}

#viewn-2 #ip_detail2 {
	display: block;
	padding-bottom: 20px;
}

#viewn-2 .ip_detail_strong {
	color: #307880;
}

#viewn-2 .about_introduction {
	display: flex;
	line-height: 30px;
}

#viewn-2 #about_introduction {
	background: #fff;
	margin: auto 10px;
}

#viewn-2 #viewn-2_contact_input02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#viewn-2 #kibou {
	width: 130px;
	max-width: 100%;
	padding-top: 4px;
	-webkit-padding-top: 20px;
}

#viewn-2 #viewn-2_contact_policy {
	text-align: center;
	line-height: 1.6;
	margin-bottom: 60px;
}

#viewn-2 #viewn-2_contact_policy a {
	color: #307880;
}

#viewn-2_contact_btn {
	background: #333;
	text-align: center;
	border-radius: 10px;
	cursor: pointer;
	padding: 18px 108px;
	width: fit-content;
	margin: 0 auto;
	transition: opacity .3s ease;
}

#viewn-2_contact_btn:hover {
	opacity: 0.6;
}

#viewn-2 button {
	background: none;
	border: none;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 1px;

}

/*************************************************
page-viewn-2 スマホ
*************************************************/
@media screen and (max-width: 1080px) {
	#viewn-2 .viewn_inner {
		max-width: 90%;
		width: 100%;
		padding: 0 20px;
		margin: 0 auto;
	}

	#viewn-2 .is-sp {
		display: block;
	}

	#viewn-2 #viewn_main {
		margin-top: 130px;
	}

	#viewn-2 #viewn_main img {
		width: 100%;
	}

	#viewn-2 .about_viewn_content {
		display: block;
	}

	#viewn-2 .about_viewn_content_img {
		width: fit-content;
		margin: 0 auto;
	}

	#viewn-2 .about_viewn_content_text {
		width: 100%;
		margin-left: 0;
	}

	#viewn-2 #about_viewn_note {
		font-size: 2em;
		margin-bottom: 30px;
	}

	#viewn-2 #about_viewn_icon {
		display: block;
		width: fit-content;
		margin: 0 auto;
	}

	#viewn-2 .icon_wrap_img {
		margin-bottom: 0;
	}

	#viewn-2 .icon_wrap_img img{
		margin-bottom: 20px;
	}

	#viewn-2 .icon_wrap {
		width: 100%;
		margin-bottom: 50px;
	}

	#viewn-2 #viewn_recommend_wrapper {
		padding: 70px 0;
	}

	#viewn-2 .recommend_point_wrap {
		display: block;
		padding: 0 20px;
	}

	#viewn-2 .recommend_point_content {
		width: 100%;
	}

	#viewn-2 .recommend_point_title {
		display: flex;
		justify-content: center;
	}

	#viewn-2 .recommend_point_content_point {
		margin-right: 60px;
	}

	#viewn-2 .recommend_point_content_text {
		margin-bottom: 60px;
		text-align: center;
	}

	#viewn-2 .recommend_point_img {
		width: fit-content;
		margin: 0 auto;
	}

	#viewn-2 .about_device_link, #viewn-2 .about_book_link  {
		font-size: 1.8em;
	}

	#viewn-2 .viewn_service img {
		width: 100%;
	}

	#viewn-2 .viewn_price_title::before {
		width: 150px;
	}

	#viewn-2 #viewn-2_price_table {
		width: 100%;
		margin: 0 auto 30px;
	}

	#viewn-2 .viewn-2_price_text {
		white-space: nowrap;
	}

	#viewn-2 .box_text {
		margin-left: 10px;
	}

	#viewn-2 #viewn-2_price_start {
		width: 80%;
	}

	#viewn-2 .viewn-2_price_head_1, .viewn-2_price_head_2, .viewn-2_price_head_3, 
	.viewn-2_price_note_1, .viewn-2_price_note_2, .viewn-2_price_note_3 {
		width: 33%;
	}

	#viewn-2 #viewn-2_price_start01 {
		line-height: 1.6;
	}
	
	#viewn-2 .viewn_subtitle {
		margin-bottom: 40px;
		white-space: normal;
	}

	#viewn-2 #viewn_faq_content {
		padding: 0 20px;
	}

	#viewn-2 .viewn_faq_answer {
		font-size: 1em;
	}

	#viewn-2 .viewn_contact_subtitle {
		width: 90%;
		margin: 0 auto;
	}

	#viewn-2 .viewn_contact_subtitle::before {
		left: 0;
	}

	#viewn-2 .viewn_contact_subtitle::after {
		right: 0;
	}

	#viewn-2 .facility_name {
		display: inline-block;
	}

	#viewn-2 .mwform-checkbox-field input[type="checkbox"] {
		width: 22px;
		height: 22px;
	}

	#viewn-2 .mwform-radio-field input[type=radio] {
		width: 33px;
		height: 33px;
		appearance: none;
		max-width: 100%;
	}

	#viewn-2 .mwform-radio-field, .mwform-checkbox-field {
		padding: 0;
	}

	#viewn-2 .mwform-radio-field label {
		padding-top: 15px;
	}

	#viewn-2 .mwform-checkbox-field {
		display: inline;
	}

	#viewn-2 #kibou {
		margin: auto 0;
	}

	#viewn-2 #viewn-2_contact_input02 {
		display: block;
	}

	#viewn-2 .mwform-radio-field-text, .mwform-checkbox-field-text {
		width: 100px;
		max-width: 100%;
	}

	#viewn-2 .mwform-radio-field-text {
		padding-left: 0;
	}
}