﻿@import url('/karadakaizen/font/Quicksand-Bold.ttf');
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: local('Quicksand Bold'), local('Quicksand-Bold'), url('/karadakaizen/font/Quicksand-Bold.ttf');
}
@charset "utf-8";
@media print{
    body { height:inherit; min-height:0; margin:0; padding:0;}
}
/*
灰 #eee

黒 #333
青 #00b9e7
黃 #f8ef00

金 #d5ba26
銀 #d6d6d2
銅 #d58d26

コンテンツ幅：960px
ブレイクポイント：640px

ベースfont-size 1.6rem @PC / 1.4rem @SP

*/
/* ---------------------------------------------
 font-size 13pxBase
--------------------------------------------- */
html { font-size:62.5%; color:#333; } /*初期値16pxの62.5%でルートが10px*/
body { font-family: -apple-system, BlinkMacSystemFont, "Yu Gothic", Meiryo, "Hiragino kaku Gothic ProN", sans-serif; }
.winChrome body {font-weight: 500;}
@media all and (-ms-high-contrast:none) {
    body {font-family: Meiryo, sans-serif; -webkit-text-size-adjust:100%; font-size:1.4rem; }
}
/*---------------------------------------------
 reset css
--------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,th,td { margin:0; padding:0; line-height:1.4; }
input,textarea { margin:0; font-size:100%; position:relative; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
img { border:0; }
address,em,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
label { cursor:pointer;}
a,
area,
area:focus,
area:active { outline:none; border:none; border:0; position:relative;}
/*---------------------------------------------
 reset base&reset 
--------------------------------------------- */
body, p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, address
    { font-family: -apple-system, BlinkMacSystemFont, "Yu Gothic", Meiryo, "Hiragino kaku Gothic ProN", sans-serif; color:#333; }

/*---------------------------------------------
 for IE8
---------------------------------------------
div { position:relative;}
/* ---------------------------------------------
 tag
--------------------------------------------- */
b,strong {font-weight:bold; color:#000;}
i { font-style:italic;}
em {color:#00b9e7; font-weight:bold; font-style:normal;}
em a,
em a:visited {color:#e80; font-weight:bold; font-style:normal;}
em a:hover { text-decoration:none; color:#e80; }
sub {vertical-align:baseline;}
p { line-height:1.5;}
img {vertical-align:middle;}
/* link */
a { transition:.2s;word-break: break-all;}
/*a,a:visited { color:#00b9e7; outline:none; }*/
a span { cursor:pointer;}
a:hover { color:#00b9e7; }
a img { border:none; }
/*a:hover img { opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; }
a:hover img.over { opacity:inherit; filter:none; -ms-filter:none; }*/
@media only screen and (max-width:640px) {
    iframe { max-width:100%; }
	img { max-width:100%; height:auto; }
	ul,dl,dd,dt { margin:0; padding:0;}
}
/* ---------------------------------------------
 icon
--------------------------------------------- */
a.link { text-decoration:none; color:#333; display:inline-block; }
a.link:hover { text-decoration:underline; color:#333; }

.icon_link:before { content:url(/karadakaizen/images/icon_link.png); margin-right:7px; margin-left:6px; }
.icon_newwin:before { content:url(/karadakaizen/images/icon_newwin.png); margin-right:0.4em; }
.icon_pdf:before { content:url(/karadakaizen/images/icon_pdf.png); margin-right:7px; margin-left:2px; }
.icon_plus { font-size:50px; position:relative; width:0.1em; height:1.7em; background-color:#fff; }
    .icon_plus::before { position:absolute; top:0.8em; left:-0.8em; width:1.7em; height:0.1em; content:""; background-color:#fff; }

.filelist li { padding-left:2rem; margin-bottom:10px;}
.filelist li a:before { content:'\f15b'; font-family:'Font Awesome 5 Free'; font-weight:900; margin-right:0.4em; font-weight:normal !important; text-indent:1.4em; margin-left:-1.4em;}
/* ---------------------------------------------
 js
--------------------------------------------- */
.over            {;/* rollover */}
.js_window_open-width-height {;}
.js_page_print   { cursor:pointer;}
.js_window_close {;}
.tile2,.tile3,.tile4,.tile5,.tile6 {;}
.hideattr {display:none;}
.debug .hideattr {display:inline-block; *display:inline; *zoom:1; margin-right:10px;}
/* ---------------------------------------------
 PC/SP
--------------------------------------------- */
.hidePC { display:none !important; }
#menuSP { display:none;}
.mobile,
.tablet,
.smartphone { display:none; }
/* ---------------------------------------------
 h*
--------------------------------------------- */
.main h2, .main h3, .main h4, .main h5, .main h6 { clear:both; }
.main div h2, .main div h3, .main div h4, .main div h5, .main div h6,
.main ul h2, .main ul h3, .main ul h4, .main ul h5, .main ul h6,
.main table h2, .main table h3, .main table h4, .main table h5, .main table h6 { clear:none; }
/* ---------------------------------------------
 hr
--------------------------------------------- */
.hr_dotted { border:none; border-bottom:1px dotted #999; }
/* ---------------------------------------------
 list
--------------------------------------------- */
ul.list { margin:0 0 20px 30px; text-align:left; text-indent:13px; }
ul.list li { padding:8px 0; text-indent:-16px; line-height:1.6; }
ul.list li:before { content:'●'; color:#00b9e7; 
    margin-right:8px; vertical-align:middle; font-weight:bold; font-size:0.5em; }

ul.list_chk li { font-weight:bold; padding-left:30px; background:url(/karadakaizen/images/icon_check.png) 0 1em no-repeat; background-size:20px 14px;  text-indent:-5px; }
ul.list_chk li:before { content:''; margin-right:2px; vertical-align:middle;  line-height:1.4; }

ul.list_idt { margin-left:1.3em; }
ul.list_idt li { text-indent:-1.3em; text-align:left; padding:0 0 10px; background:none;  line-height:1.4; }

ul.inline li { position:relative; display:inline-block; letter-spacing:normal; margin-right:25px; }
ul.inline li img { vertical-align:middle; margin:3px;}

ul.labels { display:inline-block; }
ul.labels li { padding:3px 10px; display:inline-block; background:#eee; margin:1px 2px 1px 0; vertical-align:bottom; }


ol { margin:0 0 20px 30px; text-indent:13px; list-style:decimal outside; 
  counter-reset:item; list-style-type:none; padding-left:0; }
ol ol{ padding-left:1em; }
ol li { padding:8px 0; text-indent:-16px; line-height: 1.8; }
ol li:before { counter-increment:item; content:counter(item);
    margin-right:8px; font-weight:bold; color:#00b9e7; }


dl.dltbl { letter-spacing:-1em; }
dl.dltbl dt,
dl.dltbl dd { display:inline-block; vertical-align:top; line-height:1.3; padding:0px 0 10px; letter-spacing:normal; }
dl.dltbl dt { width:23%; font-weight:bold;  position:relative; }
/*dl.dltbl dt:after { content:'：'; position:absolute; display:block; top:0; right:2px; font-weight:normal; }*/
dl.dltbl dd { width:77%; }
dl.dltbl dd.full { width:98%; margin-left:0.5em; }


.reference_mark1 { padding-left:2.6em; text-indent:-2.6em; }

/* ---------------------------------------------
 link
--------------------------------------------- */
.tel,
.tellink { cursor:default !important; color:#333 !important; text-decoration:none; }

/* ---------------------------------------------
 table
--------------------------------------------- */
th,td {text-align:inherit; text-justify:auto; }

/* グレー */
.tbl { margin:5px 0 10px; background-color:#fff; width:100%; }
.tbl caption { border:1px solid #fff; text-align:left; font-weight:bold; padding:20px 30px; background-color:#00b9e7; color:#fff; }
.tbl th,.tb2 th { padding:20px 30px; vertical-align:top; text-align:left; font-weight:bold; color:#fff;
    background-color:#333; border-top:1px solid #fff; }
    .tbl tr:first-child th { border-top:0; }
.tbl td,.tb2 td { padding:20px 30px; border-top:1px solid #fff; border-left:1px solid #fff; vertical-align:top; background:#f3f5f7; color:#333; text-align:left; }
.tbl td.noborder,.tb2 td.noborder {border:none;}
.tbl td span,.tb2 td span { display:inline-block; *display:inline; *zoom:1;}

/* 横線のみ */
.tbl1 { border-bottom:#333 1px solid; margin:5px 0 10px; width:100%; }
.tbl1 th { padding:13px 15px; vertical-align:top; text-align:left; font-weight:bold; border-top:1px solid #333;}
.tbl1 td { padding:13px 15px; border-top:1px solid #333; vertical-align:top; text-align:left; }

.tbl2 {margin: 0 0 20px 0;}
.tbl2 th { background: #eee; border: solid 1px #ccc; color: #333; padding: 10px; white-space:nowrap; }
.tbl2 td { border: solid 1px #ccc; padding: 10px; }

/* 線なし */
.tbl0 { border:none; text-align:left; }
.tbl0 caption { text-align:left; }
.tbl0 th {padding:5px; border:none; font-weight:bold; vertical-align:top; background:none;}
.tbl0 td {padding:5px; vertical-align:top; border:none; background:none; }

/* 調整 */
table tr.noborder { border:none;}
table th.noborder-bottom,
table td.noborder-bottom { border-bottom:none;}
table .blankLefttop { border-left:0; border-top:0; background:none; }

thead.inlineL th,
tr.inlineL th,
tr.inlineL td { text-align:left;}

table.inlineC th,
table.inlineC td,
thead.inlineC th,
tr.inlineC th,
tr.inlineC td { text-align:center; padding-left:3px; padding-right:3px;}

.tbl p,
.tbl ul {font-size:100%; padding-bottom:6px;}

table ul.list1 { margin-bottom:0;}

table.th10p th { width:10%;}
table.th20p th { width:20%;}
table.th30p th { width:30%;}
table.th40p th { width:40%;}
table.th50p th { width:50%;}

.th_td_w1 th { width:18%; }
.th_td_w1 td { width:32%; }

.min-w-100px th { min-width:100px; }

@media only screen and (max-width:640px) {
	.tbl th,.tb2 th,
	.tbl td,.tb2 td { padding:3%; }
	td a {word-break:break-all;}

	.spTbl tr,
	.spTbl th,
	.spTbl td { display:block; }
	.spTbl td { border-top:none !important;}
	.spTbl input,
	.spTbl textarea { max-width:260px;}

	/* .spscroll table{ width:100%; } */
	.spscroll{ overflow:auto; }
	.spscroll th { white-space:nowrap; }
	.spscroll::-webkit-scrollbar{ height:5px;}
	.spscroll::-webkit-scrollbar-track{ background:#F1F1F1;}
	.spscroll::-webkit-scrollbar-thumb { background:#BCBCBC;}
}

/* ---------------------------------------------
 form
--------------------------------------------- */
.form input { margin-right:5px; vertical-align:middle;}
.form input:focus { outline:none;}
.form label  { vertical-align:middle; line-height:1.4; margin:0 5px; }
.form select {padding:5px 4px 7px; border:1px solid #ddd; background:#fff; line-height:1.4; vertical-align:middle; margin:0 5px;
	box-shadow:1px 1px 2px #eee inset;  outline:none;}
.form input.text,
.form textarea.text{ padding:7px 4px 5px; border:1px solid #ddd; background:#fff; line-height:1.4; vertical-align:middle; margin:0 5px;
	box-shadow:1px 1px 2px #eee inset; margin-bottom:3px; }
.inputtext { padding:9px 4px 11px; border:0; background:#fff; vertical-align:middle; margin-bottom:3px; /padding:11px 4px; }
.alphanumeric { ime-mode:disabled;}

.require { background:#c05; color:#fff; font-size:1.1rem; font-weight:normal; padding:2px 4px; display:inline-block; *display:inline; *zoom:1; line-height:1.2; margin-left:5px;  }

/* #main .form table th { width:25%;} */
#main .form table .errmsg { color:#c05; margin:5px 0 0 5px; padding:0; 	}
#main .form table p { margin:0 5px; padding:0; line-height:1.2;  }
.form input.err { background:#fee;}

/* ---------------------------------------------
 btn
--------------------------------------------- */
.btn1,
.btn1:visited { text-align:center; color:#fff; text-decoration:none; font-weight:bold;  line-height:1.2; 
    display:block; padding:25px 0; position:relative; max-width:100%;
	outline:none; border:0; border-radius:10px; cursor:pointer;
    background:#00b9e7;  border:1px solid #00b9e7;transition:.2s; }
	.btn1:hover { text-decoration:none; color:#00b9e7; background-color:#fff; }
@media only screen and (max-width:640px) {
    .btn1,
    .btn1:visited { padding:20px 0; display:block; margin-left:auto; margin-right:auto; }
}

.btn1mid { padding:25px 40px; font-size:1.8rem; }
@media only screen and (max-width:640px) {
    .btn1mid { padding:15px 30px; }
}

.btn1blue { background:#00b9e7; }
.btn1blue:visited { background:#00b9e7; }

.btnarea { margin:20px 0; text-align:center; }
.btnarea a { margin:10px; }
@media only screen and (max-width:640px) {
    .btnarea .btn1 { display:block; margin:10px auto; }
}

/* ---------------------------------------------
  横並びグリッド
--------------------------------------------- */
.cols:after { content:""; display:table; clear:both; }

/* レイアウト:横2つ  */
.cols2 { margin-right:-40px; letter-spacing:-1em; }
.cols2 .col { width:50%; /*float:left;*/
    display:inline-block; letter-spacing:normal; vertical-align:top; }
.cols2 .col .colinner { margin:0 40px 40px 0;}

/* レイアウト:横3つ  */
.cols3 { margin-right:-40px; letter-spacing:-1em; }
.cols3 .col { width:33.3%; /*float:left;*/
    display:inline-block; letter-spacing:normal; vertical-align:top; }
.cols3 .colspan2 { width:66.6%;}
.cols3 .col .colinner { margin:0 40px 60px 0; }

/* レイアウト:横4つ  */
.cols4 { margin-right:-30px; letter-spacing:-1em; }
.cols4 .col { width:25%; *width:24.95%; /*float:left;*/
    display:inline-block; letter-spacing:normal; vertical-align:top; }
.cols4 .colspan2 { width:50%;}
.cols4 .col .colinner { margin:0 30px 30px 0; display:block; }

/* .colinner */
.colinner  { display:block; }
	.colinner:after { content:""; display:table; clear:both; }
	.colinner  { /zoom:1; }
.colinner img { max-width:100%; }

@media only screen and (max-width:960px) {
    .cols3 { margin-right:-40px; }
    .cols3 .col .colinner { margin-right:40px; margin-bottom:40px; }
}
@media only screen and (max-width:640px) {
	.cols2,
	.cols3 { margin-left:auto; margin-right:auto; }
	.cols2 .col,
	.cols3 .col { /*float:none;*/ width:100%; margin:0 auto; }
	.cols2 .colinner,
	.cols3 .colinner { margin:0 0 5vw !important; }

	.cols1sp { margin-left:auto; margin-right:auto; }
	.cols1sp .col { /*float:none;*/ width:100%; margin:0 auto; }
	.cols1sp .colinner { margin:0 0 10px !important; }

    .cols2sp { margin-right:-3vw;}
    .cols2sp .col { width:50%; margin:0; }
    .cols2sp .col .colinner { margin:0 3vw 3vw 0 !important; }
}
/* ---------------------------------------------
 clearfix
--------------------------------------------- */
.clearfix:after {  content:""; display:table; clear:both; }
.clearfix { /zoom:1; }

/* ============================================

 #wrapper / リキッドレイアウト

============================================ */
body { text-align:center; position:relative; font-size:16px; font-size:1.6rem; }
@media only screen and (max-width:640px) {
    body { font-size:1.4rem; }
}
html,body,#wrapper { ;}
#wrapper { position:relative; z-index:0;}
	#wrapper:after { content:""; display:table; clear:both; }
    body.headerfix #wrapper { padding-top:80px; }

#main { ; }
	#main:after { content:""; display:table; clear:both; }

.contents { ; }

.contentsinner { max-width:960px; margin:0 auto; position:relative; }
    .contentsinner:after { content:""; display:table; clear:both; }

/* #mainを.contents内にいれれば2カラムになる */
.contents #main { float:left; width:100%; margin-right:-270px; padding-bottom:0; }
m.contents #side { float:right; width:240px; text-align:center; margin-top:-70px; }

.section { position:relative; }

@media only screen and (max-width:960px) {
    .contentsinner { max-width:90%; }
}
@media only screen and (max-width:640px) {
	html { padding:0; margin:0;}
	body { padding:0; margin:0; width:100%;}

	#wrapper { margin:0 auto; min-width:inherit; }
        body.headerfix #wrapper { padding-top:32px; }
 	#main { max-width:100%; width:inherit; margin:0 auto; padding-bottom:0px; }
	body.page #main,
	#content { float:none; margin:0 auto; }
	.contentsinner { max-width:90%; }
    .contentsinner_spfull { max-width:100%; }
	/*#main .contents,*/
	.contents #main,
	.contents #side { width:90%; float:none; margin:0 auto; }
}
/* ============================================

 #header

============================================ */
#wrapper #header { background:#fff; }
#header { padding:40px 0; z-index:1; position:relative; }
#header a,
#header a:hover { text-decoration:none; }
#header .contentsinner { padding:0; }
#logo_brand { float:left; }
#header .logo { position:absolute; top:-23px; left:0; right:0; margin:0 auto; display:block; 
    width:100px; height:auto; }
#header .logo img { max-width:100%; height:100px; display:block; }
@media only screen and (max-width:640px) {
    #header { padding:15px 0 13vw; }
    #header .logo { top:-5px;  max-width:19vw; }
    #header .logo img { max-width:19vw; max-height:19vw; }
    #logo_brand { max-width:13vw;}
}
/* ============================================

 #gnavi

============================================ */
#gnavi { background:#f6f6f6; }
#gnavi .logo { display:none; }
#gnavi ul { width:100%; margin:0 auto; letter-spacing:-0.5em; }
#gnavi ul li { float:left; width:33.3%; letter-spacing:normal; }
#gnavi ul li a { display:block; color:#333; font-size:2rem; font-weight:bold; padding:30px 0; }
    #gnavi ul li.gn_cat1 a:hover { background:#00b9e7; color:#fff; }
#gnavi ul li a span { border-right:1px #999 solid; display:block; }
#gnavi ul li:first-of-type a span { border-left:1px #999 solid; }
    #gnavi ul li a:hover span { border-right-color:#00b9e7; }
    #gnavi ul li:first-of-type a:hover span { border-left-color:#00b9e7; }
#gnavi ul li a span::after { content:''; display:block; height:5px; width:30px; background:#00b9e7; margin:14px auto 0; border-radius:3px; }
    #gnavi ul li.gn_cat1 a:hover span::after { background:#fff; }

body.page_cat1 #gnavi li.gn_cat1 a:after,
body.page_cat2 #gnavi li.gn_cat2 a:after,
body.page_cat3 #gnavi li.gn_cat3 a:after
	{  }

#menuBtn { display:none; }
@media only screen and (max-width:640px) {
    #menuBtn { display:block; position:absolute; top:25px; right:6vw; width:30px; padding:0; z-index:99; }
    .tcon-transform { position:fixed; }

	/* gnavi */
    #gnavi { display:none; position:fixed; top:0; left:0; background:#fff; z-index:50; width:100%; height:100%; }
    #gnavi .logo { display:block; margin:100px auto 30px; max-width:25vw; }
	#gnavi ul { margin:0 5vw; display:block; border-bottom:1px solid #eee; }
	#gnavi ul li { width:100%; display:block; padding:0; border-top:1px solid #eee; }
	#gnavi ul li a { padding:20px 0; position:relative; }
	#gnavi ul li a span { border-left:0 !important; border-right:0; font-size:1.8rem; }
    #gnavi ul li a span::after { height:4px; width:20px; margin-top:10px; }

    /* .tcon   */
    .tcon { transition:0.3s; /*height:50px; width:50px;*/ background:transparent; outline:none;  margin:auto;
        -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none; cursor:pointer;
        display:-webkit-flex; display:-ms-flexbox; display:flex;   -webkit-justify-content:center;
        -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
        -webkit-tap-highlight-color:transparent; -webkit-tap-highlight-color:transparent;  }
        .tcon > * { display:block;  }
        .tcon:hover, .tcon:focus { outline:none;  }
        .tcon::-moz-focus-inner { border:0;  }
    .tcon-menu__lines { display:inline-block; height:3px; width:24px; border-radius:2px; transition:0.3s; background:#00b9e7; position:relative; }
            .tcon:hover .tcon-menu__lines { background:#00b9e7;}
            .tcon-menu__lines::before,
            .tcon-menu__lines::after {
            display:inline-block; height:3px; border-radius:2px; transition:0.3s;
            background:#00b9e7; content:''; position:absolute; left:0; right:0; /*width:80%;*/ margin:auto;
            -ms-transform-origin:1px center; -webkit-transform-origin:1px center; transform-origin:1px center; }
                    .tcon:hover .tcon-menu__lines::before, .tcon:hover .tcon-menu__lines::after { background:#00b9e7; }
        .tcon-menu__lines::before { top:8px;  }
        .tcon-menu__lines::after { top:-8px;  }
        .tcon-transform .tcon-menu__lines { 
            -ms-transform:scale3d(1.2, 1.2, 1.2); -webkit-transform:scale3d(1.2, 1.2, 1.2); transform:scale3d(1.2, 1.2, 1.2);  
            /*-ms-transform:scale3d(0.8, 0.8, 0.8); -webkit-transform:scale3d(0.8, 0.8, 0.8); transform:scale3d(0.8, 0.8, 0.8);  */
            }
    .tcon-menu--xcross { width:auto;  }
        .tcon-menu--xcross.tcon-transform .tcon-menu__lines { background:transparent; background:transparent;  }
        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; top:0; width:21px; }
        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before { -ms-transform:rotate(45deg);  -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg) scaleY(1); }
        .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after { -ms-transform:rotate(-45deg); -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate(-45deg) scaleY(1); }
    .tcon-visuallyhidden { border:0; clip:rect(0 0 0 0); height:3px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;  }
    .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

}

/* ============================================

 #main

============================================ */
/* #breadcrumb */
#breadcrumb { text-align:left; font-size:1.2rem; }
#breadcrumb .contentsinner { padding:25px 0; text-align:left; }
#breadcrumb a,
#breadcrumb a:visited { text-decoration:none; font-size:1.2rem; color:#333; }
#breadcrumb a:hover { color:#00b9e7; }

.h1 { font-size:4rem; font-weight:bold; margin-bottom:25px; line-height:1.3; }
    @media only screen and (max-width:640px) {
        .h1 { font-size:2rem; }
    }
    
.h2 { margin:100px 0 60px; font-size:4rem; line-height:1.3; font-weight:bold; }
    /*.contentsinner .h2:first-child { margin-top:0; }*/
    .h2 .en { font-family:'Quicksand',sans-serif; font-weight:700; font-size:5.6rem; letter-spacing:0.1em; display:block; }
    .h2 .jp { color:#00b9e7; font-size:2.4rem; font-weight:bold; display:block; margin-bottom:0.3em; }
    .h2::after { content:''; display:block; width:60px; height:10px; margin:0 auto; 
        background:url('/karadakaizen/images/line.svg') center center no-repeat; background-size:contain; }
    @media only screen and (max-width:640px) {
        .h2 { margin:40px 0 15px; }
        .h2 .en { font-size:2.8rem; }
        .h2 .jp { font-size:1.2rem; }
        .h2::after { width:30px;}
    }
/*.h3 { margin:70px 0 25px; font-size:2rem; line-height:1.3; font-weight:bold; padding-bottom:20px; }
    @media only screen and (max-width:640px) {
        .h3 { font-size:1.8rem; margin:30px 0 25px; background-image:url('/karadakaizen/images/line3.svg'); }
    }
.h4 { margin:50px 0 30px; font-size:2.4rem; font-weight:bold; line-height:1.3; }
    @media only screen and (max-width:640px) {
        .h4 { font-size:1.9rem; margin:30px 0 10px; }
    }*/
.h3 { margin:70px 0 25px; font-size:3rem; line-height:1.3; font-weight:bold; padding-bottom:25px;  
    background:url('/karadakaizen/images/line2.svg') center bottom no-repeat; background-size:contain; }
    @media only screen and (max-width:640px) {
        .h3 { background-image:url('/karadakaizen/images/line3.svg'); font-size:2.1rem; 
            margin:50px 0 25px; padding-bottom:20px; }
    }

.h4 { padding:50px 0 30px; font-size:2.2rem; font-weight:bold; line-height:1.3; display:inline-block; position:relative; }
.h4:after { content:''; display:block; height:6px; border-radius:4px; margin-top:15px; 
    background:url('/karadakaizen/images/line2.svg') left bottom no-repeat; background-size:cover; 
    position:absolute; left:0; bottom:10px; width:100%; }
    @media only screen and (max-width:640px) {
        .h4 { font-size:1.8rem; padding:30px 0 25px; }
        .h4:after { height:0.8vw; }
    }

.h5 { margin:30px 0 20px; font-size:1.8rem; font-weight:bold; line-height:1.3; }
    @media only screen and (max-width:640px) {
        .h5 { margin:20px 0 15px; font-size:1.6rem; }
    }
/* p */
p.p { line-height:1.8; margin:0 0 20px;  }
p.note { font-size:1.2rem; margin-bottom:10px; }

.img_center { text-align:center; margin:50px 0; }

/* .badge */
.badge { margin:; }
.badge li { display:inline-block; }
.badge li img { display:block; width:71px; }

/* .img */
.img1 { display:block; margin-bottom:40px; text-align:center; }
.img1 img { display:block; margin:0 auto 15px; }
.img2 { display:block; margin:20px 0; text-align:center; }
.img2 img { display:block; margin:0 auto; }

/* ============================================

 contents assemble

============================================ */

/* .box1 */
.box1 { background:#fff; padding:25px; margin:10px 0 20px; }
.box1:after { content:""; display:table; clear:both; }
.box1 *:first-child { margin-top:0; }
.box1 *:last-child { margin-bottom:0; }

.box_h { background:#00b9e7; font-weight:bold; color:#fff; padding:30px 0; margin:0; }

@media only screen and (max-width:640px) {
     .box1 { padding:3vw; }
}

/* .imgtxtset @aboutページ 左.txt+右.img */
.imgtxtset:after { content:""; display:table; clear:both; }
.imgtxtset .txt { float:left; width:50%; text-align:left; letter-spacing:normal; }
.imgtxtset .img { float:left; width:50%; text-align:center; }
.imgtxtset .img_mr { width:45%; margin-right:5%; }
.imgtxtset .img img { max-width:100%; height:auto; }
/* .imgtxtset37  .img:.txt=3:7 */
.imgtxtset37 .img { width:30%; margin-right:5%; }
.imgtxtset37 .txt { width:65%; }
/* .imgtxtset46  .img:.txt=4:6 */
.imgtxtset46 .img { width:34%; margin-right:5%; }
.imgtxtset46 .txt { width:60%; }
@media only screen and (max-width:640px) {
    .imgtxtset .txt { float:none; width:auto; margin:0 auto 5vw; }
    .imgtxtset .img { float:none; width:auto; text-align:center; margin:0 auto 5vw; }
}

/* .imgtxtset2 ＠about/index.html 画像だけ左もしくは右に。スマホでは見出しの下に画像。 */
.imgtxtset2 { position:relative; }
.imgtxtset2 .img { position:absolute; top:0; width:50%; text-align:center; }
.imgtxtset2 .p { text-align:left; }
.imgtxtset2l { padding-left:55%; }
.imgtxtset2r { padding-right:55%; }
.imgtxtset2l .img { left:0;  }
.imgtxtset2r .img { right:0; }
@media only screen and (max-width:640px) {
    .imgtxtset2 .img { position:relative; top:auto; width:auto; }
    .imgtxtset2l { padding-left:0; }
    .imgtxtset2r { padding-right:0; }
    .imgtxtset2l .img { left:auto;  }
    .imgtxtset2r .img { right:auto; }
}

/* ------------------------------------------------------- */

/* .label */
.label { font-size:1.5rem; background:#f8ef00; border-radius:14px; padding:3px; display:inline-block; margin:0 10px 0 0; letter-spacing:1; width:100px; text-align:center; }
@media only screen and (max-width:640px) {
    .label { font-size:1.1rem; width:60px; padding:1px; }
}

/* .entry */
.entry { color:#333; text-align:left; position:relative; color:#333; }
    .entry:visited,
    .entry:hover { color:#333; }
.entry .date { display:inline-block; padding-top:3px; }
.entry .title { font-weight:bold; display:block; margin:0.6em 0 0; transition:.2s;}
    .entry:hover .title { color:#00b9e7; }
.entry .num { position:absolute; top:-1.1em; left:0.7em; z-index:1; 
    width:1.2em; height:1.2em; line-height:1.2em; 
    background:#333; border:4px solid #d6d6d2; border-radius:50%;
    font-family:'Quicksand',sans-serif; font-weight:700; color:#fff; font-size:2.9rem; text-align:center; 
    }
    .entry .num1 { border-color:#d5ba26; }
    .entry .num2 { border-color:#d6d6d2; }
    .entry .num3 { border-color:#d58d26; }
    .entry .num4 { border-color:#999; }
@media only screen and (max-width:640px) {
    .entry .date { font-size:1.2rem; right:0; top:1px; }
    .entry .num { font-size:1.5rem; border-width:2px; top:-0.3em; }
}

/* .entries */
.entries { margin-top:10px; }
.entries .cols { text-align:left; /*margin-top:20px; transform:translate(0,10px);*/ }
.entries .entry .img { margin:0 10px 20px 0; background:#eee; }
.entries .entry .img img { transform:translate(10px,-10px); transition:.2s; }
    .entries .entry:hover .img img { transform:translate(0,0); }
.entries .entry .img .num { transform:translate(0,0); transition:.2s; }
    .entries .entry:hover .img .num { transform:translate(-10px,10px); }
@media only screen and (max-width:640px) {
    .entries { padding-top:10px; /* border-top:1px solid #ddd; */ }
    .entries .entry { border-bottom:1px solid #ddd; padding:13px 0 0; }
    .entries .entry .img { float:left; max-width:38vw; margin-bottom:15px; }
    .entries .entry .img img { transform:translate(5px,-5px); }
    .entries .entry .txt { float:right; width:45vw; position:relative; transform:translate(0,-7px); }
    .entries .entry .txt .date { position:absolute; top:0; right:2px; }
}

/* #entries_latest */
#entries_latest { margin-top:100px; }
#entries_latest .col { display:inline-block; }
#entries_latest .col_hide { display:none; }
#entries_latest .btn_more { width:360px; margin:0 auto; }
@media only screen and (max-width:640px) {
    #entries_latest { margin-top:0; }
}
    
/* .snsshare */
.snsshare { margin-bottom:45px; text-align:center; }
.snsshare ul { letter-spacing:-0.4em; }
.sns_btn { display:inline-block; letter-spacing:normal; margin:0 10px; }
.sns_btn a { display:block; width:54px; height:54px;  position:relative; }
.sns_btn a img { display:block; width:54px; height:54px; margin:auto; 
    position:absolute; top:0; left:0; bottom:0; right:0; transition:.2s; }
.sns_btn a img.snsicon_on { opacity:0; }
.sns_btn a:hover img.snsicon_on { opacity:1; }
@media only screen and (max-width:640px) {
    .snsshare { margin-bottom:15px; }
    .sns_btn { width:40px; height:40px; } 
    .sns_btn a img { width:40px; height:40px; }
}

/* #mainv */
#mainv { background:#eee; padding:0 0 80px; }
@media only screen and (max-width:640px) {
    #mainv { padding-bottom:5vw; }
}


/* .entrybody */
.entrybody { text-align:left; }


/* #pageindex */
#pageindex { padding:0 15px 15px; margin:50px 0 0; position:relative; 
     border:5px solid #eee; border-radius:10px; }
#pageindex .h5 { /* position:absolute; top:-10px; left:50px; */ transform:translate(10px,-13px); display:inline-block; 
    background:#fff; width:auto; padding:0 20px; margin:0 0 0px; }
#pageindex ul  { margin:0 0 0 30px; }
#pageindex ul li a { color:#333; }
#pageindex ul li a:hover { color:#00b9e7; text-decoration:none; }
#pageindex ul li a::after { content:''; margin-left:0.4em; width:20px; height:12px; transition:.2s; display:inline-block;
    background:url('/karadakaizen/images/icon_down.svg') center 0 no-repeat;}
    #pageindex ul li a:hover::after { background-position:center 2px; }
@media only screen and (max-width:767px) {
    #pageindex ul  { margin:0 0 0 20px; }
    #pageindex { padding:0 2vw 2vw; }
}

















/* 開閉 */
.icon_openclose { display:block; background-color:#00b9e7; font-size:30px;
    position:absolute; top:0; bottom:0; right:40px; margin:auto;
    width:22px; height:2px;
    }
.icon_openclose::before { transition:.2s;
    position:absolute; content:""; background-color:#00b9e7;
    top:0; bottom:0; left:0; right:0; margin:auto;
    width:2px; height:22px;
    }
    .open .icon_openclose::before {
    	transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

/* タブ */
.tabcontentset {;}
    .tabcontentset:after { content:""; display:table; clear:both; }
.tabs { border-bottom:2px solid #333; letter-spacing:-0.40rem; font-size:0.1rem; text-align:center; }
.tabs li { display:inline-block; margin:0 15px -2px;}
.tabs li a { display:inline-block; padding:10px 0; background:#ddd; width:100%;
    font-size:1.3rem; letter-spacing:0; color:#333; font-weight:bold; font-size:2.4rem; cursor:pointer; }
    .tabs li a::after { content:'\e049'; font-family:'typicons'; font-size:28px;
        position:absolute; height:30px; top:0; bottom:0; right:20px; margin:auto; }
.tabs li a:hover { text-decoration:none; background:#e6e6e6; }
.tabs li.on a { background:#fff;  border:2px solid #333; border-bottom:2px solid #fff; color:#333; cursor:default; }
    .tabs li.on a::after { content:''; }
.tabcontent { display:none; }
.tabcontent_on { display:block;}

/* search */
.searchresult { margin:0 auto; max-width:900px; }
#cse-search-results iframe { width:100%;}

/*  .pager  */
.wp-pagenavi { margin:0px 5px 40px; font-size:1.8rem; line-height:1.2; text-align:center; }
	.wp-pagenavi:after { content:""; display:table; clear:both; }
	.wp-pagenavi { /zoom:1; }
.wp-pagenavi span,
.wp-pagenavi a { margin-left:1px; padding:8px 0; width:40px; text-decoration:none;
    position:relative; display:inline-block; *display:inline; *zoom:1; }
.wp-pagenavi a { background:#d5e0ff; }
	.wp-pagenavi a:hover{ background:#e2e9ff; }
.wp-pagenavi .current { background:#eee; }
.wp-pagenavi .dots { background:none; color:#00b9e7; }
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink { background:none; font-size:3rem; font-weight:bold}
	.wp-pagenavi .nextpostslink:hover,
	.wp-pagenavi .previouspostslink:hover { background:none;}

/* ============================================

 #footer

============================================ */
/*
footer { height:50px; overflow:hidden; }
@media only screen and (max-width:640px) {
    footer { height:auto; overflow:visible;  }
    footer p { color:#fff; }
}
*/
/* #linkPagetop */
#linkPagetop { position:fixed; bottom:70px; right:4vw; }
#linkPagetop a { display:inline-block; z-index: 99; text-decoration:none; 
    background:url(/karadakaizen/images/icon_up_on.png) center center no-repeat; background-size:52px 52px; }
#linkPagetop a img { transition:.2s; opacity:1; }
#linkPagetop a:hover img { opacity:0;  /*transform:translate(0,-3px); */ }
@media only screen and (max-width:640px) {
    #linkPagetop { bottom:95px; right:10px; }
    #linkPagetop a { background:none; }
    #linkPagetop a img { max-width:13vw; }
}
#fb-root { display:none; }

/* ============================================
 Layout
============================================ */
.opacity0 { opacity:0; }
/* text */
.fBlue1 { color:#00b9e7; }
.fWhite { color:#fff; }
.fLarge1 { font-size:1.2em; }
.fBold { font-weight:bold;}
.fNormal  { font-weight:normal; }
.ib { display:inline-block; }
.underline { background:linear-gradient(transparent 30%, #fff45c 30%); padding:0 5px; } /* 蛍光ペン風 */
/* align */
.aL { text-align:left; } .aC { text-align:center; } .aR { text-align:right; }
@media only screen and (max-width:640px) {
    .aLsp { text-align:left; } .aCsp { text-align:center; } .aRsp { text-align:right; }
}
.vT { vertical-align:top   ; } .vM { vertical-align:middle; } .vB { vertical-align:bottom; }
/* br */
@media only screen and (max-width:640px) {
 .nobrSP br { display:none; }
}
/* .clear */
br.clear { clear:both; height:0; font-size:0; line-height:0; }
/* margin % */
.mt { margin-top:50px !important; }
.mb { margin-bottom:50px !important; }
.m0 { margin:0 !important; }
@media only screen and (max-width:640px) {
    .mt { margin-top:25px !important; }
    .mb { margin-bottom:25px !important; }
}
/* width % */
.w05p { width:5%;} .w06p { width:6%;} .w07p { width:7%;} .w08p { width:8%;} .w09p { width:9%;} .w10p { width:10%;} .w11p { width:11%;} .w12p { width:12%;} .w13p { width:13%;} .w14p { width:14%;} .w15p { width:15%;} .w16p { width:16%;} .w17p { width:17%;} .w18p { width:18%;} .w19p { width:19%;} .w20p { width:20%;} .w25p { width:25%;} .w30p { width:30%;} .w33p { width:33%;} .w40p { width:40%;} .w50p { width:50%;} .w60p { width:60%;} .w70p { width:70%;} .w80p { width:80%;} .w90p { width:90%;} .w100p { width:100%;}
@media only screen and (max-width:640px) {
    .w05p_sp { width:5%;} .w06p_sp { width:6%;} .w07p_sp { width:7%;} .w08p_sp { width:8%;} .w09p_sp { width:9%;} .w10p_sp { width:10%;} .w11p_sp { width:11%;} .w12p_sp { width:12%;} .w13p_sp { width:13%;} .w14p_sp { width:14%;} .w15p_sp { width:15%;} .w16p_sp { width:16%;} .w17p_sp { width:17%;} .w18p_sp { width:18%;} .w19p_sp { width:19%;} .w20p_sp { width:20%;} .w25p_sp { width:25%;} .w30p_sp { width:30%;} .w33p_sp { width:33%;} .w40p_sp { width:40%;} .w50p_sp { width:50%;} .w60p_sp { width:60%;} .w70p_sp { width:70%;} .w80p_sp { width:80%;} .w90p_sp { width:90%;} .w100p_sp { width:100%;}
}
/* responsive layout */
.hidePC { display:none !important; }
@media only screen and (max-width:640px) {
	.hidePC { display:inherit !important; }
	.hideSP { display:none !important; }
}
