@charset "utf-8";
*::before, * {
 margin:0px;
 padding:0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, video, audio {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	font-style:normal;
	font-size: 100%;
	vertical-align: baseline;
}
body {
font-family:'Noto Sans JP', Arial, sans-serif;
	text-align: center;
	background: #F2F2F2;
	line-height: 1;
}
a{text-decoration: none;	color: #333;
}
a:hover {
	color: #ccc;
text-decoration:underline;
}
img {
	border:none;
}
ul li {
	list-style-type: none;
}
h1, h3, h4, h5, h6 {
	line-height: 1.6em;
}
h2 {
	padding: .2em 0 .6em 1.688em;
	position:relative;
	font-size:2.25em;
}
h2::after {
position:absolute;
left:.6em;
content:"";
transform:rotate(30deg);
background:#f8b600;
width:4px;
height:1.6em;
top:0;
}
h2 a::after {
content:"";
position: absolute;
right: 1em;
top: calc(50% - .3em);
 width: .6em;
 height: .6em;
 border-top: 2px solid #07bd83;
 border-right: 2px solid #07bd83;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
.nonborder {
	border: none;
	outline: none;
}
.mt0{
margin-top: 0!important;
}
p.catch, p.catchSub {
	color: #07b17b;
	font-weight: 500;
font-size:2.5em;
line-height: 1.2em!important;
}
.mainHead {
	padding: 50px 0;
}
header {
	background: #FFF;
	position: relative;
	border-radius: 100px;
	width:1200px;
	margin:auto;
	box-shadow: 0 0 4px rgba(0, 0, 0, .28);
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
}

.ju{
justify-content:space-between;
}
#wrapper{
width:100%;
overflow:hidden;
}
#mainK h1{
color:#FFF;
font-size: 2.5em;
font-weight:500;
}

#pageTop{
position:fixed;
right:0;
bottom: 60px;
text-align: right;
}
/* ------ */


#contactF {
	clear: both;
	background: #FFF;
	box-shadow: 0 0 6px rgba(0, 0, 0, .28);
}
#contactF dl{
padding: 0 0 1em;
}
#secondTOP.biz dt,
#contactF dt{
font-size: 1.25em;
font-weight:700;
margin: 0 0 .8em;
}
#secondTOP.biz dd,
#contactF dd{
font-size: .938em;
line-height: 2.4em;
}
#contactF img{
max-width:70%;
}
#contactF li{
font-size: .813em;
line-height: 1.8em;
}
#contactF li a{
color:#007b54;
text-decoration:underline;
}

#contactF .btnMore a{
padding: .8em 0;
font-weight:700;
width: 80%;
}
#contactF .btnMore a img{
margin: 0 10px 0 0;
vertical-align:middle;
height:1em;
}

#contactF .btnMore a::after{
display:none;
}
#contactF .box:nth-of-type(3) p a{
color:#0000FF;
text-decoration:underline;
}
/**/
.linkSite{
background:#07bd83;
padding: 60px 0;
}

.linkSite ul li{
display:inline-block;
font-size:.875em;
}

.linkSite ul li a{
display:block;
padding: 0 .8em;
color:#FFF;
border-left: 1px solid #FFF;
}

/*bnr*/

.bnrMeti{
background:#595959;
padding: 30px 0;
}

.bnrMeti ul{
width: 1200px;
margin:auto;
display:flex;
justify-content:space-between;
}



/* --------- footer ---------- */


footer {
background:#595959;
padding: 80px 0;
color:#FFF;
}
footer a {
color:#FFF;
}
footer a:hover {
	color: #ccc;
	text-decoration: underline;
}
footer .Inner{
margin: 4em auto;
border-top:1px solid #666;
border-bottom:1px solid #666;
padding: 1em 0;
}

footer .Inner li{
display:inline-block;
font-size: .875em;
}
footer .Inner li a{
display:block;
padding: 0 .8em;
color:#a7a7a7;
border-left: 1px solid #a7a7a7;
}
footer .Inner li:first-child a{
border:0;
}


footer .Inn address{
padding: 0 0 0 4em;
text-align: left;
font-size:.813em;
line-height: 2em;
}

#Copyright {
	line-height: 1.5em;
	color: #a7a7a7;
font-size: .75em;
}

table {
	border:none;
	border-collapse:collapse;
}
.aRIGHT {
	text-align: right;
}
.aCENTER {
	text-align: center;
}
.verMidd {
	vertical-align: middle;
}
.capCo {
	text-align: center;
}
.capCo img {
	margin-bottom: 5px;
	vertical-align: bottom;
}
.red {
	color: #FF6666;
}
.redB {
	color: #FF0000;
	font-weight: 900;
}
.txtTOP {
	font-size: 0.688em;
	vertical-align: text-top;
}
.txtSUB {
	font-size: 0.688em;
	vertical-align:baseline;
}
.txtUNDER {
	text-decoration: underline;
}
.txtBLUE {
	color: #3693E7;
}
.txtVL {
	color: #6F59B7;
}
.fltR {
	float: right;
}
.fltL {
	float: left;
}
.pctL {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}
.pctR {
	float: right;
	margin-left: 1em;
	margin-bottom: 2em;
}
.pctR img, .pctL img {
	padding-bottom: 0.6em;
}
.boxR {
	float: right;
}
.boxL {
	float: left;
}
.boxW {
	background:#FFF;
}
.boxB {
	background: #0B1437;
	color: #FFF;
}
.boxG {
	background: #F6F6F6;
}
.overFH {
	overflow: hidden;
}
.ov:hover * {
	opacity: 0.8!important;
}
.clearBT {
	clear: both;
}
.noWRAP {
	white-space: nowrap;
}
hr.lineDotted {
	clear: both;
	height: 1px;
	border-right: none;
	border-bottom: 1px dotted #C8C8C8;
	border-left: none;
	border-top: none;
}
hr.clearBT {
	visibility: hidden;
	height: 1px;
	padding: 0;
	margin: 0;
	line-height: 1px;
}
.hide {
	display: none;
}
.ss {
	font-size: 0.75em;
	font-weight: 100;
}
.ssB {
	font-size: 0.75em;
	font-weight: 900;
}
.bb {
	font-weight: 900;
}
img.mgnBNo {
	margin-bottom: 0;
}
.Inner {
	width:1200px;
	margin: auto;
position:relative;
}
.boxLine {
	border: 1px solid #07bd83;
	background: #FFF;
 padding:1.5em;
 margin: 1em 0 2.6em;
border-radius:6px;
}
#pageCommon .boxLine p.bb{
font-size: 1.25em;
margin:0 0 .8em;
}
.boxLine p, #pageCommon .boxLine ul{
    margin: .6em 0;
    padding: 0;
}
#pageCommon .boxLine ol {
margin-bottom:.6em;
}
.icoRED, .icoBLUE {
	font-size: 12px;
	color: #FFF;
	padding: .2em .6em;
	margin-right: .8em;
}
.icoRED {
	background: #DD0000;
}
.icoBLUE {
	background:  #0066FF;
}
/* ---------------------------------{ clearfix }--------------------------------- */



.clearfix:after,.shosai .box:after {
	content: "";
	display: block;
	clear: both;
}
/* -------------- btn -------------- */

