@charset "utf-8";
/*
theme Name: ORIGINAL THEME
Author:DRC
Description:This is my original theme
version:1.0.0
*/




/* reset */

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
figure {
  text-align: center;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
 text-align:center;
}

figure.wp-block-image img {

	    border: 1px solid #ddd;

}

.border img {

	    border: 1px solid #ddd;

}

blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #eee;
  color: #777;
  border-radius: 5px;
}

blockquote:before{
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  content: "\f10d";
  font-family: FontAwesome;
  color: #ccc;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #bbb;
  font-size: 0.9em;
}

blockquote:not([class="wp-embedded-content"]) {
  // お好みの装飾
}

figcaption {
  font-size: 80%;
  margin: 1em 0;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  /*list-style: none;*/
  list-style-type: none;
}

#contents ul { /*list-style-type:disc !important;*/ margin-left:0;}
#contents ul.news-list { list-style-type:none !important; margin-left:0;}

html { margin:0 !important;}




/* clearfix */

.cf:after {
content: "";
clear: both;
display: block;
}



body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-size:18px; line-height: 1.7; font-weight:500;}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}



p { margin:0 0 10px; }


img {
  max-width: 100%;
  height: auto;
 vertical-align: bottom;
}

iframe {
  max-width: 100%;
  max-height:100%;
}

	
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

table { border-collapse:collapse;}


/* wp */

img.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignleft {
   float: left;
   display: block;
margin:0 30px 30px 0;
}

img.alignright {
   float: right;
   display: block;
margin:0 0 30px 30px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


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

img.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.wp-block-image .alignright, .wp-block-image .alignleft { float:none !important; margin-left:auto !important; margin-right:auto !important; text-align:center; display:block !important;}

img.alignleft {
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   float: none;
   display: block;
   margin-left: auto;
   margin-right: auto;

}
}


