@charset "UTF-8";

.w-100per {width:100%; height:auto;}
.w-94per {width:94%!important; margin:0 auto!important;} /*--下部カテゴリで利用--*/
.w-90per {width:90%; height:auto;}
.w-80per {width:80%; height:auto;}
.w-70per {width:70%; height:auto;}
.w-60per {width:60%; height:auto;}
.w-40per {width:40%; height:auto;}
.w-20per {width:20%; height:auto;}
.w-30per {width:30%; height:auto;}
.w-10per {width:10%; height:auto;}


/*--img白フチと影--*/
.img-sd {
/*margin:0 auto!important;*/
border:3px solid #fff!important;
box-shadow:0 0 8px #777!important;
/*text-align:center!important;*/
}
@media only screen and (max-width:641px) {
.img-sd {
width:100%!important;
height:auto!important;
}
}

/*--投稿用img設定--*/
.img-staff {
min-height:100px;
position:relative;
display: flex;
align-items:center;
background:#fff;
}

/*imgsizeなど可変*/
.w-70-50per {width:70%; height:auto;}
@media only screen and (max-width:641px) {
.w-70-50per {width:50%; height:auto;}
}

/*z-index*/
.rel {position:relative; z-index:1;}
.abs-kensaku {position:absolute; display:inline; bottom:5px; right:0px; z-index:11;}
.abs-g-nav {position:absolute; bottom:0px; right:0px; z-index:21;}
.abs-topix {position:absolute; display:inline; bottom:5px; right:5px; z-index:11;}
.abs-sns {position:absolute; display:inline; bottom:5px; left:5px; z-index:11;}
.abs-sns:last-child {left:100px;}
.abs-menu {position:absolute; top:30px; left:5px; line-height:1.6em; z-index:2;} /*menu-icon*/
/*821以下*/
@media only screen and (max-width:821px) {
.abs-kensaku, .abs-g-nav {display:none;}
}
/*641以下*/
@media only screen and (max-width:641px) {
.abs-menu {position:absolute; top:30px; left:3px; line-height:1.6em; z-index:2;}
}

/*4列から2列並び*/
.column-index li {
float:left;
width:22%;
height:auto;
margin:0 4% 20px 0;
display:inline-block;
overflow:hidden;
/*border:1px solid #fff;*/
}
.column-index li:nth-child(4n) {
margin:0 0% 20px 0;
}
@media only screen and (max-width:640px) {
.column-index li {
/*float:left;*/
width:46%;
height:auto;
margin:0 8% 20px 0;
display:inline-block;
}
.column-index li:nth-child(4n) {
margin:0 0% 20px 0;
}
.column-index li:nth-child(2n) {
margin:0 0% 20px 0;
}
}