.btnMore {
	text-align: center;
	clear: both;
	line-height: 1.6em;
}
.btnMore a {
	color:#007b54;
background:#FFF;
	display: inline-block;
	margin: auto;
	text-decoration: none!important;
	transition:all 1.0s;
	border: 2px solid #07bd83;
	border-radius: 50px;
	padding:.488em 4.4em .488em 4em;
	position:relative;
}
.btnMore.white a {
	color:#FFF;
	border-color:#FFF;
background:transparent;
}.btnG a::after,
.btnMore a::after {
content:"";
position: absolute;
right: 1em;
top: calc(50% - .3em);
 width: .6em;
 height: .6em;
 border-top: 2px solid #07bd83;
 border-right: 2px solid #07bd83;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.btnMore.white a::after {
border-color:#FFF;
}
/**/

.btnG{
text-align:center;
}

.btnG a{
display:inline-block;
background:#FFF;
padding: 1.26em 4em;
border-radius: 6px;
position:relative;
color:#007b54;
font-size: 1.125em;
font-weight:500;box-shadow: 0 0 4px rgba(0, 0, 0, .18);
}
/**/
.Column .box,.Column li{
padding: 0 0 2em;
}
.Column img{
width: 100%;
margin: .8em 0;
}

.Column li img.pctL,
.Column .box img.pctL{
width: auto;
margin-right: 1em;
}

#pageCommon .Column h4{
margin: 0 0 1em;
}
#pageCommon.magazineCo .Column .box{
text-align: center;
}

#pageCommon.magazineCo .Column a.pdf{
font-size: 13px;
display:inline-block;
padding: .4em 1em .4em 2.2em;
background: #d80000 url(../images/ico_pdf.png) no-repeat .8em center / 1em;
color:#FFF;
border-radius: 4px;
text-decoration:none;
}
#pageCommon.magazineCo .Column p{
margin: 0 0 .6em;
}

 @media print, screen and (min-width: 768px) {
body, html {
	min-width:1300px;
}

html{
scroll-padding-top: 90px;
}
.sp {
display:none;
}
#logo {
	width:300px;

}
#logo img {
	width: 210px;
vertical-align:top;
}
a[href^="tel:"] {
	pointer-events: none;
text-decoration:none!important;
}

.linkSite ul li:first-child a{
border:0;
}
.linkSite ul li a{

border-left: 1px solid #FFF;
}


.mainArea {
min-width:1200px;
}
#mainINDEX .Inner {
height:650px;
}
#mainINDEX h1 {
font-size:60px;
padding:5em 0 .4em;
}
#mainK{
height:380px;
}
#mainK h1{
padding: 5em 0 0;
text-align:left;
width: 1200px;
margin:auto;
}
p {
line-height:2.4em;
}
caption{
font-size: 1.125em;
}
.Column,
.flexPC{
display:flex;
}

header{
height:70px;
}

#contactF .Inner{
display:flex;
}
#contactF .Inner .box{
width: 33.333%;
padding: 80px 0 40px;
position:relative;
}

#contactF .Inner .box:nth-of-type(2){
border-right:1px solid #EEE;
border-left:1px solid #EEE;}

#contactF .btnMore{
position:absolute;
left:0;
right: 0;
bottom: 60px;
}
footer .Inn{
display:inline-flex;
align-items:center;
}
.slider {
	position:absolute;
	right:0;
	bottom:-20px;

}
.kasoCo{
width: 1200px;
margin:auto;
display:flex;
justify-content:space-between;
flex-direction:row-reverse;
}
#pageCommon{
width: 900px;
padding: 60px 0 120px;
}
.Column.two,
.flexPC.two{
justify-content:space-between;
flex-wrap:wrap;
}
.Column.two li,
.Column.two .box,
.flexPC.two .box,
.flexPC.two table {
width:48%;
}
.Column.three li,
.Column.three .box,
.flexPC.three .box,
.flexPC.three table {
width:32%;
margin-right:2%;
padding-bottom:2em;
}.Column.three li:nth-of-type(3n),
.Column.three .box:nth-of-type(3n),
.flexPC.three .box:nth-of-type(3n),
.flexPC.three table:nth-of-type(3n) {
margin-right:0;
}

.Column.four li,
.Column.four .box{
width: 23%;
margin-right:4%;
}
.Column.four lii:nth-of-type(4n),
.Column.four .box:nth-of-type(4n){
margin-right:0;
}
#pageCommon.magazineCo .Column{
align-items:end;
}


#pageCommon .Column h4{
margin: 0 0 1em;
font-size: 1.125em;
}
.Column.three p{
font-size:.938em;
}
.Column img.wAuto {
    width: auto;
}
.Column.three .btnMore a{
font-size: 14px;
}
.Column.three.customer p{
height: 5em;
}

#aboutINDEX .shosai .box .btnMore{

}

.btnMore a+a{
margin-left:1.5em;
}
}

/**/
iframe.gMAP {
	width: 100%;
}
#mainINDEX {
	height:770px;
	width:100%;
	overflow:hidden;
}
#mainINDEX .Inner {
	text-align: left;
	color:#FFF;
}
 #mainINDEX::before {
width: 62%;
height:100%;
content:"";
background:#07b17b;
position:absolute;
z-index:-1;
clip-path: polygon(41.2% 0, 100% 0, 100% 100%, 0% 100%);
right:0;
animation-name: animate;
animation-duration: 3s;
}
 @keyframes animate {
 0% {
 opacity: 0;
width:0;
}
 100% {
 opacity: 1;
width:62%;
}
}

 @keyframes animate2 {
 0% {
 opacity: 0;
width:0;
}
 100% {
 opacity: 1;
width:60%;
}
}

/**/
.mainArea {
	position:relative;
	padding: 0 0 50px;
}
.mainArea:after {
	position:absolute;
	top:85px;
	height:calc(100% - 85px);
	content:"";
	width:100%;
	background:#07bd83;
	left:0px;
	right:0;
	z-index:-2;
}
#mainINDEX img.main {
	z-index: -1;
	position:absolute;
	left:30%;
	top: 0;
	clip-path: polygon(24% 0, 100% 0, 100% 100%, 0% 100%);}


#mainK img.main {
	z-index: -1;
	position:absolute;
	left:38%;
	top: 0;
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}


.iPad #mainINDEX img.main{
left:30%;
}
.iPad #mainINDEX h1+p{
font-size:2em;
line-height: 1.6em;
}/*
.iPad #mainINDEX h1,.iPad #mainINDEX h1+p{
zoom:120%;
}
*/
#mainINDEX h1 {
	font-weight:500;
}
.slider {
	width: 300px;
	height:202px;
	border:6px solid #FFF;
	border-radius: 8px;
	overflow:hidden;
background:#FFF;
}
.iPad .slider{
right: 80px;
}
.mainIMG {
	width: 290px;
}
.mainIMG img {
	width:100%;
	vertical-align:bottom;
}
.mainIMG .slick-dots {
	bottom: 20px;
	zoom:80%;
}