.mincho { font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.big { font-size:26px; font-weight:bold;}
.huge { font-size:30px; font-weight:bold;}


.red { color:red;}
.bold { font-weight:600;}

.center { text-align:center;}

a img { transition: 0.5s;}
a img:hover { opacity: 0.6; transition: 0.5s;}



.pagetop { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 9999; }
@media screen and (max-width: 480px) {
	.pagetop { bottom: 15px; right: 15px;}
}


/* common */
.inner { width:1200px; margin:0 auto;}

.mgT0 { margin-top:0 !important;}

h1 { margin:40px 0 10px; text-align:center; font-size:44px;}

h2 { margin:40px 0 30px; text-align:center; font-size:44px;}
/* h2 { margin:80px 0 60px; text-align:center; font-size:44px;} */
h2 span.sub { display:block; color:#fdc230; font-size:30px;}

.page h3 { font-size:22px; text-align:center; border:1px #dbdbdb solid; padding:10px; margin:40px 0 30px; /*background:#fcc700; color:#595757;*/ background:#fff;}

.page h4 { font-size:22px; text-align:left; border-left:5px #937400 solid; padding:3px 0 3px 15px; margin:50px 0 30px;}





/* buttons */


.btn-div { margin-top:50px; margin-bottom:100px;}

.button3 { background:#fbc700; color:#595757; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:bold;}
	.button3:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button3:hover { background:#e1b200; transition:0.5s;}

.button4 { background:#fff; color:#595757; text-align:center; padding:20px 55px; text-decoration:none; position:relative; font-weight:bold;}
	.button4:after { font-family: "Font Awesome 5 Free"; content:'\f054'; font-weight:900; font-size:10px; position:absolute; right:10px; top:22px;}
	.button4:hover { background:#ececec; transition:0.5s;}

.button5 { background:#595857; color:#fff; font-size:28px; text-align:center; padding:10px 40px; text-decoration:none; border:1px #fff solid; margin-right:auto; margin-left:auto; font-weight:600; display:inline-block; vertical-align:middle; }
	.button5:hover { background:#323232; transition:0.5s;}

	.button5 i { font-size:44px; margin-right:15px; display:inline-block; vertical-align:middle;}
	.button5 span { display:inline-block; vertical-align:middle;}



/* form */
.mw_wp_form input[type="text"], .mw_wp_form select, .wpcf7 input[type="text"], .wpcf7 select, .wpcf7 input[type="email"]{
	margin: 0;
    padding: 1px 10px;
    width: 95%;
    height: 40px;
    background-color: #F7F7F7;
    font-size: 1.0em;
    border: 2px solid #E4E4E4;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif
}
.mw_wp_form textarea, .wpcf7 textarea {
	margin: 0;
    padding: 10px;
    width: 97%;
    height: 200px;
    background-color: #F7F7F7;
    font-size: 1.0em;
    border: 2px solid #E4E4E4;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif
}

.mw_wp_form .contact_button, .wpcf7 .contact_button {
    text-align: center;
    margin: 50px auto;
}
.mw_wp_form input[type="submit"], .wpcf7 input[type="submit"] {
	padding: 15px 40px;
    font-size: 17px;
	margin-bottom:20px;
}

.contact-table { width:100%;}
.contact-table td { }
.contact-table th { text-align:left; font-size:16px; padding:20px !important;}
	.contact-table th .hissu { background:#f17678; color:#fff; padding:2px 6px; display:inline-block; vertical-align:top; font-size:13px; border-radius:5px; margin-left:10px; }
/* .mw_wp_form .error { color:#fff !important; background:red !important; width:100%; }*/

.contact-top { display:none;}
.mw_wp_form_input .contact-top { display:block;}



.alert { background:#ffebeb; color:#33c363; font-weight:bold; padding:20px 20px 10px; text-align:center;}
.alert p { margin-bottom:10px;}

.wpcf7-response-output { font-weight:bold; text-align:center; }





.product-suryo { margin:10px auto; width:auto;}
	.product-suryo th, .product-suryo td { padding:10px !important; width:auto;}
	.product-suryo th.th1 { width:auto !important;}
	.product-suryo th.th2 { width:auto !important;}

	.mw_wp_form .product-suryo input[type="text"], .wpcf7 .product-suryo input[type="text"] {
    width: 50px;
    height: auto;
    background-color: #fff;
    font-size: 1.0em;
    border: 1px solid #E4E4E4;
}

.mw_wp_form input.col2  { width:40%;}




@media screen and (max-width: 480px) {
	.mw_wp_form input[type="text"], .mw_wp_form select, .mw_wp_form textarea { width: 93%;}
	.contact-table td { text-align:center;}
	.mw_wp_form input.col2  { width:40%;}

}




/* header */

#header { background:url(./img/mainimg-bg1.png) top center no-repeat; background-size:cover; }
.home #header { margin-top:90px;}

.h-logo { display:inline-block; width:300px; position:relative;}
.h-logo-en { height:45px; }
.h-logo img, .ci .icon img { /*filter: drop-shadow(0 0 3px rgba(0,0,0,1.0));*/ }

.bxslider-org li { background:url(./img/mainimg-bg1-60.png) top center no-repeat; background-size:cover; height:640px;}
	.bxslider-org li.bsl1 {  background:url(./img/mainimg-bg1-gray.png) top center no-repeat; background-size:cover; }
		.bxslider-org li.bsl1 .ci { padding:40px 0 20px;}
		.bxslider-org li.bsl1 .ci .box { background:rgba(255,255,255,0.4); padding:20px; max-width:1200px; margin-left:auto; margin-right:auto; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .title { font-size:34px; font-weight:bold; text-align:center; margin-bottom:20px;}
				.bxslider-org li.bsl1 .ci .title .strong { color:#fcc700;}
			.bxslider-org li.bsl1 .ci .title img { width:300px; display:inline-block; vertical-align:top;}
			.bxslider-org li.bsl1 .ci .photo { text-align:center; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .photo img { max-width:1000px; width:100%; display:inline-block;}
			.bxslider-org li.bsl1 .ci .text { text-shadow: 0 0 5px rgba(255,255,255,1.0); color:#000;}
			.bxslider-org li.bsl1 .ci .t1 { margin-bottom:0; font-size:38px;}
			.bxslider-org li.bsl1 .btn-div { margin-top:30px; margin-bottom:0;}

@media only screen and ( max-width : 768px ) {
		.bxslider-org li.bsl1 .ci .box { width:90%;}
			.bxslider-org li.bsl1 .ci .title { font-size:22px; }
			.bxslider-org li.bsl1 .ci .title img { width:220px; }
			.bxslider-org li.bsl1 .ci .photo { text-align:center; margin-bottom:20px;}
			.bxslider-org li.bsl1 .ci .t1 { font-size:22px;}
}

@media only screen and ( max-width : 480px ) {
			.bxslider-org li.bsl1 .ci .title { font-size:20px; }
			.bxslider-org li.bsl1 .ci .title img { width:200px; }
			.bxslider-org li.bsl1 .ci .title .img-logo { display:block; }
			.bxslider-org li.bsl1 .ci .t1 { font-size:20px;}
}


	.bxslider-org li.bsl2 { background:url(./img/pdc-headline-bg.jpg) top center no-repeat; background-size:cover; }
		.bxslider-org li.bsl2 .ci { padding:120px 0 20px;}
			.bxslider-org li.bsl2 .ci .photo { text-align:center; margin-bottom:20px;}
			.bxslider-org li.bsl2 .ci .photo img { width:400px; display:inline-block;}
			.bxslider-org li.bsl2 .ci .t1 { margin-bottom:0; font-size:48px;}

			.bxslider-org li.bsl2 .ci .text { color:#595757; text-shadow:0 0 5px rgba(255,255,255,1.0);}
	.bxslider-org li.bsl3 { background:url(./img/header-bg190524-1-2.jpg) top center no-repeat;}
	.bxslider-org .ci { padding:150px 0 50px;}
.bx-wrapper { border:none !important;}


@media only screen and ( max-width : 768px ) {
			.bxslider-org li.bsl2 .ci .photo img { width:200px; }
			.bxslider-org li.bsl2 .ci .t1 { font-size:26px;}
}
@media only screen and ( max-width : 480px ) {
			.bxslider-org li.bsl2 .ci .t1 { font-size:20px;}
}



.ci { padding:240px 0 240px;}
	.ci .icon { margin-bottom:35px; text-align:center;}
		.ci .icon img { width:90px;}
	.ci .text { text-align:center; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-weight:900; color:#fff;}
		.ci .text .t1 { font-size:48px; }
		.ci .text .t1 .green { /*color:#539076;*/ color:yellow; text-shadow: 0 0 5px rgba(0,0,0,1.0); }
		.ci .text .t2 { font-size:36px;}
		.ci .text .t3 { font-size:24px; margin-top:34px;}




	#contents .category-list-banner { margin:-20px; display:flex; margin-bottom:20px;}
		.category-list-banner li { width:50%;}

@media only screen and ( max-width : 480px ) {
	#contents .category-list-banner { margin:-20px; display:block; margin-bottom:20px;}
		.category-list-banner li { width:100%;}
}




#contents .sidebar .sidebarbox .side-news { list-style-type:none; margin-left:0;}
	.side-news li { font-size:0; padding:10px 0; border-bottom:1px #ccc dotted;}
		.side-news .img { display:inline-block; vertical-align:top; width:25%;}
		.side-news .status { display:inline-block; vertical-align:top; font-size:13px; width:72%; margin-left:3%; line-height:1.5;}
			.side-news .status .cat { display:none;}
			/*.side-news .status .date { display:none;}*/




.searchbox { background:#fff; border-radius:30px 30px 30px 30px; border:1px solid #e5e5e5; margin-bottom:30px; padding-left:5px;}
.searchbox .searchsubmit {
	font-family: "Font Awesome 5 Free";
    font-size: 1.4em;
    padding: 0;
    cursor: pointer;
    color: #255fac;
    border: none;
    background: transparent;
    width: auto !important;
    height: auto !important;
    margin: 10px 10px 0 !important;
    float: left !important;
	content:"\f002";
	font-weight:900;
	font-size:26px;
}

.searchbox .searchfield {
	border: 0;
    border-radius: 4px;
    padding: 10px 5px;
    outline: 0;
    margin: 5px 5px 5px 0;
    -webkit-appearance: none;
    font-size: 100%;
    /*width: 100%;*/
}






/* gmenu */
.fixed-wrap { 
  /*box-shadow: 0px 3px 15px rgba(0,0,0,0.2);*/
  z-index: 99;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255,255,255,1.0);
padding:15px 0;
border-top:8px #000 solid;
}

.menu-global-container a, .menu-global-en-container a { color:#000; text-decoration:none;}
.menu-global-container a:hover, .menu-global-en-container a:hover {
  color: #000;
}
#menu-global li a, #menu-global-en li a {
  font-size: 17px;
/*  letter-spacing: 0.2em;
*/
}

#menu-global li a { font-size:20px; line-height:1.4; font-weight:bold; text-transform: none;}
#menu-global li a span { display:block; font-size:14px;}


#menu-global li ul li a, #menu-global-en li ul li a { font-size:14px;}
#menu-global .sub-menu, #menu-global-en .sub-menu , .mean-container .mean-nav ul ul {
  background: rgba(255,255,255,1);
  /*background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);*/
}
@media only screen and ( max-width : 768px ) {
/*  #header {
    padding: 10px 0;
    height: 60px;
  }
*/
  .h_logo {
    width: 200px;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 100;
  }
  .menu-global-container .nav , .menu-global-en-container .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
  #menu-global li .fa, #menu-global-en li .fa {
    display: none;
  }
}

@media print, screen and ( min-width : 769px ) {
/*  #header {
    height: 80px;
  }
*/
  .h_logo img {
    width: 300px;
  }
  #h_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu-global-container ul, .menu-global-en-container ul {
    position: relative;
    display: flex;
  }
  .menu-global-container li, .menu-global-en-container li {
    position: relative;
    margin-right: 2em;
  }
  .menu-global-container li:last-child, .menu-global-en-container li:last-child {
    margin-right: 0;
  }
  .menu-global-container li i, .menu-global-en-container li i {
    font-size: 16px;
    margin-left: 5px;
  }
  .menu-global-container li a, .menu-global-en-container li a {
    position: relative;
    display: block;
    text-align: center;
    line-height: 80px;
  }
  .menu-global-container .sub-menu ,.menu-global-en-container .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    display: block;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  .menu-global-container .sub-menu a, .menu-global-en-container .sub-menu a {
    padding: 10px;
    display: block;
    border-bottom: none;
    padding: 20px;
    line-height: 1.2em;
  }
  .menu-global-container .sub-menu a:hover:after, .menu-global-en-container .sub-menu a:hover:after {
    content: none;
  }
  .menu-global-container .sub-menu li, .menu-global-en-container .sub-menu li {
    display: block;
    font-size: 16px;
    padding: 0;
    margin: 0;
  }
  .menu-global-container .sub-menu li:last-child, .menu-global-en-container .sub-menu li:last-child {
    border-bottom: none;
  }
  .menu-global-container ul > li:hover, .menu-global-en-container ul > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .menu-global-container ul > li:hover a,.menu-global-container .current-menu-item a,.menu-global-container .current-menu-parent a, .menu-global-en-container ul > li:hover a,.menu-global-en-container .current-menu-item a,.menu-global-en-container .current-menu-parent a {
    color: #000;
  }
  .menu-global-container li:hover ul.sub-menu, .menu-global-en-container li:hover ul.sub-menu {
    top: 80px;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
  }
  .menu-global-container li ul li:after, .menu-global-en-container li ul li:after {
    content: none;
  }
 .menu-global-container li:hover ul.sub-menu a, .menu-global-en-container li:hover ul.sub-menu a {
    color: #000;
border-bottom:1px #eaeaea solid;
  }
  .menu-global-container .sub-menu li a:hover, .menu-global-en-container .sub-menu li a:hover {
    background: #eaeaea;
  }
  .menu-global-container .contact_btn a:hover, .menu-global-en-container .contact_btn a:hover {
    color: #000;
  }
}









/* index */

.news-list { max-width:800px; width:100%; margin:0 auto 70px;}
	.news-list li { border-bottom:1px #dcdcdc solid; padding-bottom:15px; margin-bottom:16px;}
	.news-list li div { display:inline-block; vertical-align:top;}
	.news-list li .date { width:100px; margin-right:20px; }
	.news-list li .cat { padding:4px; 15px; width:100px; text-align:center; font-size:14px; line-height:140%; margin-right:30px; background:#fff; margin-top:2px;}
	.news-list li .title { width:488px; }
		.news-list li .title a { color:#000; text-decoration:none;}
		.news-list li .title a:hover { text-decoration:underline;}

	.archive .news-list { margin-top:60px;}
	.archive .news-list li .title { width:675px; }



.topics-list { display:flex; justify-content: center; flex-wrap:wrap; max-width:1400px; margin-left:auto; margin-right:auto;}
	.topics-list li { width:23%; margin:20px 1%; background:#fff; position:relative;}
	.topics-list li .img img { object-fit:cover; width:100%; height:200px;}
	.topics-list li .status { font-size:0;}
	.topics-list li .date, .topics-list li .cat { font-size:16px; padding:10px;}
	.topics-list li .date { display:inline-block; width:40%; background:#595757; color:#fff;}
	.topics-list li .cat { display:inline-block; width:60%; background:#ebbb00; color:#fff; text-align:center;}
	.topics-list li .title { background:#fff; padding:10px 20px; font-size:16px;}
		.topics-list li .title a { color:#000; text-decoration:none;}
		.topics-list li .link a { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999;}
		.topics-list li .link a:hover { background:rgba(255,255,255,0.3); transition:0.5s;}


	.archive .topics-list li, .search .topics-list li { width:46%; margin:20px 2%; border:1px #ddd solid;}

	.single .authorbox { margin:60px 0; border:1px #888 solid; padding:20px; font-size:0;}
		.single .authorbox .img { display:inline-block; width:25%; font-size:16px; vertical-align:top;}
		.single .authorbox .desc { display:inline-block; width:70%; margin-left:5%; font-size:16px; vertical-align:top;}
			.single .authorbox .img img { border-radius:50%; object-fit:cover; }			.single .authorbox .name { font-size:20px;  margin:10px 0; border-bottom:1px #888 solid; padding-bottom:10px;}
			.single .authorbox .message { margin-top:10px;}




.feature-box { background:#fdc230; font-size:48px; font-weigh:bold; text-align:center;  color:#fff; padding:25px 30px; margin-top:-100px;}


.outside {margin: 0 calc(50% - 50vw); padding: 40px calc(50vw - 50%); background:#f1f1f1;}

.outside.outside-padding-TB0 { padding-top:0; padding-bottom:0;}










.tcb3 { background:#ffd95a; paddin-top:0; paddin-bottom:0; }
	.tcb3 .body { font-size:0; margin-top:-80px; margin-bottom:-78px;}
	.tcb3 .img, .tcb3 .desc { display:inline-block; font-size:18px; vertical-align:top;}
	.tcb3 .img { width:55%;}
	.tcb3 .desc { width:44%; margin-left:1%; margin-top:60px;}
		.tcb3 .desc .p1 { font-size:33px; font-weight:bold; margin:40px 0; text-align:right;}
		.tcb3 .desc .p2 { margin:40px 0; text-align:right;}



.f-contact { background:#595857; margin-top:80px;}
	.f-contact .btn-div { display:flex; }
		.f-contact .btn-div .btn-footer { width:45%; margin:0 2%;}
			.f-contact .btn-div .btn-footer a.button5 { width:100%;}

@media screen and (max-width:480px) {
	.f-contact .btn-div { flex-wrap:wrap; }
	.f-contact .btn-div .btn-footer { width:100%; margin:10px 0;}
}



#contents ul.flex { list-style-type:none !important; margin:0 !important;}

.flex { display:flex; justify-content: space-around; margin:50px 0 70px;}
.i-flex2 { margin-bottom:100px;}
	.flex li { text-align:center; align-self: auto; width:30%;}
	.i-flex2 li { width:50%; }
		.i-flex2 li:first-child { margin-left:160px; }
		.i-flex2 li:last-child { margin-right:160px; }
	.flex .icon { font-size:90px; background:#e9ecef; border-radius:50%; width:175px; height:175px; text-align:center; padding-top:40px; line-height:1; color:#495057; margin:0 auto 30px;}


.aboutus-feature-list { flex-wrap:wrap; justify-content: center;}
.aboutus-feature-list li { width:22%; }
.aboutus-feature-list li .icon { background:#fff;}
.aboutus-feature-list li:first-child , .aboutus-feature-list li:last-child { margin-left:1%; margin-right:1%; }
.aboutus-feature-list li { margin:20px 1%;}


#container { margin-top:90px;}
#contents { margin-top:50px;}
.page #contents { margin-top:0;}


.pankuzu { background:#e8e8e8; font-size:14px; border-top:2px #000 solid; padding:5px 0;}


.archive #container, .single #container, .search #container { background:#eeeeee; font-size:0;}
	.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { display:inline-block; background:#fff; width:860px; padding:20px; font-size:18px; vertical-align:top;}
	.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { display:inline-block; width:300px; padding:0; font-size:18px; vertical-align:top; margin-left:40px;}




.archive h1, .single h1, .search h1 { text-align:left; font-size:26px; border-bottom:5px #ddd solid;  padding-bottom:5px;}
	.archive h1.first, .single h1.first, .search h1.first { margin:0; }

	.archive .cat-desc { margin: 20px 0; background-color: #fbfaf8; padding: 20px; border-radius: 8px; border: 1px solid #ddd; font-size:14px;}

	.archive .cat-desc p { margin:10px 0;}





/* category-wrap */
.category-wrap { border:1px #ccc solid; border-radius:3px; padding:20px 20px 0; margin:40px 0 0;}
	.category-wrap .category-name { font-weight:bold; margin-bottom:20px;}
	.category-wrap .category-desc { font-size:14px; }
		.category-wrap .category-desc p { margin-bottom:10px;}
	.category-wrap .category-post-list { list-style-type:disc; margin-left: 20px !important; margin:20px 0;}
		.category-wrap .category-post-list li { font-size:16px;}
	.category-wrap .open-close { text-align:center; font-size:14px; font-weight:bold; color:#555; border-top:1px #ccc solid; cursor: pointer; padding:10px 0;}

	.category-wrap .open-close:before { content:"詳細を見る +";}
	.category-wrap .open-close.clicked:before { content:"閉じる -";}

	.category-wrap .cnid:before { font-family: "Font Awesome 5 Free"; background:#15aabf; color:white; padding:10px; border-radius:50%; font-size:20px; margin-right:10px; font-weight: 900; }
	.category-wrap .cn-id8:before { content: '\f4d8'; }
	.category-wrap .cn-id9:before { content: '\f1eb'; }
	.category-wrap .cn-id10:before { content: '\f304'; }
	.category-wrap .cn-id11:before { content: '\f2db'; }
	.category-wrap .cn-id12:before { content: '\f5bf'; }
	.category-wrap .cn-id57:before { content: '\f274'; }

	.course-subimg { background:url(./img/header-bg190524-1-2.jpg) top center no-repeat; padding:50px 0 ; background-size:cover;}

	.course-subimg .text { text-align: center; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-weight: 900; color: #fff; }
	.course-subimg .text p { margin:15px 0; font-size:24px;}




	.single time { color:#888; font-weight:bold; margin:10px 0; display:block;}
		.single time .kokai { margin-right:20px;}

/*	.single h2 { background:#f3f3f3; border-left:5px #735a00 solid; margin:50px -20px 40px; font-size:24px; text-align:left; padding:15px 20px 15px 20px;} */
	.single h2 { background:#fcc800; margin:50px -20px 20px; font-size:24px; text-align:left; padding:15px 20px 15px 20px; color:#595757;} 

	.single h3 { margin:40px 0 15px; border-bottom: solid 3px #fcc800;}
	.single h4 { margin:30px 0 10px;padding:3px 0.5em 1px;
  background: #fffad1;
  border-left: solid 5px #fcc800;}

	.single .addtoany_content_bottom { margin-top:50px;}



	.single #contents .body ul { list-style-type:disc; margin-left:20px; margin:30px 40px;}
	.single #contents .body ul li { margin:10px 0;}

	.single #contents .body ol { list-style-type:decimal; margin-left:20px; margin:30px 40px;}
	.single #contents .body o lli { margin:10px 0;}


	.single .casebox { }
	.single .casebox .headline { font-size:0; background:linear-gradient(#f8f8f8, #e1e1e1); padding:20px;}
	.single .casebox .headline .img { font-size:18px; display:inline-block; vertical-align:top; background:#fff; width:35%; text-align:center; padding:20px;}
	.single .casebox .headline .title { font-size:24px; font-weight:bold; display:inline-block; vertical-align:top; width:60%; margin-left:5%; }
		.single .casebox .headline .title .title1 { font-size:16px; font-weight:bold; border:1px #333 solid; padding:5px 30px; border-radius:30px 30px 30px 30px; margin-bottom:10px; display:inline-block;}
		.single .casebox .headline .title .title2 { font-size:24px; font-weight:bold; }
		.single .casebox .headline .title time { font-size:16px;}





	.sidebar h4 { background:#5a5859; color:#fff; font-weight:bold; font-size:20px;  text-align:center; padding:10px 0;border-left: solid 5px #5a5859;}
	.sidebar .sidebarbox { background:#fff; padding:20px 10px; font-size:16px; margin-bottom:60px;}
	#contents .sidebar .sidebarbox ul { list-style-type:disc; margin-left:20px;}
		#contents .sidebar .sidebarbox ul li { list-style-type:disc; }





.yarpp-related {}
	.yarpp-related h3 { }
	.yarpp-related ol { margin:10px 0 20px; border:1px #ccc solid;}
		.yarpp-related ol li { border-bottom:1px #ccc solid; padding:10px; }
			.yarpp-related ol li a { font-weight:500 !important;}
			.yarpp-related ol li:last-child { border-bottom:0;}
			.yarpp-related ol li abbr { display:none !important;}


.yuraibox { max-width:680px; margin:0 auto; text-align:left;}
.logoyurai { display:block; background:#fff; padding:20px; max-width:160px; margin:0 auto;}



.archive .wp-pagenavi {
	clear: both;
	text-align:center;
	margin:40px 0;

}
.archive .wp-pagenavi a, .archive .wp-pagenavi span {
	color: #4DD0D5;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin dotted #4DD0D5;
}
.archive .wp-pagenavi a:hover{
	color: #fff;
	background-color: #4DD0D5;
    }
.archive .wp-pagenavi span.current{
	color: #fff;
	background-color: #4DD0D5;
    }





/* flow1 */
ul.flow1 { max-width:1000px; margin:50px auto !important; counter-reset: section;}
	ul.flow1 li { background:#fff7ed; padding:20px 40px; font-size:0; position:relative;}
		ul.flow1 li:nth-child(even) { background:#edf5ff;}
		ul.flow1 li .step { background:#fff; border-radius:50%; display:inline-block; vertical-align:middle; width:150px; font-size:18px; padding:40px; text-align:center; color:#d2a600; line-height:1.2;}
			ul.flow1 li .step span:after { counter-increment: section; display:block; content:counter(section, decimal-leading-zero); font-size:40px;}
		ul.flow1 li .body { width:720px; margin-left:50px; display:inline-block; vertical-align:middle; font-size:18px;}
			ul.flow1 li .body .title { font-size:20px; font-weight:bold; margin-bottom:10px;}
			ul.flow1 li .body .desc { font-size:16px;}
			ul.flow1 li .body .desc .white { padding:10px; background:#fff; margin-top:10px;}

	ul.flow1 li:before {
	content: '';
    position: absolute;
    bottom: -12px;
    left: 104px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid #fff7ed;
    z-index: 1;
}
	ul.flow1 li:nth-child(even):before { border-top: 12px solid #edf5ff;}

	ul.flow1 li:last-child:before { border:none;}




/* products */
.spec-table { margin:40px auto; max-width:800px; width:100%;}
	.spec-table th, .spec-table td { border:1px #ddd solid; padding:10px 20px; background:#fff; text-align:center; font-size:16px;}
	.spec-table th { background:#fffad1;}

.basic-table { margin:40px auto; max-width:800px; width:100%;}
	.basic-table td { border:1px #ddd solid; padding:10px 20px; background:#fff; text-align:left; font-size:16px;}
	.basic-table th { border:1px #ddd solid; padding:10px 20px; background:#fff; text-align:center; font-size:16px;}
	.basic-table th { background:#fffad1;}

.parent-pageid-30 .pdc-headline { background:url(./img/pdc-headline-bg.jpg) center center no-repeat; background-size:cover;}
	.parent-pageid-30 .pdc-headline h2 { margin:50px 0; color:#595757;}



.download-table { width:100%;}
	.download-table td, .download-table th { border:1px #ccc solid; padding:15px;}
	.download-table th { background:#efefef; }
		.download-table td:nth-child(4n) { text-align:center;}



	#contents ul.products-feature-list { display:block !important; max-width:900px; margin-left:auto !important; margin-right:auto !important;}
		.products-feature-list li { width:100%; text-align:left; background:#fff; margin-bottom:30px; padding:30px 50px;}
			.products-feature-list li .icon { display:inline-block; width:175px; vertical-align:middle; text-align:center; }
			.products-feature-list li .desc { display:inline-block; width:66%; margin-left:6%; text-align:left; padding-top:20px; vertical-align:middle; font-weight:bold;}
			.products-feature-list li ul li{ width:100%; font-weight:500; margin-bottom:5px; padding:0;}

@media screen and (max-width: 768px) {
		.products-feature-list li { padding:30px 30px 20px;}
			.products-feature-list li .icon { display:inline-block; width:120px; height:120px; font-size:70px; padding-top:27px;}
			.products-feature-list li .desc { width:70%; }


}
@media screen and (max-width: 480px) {
			.products-feature-list li .icon { display:block;}
			.products-feature-list li .desc { width:100%; margin-left:0; text-align:center;}
				.products-feature-list li ul li { margin-bottom:5px;}
}





#contents ul.product-list { list-style-type:none; }
	#contents ul.product-list li { font-size:0; background:#efefef; padding:40px;}
		#contents ul.product-list li .img { display:inline-block; width:30%; vertical-align:top; font-size:18px; border:1px #ccc solid;}
		#contents ul.product-list li .img img { width:100%; height:250px; object-fit:cover;}
		#contents ul.product-list li .desc { display:inline-block; width:65%; margin-left:5%; vertical-align:top; font-size:18px;}
			#contents ul.product-list li .desc .title { font-size:24px; margin-bottom:20px;}


@media screen and (max-width: 480px) {
		#contents ul.product-list li .img { display:block; width:100%; }
		#contents ul.product-list li .img img { width:auto; height:auto; object-fit:cover;}
		#contents ul.product-list li .desc { display:block; width:100%; margin-left:0;  font-size:16px; margin-top:20px;}
}


#contents ul.product-list-small { list-style-type:none !important; display:flex; flex-wrap:wrap; }
	#contents ul.product-list-small li { width:23%; margin:1%; background:#efefef; padding:20px; font-size:16px; }
		#contents ul.product-list-small li .img { border:1px #ccc solid;}
		#contents ul.product-list-small li .img img { width:100%; height:160px; object-fit:cover;}
		#contents ul.product-list-small li .desc { }
			#contents ul.product-list-small li .desc .title { font-size:18px; text-align:center; margin:10px 0;}


@media screen and (max-width:768px) {
	#contents ul.product-list-small li { width:45%; margin:2%;}
}
@media screen and (max-width:480px) {
	#contents ul.product-list-small li { width:100%; margin:2% 0; padding:10px;}
}




.product-border { border:1px #ccc solid; padding:10px;}



.btn-product { border-radius:5px; color:#fff; text-decoration:none; margin:0 10px 10px 0; display:inline-block;}

	.btn-product .text { padding:22px 20px 18px; display:inline-block; background:#4fb863; line-height:1;}

	.btn-product .icon:before { font-family: "Font Awesome 5 Free"; content: '\f02f'; font-weight: 900; display:inline-block;  padding:21px 20px 19px; background:#534a4d; line-height:1;}

	.button-cart .icon:before { content: '\f07a'; }
	.button-mitsumori .icon:before { content: '\f02f'; }

	.button-cart .text { background:#4fb863; }
	.button-mitsumori .text { background:#74aad0; }



.process-wrap { background:#f1f1f1; padding:40px; margin:80px 0; position: relative;}
	.process-wrap:after {
		  content: "";
		  position: absolute;
		  right: 0;
		  bottom: -39px;
		  left: 0;
		  width: 0px;
		  height: 0px;
		  margin: auto;
		  border-style: solid;
		  border-color: #f1f1f1 transparent transparent transparent;
		  border-width: 40px 40px 0 40px;
	}
/*	.process-wrap:last-child:after {
		  bottom: -40px;
		  border-color: #fff transparent transparent transparent;
	}
*/
	.process-wrap.process-wrap-no-border:after { border:0;}
	.process-wrap:nth-child(2):after {
		  bottom: -40px;
		  border-color: #fff transparent transparent transparent;
	}


	.process-wrap .pw-inner { background:#fff; padding:20px; }
	.page .process-wrap h3 { background: #595656; color: #fff; margin: -20px -20px 60px; text-align: left;}
		.page .process-wrap h3 .number { background:#fcc700; padding:17px 20px; margin:0 20px 0 -11px;}
			.page .process-wrap h3 .number3 { padding:17px 20px 21px;}

	.page .process-wrap h4 { margin-top:0; }
		.page .process-wrap h4 .number { margin-right:15px;}
	.page #contents .process-wrap ul { margin:0; background:#f6f6f6; padding:20px 40px;}
	.process-wrap .wp-block-table { margin:0;}
	.process-wrap table th, .process-wrap table td { border:1px #ccc solid;  padding:15px 20px;}
	.process-wrap table th { background:#efefef; font-weight:bold;}
	.process-wrap table { width:auto; margin:0;}
		.process-wrap th:first-child { width:20%;}
		.process-wrap th:last-child { width:80%;}

@media screen and (max-width:480px) {
	.process-wrap { padding:10px; }

}


.products-feature-list li.process-btn { background:url(./img/linble-process-btn.jpg) no-repeat; background-size:cover; text-align:center; padding:40px 0 60px;}

	.process-btn p { text-align: center; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-weight: 900; color: #fff; font-size:24px; margin:0 !important;}
	.process-btn .btn-div { margin-bottom:0; margin-top:30px;}
	.process-btn .button3 { padding:15px 40px; margin-top:30px;}
		.process-btn .button3.button3:after { top:17px;}


/* order */

.daibiki-table { margin:10px 0;}
.daibiki-table th, .daibiki-table td { border:1px #ddd solid; padding:5px 10px;}.daibiki-table th { background:#efefef;}

.howto-order { list-style-type:none !important; display:flex; flex-wrap:wrap; justify-content: center;}
	.howto-order li { width:36%; margin:0 1%; background:#efefef; padding:10px 20px; border:1px #ccc solid; border-radius:10px; box-shadow: 0px 0px 8px 1px #ccc inset;  font-size:16px;}
		.howto-order li .title { border-bottom:1px #ccc solid; padding-bottom:5px;}
			.howto-order li .title .t1 { font-size:22px; font-weight:600;}
		.howto-order li .desc { margin-top:10px;}
			.howto-order li .desc .maininfo { margin-top:10px; margin-bottom:10px;}
				.howto-order li .desc .maininfo i { font-size:24x; margin-right:10px;}

.flow1 .body .title i.fas { background:#fff !important; padding:10px !important; border-radius:50% !important; margin-right:10px;}


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

	.page #contents ul.howto-order { margin:0;}

	.howto-order li { width:100%; margin-bottom:20px;}


}





/* company staff */

.staff-out { background:url(./img/tcb3-staff-img1-large.png) top center no-repeat; background-color:#ffd95a; background-size:63%;}
	.staff-out .mask-black { background:rgba(0,0,0,0.2); color:#fff; padding:140px 0; text-align:center; font-size:42px; }

@media screen and (max-width: 1100px) {
	.staff-out {  background-size:100%;}
	.staff-out .mask-black { padding:50px 0; font-size:22px; font-weight:bold;}
}


.staff-out-detail { background-color:#ffd95a; font-size:0; margin-top:80px; padding-top:0; padding-bottom:0;}
	.staff-out-detail .inner { padding:0;}
	.staff-out-detail .info { display:inline-block; vertical-align:top; background:url(./img/logo-staff1.png) right 30px top 30px no-repeat;  background-color:#fff; padding:20px; font-weight:bold; width:50%; background-size:150px 75px; margin:40px 0;}
		.staff-out-detail .info .katagaki { font-size:18px;}
		.staff-out-detail .info .name { font-size:36px;}
		.staff-out-detail .info .furugana { font-size:14px; margin-bottom:20px;}
		.staff-out-detail .info .message { font-size:16px; border-top:1px #000 solid; padding:20px 0;}
		.staff-out-detail .info .link { text-align:right; font-size:14px;}
			.staff-out-detail .info .link a { display:inline-block; background:#fcc800; padding:5px 20px; color:#595656;}
	.staff-out-detail .img { display:inline-block; vertical-align:top; width:40%; text-align:center; }

	.sod-staff-img { }
	.sod-mizuno { background:url(./img/staff-mizuno1.png) right top no-repeat;}
	.sod-miura { background:url(./img/staff-miura1.png) right top no-repeat;}
	.sod-shimizu { background:url(./img/staff-shimizu.png) right top no-repeat;}

@media screen and (max-width: 1100px) {
	.staff-out-detail .info { width:70%; }
}

@media screen and (max-width: 768px) {
	.sod-staff-img { background-size:45%; background-position:right top 40px;}
}

@media screen and (max-width: 480px) {
	.staff-out-detail .info { width:100%; }
	.sod-staff-img { background-size:100%; background-position:right top;}

}






/* company */

/* .company-table { width:100%;} */
	.company-table th, .company-table td { border:1px #ccc solid; padding:15px 20px; vertical-align:middle;}
	.company-table th { background:#efefef; width:25%;}
	.company-table td { background:#fff;}


.os-orange { background:#fcc700;}

.fb1-1, .fb1-2 { text-align:center; color:#fff; font-weight:bold; font-size:36px;}
	.us-section2 h2 { display:inline-block; vertical-align:bottom; font-size:32px;}
	.us-section2 h2 img { margin-right:10px;}
	.us-section2 { text-align:center; font-weight:bold;}
	.us-section2 .strong { color:#fcc700;}
	.us-section2 .desc { font-size:22px; margin-top:30px;}
		.us-section2 .desc span { background: #ffc50c;}
	.us-section2 .large { font-size:28px; margin-top:30px; margin-bottom:30px;}

	.us-section4 h2 { font-size:34px;}
		.us-section4 .img { width:400px; float:left; margin-right:30px;}

.company-section { text-align:center; font-weight:bold;}
.company-section .p1 { color:#fff; font-size:34px; margin-bottom:30px;}
.company-section .p2 { color:#595757; font-size:18px;}
.company-section h3 { margin:30px 0 40px;}





.single #contents ul, .page #contents ul { list-style-type: disc; margin: 20px;}



#contents .sidebar .sidebarbox ul { margin:0 0 0 20px;}

#contents a[target="_blank"]:before { font-family:"Font Awesome 5 Free"; content:"\f35d"; font-weight:900; margin-right:3px; font-size:14px;}
	#contents .download-table a[target="_blank"]:before { content:none;}
#contents figure a[target="_blank"]:before { content:none;}

#contents .addtoany_share_save_container a[target="_blank"]:before { content:none;}





/* footer */
#footer { /* background:url(./img/footer-bg.jpg) bottom center no-repeat; background-size:cover;*/ background:#000; text-align:center; color:#fff; padding-top:90px;}

	#footer .company { margin:0 auto 80px;}
		#footer .company td, #footer .company th { text-align:left; padding:5px 15px;}

	#footer .f-nav a { color:#fff; text-decoration:none;}
	#footer .f-nav a:hover { text-decoration:underline;}

	#footer .f-logo { margin-bottom:40px;}
	#footer .copyright { padding-bottom:40px; padding-top:90px;}


	#footer .f-box { display:inline-block; width:33%; text-align:left; vertical-align:top;}
	#footer .f-nav { width:250px; margin-right:20px;}
	#footer .f-fb {width:460px; margin-right:60px; text-align:center;}
	#footer .f-company { width:380px; margin-bottom:30px;}


	#footer .f-company { }
	#footer .f-company .f-info { margin-bottom:20px;}
	#footer .f-company .f-sns a { color:#fff; text-decoration:none;}
	#footer .f-company .f-sns i { margin-right:30px; font-size:22px;}
		#footer .f-company .f-sns i.fa-youtube { margin-right:2px;}



#contents { margin-bottom:100px;}
/*#contents .date { text-align:right; margin-bottom:40px;}*/






.contactform { width:600px; margin:0 auto 80px; background:#f7f7f7; padding: 40px 80px;}
	.contactform input[type="text"], .contactform input[type="email"], .contactform input[type="tel"], .contactform textarea { width:100%; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif;}
	.contactform .hissu { font-size:12px; color:red;}
	.contactform .norobots { font-size:14px; color:red; margin-bottom:20px;}
	.contactform .norobots span.wpcf7-list-item { margin-left:0; }











@media screen and (min-width:1200px) {

.sp-only { display:none; }
.menu-item-52, .menu-item-54 { display:none;}

} /* */









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

.inner { width:94% !important; margin:0 auto;}

#menu-global .sub-menu { background:#000;}

.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { width:70%;}
.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { width:25%;}

} /* */















@media screen and (min-width: 480px) and (max-width: 767px) { 


} /* */







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

	.news-list li .title { width:100%; display:block;}

	.contact-banner { display:none;}
	#header .ci .text { font-size:40px;}
	.feature-box { padding:15px; font-size:30px;}

	h2 { font-size:28px; margin:40px 0 30px;}
	h2 span.sub { font-size:24px;}
	.page h3 { font-size:24px; margin:30px 0 30px;}


	.contactform { width:100%; padding: 20px;}

	.company td, .company th { display:block; width:100%;}
	.company th { /*border-bottom:1px #b2b2b2 dotted;*/ background:#797979;}

	.i-flex2 li { width:40%; margin-left:auto !important; margin-right:auto !important;}

	.h-logo { max-width:70%; z-index:100;}
	.h-logo img { max-height:40px;}

#container { margin-top:70px;}

.bxslider-org li { height:500px;}
.bxslider-org .ci { padding:100px 0 0;}
.ci .text .t1 { font-size:30px;}
.ci .text .t2 { font-size:30px;}

.news-list { width:96%;}

.bx-wrapper .bx-controls-direction a { display:none;}

.topics-list li { width:48%;}


.tcb3 .img { width:100%;}
.tcb3 .desc { width:100%; margin-top:20px;}

.tcb3 .desc .p1 { text-align:center; font-size:24px;}
.tcb3 .desc .p2 { text-align:center;}

.button5 { font-size:20px;}
#footer .f-box { width:100%;}
.menu-footer-container { display:none;}

#footer { padding-top:30px;}
#footer .f-company { text-align:center;}
#footer .f-fb { margin-right:0;}
#footer .copyright { padding-top:40px;}


.wp-block-image .alignright { float:none; margin:10px auto;}


ul.flow1 { width:100%;}
ul.flow1 li { padding:20px;}
ul.flow1 li .step { padding:20px; width:100px; padding:15px;}
ul.flow1 li .body { width:420px; margin-left:20px; font-size:16px;}

ul.flow1 li:before { left:60px;}


.archive #container .archive-body, .single #container .archive-body, .search #container .archive-body { width:100%;}
.archive #container .sidebar, .single #container .sidebar, .search #container .sidebar { width:100%; margin-left: 0; margin-top:60px;}
.sidebar .sidebarbox { margin-bottom:30px;}

.single .authorbox { padding:20px; text-align:center;}
.single .authorbox .img { width:50%;}
.single .authorbox .desc { margin-left:0; width:100%;}

.staff-out-detail .info { background-color: rgba(255,255,255,0.8);}

.fb1-1, .fb1-2 { font-size:22px;}
.us-section2 .large { font-size:22px;}
.us-section2 .desc { font-size:20px;}
.us-section4 h2 { font-size:24px;}

} /* */








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

body { font-size:16px;}

.h-logo { max-width:230px; }

	.news-list, .blog-list { padding:10px;}
	.news-list li, .blog-list li { background:#fff; padding:10px; margin-bottom:5px; }
		.news-list li .cat { margin-right:15px; display:none;}
		.tcb-news .news-list li .date { margin-right:0;}

	#header .ci .text { font-size:26px;}
	.feature-box { padding:10px; font-size:22px;}

	h2 { font-size:24px;}
	h2 span.sub { font-size:20px;}
	.tcb4 .desc { font-size:18px;}
	.tcb4 .large { font-size:22px;}

	.flex { display:block; }
	.flex li { margin-bottom:40px;}
	.flex li { width:auto;}

	.i-flex2 li { width:auto;}


.company-table td, .company-table th {
    display: block;
    width: 100%;
    border: 1px #ccc solid;
    padding: 15px;
    font-size: 14px;
}

.product-suryo td, .product-suryo th { display:table-cell; width:auto; padding:10px; }

.topics-list li { width:80%;}

ul.flow1 li { text-align:center;}
ul.flow1 li .body { width:100%; margin-left:0; }
ul.flow1 li .step { margin:15px auto;}
ul.flow1 li:before {left:47%;}

.archive .topics-list li, .search .topics-list li { width:96%; border:1px #ddd solid;}

.staff-out-detail .info { background-size:30%;}
.sod-staff-img { background:none !important;}


} /* */