/*--trim--*/
.trim-1px-white { /*indexで利用*/
width:94%;
max-width:980px;
margin:10px auto 10px auto;
border:1px solid #fff;
padding:10px 10px 0 10px;
background:rgba(255,255,255,0.7); /*背景透過*/
}
.trim-1px-blue {border:1px solid #0099ff; padding:13px 8px 0px 8px;}
.trim-1px-gray {border:1px solid #ccc; padding:13px 8px 0px 8px;}
.trim-2px-blue {border:2px solid #0099ff; padding:13px 8px 0px 8px;}
.trim-2px-gray {border:2px solid #ccc; padding:13px 8px 0px 8px;}
.trim-2px-white {border:2px solid #fff; padding:13px 8px 0px 8px;}

.trim-1px-blue-2 {
border-top:1px solid #0099ff;
border-bottom:1px solid #0099ff;
padding:13px 0px 0px 0px;
/*display: flex;*/
/*v-align-center*/
/*align-items: center;*/ /*v-align-center*/
}

/*--記事見出し--*/
/*--共通--*/
.bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {
border-top:1px solid #0099ff;
border-bottom:1px solid #0099ff;
padding:0px 0px 0px 0px;
min-height:70px;
position:relative;
display: flex; /*v-align-center*/
align-items: center; /*v-align-center*/
}
/*--ie11対策--*/
_:-ms-lang(x)::-ms-backdrop, .bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {
width:100%;
/*display: table-cell;*/
vertical-align: middle;
height: 70px;
}
@media only screen and (max-width:641px) {
.bg-icon-earth, .bg-icon-wrench, .bg-icon-company, .bg-icon-rec {min-height:85px;}
}
/*--bg地球--*/
.bg-icon-earth {background: url("img/icon-earth.png") no-repeat center right / auto 90%;}
/*--bgビル--*/
.bg-icon-company {background: url("img/icon-company.png") no-repeat bottom right / auto 95%;}
/*--bg握手--*/
.bg-icon-rec {background: url("img/icon-rec.png") no-repeat center right / auto 90%;}


/*category*/
.entry {
display: flex; /*flexコンテナ 子要素は自動的にflexアイテムとなる*/
flex-direction: row; /*横並び表示*/
flex-wrap: wrap; /*画面幅に収まらない場合折り返す*/
width:100%;
overflow:hidden;
_zoom: 1;
}

.item, .item-right0 {float:left; width:32%; padding-bottom:4px; border-bottom:dotted 1px #666;}
.item {margin:10px 2% 10px 0;}
.item-right0 {margin:10px 0% 10px 0;}
@media only screen and (max-width:641px) {
.item, .item-right0 {display:block; width:100%; margin:10px 0% 10px 0; height:auto; padding-bottom:4px; border-bottom:dotted 1px #666;}
}

/*ct用2列記事可変*/
.ct-img {display:block; width:100%; height:auto;}
.ct-img img {width:100%; height:auto;}
.ct-txt a {display:block; width:100%; height:auto;}
@media only screen and (max-width:641px) {
.ct-img {float:left; width:49%; margin-right:2%; display:inline-block;}
.ct-txt a {float:left; width:49%; display:inline-block;}
}
/*ct用2列記事可変*/
.category-description {}
/*category*/

.anchor {
padding-top:150px;
margin-top:-150px;
}

/*--swiper--*/
.swiper-container {text-align: center; z-index:9998;}
.swiper-container .swiper-slide img {width:100%; height: auto; z-index:9998;}
.prettyprint {border: none; background: #fafafa; color: #697d86; z-index:9998;}
/*--swiper--*/

/*--swipe--*/
.swiper-container {
padding:0;
width:100%;
height:auto;
}

.swiper-slide {
text-align:center;
display:inline-block;
cursor:pointer;
/*float:left;*/
/*width:30%;*/
/*height:auto;*/
}


/*--swiper関連記事背景--*/
.swiper-w100per {
width:100%;
min-height:150px;
padding:20px 0px 10px 0;
}
@media only screen and (max-width:641px) {
.swiper-w100per {
min-height:auto;
}
}

.swiper-slide-img {
width:88%;
height:auto;
/*max-width:100px;
max-height:140px;*/
background:#fff;
filter: drop-shadow(0px 3px 4px #6b6f8d);
padding:4px 6% 4px 6%;
margin-bottom:10px;
}
@media only screen and (max-width:641px) {
.swiper-slide-img {
width:100%;
max-width:100px;
max-height:100px;
filter: drop-shadow(0px 2px 3px #6b6f8d);
padding:2px 2px 2px 2px;
margin-bottom:7px;
}
}

.swiper-button-prev, .swiper-button-next {display: block;}
.swiper-pagination {text-align:center;}
/*--swipe--*/


/*--背景--*/
/*--緑--*/
.bg-100per-green {background: url("img/bg-green.jpg") #d3f6ea no-repeat bottom right / auto 70% fixed; padding:10px 0;} /*--横縦--*/
@media only screen and (max-width:769px) {
.bg-100per-green {background: url("img/bg-green.jpg") #d3f6ea no-repeat bottom right -10px / 120% auto fixed; padding:10px 0;}
}
/*--ガラスの地球--*/
.bg-100per-company {background: url("img/bg-company.jpg") #dde7f1 no-repeat bottom right / auto 70% fixed; padding:10px 0 20px 0;}
@media only screen and (max-width:769px) {
.bg-100per-company {background: url("img/bg-company.jpg") #dde7f1 no-repeat center right -10px / 120% auto fixed; padding:10px 0 15px 0;}
}



/*--footerlogo--*/
.foot-logo-privacy {width:20%; max-width:80px;}
.foot-logo-tks {width:35%; padding-top:30px;}
.foot-logo-agk {width:180px; height:auto;}
@media only screen and (max-width:769px) {
.foot-logo-privacy {width:20%; max-width:80px;}
.foot-logo-tks {width:50%; padding-top:15px;}
}
@media only screen and (max-width:641px) {
.foot-logo-privacy {width:20%; max-width:80px;}
.foot-logo-tks {width:70%; padding-top:15px;}
.foot-logo-agk {width:170px;}
}

.w-49per {width:49%; height:auto; margin-right:2%;}
.w-49per:last-child {margin-right:0%;}

.img-w70per {width:70%; height:auto;}

.map-size {width:100%; height:300px; border:1px solid #0099ff;}

/*--3列displaytable2021--*/
.t-out {
display:table;
width:100%;
/*margin:0 0 20px 0;*/
}
.t-in {display:table-cell;
width:32%;
margin:0;
padding:8px;
border:1px solid #0099ff;
color:#555;
}
.t-m {
display:table-cell;
width:2%;
}
@media only screen and (max-width:641px) {
.t-out, .t-in, .t-m {width:100%; display:block;}
.t-out {margin:0px 0px 20px 0px auto;}
.t-m {height:15px;}
}
/*--3列displaytable2021--*/

/*--3列displaytable2-2021関連記事内カテゴリで利用--*/
.t-out-2 {
display:table;
width:100%;
}
.t-in-2 {display:table-cell;
width:32%;
margin:0;
color:#0099ff;
}
.t-m-2 {
display:table-cell;
width:2%;
}
@media only screen and (max-width:641px) {
.t-out-2, .t-in-2, .t-m-2 {width:100%; display:block;}
.t-out-2 {margin:0px 0px 20px 0px;}
.t-m-2 {height:15px;}
}
/*--3列displaytable2-2021--*/

/*--list--*/
/*--list-disc--*/
.list-disc li {
display:block;
padding-left:20px;
margin-left:0px;
background: url("img/list-disc.png") no-repeat top 4px left / auto 15px;
min-height:30px;
margin-bottom:4px;
/*padding-left:-5px;*/
/*margin-left:5px;*/
}
/*--list-arrow--*/
.list-arrow li a{
padding:2px 5px 5px 18px;
margin-left:-5px;
margin-bottom:10px;
display:block;
border-bottom:1px dotted #888;
background:url("img/list-arrow.png") no-repeat;
list-style-type:none!important;
}
.list-arrow li:last-child a {
border-bottom:none;
}
.list-arrow li a:hover {
background:url("img/list-arrow-on.png") no-repeat;
}
/*--decimal--*/
.list-deci li {
list-style:decimal outside;
padding:0;
margin:0 0 20px 15px;
}
/*--list最期--*/
.list-disc, .list-arrow, .list-deci li:last-child {
margin-bottom:0px;
}
/*--/list--*/

.bod-left-b {border-left:8px solid #0099ff; padding:0 0 0 7px; display:block;}
.bod-left-g {border-left:8px solid #9acd32; padding:0 0 0 7px; display:block;}
.bod-left-ora {border-left:5px solid #ff9900; padding:0 0 0 7px; display:block;}
.dotline-tp {border-top:dotted 1px #999; padding-top:4px;}
.dotline-bt {border-bottom:dotted 1px #999; padding-bottom:4px;}

.bod-left-b-2 {border-left:8px solid #0099ff; padding:0 0 0 7px; display:inline-block;}
@media only screen and (max-width:641px) {
.bod-left-b-2 {border-left:none; border-bottom:5px solid #0099ff; padding:0 0 5px 0;}
}


/*--3列--*/
.column-3 {display:inline-block; float:left; width:28%; height:auto; margin:0 8% 0 0;}
.column-3:last-child {margin:0 0% 0 0;}
.column-3:img {width:100%; height:auto;}
@media only screen and (max-width:641px) {
.column-3 {width:32%; height:auto; margin:0 2% 0 0;}
.column-3:last-child {margin:0 0% 0 0;}
}

/*--2列記事50対50可変--*/
.column2-50 {float:left; width:49%; margin:0 2% 0 0; display:inline-block; height:auto;}
.column2-50:last-child {margin:0 0% 0 0;}
@media only screen and (max-width:641px) {
.column2-50, .column2-50:last-child {display:block; width:100%; height:auto; margin:0 0% 0 0;}
}

/*--2列記事50per可変不要--*/
.column2-50-l, .column-2-50-r {float:left; width:49%; display:inline-block; height:auto;}
.column2-50-l {margin:0 2% 0 0;}
.column2-50-r {margin:0 0% 0 0;}
@media only screen and (max-width:641px) {
.column2-50-l, .column2-50-r {display:block; width:100%; height:auto; margin:0 0% 0 0;}
}

/*--2列記事50per固定--*/
.column2-50kotei-l, .column-2-50kotei-r {float:left; width:49%; height:auto; display:block;}
.column2-50kotei-l {margin:0 2% 20px 0;}
.column2-50kotei-r {margin:0 0% 20px 0;}

/*--2列記事60対40可変--*/
.column2-60, .column-2-40 {display:inline-block; height:auto;}
.column2-60 {float:left; width:54%; margin:0 6% 0 0;}
.column2-40 {float:right; width:34%; margin:0 0 0 0;}
@media only screen and (max-width:641px) {
.column2-60, .column2-40 {display:block; width:100%; height:auto; margin:0 0% 0 0;}
}


.ma-t5 {margin-top: 5px;}
.ma-t10 {margin-top: 10px;}
.ma-t15 {margin-top: 15px;}
.ma-t20 {margin-top: 20px!important;}
.ma-t30 {margin-top: 30px!important;}
.ma-b3 {margin-bottom: 3px;}
.ma-b5 {margin-bottom: 5px;}
.ma-b10 {margin-bottom: 10px;}
.ma-b15 {margin-bottom: 15px;}
.ma-b20 {margin-bottom: 20px;}
.ma-b30 {margin-bottom: 30px;}
.ma-l5 {margin-left: 5px;}
.ma-l10 {margin-left: 10px;}
.ma-l15 {margin-left: 15px;}
.ma-l20 {margin-left: 20px;}
.ma-r5 {margin-right: 5px;}
.ma-r10 {margin-right: 10px;}
.ma-r15 {margin-right: 15px;}
.ma-r20 {margin-right: 20px;}

.pad-t10 {padding-top:10px;}
.pad-b10 {padding-bottom:10px;}
.pad-l10 {padding-left:10px;}
.pad-r10 {padding-right:10px;}

.pad-5 {padding:5px 5px 0 5px;}
.pad-10 {padding:10px 10px 0 10px;}

/*--px指定--*/
/*.w-70-90px {width:100%; max-width:90px; height:auto;}
@media only screen and (max-width:641px) {
.w-70-90px {max-width:70px;}
}*/

.f-l {float:left;}
.f-r {float:right;}
.clear {clear:both;}
.c-fix { zoom: 1; }
.c-fix:before,
.c-fix:after { content: ""; display: table; }
.c-fix:after { clear: both; }

/*--formから--*/
.textarea, .textarea-kensaku {
padding:8px 4px;
outline: none;
border:2px solid #c1c1c1;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
font-size:15px;
box-sizing:border-box;
word-break:keep-all;
background:#fff;
cursor:pointer;
}
.textarea:hover {border-color:#777;}

/*PC版検索textエリア*/
.textarea-kensaku {
width:68%; margin-right:2%; padding:2px 0px;
}

/*--btn-submit--*/
.btn-submit, .btn-submit-kensaku {
-webkit-appearance:none;/*ios対策*/
border-radius:0;/*ios対策*/
/*margin:0px;*/
padding:10px 10px;
color: #555;
cursor:pointer;
background: #fff;
border-radius:1px;
border:2px solid #777;
width:100%;
overflow:auto;
font-size:1.3em;
font-weight:bold;
}
.btn-submit:hover {background:#e4e4e4;}

/*PC版検索btn*/
.btn-submit-kensaku {width:30%; padding:2px 0px;}

/*821px以下PC版検索非表示*/
@media only screen and (max-width:821px) {
.textarea-kensaku, .btn-sunmit-kensaku {display:none;}
}


/*btn-small-midium*/
.btn-s-blue a, .btn-s-gray {
display:inline-block;
padding:2px 5px;
text-decoration:none;
border-radius:3px;
color:#fff;
line-height:1em;
text-shadow:none;
}
.btn-s-blue a {background:#0099ff;}
.btn-s-blue a:hover {background:#69c2ee;}
.btn-s-blue a:visited {color:#fff;}
.btn-s-gray {background:#555;}
.btn-s-gray :hover {background:#ccc; color:#888;}

/*btn-midiuml*/
.btn-m a {
width:100%;
padding:15px 1%;
display:inline-block;
text-decoration:none;
line-height:1em;
text-shadow:none;
background:#fff;
border:2px solid #0099ff;
color:#0099ff;
}
.btn-m a:hover {
background:#0099ff;
color:#fff;
}


/*--text--*/
.bold{font-weight: bold;}
.col-white {color: #fff;}
.col-blue {color:#0099ff;}
.col-red {color: #dc143c;}
.col-gray {color: #ccc;}
.col-navy {color: #003366;}
.col-green {color: #669900;}
.col-pink {color: #cc3399;}

.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}
.text-rl {text-align:right;}
@media only screen and (max-width:641px) {
.text-rl {text-align:left;}
}
.text-rc {text-align:right;}
@media only screen and (max-width:641px) {
.text-rc {text-align:center;}
}
.text-lc {text-align:left;}
@media only screen and (max-width:641px) {
.text-lc {text-align:center;}
}
.text-cl {text-align:center;}
@media only screen and (max-width:641px) {
.text-cl {text-align:left;}
}

.text-08 {font-size:0.7em;}
.text-12 {font-size:1.2em;}

h1.title {color:#003366; font-size:2.0em; display:inline; line-height:1.0em; letter-spacing:0.1em;}
h1.title-index {font-size:1.2em; display:inline;}
h2.title-prof {font-size:1.3em; display:inline;}
h2.title {font-size:1.2em; display:inline;}
h3.title {font-size:1.1em; display:inline;}
@media only screen and (max-width:641px) {
h1.title {font-size:1.4em;}
h2.title {font-size:1.1em;}
h3.title {font-size:1.1em;}
}


.text-trim-1px {
text-shadow:white 1px 1px 0px,
white -1px 1px 0px,
white 1px -1px 0px,
white -1px -1px 0px;
}
.text-trim-2px {
text-shadow: 
#fff 2px 0px, #fff -2px 0px,
#fff 0px -2px, #fff 0px 2px,
#fff 2px 2px, #fff -2px 2px,
#fff 2px -2px, #fff -2px -2px,
#fff 1px 2px, #fff -1px 2px,
#fff 1px -2px, #fff -1px -2px,
#fff 2px 1px, #fff -2px 1px,
#fff 2px -1px, #fff -2px -1px;
}
/*--text--*/

/*--img-company--*/
.img-company {text-align:right;}
.img-company img {width:60%; height:auto;}
@media only screen and (max-width:641px) {
.img-company {text-align:center;}
.img-company img {width:100%; height:auto;}
}

.of-hidden {
width:100%;
max-width:960px!important;
overflow:hidden!important;
}

.disp-block {display:block;}
.disp-il-block {display:inline-block;}

.bod-b-dotted {border-bottom:dotted 2px #fff; padding-bottom:5px;}




/*背景*/
.bg-gray {background:#f4f4f4;}
.bg-broun {background:#efe6e0;}
.bg-white {background:#fff;}

.box-blue, .box-gray {padding:2px 5px; border-radius:1px;}
.box-blue {background:#0099ff; color:#fff;}
.box-gray {background:#ddd; color:#666;}

/*--bgパタ－ン--*/
.bg-ptn-01 {background: url("img/bg-ptn-01.png") no-repeat top right / 100% auto;}
.bg-ptn-02 {background: url("img/bg-ptn-02.png") no-repeat top right / 100% auto;}
.bg-ptn-03 {background: url("img/bg-ptn-03.png") no-repeat top right / 100% auto;}
.bg-ptn-04 {background: url("img/bg-ptn-04.png") no-repeat top right / 100% auto;}
/*@media screen and (max-width:641px) {}*/
/*@media only screen and (max-width:481px) {}*/


/*bg-image*/
/*--葉--*/
.bg-leaf {
background:url("img/img-leaf.png") no-repeat;
background-position:right bottom;
background-size: 30% auto;
}
@media only screen and (max-width:641px) {
.bg-leaf {
background-size : 40% auto;
}
}
/*--街--*/
.bg-town {
background:url("img/bg-town.png") no-repeat;
background-position:left bottom;
background-size: auto 40%;
}
@media only screen and (max-width:641px) {
.bg-town {
background-position:cenetr bottom;
}
}
/*--街2--*/
.bg-town-2 {
background:url("img/img-50.png") no-repeat;
background-size: 70% auto;
background-position:right bottom 5px;
}


/*並び-3列から2列 商品説明画像並びなど*/
.column-3-2 ul {
display: flex; /*flexコンテナ 子要素は自動的にflexアイテムとなる*/
flex-direction: row; /*横並び表示*/
flex-wrap: wrap; /*画面幅に収まらない場合折り返す*/
width:100%;
overflow:hidden;
}

.column-3-2 li {
float:left;
width:32%;
height:auto;
margin:0 2% 20px 0;
display:inline-block;
overflow:hidden;
line-height:1.1em;
text-align:center;
}
.column-3-2 li:nth-child(3n) {
margin:0 0% 20px 0;
}
.column-3-2 img{
width:100%;
max-width:300px;
height:auto;
margin-bottom:10px;
}
/*--640以下--*/
@media only screen and (max-width:641px) {
.column-3-2 li {width:46%; height:auto; margin:0 8% 20px 0; display:inline-block;}
.column-3-2 li:nth-child(2n) {margin:0 0% 20px 0;}
.column-3-2 li:nth-child(3n) {margin:0 8% 20px 0;}
.column-3-2 li:nth-child(4n) {margin:0 0% 20px 0;}
.column-3-2 li:nth-child(5n) {margin:0 8% 20px 0;}
.column-3-2 li:nth-child(6n) {margin:0 0% 20px 0;}
.column-3-2 li:nth-child(7n) {margin:0 8% 20px 0;}
.column-3-2 li:nth-child(8n) {margin:0 0% 20px 0;}
.column-3-2 li:nth-child(9n) {margin:0 8% 20px 0;}
.column-3-2 li:nth-child(10n) {margin:0 0% 20px 0;}
.column-3-2 img {width:100%; max-width:200px; height:auto;}
}
/*menu並び-3列から2列*/


/*table*/
.table-01 {
width:100%;
padding:0;
border-collapse:collapse;
/*border-top:1px dotted #333;*/
/*border-bottom:1px dotted #333;*/
}
.table-01 td:first-child {
width:20%;
text-align:left;
vertical-align:top;
padding:8px 2% 8px 5px;
border-bottom:1px dotted #333;
border-left:5px solid #0099ff;
font-weight:bold;
background:#f1f1f1;
}
.table-01 td:last-child {
padding:8px 2px;
border-bottom:1px dotted #333;
}
@media only screen and (max-width:641px){
.table-01 {
width:100%;
border-top:none;
border-bottom:none;
}
.table-01 td:first-child {
width:100%;
display:block;
padding:8px 0 8px 8px;
border-bottom:none;
background:#e4e4e4;
}
.table-01 td:last-child {
width:100%;
display:block;
padding:8px 0 8px 2px;
border-bottom:none;
}
}

.table-02 {width:100%; border-collapse:collapse; border-top:none;}
.table-02 tr {border-top:1px dotted #ccc;}
.table-02 tr:first-child {border-top:none;}
.table-02 th:first-child {text-align:left; vertical-align:top; padding:8px 2% 8px 0;}
.table-02 td:last-child {padding:8px 0px;}
@media only screen and (max-width:641px){
.table-02 th:first-child {width:100%; display:block; text-align:left; padding:4px 0px; border-top:none;}
.table-02 td:last-child {width:100%; display:block; padding:4px 0px; border:none;}
}
/*table*/


/*--以下不要?--*/
/*--trim--*/
.trim-img-white {border:1px solid #fff;}