/*
@keyframes bgLine{
0% {
top:100%;
opacity:0;
}
100% {
top: 0;
opacity:1;
}
}*/
@media print, screen and (min-width: 768px) and (max-width:1024px) {
#mainINDEX img.main {
}
}
@media print, screen and (min-width:1800px) {
#mainINDEX img.main {
left:36%;
}
}
@keyframes fadeIn {
0% {
 opacity:0;
}
100% {
 opacity:1;
}
}
/* ------------------- { contents } ----------------------- */

#Contents {
	margin: 0 auto;
}

/* ------- bridal fair --------- */

.mainINDEX {
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.mainINDEX h2 {
/* text-shadow: #000 1px 1px 10px, #000 -1px 1px 10px, #000 1px -1px 10px, #000 -1px -1px 10px; */
}
.mainINDEX p {
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}
.mainINDEX h1 {
	line-height: 1em;
	font-weight: 400;
}
.mainINDEX p {
	font-weight: 500;
	line-height: 1.6em;
}
/* ------ notice *------------ */

.boxNotice{
padding: 2em 0;
background:#FFF;
}
.boxNotice .Inner {
	border: 3px solid #D90000;
	text-align: left;
	color: #333;
	line-height: 1.6em;
padding: 3em;
}
.boxNotice h2{
font-size: 1.5em;
padding: 0 0 .6em;
}
.boxNotice strong {
	color: #D90000;
}
.boxNotice h2::after{
display:none;
}
/* -------- news -------- */

#newsINDEX {
	position:relative;
	background: #F2F2F2;
}
#newsINDEX::before, #newsINDEX::after {
height: 100%;
content:"";
position:absolute;
}
 #newsINDEX::before {
width: 62%;
 background:#f2f2f2;
 z-index:-1;
clip-path: polygon(19.8% 0, 100% 0, 100% 100%, 0% 100%);
right:0;
animation-name: animate;
animation-duration: 3s;
}
 #newsINDEX::after {
background:#ebebeb;
width:100%;
left:0;
right:0;
top:0;
bottom:0;
z-index: -2;
}
#pageCommon #newsINDEX::before,#pageCommon #newsINDEX::after
{
display:none;
}
#newsINDEX .Inner {
	text-align: left;
z-index:60;
	padding: 100px 0 0;
}
 #newsINDEX .Inner::after {
content:"Topics";
position:absolute;
right:0;
top: -0.014em;
color:#FFF;
font-size: 270px;
font-style:italic;
font-family: 'Josefin Sans', sans-serif;
z-index:-1;
letter-spacing:-.08em;

animation: fadeIn ease-out 0.6s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
}
#newsINDEX h2 {
	display:flex;
	justify-content:space-between;
}
#newsINDEX h2 a {
	color:#007b54;
	border:2px solid #07bd83;
	border-radius: 60px;
	display:block;
	font-size:15px;
	padding: .88em 4em;
	position:relative;
}
 #newsINDEX h2::after:first-letter {
color:#CCC;
}
#newsINDEX dl {
	line-height: 1.6em;
	display:flex;
	flex-wrap:wrap;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 6px;
	overflow:hidden;
	background:#f0f0f0;
	margin: 1em 0 0;
}
#newsINDEX dt, #newsINDEX dd {
	padding: 1em 0;
}
#newsINDEX dt {
	width:22%;
	text-align: center;
}
#newsINDEX dt span {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-left: 0.8em;
	width: 6.8em;font-feature-settings: "palt";
font-weight: normal;
border-radius:6px;
}
#newsINDEX dd {
width: 78%;
padding-right:2em;
}
#newsINDEX dd a {
display:block;
}
#newsINDEX dd a:hover {
	color: #CCC;
	text-decoration: none;
}
.news dt span {
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 12px;
	margin-left: 0.8em;
	width: 10em;
	font-feature-settings: "palt";
	border-radius:30px;
	background:#07a1bd;
	line-height: 1.5em;
}
 #newsINDEX dt:nth-of-type(odd), #newsINDEX dd:nth-of-type(odd) {
background: #FFF;
}
.ico02 {
	background: #bdaa07!important;
}
.ico03 {
	background: #72bd07!important;
}
/**/


#pageCommon ul.listCategory{
justify-content:space-between;
padding:2em 0;
display:flex;
}
#pageCommon ul.listCategory li{
text-align: center;
width:15.4%;
font-size: .813em;
}

#pageCommon ul.listCategory li a{
padding: .4em 0;
color: #fff;
display: block;
text-decoration: none;
border-radius:6px;
}
#pageCommon ul.listCategory li a:hover{
opacity: .4;
}


#newsINDEX dt .icoNews,
#pageCommon ul.listCategory li:nth-of-type(1) a{
background:#07bd83;

}

#newsINDEX dt .icoAnzen,
#pageCommon ul.listCategory li:nth-of-type(2) a{
background: #3661D1;
}
#newsINDEX dt .icoAnzen{
letter-spacing: -.18em;
}
#newsINDEX dt .icoKoshu,
#pageCommon ul.listCategory li:nth-of-type(3) a{
background: #00698C;

}

#newsINDEX dt .icoEvent,
#pageCommon ul.listCategory li:nth-of-type(4) a{
background: #E98881;

}

#newsINDEX dt .icoRec,
#pageCommon ul.listCategory li:nth-of-type(5) a{
background: #7465C7;
}
#newsINDEX dt .icoOther,
#pageCommon ul.listCategory li:nth-of-type(6) a{
background: #F2C53E;

}



/* ----------- about us -------------- */

#aboutINDEX {
	background:#0799bd;
	color:#FFF;
	margin: -4em 0 0;
	position:relative;

}
#aboutINDEX::before, #aboutINDEX::after {
position:absolute;
}
 #aboutINDEX::after {
width: 62%;
right:0;
height:100%;
top:0;
bottom:0;
background:rgba(255, 255, 255, .08);
content:"";
clip-path: polygon(62% 0, 100% 0, 100% 100%, 0% 100%);
right:0;
animation-name: animate;
animation-duration: 3s;
z-index:0;
}
 #aboutINDEX .Inner{
text-align: left;
	padding: 180px 0 100px;
}
/**/
 #aboutINDEX .Inner::after {
content:"About";
position:absolute;
left:0;
top:0;
color:rgba(255,255,255,.1);
font-size: 320px;
font-style:italic;
font-family: 'Josefin Sans', sans-serif;

letter-spacing:-.08em;

animation: fadeIn ease-out 0.6s;
animation-delay: 1.5s;
animation-fill-mode: forwards;

}

#aboutINDEX h2{
margin: 0 1.5em 2em 0;
}
#aboutINDEX h2+p{
font-size: 1.25em;
}

 #aboutINDEX .round{
z-index:30;
width: 640px;
height: 640px;
position: relative;
margin: 0 0 0 -100px;
}

.iPad #aboutINDEX .round{
margin:0;
}
 #aboutINDEX dt,
 #aboutINDEX dd{
position:absolute;
display:table;

}
 #aboutINDEX dt{
width: 264px;
height:264px;
border-radius:264px;
box-shadow: 0 0 4px rgba(0,0,0,.2);
background:#FFF;    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);
z-index:14;
}
 #aboutINDEX dt:hover{
cursor:pointer;
}
 #aboutINDEX dd em,
 #aboutINDEX dt span{
display:table-cell;
vertical-align: middle;}
 #aboutINDEX dt img{
width: 80%;
display:block;
margin:auto;

}
 #aboutINDEX dd{
border:2px solid #13a7cb;
width: 300px;
height:300px;
border-radius:300px;
text-align: center;
}

 #aboutINDEX dd span{
border: 20px solid #FFF;
width: 260px;
height:260px;
border-radius:260px;
position: relative;
overflow:hidden;
font-size:1.625em;
font-weight:bold;
display:table;
margin: 20px;
cursor:pointer;
background: rgba(2,55,115,.4);

} #aboutINDEX dd span::after{
content:">> CLICK";
position:absolute;
bottom: 3.8em;
left: calc(50% - 4em);
padding: .6em 0;
width: 8em;
border:1px solid #CCC;
border-radius: 30px;
font-size:12px;
font-weight:normal;
}


 #aboutINDEX dd img{
position:absolute;
z-index:-1;
left:0;
top: 0;opacity:.6;
}
 #aboutINDEX dd:hover span{
background:transparent;}


 #aboutINDEX dd:nth-of-type(1){
right: 0;
top: 0;

}
 #aboutINDEX dd:nth-of-type(2){
left:0;
top: 0;

}
 #aboutINDEX dd:nth-of-type(3){
right:0;
bottom:40px;

}
 #aboutINDEX dd:nth-of-type(4){
left:0;
bottom:40px;

}
 #aboutINDEX .shosai{
width:600px;
z-index:2;
}
 #aboutINDEX .shosai .tit{
display:flex;
justify-content:space-between;
padding:0 0 .4em;
margin: 0 0 1em;
border-bottom:2px solid #07bd83;
}

 #aboutINDEX .shosai .box{
padding: 1em;
background:#FFF;
box-shadow: 0 0 5px rgba(0,0,0,.5);
color:#333;
border-radius:8px;
display:none;
}

 #aboutINDEX .shosai .box .bb{
display:inline-block;
margin: .4em 0 0 -.6em;
}
#aboutINDEX .shosai .box .btnMore{
padding: .4em 0;
}

#aboutINDEX .shosai .box .btnMore a{
margin: 0 0 0 .8em;
font-size:.813em;
z-index:60;
padding: .3em 2.4em;
}
 #aboutINDEX .shosai .box.viewd{
display:block;
}

 #aboutINDEX .shosai .box h3{
color:#0c7b97;
font-size: 1.375em;
margin: 0 0 .5em}


#aboutINDEX .shosai .box p{
overflow:hidden;
line-height: 1.5em;
font-size: .875em;
}
#aboutINDEX .shosai .box img{
float: left;
margin: 0 2em 0 0;
width:150px;
}

#aboutINDEX .shosai h4{
margin: 1.5em 2em 0 0;
font-size: 1.375em;
}
#aboutINDEX .shosai ul{

}
#aboutINDEX .shosai li{
text-align: center;
font-size: 1.25em;
font-weight:700;
}

#aboutINDEX .shosai li a{
color:#FFF;
display:block;
margin: 1em 0 0;
padding: 1em 0;
border: 4px solid #FFF;
border-radius: 8px;
z-index:70;
box-shadow: 0 0 5px rgba(0,0,0,.5);
}

#aboutINDEX .shosai li:nth-of-type(1) a{
background:#0000cc url(../images/about_sub_01.png) no-repeat 1em center;
}

#aboutINDEX .shosai li:nth-of-type(2) a{
background:#0000cc url(../images/about_sub_02.png) no-repeat 1em center;
}

#aboutINDEX .shosai li:nth-of-type(3) a{
background:#0000cc url(../images/about_sub_03.png) no-repeat 1em center;
}



/* ---------- comomn style ------------ */


#pankuzu {
border-bottom:1px solid #dfdfdf;

}

#pankuzu  ul{
width:1200px;
	margin: 0 auto;
	text-align: left;
	flex-wrap: wrap;
}
#pankuzu li {
	display: inline-block;
	position: relative;
	padding-right: 1.6em;

	font-size: .875em;
}
#pankuzu li a {
color:#007b54;
text-decoration:underline;
	display: block;
	padding: 2em 0;
}
#pankuzu li::before {
 content: '＞';
 color: #999;
 width: 1em;
 height: 1em;
 line-height: 1;
 text-align: center;
 font-size: 1em;
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
}
#pankuzu li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #000;
}
#pankuzu li:last-child::before {
 content: normal;
}
/**/
#secondTOP {
padding:60px 0;
}
#secondTOP ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;}

#secondTOP ul li:first-child,
#secondTOP ul ul{
display:none;
}

#secondTOP.biz ul li:first-child{
display:block;
}
#secondTOP.oyakudachi ul ul{
display:flex;
}

#secondTOP ul li{
width: 48%;
margin: 0 0 2em;
}

#secondTOP.oyakudachi ul li.noLink{
width:100%;
font-size: 1.375em;
font-weight:bold;
padding: 2em 0 1em;
text-align: left;
}
#secondTOP.oyakudachi ul li:first-child{
display:none;
}
#secondTOP ul li a::after {
content:"";
position: absolute;
right: 1em;
top: calc(50% - .3em);
 width: .6em;
 height: .6em;
 border-top: 2px solid #07bd83;
 border-right: 2px solid #07bd83;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.btnMore.white a::after {
border-color:#FFF;
}
/**/

#secondTOP ul li a{
display:block;
background:#FFF;
padding: 1.26em 1em 1.26em 0;
border-radius: 6px;
position:relative;
color:#007b54;
font-size: 1.125em;
font-weight:500;box-shadow: 0 0 4px rgba(0, 0, 0, .18);
}

/**/

#secondTOP.biz h2{
text-align:left;
margin-bottom:1em;
}#secondTOP.biz .flexPC+h2{
margin-top:3em;
}

#secondTOP.biz .flexPC{
align-items:center;
background:#07bd83;
margin:0 0 3em;
color:#FFF;
}
#secondTOP.biz p{
margin: 0 0 2.5em;
}
#secondTOP.biz .flexPC img{
clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
#secondTOP.biz .flexPC.verse img{
clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
}

#secondTOP.biz ul{
padding: 0 0 5em;
}

#secondTOP.biz dl{
padding: 0 0 2em;
}

#secondTOP.biz .box .btnMore a{
font-weight:bold;
}
#secondTOP.biz .box .btnMore a::after{
display:none;
}
#secondTOP.biz .box .btnMore a img{
vertical-align: middle;
}

 @media print, screen and (min-width: 768px) {
#secondTOP.biz .box .btnMore a{
font-size: 1.25em;
padding: 1em 3em;
}
#secondTOP.biz .flexPC.verse .Inn{
padding-left:3em;
}
}
/**/
.verse{flex-direction:row-reverse;
}

#pageCommon {
	text-align: left;
}
#pageCommon h2{
margin: 1.5em 0;
line-height: 1.48em;
}
#pageCommon h2:nth-of-type(1){
margin-top:0;
}


#pageCommon h4, #pageCommon h5, #pageCommon h6 {
	line-height: 1.6em;
}
#pageCommon h3 {
	color: #059f6e;
	font-weight: 500;
font-size: 1.5em;
	clear: both;
padding: .488em 1em;
background:#FFF;
margin: 2em 0 .8em;
border-radius: 6px;
}
#pageCommon .Column .box h3{
font-size: 1.125em;
}
#pageCommon h4 {
	clear: both;
	color: #000;
	margin: 3em 0 1.5em;
	padding: 0 0 0 1em;
font-size: 1.375em;
position: relative;

}
#pageCommon h4::after{
position:absolute;
content:"";
left:0;
top: 0;
background:#07bd83;
width: 3px;
height: 1.6em;
border-radius: 10px;
}
#pageCommon h5 {
font-size: 1.25em;
	clear: both;
	margin: 2em 0 1em;
color:#007b54;
	padding: .8em 0;
border-top: 2px solid #07bd83;
border-bottom: 1px dotted #ccc;
}
#pageCommon h6 {
font-size:1.125em;
	color: #9B8746;
	margin-bottom: 1em;
}
/* ------- table ------- */

caption {
	text-align: left;
	background:url(../images/point.png) no-repeat 0 1.2em;
	padding: 1em 0 1em 1.4em;
	background-size: 1em;
	font-weight: bold;
	color: #000;
	line-height: 1.4em;
}
.tbl, .tblNormal {
	margin-bottom: 4em;
}
.tblNormal th, .tblNormal td {
	border: 1px solid #bbb;
	vertical-align: middle;
	line-height: 1.8em;
padding: .8em 1em;
background:#FFF;
}
.tblNormal td.tdIdt {
	padding-left: 2.8em;
	text-indent: -2em;
}
.tblNormal th {
background-color:rgba(7,189,131,.14);
color: #000033;
text-align: center;
}
.tblNormal th.thClr {
	background: #FEFDE0;
color:#007b54;
}
.tblNormal td.aRIGHT {
	text-align: right!important;
}

.tblNormal td.more{
background:transparent;
border:0;
padding: 1.6em 0 2.6em;
}
.tblNormal.office iframe, .tblNormal.officeK iframe {
	width: 100%;
	border: none;
	margin: 1em 0 4em;
display:block;
height:600px;
}
.tblNormal.aCENTER th, .tblNormal.aCENTER td, .tblNormal.office th, .tblNormal.officeK th, .tblNormal.office td, .tblNormal th.aCENTER, .tblNormal td.aCENTER {
	text-align:center;
}
.tblNormal.officeK th {
	white-space: nowrap;
width:8em;
}
.tblNormal.officeK td {
	text-align: left;
}
.tblNormal.office table td.tdAdd /*,
.tblNormal.office table td:nth-of-type(1)*/ {
	text-align: left;
}
.tblNormal.office th {
	width: 8.4em;
}
.tblNormal.officeK th {
	text-align: center;
	padding-right:0;
	padding-left: 0;
}
.tblNormal.office th.thBusho {
	width: auto;
}
.tblNormal.kodo th {
	text-align: center;
}
.icoMAP {
	display: inline-block;
	background: #003399;
border-radius:4px;
	color: #FFF;
	padding: .5em 1em;
	font-size: 0.75em;
	text-decoration: none!important;
	line-height: 1em;
}
.tblNormal td .icoMAP {
	float: right;
	margin-left: .8em;
}
.tbl th, .tbl td {
	line-height: 1.8em;
	text-align: left;
}
.tbl tr:nth-child(odd) {
background: #F6F6F6
}
td {
	overflow-wrap: break-word!important;
	word-wrap: break-word!important;
}
.tbl table, .tblNormal table {
	width:100%;
	margin-bottom: 1.5em;
}

.tbl td ul, .tblNormal td ul {
	margin-left: -1em;
}
.tbl td ul li, .tblNormal td ul li {
	text-indent: -1em;
	padding: 0.2em 0em 0.2em 2em;
}
.tbl td hr, .tblNormal td hr {
	visibility: hidden;
	height: 1em;
}
/* -------- */

#pageCommon a {
	text-decoration: underline;
}
#pageCommon p {
	line-height: 1.85em;
	margin-bottom: 1.6em;
}

#pageCommon p.catchMin {
	color: #07b17b;
	font-weight: 500;
font-size:1.375em;
}

p.txtL {
	font-size: 1.5em!important;
	font-weight: 900;
}
#pageCommon p.txtLL {
	font-size: 3em;
	font-weight: 900;
}
#pageCommon p.txtML{
font-size: 1.25em;
}
#pageCommon p span.txtLL {
	font-size: 1.75em;
}
#pageCommon li .txtLL {
	font-size: 1.5em;
}
#pageCommon .boxLine h5 {
	background: #EFEFEF;
	color: #147CE4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#pageCommon ol {
	margin: 0 0 2em 1.68em;
}
#pageCommon td ol{
margin-bottom:0;
}
#pageCommon ol.noNumber {
	margin-left:-1.2em;
}
#pageCommon ol.noNumber li {
	list-style:none;
	padding-left: 3em;
	text-indent: -2.6em;
}
#pageCommon ol.olABC li {
	list-style:lower-alpha;
}
#pageCommon ol.olIroha {
	list-style-type: katakana-iroha;
}
#pageCommon ol li {
	padding: 0.3em 0;
}
#pageCommon ol ul li {
	list-style: disc;
}
#pageCommon li {
	line-height: 1.85em;
}
/* ----- */
ul.listNormal {
	margin: 0 0 2em 0.4em;
	clear: none;
}
ul.listNormal.txtL li{
font-size: 1.25em;
font-weight:bold;
}

ul.listEvent li {
	float: left;
	padding-right: 2em!important;
}
ol ul.listNormal {
	margin-bottom: 0;
	padding: 0!important;
}
ul.listNormal li {
	position: relative;
	padding: 0.3em 0 0.3em 1em;
}
ul.listNormal li::after, ul.listNormal li::before {
 position: absolute;
 left: 0;
 margin: auto;
 content: "";
 vertical-align: middle;
}
ul.listNormal li::after {
}
ul.listNormal li::before {
top: 1em;
width: 8px;
 height: 8px;
 border-top: 2px solid #ccc;
 border-right: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
ul.listNormal li li::before, ul.listNormal li li::after {
display: none;
}
ul.listNormal li li {
	padding-left: 0;
}
ul.listNormal.bb li li {
	font-weight: normal;
}
ul.listAnk {

display:flex;
flex-wrap:wrap;
}
ul.listAnk li {
font-weight: 500;
font-size: .938em;
 font-feature-settings: "palt";

}
ul.listAnk a {
	display: block;
	color:#007b54;
	background: url(../images/arrow.png) no-repeat 0 .4em;
padding: 0 .6em .4em 1.4em;
	text-decoration: none!important;
margin: 0 1em 0 0;
}
ul.listAnk a:hover, ul.listAnk a.ov,
ul.listAnk.aomori li:nth-of-type(2) a,
ul.listAnk.iwate li:nth-of-type(3) a,
ul.listAnk.akita li:nth-of-type(4) a,
ul.listAnk.miyagi li:nth-of-type(5) a,
ul.listAnk.yamagata li:nth-of-type(6) a,
ul.listAnk.fukushima li:nth-of-type(7) a,
ul.listAnk.niigata li:nth-of-type(8) a{
border-bottom:2px solid #07bd83;
}

/**/
ul.listPDF li a{
	display: block;
	background:url(../images/ico_pdf.png) no-repeat .2em .8em / 2em;
	border-bottom: 1px dotted #ccc;
padding: .8em 0 .8em 2.8em;
}

/**/
td.tel {
	white-space: nowrap!important;
}

#pageCommon ul.listPDF li.listDigi a {
	background:url(../images/ico_digi.png) no-repeat .4em .6em;
}
#pageCommon ul li img {
	vertical-align: middle
}
#pageCommon ul.listPDF.noLine li a {
	border: 0;
}
 /**/

video{
width: 800px;
height: 462px;
}
iframe.movie{
width: 800px;
height: 450px;
display:block;
margin: 1em auto;
}


/* ---------- note ------- */


ul.listNote {
	margin: 0 0 2em 0em;
}
ul.listNote li {
	padding-left: 1.2em;
	text-indent: -1.18em;
	text-align: left;
}
ul.listNote.ss li {
	line-height: 1.4em!important;
}
ul.listNote.number li {
	padding-left: 3em;
	text-indent: -2.5em;
}
/* ---------- dl ----------- */


dt {
	font-weight: bold;
}
.nation {
padding: 4em 0 0;
clear: both;
}
.nation ul {
	text-align: center;
}
.nation ul:after {
	content: "";
	display: block;
	clear: both;
}
.nation ul li {
	display: inline;
	margin: 0 5px;
	padding: 0;
	line-height: 1.4em!important;
}
.nation ul li span, .nation ul li a {
	display: inline-block;
	background: #fff;
border-radius:8px;
	text-decoration: none!important;
	vertical-align: middle;
	color: #333;
}
.nation ul li .disabled {
	color: #CCCCCC;
}
.nation ul li .current {
	background: #07bd83;
	color: #FFF;
}
.nation ul li a:hover {
	background: #07bd83;
	color: #FFF;
	text-decoration: none;
}
.nation ul li span, .nation ul li a {
	padding: 0.4em 0.8em;
}
/* ---------- news ------ */



/* article */

.articleCo img {
	max-width: 100%;
	height: auto !important;
}
.articleCo .date {
	padding: 2em 0;
	text-align: right;
}
.articleCo #pageCommon a {
	color:#0000FF;
	text-decoration: underline;
}/*
.articleCo .btnMore a {
	color: #242C59;
	border: 1px solid #242C59;
	background: #FFF;
	text-decoration: none;
}
.articleCo .btnMore a:after {
	border: none;
}
/**/

.articleCo .btnMore {
padding-top:6em;
}
#seminarINDEX {
	text-align:left;
	padding: 80px 0;
	position:relative;
}

#seminarINDEX::after{
position:absolute;
content:"";
background:#ebebeb;
width:60%;
height:100%;
left:0;
top:0;
bottom:0;
width:60%;clip-path: polygon(1% 1%, 100% 0%, 60% 100%, 0% 100%);
z-index:-2;
animation-name: animate2;
animation-duration: 3s;animation-delay: 3s;



}

#seminarINDEX .Inner::after {
content:"Training";
position:absolute;
right:0;
top:-90px;
color:#FFF;
font-size: 320px;
font-style:italic;
font-family: 'Josefin Sans', sans-serif;
z-index:-1;
letter-spacing:-.08em;

animation: fadeIn ease-out 0.6s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
}


#seminarINDEX h2+p {
	margin: 1em 0 2em;
font-size: .938em;
}
#seminarINDEX ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#seminarINDEX ul li {
	width: 32%;
	font-size: .938em;
	position:relative;
	line-height: 1.8em;
}

#seminarINDEX ul li a:hover{

text-decoration:none!important;
}
#seminarINDEX ul li .bb{
display:block;
color:#000;
font-size: 1.125em;
margin: 0 0 .6em}

#seminarINDEX ul li::after {
content:"";
position: absolute;
right: .2em;
bottom:2em;
 width: .6em;
 height: .6em;
 border-top: 2px solid #07bd83;
 border-right: 2px solid #07bd83;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#seminarINDEX ul li img {
	width: 100%;
	margin: 0 0 1em;
	border: 5px solid #FFF;
	border-radius: 6px;
	display:block;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
#seminarINDEX ul li a {
	color:#007b54;
}
#seminarINDEX ul li a:hover {
	opacity: .7;
}
#seminarINDEX .btnMore {
	padding: 3em 0;
}
#seminarINDEX .boxInfo {
	display:flex;
	background:#FFF;
	border-radius:6px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	overflow:hidden;
}
#seminarINDEX .boxInfo h3 {
	font-size: 1.25em;
	color:#FFF;
	background:#595959;
	text-align: center;
	padding: 1.5em 0;
	width: 20%;
}
#seminarINDEX .boxInfo dl {
	width: 80%;
	display:flex;
	flex-wrap:wrap;
}
#seminarINDEX .boxInfo dt,#seminarINDEX .boxInfo dd{
padding: 1em 0;
border-top:1px solid #EEE;
line-height:1.4em;
}
#seminarINDEX .boxInfo dt:nth-of-type(1),#seminarINDEX .boxInfo dd:nth-of-type(1){
border:0;
}
#seminarINDEX .boxInfo dt {
	text-align: center;
	width:28%;
}
#seminarINDEX .boxInfo dd {
	width:72%;
padding-right:2em;
}

/**/
#seminarINDEX img.boya{
position:absolute;
top:-4em;
right:0;
}

/**/
#officeINDEX {
background: #FDFA91;
position:relative;
}
#officeINDEX::before {
width: 62%;
height:100%;
content:"";
background:rgba(255,255,255,.25);
position:absolute;
z-index:0;
clip-path: polygon(41.2% 0, 100% 0, 100% 100%, 0% 100%);
right:0;
animation-name: animate2;
animation-duration: 3s;animation-delay: 4s;
}

#officeINDEX .Inner::after{
content:"Office";
position:absolute;
left:160px;
top: 5px;
color: rgba(255,255,255,.4);
font-size: 260px;
font-style:italic;
font-family: 'Josefin Sans', sans-serif;
z-index:0;
letter-spacing:-.02em;

animation: fadeIn ease-out 0.6s;
animation-delay: 1.5s;
animation-fill-mode: forwards;

}

#officeINDEX .info{
text-align: left;
}

#officeINDEX h2{
z-index:4;
}
#officeINDEX .info p{

padding: 1em 0 0;
}

#officeINDEX .btnMore{
padding: 3em 0;
}


/*  */

#recruitINDEX {
padding: 200px 0 160px;
width:100%;
overflow:hidden;
position:relative;
}

#recruitINDEX::after{
position:absolute;
content:"";
background:#ebebeb;
width:60%;
height:100%;
left:0;
top:0;
bottom:0;
width:60%;clip-path: polygon(0% 0%, 100% 0%, 60% 100%, 0% 100%);
z-index:-2;
animation-name: animate2;
animation-duration: 3s;animation-delay: 3s;
}


#recruitINDEX .Inner {
text-align: left;
}
#recruitINDEX .Inner::after {
content:"Recruit";
position:absolute;
left:-50px;
top:-200px;
color:#FFF;
font-size: 280px;
font-style:italic;
font-family: 'Josefin Sans', sans-serif;
z-index:-1;
letter-spacing:-.1em;
 transform : scaleX(0.9);
animation: fadeIn ease-out 0.6s;
animation-delay: 1.5s;
animation-fill-mode: forwards;
}


#recruitINDEX .Inn{
width:700px;
padding: 80px 0;
background:#FFF;
text-align: center;
margin: 0 auto 0 0;
	border-radius:6px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
#recruitINDEX h2{
padding: 0 0 .8em;
}
#recruitINDEX h2::after{
display:none;
}
#recruitINDEX .recIMG{
position:absolute;
border-radius:6px;

z-index:-1;
}

#recruitINDEX .btnMore{
padding: 3em 0;
}

#recruitINDEX .Inn ul{
display:inline-flex;
}

#recruitINDEX .Inn ul li{
margin: 0 10px;
}
#recruitINDEX .Inn ul li img{
width:196px;
}




@media print, screen and (min-width:768px) {
#officeINDEX .Inner{
padding: 160px 0 80px;
min-height:650px;
}
#officeINDEX .imgMAP{
position:absolute;
right:0;
top:40px;
z-index:2;
}#officeINDEX .info{
width:50%;
margin: 0 auto 0 0;
}#recruitINDEX .recIMG{
left:50%;
top: 100px;
box-shadow: 25px 25px 0 #e5e5e5;
}
#pageCommon.shoshiki .flexPC th{
width: 50%;
}
.articleCo #pageCommon h2{
font-size: 1.75em;
}
}





/* ---------- flow ---------- */

#pageCommon ul.flowTxt{
margin: 0 0 3em;
}
#pageCommon ul.flowTxt li{
margin: 0 0 20px;
padding: 1.0em;
text-align: left;border: 3px solid #006633;
border-radius: 8px;
line-height: 1.4em;
text-align: center;
position: relative;
background: #fff;
color: #006633;
}
#pageCommon ul.flowTxt li:before{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #006633 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -15px;
transform: translateX(-50%);
}
#pageCommon ul.flowTxt li:last-child{
margin-bottom: 0;
}
#pageCommon ul.flowTxt li:last-child:before{
content: none;
}
#pageCommon #privacyCo ol{
margin-left: -.6em;
}
#pageCommon #privacyCo ol li{
list-style:none;
padding: 0 0 1em 3em;
text-indent: -2.5em;
}

.fltLpc {
    float: left;
}

#pageCommon.shiken ul.fltLpc {
width: 550px;
}

/**/

#pageCommon.seminarCo h4::before{
content:"";
width: 100%;
top: -1.5em;
left:0;
right:0;
height:1px;
border-top: 1px dotted #999;
position:absolute;
}
#pageCommon.seminarCo.shosai th{
white-space:nowrap;
}
#pageCommon.seminarCo.shosai iframe{
display:block;
width:100%;
margin: 0 0 1em;
}
/**/
#pageCommon .linkCo{
}

/**/
#pageCommon #galleryCo ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#pageCommon #galleryCo ul li{
width: 23.8%;
font-size: .813em;
padding: 0 0 2.5em;
text-align: center;
}

#pageCommon #galleryCo ul li img{
width:100%;
margin: 0 0 .6em;
}

#pageCommon #qaCo h3{
cursor:pointer;
position:relative;
}

#pageCommon #qaCo h3::after{
position:absolute;
right: .8em;
content:"［＋］";
}

#pageCommon #qaCo h3.active::after{

content:"［－］";
}

/**/

/* -- sdgs -- */


#pageCommon #sdgsINDEX{
	background:#E7FAE9;
	text-align: center;
padding: 2em 0;
}

#pageCommon #sdgsINDEX h3{
background:transparent;

margin: 0;
padding:0 0 1em;
font-size: 2em;
}#pageCommon #sdgsINDEX h3 img{
margin: 1em 0 0;
}

#pageCommon #sdgsINDEX p{
	display: inline-block;
	width: 90%;
}
#pageCommon ul.listSDGs{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
padding: 3em 0 0;
}

#pageCommon ul.listSDGs.kaso{
padding: 0 0 5em;
}
#pageCommon ul.listSDGs li{
width: 32%;
}

#pageCommon ul.listSDGs a{
display: block;
padding: 1em;
text-align: center;
border-radius: 6px;
text-decoration:none;
background: #fff;
margin: .8em 0;
color: #999;
}

#pageCommon ul.listSDGs a:hover,
#pageCommon ul.listSDGs .ov a{
background:#07bd83;
color:#fff;
}
#pageCommon dl.dlNormal.no dd{
padding-left: 0;
background: transparent;
}

#pageCommon p.sdgsMENU{
text-align: center;
margin: 3em 0 1em;
position: relative;
color:#999900;
}
#pageCommon p.sdgsMENU::before,
#pageCommon p.sdgsMENU::after{
position: absolute;
content:"";
height: 1px;
background: #999900;
width: 38%;
top: 50%;
}

#pageCommon p.sdgsMENU::before{
left:0;
}
#pageCommon p.sdgsMENU::after{
right:0;
}

/**/
#pageCommon .tblSDGs table{background:#CEE9F2;
width: 100%;
}#pageCommon .tblSDGs th,
#pageCommon .tblSDGs td{
border:2px solid #f6f6f6;
font-size:.968em;
vertical-align:middle;
line-height: 1.6em;
padding: .8em;
}
#pageCommon .tblSDGs th{
background:#65B7D6;
text-align: center;
width:35%;
color:#FFF;
}
#pageCommon .tblSDGs th:nth-of-type(1){
width:30%;

}
#pageCommon .tblSDGs tr:nth-of-type(odd){
background:#E4F3F8;
}
#pageCommon .tblSDGs td.ico{


}

#pageCommon .tblSDGs td.ico img{
float:left;
width: 80px;
margin: 0 1em 0 0;
}

/**/
#pageCommon .listContact{
display:flex;
padding: 1em 0 0;
justify-content:space-between;
flex-wrap:wrap;
overflow:hidden;
}
#pageCommon .listContact li{
text-align: center;
width: 48%;
padding: 0 0 1em;
}

#pageCommon .listContact li a{
display:block;
border-radius: 8px;
padding: .4em 0;
color:#FFF;
text-decoration:none;
background: #0066CC;
}
#pageCommon .listContact li a:hover{
background:#0066FF;
}
#pageCommon .flexPC.contactCenter .box h4{
border:0;
display:inline-block;
padding: .4em 2em;
text-align: center;
color:#fff;
background: #996600;
border-radius:60px;
margin-top:1em;
}
#pageCommon .flexPC.contactCenter .box.hoan h4{
background:#059f6e;
}

#pageCommon .flexPC.contactCenter .box h4::after{
display:none;
}
#pageCommon .flexPC.contactCenter .box th,
#pageCommon .flexPC.contactCenter .box td{
padding: .8em 0;
white-space:nowrap;
}

#pageCommon .flexPC.contactCenter .box th{
text-align: left;
padding-right:3em;
position:relative;
}

#pageCommon .flexPC.contactCenter .box  th::after{
position:absolute;
right: .6em;
content:"……";
}

/**/
#pageCommon #FAQ h3{
background:#059f6e;
color:#FFF;
}
#pageCommon #FAQ h4::before, #pageCommon #FAQ h4::after, #pageCommon #FAQ .qaA::before, #pageCommon #FAQ .qaA::after {
position:absolute;
font-family:Arial, Helvetica, sans-serif;
content:"";
border:0;
}
 #pageCommon #FAQ h4::before {
left:0;
width: 1.8em;
height: 1.8em;
background: #CD5F80;
border-radius: 6px;
top:.88em;
}

 #pageCommon #FAQ h4::after {
color: #FFF;
left: .28em;
content:"Q";
font-size: 1.25em;
font-weight:500;
top:.72em;border:0;
background:transparent;
transform:rotate(0deg);
}
#pageCommon #FAQ h4 {
	font-size: 1.375em;
	background: transparent;
	position: relative;
	padding: 1em 3em 1em 2.4em;
	margin:0;
color:#000;
border:0;
cursor:pointer;
/*border-top:2px dotted rgba(0,0,0,.2);*/
}


#pageCommon #FAQ h4 span{
position:absolute;
right:1em;
top: 1em;
width:1.5em;
height:1.5em;
}#pageCommon #FAQ h4 span::after{
content:"［＋］";
}
#pageCommon #FAQ h4.active span::after{
content:"［－］";
}
#pageCommon #FAQ hr.lineDotted{
margin-top:5em;
}
#pageCommon #FAQ .qaA {
	background: #fff;
	padding: 2em 1.6em 2em 4em;
	position:relative;
border-radius: 8px;
margin: 0 0 1.5em;
}
#pageCommon #FAQ .qaA p {
font-size: 1.125em;
margin:0;
}
#pageCommon #FAQ .qaA p+p {
	margin-top: 2em;
}
 #pageCommon #FAQ .qaA::before {
left:1.6em;
width: 1.8em;
height: 1.8em;
background: #fbdba8;
border-radius: 8px;

}
 #pageCommon #FAQ .qaA::after {
color: #450441;
left: 1.68em;
content:"A";
font-size: 1.25em;
font-weight:bold;
top:1.8em;

}
#kyoukai {	position: relative;
	background: url(../link/img/map.png) no-repeat left top;
}
#pageCommon.soshiki th{
width: 60%;
}
@media print, screen and (min-width: 768px) {

.aCENTERpc{
text-align: center;
}
#kyoukai {	height: 620px;
	width: 500px;

}
#kyoukai a {
	font-weight: bold;
}


#kyoukai #zenkoku {
	position: absolute;
	top: 160px;
	left: 80px;
}
#kyoukai #hokkaido {
	position: absolute;
	top: 41px;
	left: 323px;
}
#kyoukai #tohoku {
	position: absolute;
	top: 254px;
	left: 354px;
}
#kyoukai #hokuriku {
	position: absolute;
	top: 247px;
	left: 188px;
}
#kyoukai #kansai {
	position: absolute;
	top: 289px;
	left: 149px;
}
#kyoukai #chugoku {
	position: absolute;
	top: 287px;
	left: 83px;
}
#kyoukai #kanto {
	position: absolute;
	top: 341px;
	left: 321px;
}
#kyoukai #chubu {
	position: absolute;
	top: 366px;
	left: 207px;
}
#kyoukai #shikoku {
	position: absolute;
	top: 391px;
	left: 99px;
}
#kyoukai #kyusyu {
	position: absolute;
	top: 440px;
	left: 30px;
}
#kyoukai #okinawa {
	position: absolute;
	top: 414px;
	left: 397px;
}
/**/
#pageCommon .flexPC.contactCenter{
display:inline-flex;
}
#pageCommon .flexPC.contactCenter .box:nth-of-type(1){
padding-right:4em;

}#pageCommon .flexPC.contactCenter .box h4+p{
margin: -.8em 0 0;
font-size: 1.125em;
}


#pageCommon .flexPC.contactCenter .box th, #pageCommon .flexPC.contactCenter .box td{
font-size: 1.25em;

}


#pageCommon .linkCo .box:nth-of-type(1){
width: 40%;
}

}
#pageCommon .sitemap ul{

}#pageCommon .sitemap ul ul {
margin: 0 0 1em 1em;display:flex;
flex-wrap:wrap;
}
#pageCommon .sitemap ul ul li{
width:auto;
padding:0 2em 0 0;
font-size: .875em;
}
#pageCommon .sitemap ul li{

}
#pageCommon .sitemap ul li a{
display:block;
padding: .6em 0 .6em 1.2em;
text-decoration:none;
position:relative;
}

#pageCommon .sitemap ul li a::after{
content:"";
position: absolute;
left:0;
top: calc(50% - .144em);
 width: .288em;
 height: .288em;
 border-top: 2px solid #ccc;
 border-right: 2px solid #ccc;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
#pageCommon .sitemap ul li li a{
padding: .18em 0 .4em .8em;
}
#pageCommon .sitemap ul li li a::after{
content:"・";
border:none;
color:#666;
left:.32em;
top: .18em;
}
#pageCommon .sitemap ul li.noLink{
color:#059f6e;
padding: 1.2em 0 0;

}
/**/

/* -- CSR -- */


#pageCommon #csrINDEX{
background:url(../about/img/csr_bg.jpg) no-repeat center top / 100%;
text-align: center;
padding: 30px 0 80px;
}
#pageCommon #csrINDEX h3{
background:transparent;
padding:0;
}
#pageCommon #csrINDEX p{
display: inline-block;
text-align: left;
font-size:1.375em;
width: 18em;
}

#pageCommon.csrPage .btnMore{
padding: 3em 0 0;
}
#pageCommon ul.listCSR{
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}

#pageCommon ul.listCSR li{
width: 48%;
}

#pageCommon ul.listCSR a{
display: block;
padding: 1em;
text-align: center;
border-radius: 6px;
text-decoration:none;
background: #009999;
margin: .8em 0;
color: #FFF;
}

#pageCommon ul.listCSR a:hover{
background:#006666;
}
#pageCommon dl.dlNormal.no dd{
padding-left: 0;
background: transparent;
}

#pageCommon p.csrMENU{
text-align: center;
margin: 3em 0 1em;
position: relative;
color:#007b54;
font-size: 1.75em
}
#pageCommon p.csrMENU::before,
#pageCommon p.csrMENU::after{
position: absolute;
content:"";
height: 1px;
background: #007b54;
width: 30%;
top: 50%;
}

#pageCommon p.csrMENU::before{
left:0;
}
#pageCommon p.csrMENU::after{
right:0;
}

/* - dl  */


dl.dlNormal {
	padding-bottom: 50px;
}
dl.dlNormal dt {
	font-weight: 700;
	color: #000000;
	background: url(../images/point.png) no-repeat 0 6px;
	background-size: 16px;
	font-size: 1.125em;
	margin: 0;
	padding: 0 0 5px 22px;

	line-height: 1.6em;
}
dl.dlNormal dd {

	line-height: 1.8em;
	padding: 4px 0 0 38px;
}
dl.dlNormal dd+dt {
	margin-top: 1em;
}