<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/***************************************************/
/****  Common　 ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

* {
    /** Google font**/
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 100%;
    line-height: 1.5;
}

div.box-frame1 {
	background:rgba(255, 255, 255, 1);
	border:1px solid rgba(0, 0, 0, 0.3);
}


.font15em {
		font-size:1.5em;
}




/* General Demo Style */
.contact_form{
	background:white url(../images/pattern.png) repeat top left;
	/* color:black; */
	font-family: 'Arial Narrow', Arial, sans-serif;
    font-size:13px;
    

	/*margin:0 20% 2% 20%;*/
}

/* 採用トップページ用 */
.bg-kawaii01 {
background-image: url(../images/sub_23.jpg);
background-position: center center;
background-size: cover;
}





/* 問い合わせフォーム用 */

.contact_form{
 text-align: center;
 min-height: 50vh;
}

/* okamura.0604
.inner_side{
  margin: 4% 5% 2% 5%;
}*/

/* .contact_form_input{
	background:white;
	padding:2%;
} */



/* form */
.ccformfield {		/*input*/
	color:#000000;
	background:#EEEEEE;
	border:none;
	padding:15px 0%;
  margin: 1% 0%;
	font-size:150%;
  width: 100%;
  text-align: center;
}



.ccformfield-tel{
  color:#000000;
	background:#EEEEEE;
	border:none;
	padding:15px 0%;
	font-size:120%;
	margin:4% 0% ;
  width: 23%;
  text-align: center;
}

.ccformfield3 {		/*textarea*/
	color:#000000;
	background:#EEEEEE;
	border:none;
	padding:15px 10px;
	margin: 4% 0%;
	font-size:150%;
  width: 102%;
}

.radio_label{
	margin-right: 10%;
	margin-left: 5px;
	font-size:15px;
}


.ccbtn{		/*送信*/
	border:none;
	background:#f8ae45;
	color:#FFFFFF;
	padding:12px 25px;
	cursor:pointer;
	text-decoration:none;
  margin-bottom:20px;
}
.ccbtn:hover{
	background:#d8850e;
}

.ccbtn2{		/*戻る*/
  border: none;
  background:gray;
  color:#FFF;
  text-decoration: none;
  padding: 5px 10px;
  cursor:pointer;
  margin-right: 10%;
  width: 13%;
}

.bga{
  font-size: 150%;
      word-break: break-all;
	word-wrap: break-word;
}

.fa{
	font-size: 19px;
}

.ccheader {
	font-size: 250%;
	margin-bottom: 40px;
}

.cont{
  text-align: left;
	background:#FFF;
	padding:1.5em 2em;
	border-left:#ff9900 solid 1px;
	border-bottom:#ff9900 solid 1px;
  vertical-align:top;
      word-break: break-all;
	word-wrap: break-word;
}

.err_message{
  color: red;
  font-size: 16px;
}

.err_message li{
  list-style: none;
}

.check_page_btn{
  margin: 7% 0%;
}

[name=btn_send],[name=btn_check]{
  width: 20%;
}

.rec_box{
  display: inline-block;
  text-align: left;
}

select.abc{
	width:80%;
	font-size: 120%;
	margin: 3% 2% 3% 2%;
  text-align: center;
  padding: 1em 0 1em 0;
}

/* 性別 */
input.abc[type=radio]{
	display: none;
}
.radio_label{
	border: solid orange 1px;
	border-radius: 10px;
	padding: 1.4%;
	cursor: pointer;
	font-size: 130%;
}
input[type="radio"]:checked + .radio_label{
	background: #ff9900;
	color: white;
	display: inline-block;
}

.policy{
  color: red;
  text-decoration: underline;
}

.ggw{
  width: 20px;
}

.end_msg{
	font-size: 150%;
}

/* form_error用 */
.err_page{
  padding: 15% 0%;
  text-align: center;
	background-color: white;
}

input.n {
	padding:0.5em;
	width:90%;
}

textarea.n {
	padding:0.5em;
	width:90%;
	height:8em;
}

input.n100p {
	padding:0.5em 0;
	width:100%;
}

select.n {
	padding:0.5em
	width:90%;
}

select.n100p {
	padding:0.5em 0;
	width:100%;
}
















.notice {
background:rgba(204, 0, 51, 1);
color:rgba(255, 255, 255, 1);
}

span.ico-number {
background:rgba(51,102,153, 1);
color:rgba(255, 255, 255, 1);
padding:0.3em 0.5em;
display:inline-block;
}

.image-up {
margin-bottom:1em;
text-align:center;
}
.image-down {
margin-top:1em;
text-align:center;
}

/** Google font for number **/

.gf-num {
    font-family: 'Shadows Into Light', cursive;
}

.gf-num2 {
    font-family: 'Gloria Hallelujah', cursive;
}

.gf-n {
    font-family: 'Noto Sans JP', sans-serif;
}
.gh-noto{
    font-family: 'Noto Serif TC', serif;
}
.gh-sawarabi{
    font-family: 'Sawarabi Mincho', sans-serif;
}
div#head-counter {
    text-align: center;
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 5;
    padding: 0;
    background: rgba(0, 0, 0, 0.8);
    color: rgba(255, 255, 255, 1);
    line-height: 0.8em;
}

.g-font {
    font-family: 'Noto Sans JP', sans-serif;
}



body {
    color: #666666;

}

div#head {
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
}





.inner1em {
	width:100%;
    display: inline-block;
    margin: 0;
    padding: 1em;
}

div.inner1em::after, div.inner1em::before {
    content: "";
    display: block；;
    height: 0;
    line-height:0;
    clear: both;
    visibility: hidden;
}
/* Hide from IE-mac \*/
* html div.inner1em {height: 1%;}


div.tests-inner {
    display: inline-block;
    margin: 0;
    padding: 1em;
    margin-bottom:2em;
    padding-bottom:1em;
    border-bottom:1px dotted #666666;
    width:100%;
}

div.tests-inner:after {
    content: ".";
    display: block；;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hide from IE-mac \*/
* html div.tests-inner {
    height: 1%;
}


div.inner2em, div.inner2em-rp50p {
    display: inline-block;
    margin: 0;
    padding: 2em;
}

div.inner2em::after, div.inner2em::before, div.inner2em-rp50p::after, div.inner2em-rp50p::before {
    content: "";
    display: block;
    height: 0;
    line-height:0;
    clear: both;
    visibility: hidden;
}
/* Hide from IE-mac \*/
* html div.inner2em, * html div.inner2em-rp50p {
    height: 1%;
}



/* End hide from IE-mac */

div#head-inner {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#head-inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hide from IE-mac \*/
* html div#head-inner {
    height: 1%;
}
/* End hide from IE-mac */

div#head-l-box {
    float: left;
    width: 49%;
    text-align: left;
    background: none;
}

div#head-r-box {
    float: right;
    width: 49%;
    text-align: right;
    background: none;
}

div#foot {
    margin: 0;
    padding: 0;
    width: 100%;
    background:none;
    border-top:3px solid #fff;
    height:100%;

	background:rgba(0, 74, 149, 0.8) url(../img/bg_foot4.png) repeat-x top center;
	background-size:cover;
	
    /*background: -moz-linear-gradient(top, #036 30%, #036);*/
    /*background: -webkit-linear-gradient(top, #036 30%, #036);*/
    /*background: linear-gradient(to bottom, #036 30%, #036);*/

    color: rgba(255, 255, 255, 1);
    text-align: left;
    overflow: hidden;
}

div#foot a {
    color: rgba(255, 255, 255, 1);
}

div#foot-inner,
div.foot-inner {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}

div#foot-inner,
div.foot-inner:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* Hide from IE-mac \*/

* html div#foot-inner,
div .foot-inner {
    height: 1%;
}

div#foot-inner,
div.foot-inner {
    display: block;
}


/* End hide from IE-mac */

div#foot-l-box {
    float: left;
    width: 49%;
    text-align: left;
    margin-bottom: 1em;
    background: none;
}

div#foot-r-box {
    float: right;
    width: 49%;
    text-align: right;
    background: none;
    margin-bottom: 1em;
}

.video-wrap {
    position: relative;
    margin: 0 auto;
    padding: 0 auto;
}

video {
    width: 100%;
    display: block;
    margin: 0 0 0 auto;
}

div#wrapper {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background: none;
    text-align: center;
}

div#wrapper-patern-head {

    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255,255,255,1) url(../img/bg_01.jpg) no-repeat top center;
	background-size:cover;
    text-align: center;
}

div#wrapper-patern {

    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255,255,255,1);
    text-align: center;
}

div#wrapper-patern2 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255, 255, 255, 0);
    text-align: center;
}

div#wrapper-patern4 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255, 255, 255, 0);
    text-align: center;
}

div#wrapper-patern3 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255, 255, 255, 0);
    text-align: center;
}

div#wrapper-patern5 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background:rgba(255, 255, 255, 0);
}

div#wrapper-patern6 {
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 1;
    width: 100%;
    height: auto;
    background:none;
    text-align: center;
}



div.page_wrap {
    position: relative;
    z-index: 1;
    height: auto;
    /*background: #e66700;*/
    background:none;
    margin: auto;
    text-align: left;
}

div.wrapper-inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
    background: white;
}

div.wrapper-inner2 {
    position: relative;
    margin: 0 auto;
    padding: 1em;
    z-index: 1;
    background: rgba(255, 255, 255, 0.7);
}

div.wrapper-inner3 {
    position: relative;
    margin: 0 auto;
    padding: 1em;
    z-index: 1;
    background: none;
}

div.wrapper-inner4 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 1);
}

.clearfix2 {
    overflow: hidden;
}

	
div.clearfix::after, div.clearfix::before {
	content: "";  
	display: table;
	visibility: hidden; 
	height: 0;
	line-height: 0;
}	

div.clearfix::after {
	clear:both;
}







.t-a-c {
    text-align: center;
}

.t-a-l {
    text-align: left;
}

.t-a-r {
    text-align: right;
}

.pdg05em {
    padding: 0.5em;
}

.pdg10em {
    padding: 1em;
}

.pdg15em {
    padding: 1.5em;
}

.pdg20em {
    padding: 2em;
}

.pdg30em {
    padding: 3em;
}

.pdg35em {
    padding: 3.5em;
}

.pdg40em {
    padding: 4em;
}

.bnr-inline {
    border: 1px solid #fff;
    border-radius: 5px;
    height: 283px;
}

.tit-for-bnr1 {
    font-size: 1.5em;
    background: rgba(255, 153, 0, 1);
    color: rgba(255, 255, 255, 1);
    width: 100%;
    padding: 1em;
    -moz-text-shadow: -1px -1px 1px #c63;
    -webkit-text-shadow: -1px -1px 1px #c63;
    text-shadow: -1px -1px 1px #c63;
}



.circle {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, #f90 30%, #fc0);
    background: -webkit-linear-gradient(top, #f90 30%, #fc0);
    background: linear-gradient(to bottom, #f90 30%, #fc0);
}

.squ {
    width: 220px;
    height: 220px;
    padding: 0;
    text-align: center;
    position: relative;
    background: none;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
}

.label-wrap {
    position: relative;
}

.label {
    position: absolute;
    background: rgba(240, 144, 227, 0.863);
    -webkit-transition: background-color 1.5s linear, color 0.5s linear;
    width: 100%;
    color: rgba(0, 0, 0, 1);
}

.label:hover {
    position: absolute;
    width: 100%;
    content: "";
    background: #ff4454;
    /*保険用*/
    background: -moz-linear-gradient(top, #ff0033 0%, #cc0033 100%);
    /*古いFireFox向け*/
    background: -webkit-linear-gradient(top, #ff0033 0%, #cc0033 100%);
    /*古いSafari・Chrome向け*/
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff0033', endColorstr='#cc0033', GradientType=0);
    /*IE9以下への対応*/
    background: linear-gradient(to bottom, #ff0033 0%, #cc0033 100%);
    /*正規のプロパティ*/
    animation: labelanima 30s infinite alternate;
    opacity: 0.8;
    color: rgba(255, 255, 255, 1);
}

@keyframes labelanima {
    0% {
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    100% {
        -webkit-filter: hue-rotate(90deg);
        filter: hue-rotate(360deg);
    }
}

.label-inner {
    padding: 1em;
    text-align: center;
}

.g-label-wrap {
    position: relative;
    border-bottom: 1px solid #fff;
}

.g-label {
    display: block;
    background: -moz-linear-gradient(left, rgb(230, 107, 128) 30%, rgb(241, 192, 200));
    background: -webkit-linear-gradient(left, rgb(230, 107, 128) 30%,  rgb(241, 192, 200));
    background: linear-gradient(to right, rgb(230, 107, 128) 30%, rgb(241, 192, 200));
    width: 100%;
    color: rgb(239, 247, 243);
}

.g-label:hover {
    display: block;
    background: -moz-linear-gradient(left, #f90 30%, #fc0);
    background: -webkit-linear-gradient(left, #f90 30%, #fc0);
    background: linear-gradient(to right, #f90 30%, #fc0);
    width: 100%;
    color: rgba(255, 255, 255, 1);
}

.g-label-inner {
    padding: 1em;
    text-align: left;
}

.f-kadomaru {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 30px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 30px;
    -moz-border-radius-bottomleft: 40px;
}

.photo-wrap {
    position: relative;
}

.photo-inner {
    position: absolute;
    padding: 0;
    margin: 0;
    background: -moz-linear-gradient(left, #036 30%, #036);
    background: -webkit-linear-gradient(left, #036 30%, #036);
    background: linear-gradient(to right, #036 30%, #036);
    color: #fff;
}

.photo-inner:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 15px rgba(51, 102, 153, 1);
    /*折り返し部分*/
    z-index: -100;
}

.photo-inner2 {
    padding: 0.5em 1em 0.5em 1em;
    text-align: left;
}

ul.footerul {
list-style-type:none;
font-size:normal;
}

ul.footerul &gt; li.footlist-title {
text-decoration:none;
margin-bottom:1em;
}

ul.footerul &gt; li.footlist-title a {
text-decoration:underline;
margin-bottom:1em;
}

ul.footerul &gt; li.footlist {
text-decoration:none;
margin-bottom:1em;
}
ul.footerul &gt; li.footlist &gt; a {
text-decoration:underline;
margin-bottom:1em;
}

/* Q&amp;A */
.qa {
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;  
	border-radius:10px 10px 10px 10px;
	background:rgba(255,255,255,1);
	width:100%;
	height:100%;
}

.qa h2.tit {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
     margin-bottom:1.5em;
     font-size:1.3em;
     line-height:1.4em;
     word-break: break-all;
  	word-wrap: break-word;
}
 
.qa h2.tit::after {
     position: absolute;
     content: "";
     border-bottom: solid 4px rgba(255,153,0,1);
     bottom: -4px;
     width:10%;
     display: block;
     word-break: break-all;
  word-wrap: break-word;
}
/* make some space by using mrgin-bottom */
.space-mgb {
	margin-bottom:1em;
}

.space-mgb2 {
	margin-bottom:1.5em;
}

.space-mgb3{
    letter-spacing:0.05em;
}




.nbtn-1, .nbtn-2, .nbtn-3, .nbtn-4, .nbtn-5, .nbtn-6, .nbtn-7, .nbtn-8 {
	overflow: hidden;
}
.nbtn-1::after, .nbtn-2::after, .nbtn-3::after, .nbtn-4::after, .nbtn-5::after, .nbtn-6::after, .nbtn-7::after, .nbtn-8::after {
	height: 100%;
	left: -100%;
	top: 0;
	transform: skew(50deg);
	transition-duration: 0.6s;
	transform-origin: top left;
	width: 0;
	z-index: -10;
}
.nbtn-1:hover:after, .nbtn-2:hover:after, .nbtn-3:hover:after, .nbtn-4:hover:after, .nbtn-5:hover:after, .nbtn-6:hover:after, .nbtn-7:hover:after, .nbtn-8:hover:after {
	height: 200%;
	width: 200%;
	z-index: -10;
}


/* CATEGORY BUTTON STYLING */
div.btn,div.btn::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
div.btn {
	background: rgba(102, 102, 51, 0.8);
	border: 1px solid #fff;
	border-radius: 3px;
	color: rgba(255, 255, 255, 1);
	display: block;
	font-weight: bold;
	margin:0;
	padding:1em;
	position: relative;
	text-align:center;
	text-transform: uppercase;
	width:100%;
}
div.btn::before,
div.btn::after {
	background: -moz-linear-gradient(65deg, rgba(255,255,255,1), rgba(255,255,0,0.5)); 
	background: -webkit-linear-gradient(65deg, rgba(255,255,255,1), rgba(255,255,0,0.5)); 
	background: linear-gradient(25deg, rgba(255,255,255,1), rgba(255,255,0,0.5));
	content: '';
	position: absolute;
	z-index: 2;
}
div.btn:hover {
	cursor: pointer;
}
.btn-1, .btn-2, .btn-3, .btn-4, .btn-5, .btn-6, .btn-7, .btn-8 {
	overflow: hidden;
}
.btn-1::after, .btn-2::after, .btn-3::after, .btn-4::after, .btn-5::after, .btn-6::after, .btn-7::after, .btn-8::after {
	height: 100%;
	left: -100%;
	top: 0;
	transform: skew(50deg);
	transition-duration: 0.6s;
	transform-origin: top left;
	width: 0;
}
.btn-1:hover:after, .btn-2:hover:after, .btn-3:hover:after, .btn-4:hover:after, .btn-5:hover:after, .btn-6:hover:after, .btn-7:hover:after, .btn-8:hover:after {
	height: 200%;
	width: 200%;
}
div.photo-cap {
	position:absolute;
	top:1em;
	left:1em;
	width:100%;
	background:rgba(204,0,51,0.7);
	z-index:5;
}

img.vab {
	width:100%;
	vertical-align:bottom;
}

/**  フロー図のボックス **/

.flow-box {
	margin: 0 auto;
	padding:2em 1em;
	text-align:center;
	border: 1px solid rgba(255,255,255,1);
	border-radius: 5px;
	background:rgba(204,102,102,1);
	color:rgba(255,255,255,1);
	width:70%;
}

.flow-box-c {
	color:rgba(204,102,102,1);
}

/**  span tag text underline **/

span.uline {
	width:90%;
	display:inline-block;
	padding-bottom:0.5em;
	margin-bottom:0.3em;
	border-bottom:1px solid rgba(255,255,255,0.5);
}



/*margin narrow */

.item5mn {
    background: none;
    word-wrap: break-word;
    text-align: left;
}

.item5 {
    background: none;
    word-wrap: break-word;
    text-align: left;
}
.item5-r {
    background: none;
    word-wrap: break-word;
    text-align: right;
    float:right;
}


.item4 {
    background: none;
    word-wrap: break-word;
    text-align: left;
}

.item3 {
    background: none;
    word-wrap: break-word;
    text-align: left;
}

.item3s {
    background: none;
    word-wrap: break-word;
    text-align: left;
}
.item3-15 {
    background: none;
    word-wrap: break-word;
    text-align: left;
    margin: 0 1% 7% 1%;
}


.item2 {
    background: none;
    word-wrap: break-word;
    text-align: left;
}

.item2-r {
    background: none;
    word-wrap: break-word;
    text-align: left;
}
.item2-b{
    background: none;
    word-wrap: break-word;
    text-align: left;
}
/* } */20190609 not neccesary

.item {
    background: none;
    word-wrap: break-word;
    text-align: left;
}

.keep-item2 {
    background: none;
    word-wrap: break-word;
    text-align: left;
}











.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1.5em 0em;
  text-decoration: none;
  border: solid 3px #ff8c00;
  color: #ff8c00;
  background: #fff6e5;
  transition: .4s;
  margin: 5% 30% 5% 30%;
  width:40%;
  text-align:center;
}


.btn-flat-vertical-border:hover {
  background: #ff8c00;
  color: #FFF;
}


.graph1 {
	position:relative;
	display:inline-block;
	width:100%;
	height:90vh;
	text-align:center;
	margin:3em 0 0 0;
}
.graph2 {
	position:relative;
	display:inline-block;
	width:100%;
	height:90vh;
	text-align:center;
	margin:3em 0 0 0;
}






table.table01 {
	width:100%;
	border-spacing:0px;
	border: rgba(102, 102, 51, 0.8) solid 3px;

}

table.table01 th {
	background:rgba(102, 102, 51, 0.8);
	color:#FFF;
	padding:1.5em 2em;
	border-bottom:#FFF solid 1px;
	word-break: break-all;
	word-wrap: break-word;
}

table.table01 tr:nth-child(2) th:nth-child(1) {
	border-bottom: none;
}

table.table01 td {
	background:rgba(255, 255, 255, 1);
	border-bottom:rgba(102, 102, 51, 0.8) solid 1px;
}

table.table01 tr:nth-child(2) td:nth-child(1) {
	border-bottom: none;
}


table.table-normal {
	width:100%;
	border-spacing:0px;
	border: rgba(102, 102, 51, 0.8) solid 3px;
}

table.table-normal th {
	width:30%;
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255, 255, 255, 1);
	text-align:center;
	vertical-align:top;
	padding:1.5em 2em;
	border-bottom:rgba(255, 255, 255, 1) solid 1px;
	word-break: break-all;
	word-wrap: break-word;
}

table.table-normal tr:last-child th:nth-child(1) {
	border-bottom: none;
}

table.table-normal td {
	text-align:left;
	vertical-align:top;
	padding:1.5em 2em;
	background:rgba(255, 255, 255, 1);
	border-bottom:rgba(102, 102, 51, 0.8) solid 1px;
	word-break: break-all;
	word-wrap: break-word;
}

table.table-normal tr:last-child td:nth-child(1) {
	border-bottom: none;
}



/***************************************************/
/****  （0）1101px ～　 ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media (min-width:1101px) {

div.inner2em-rp50p {
	width:50%;
}

div.inner-l-sidebox {
	
	background:rgba(102, 102, 51, 0.8);
	width:20%;
	float:left;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;
}

div.inner-l-sidebox li.smenu {
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255, 255, 255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:hover {
	background:rgba(102, 102, 51, 0.3);
	color:rgba(255, 255, 255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:last-child {
	border-bottom:none;
}

div.inner-r-contents {
	background:rgba(0, 0, 0, 0.1);
	width:80%;
	float:right;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;		
}

img.logo {
vertical-align:bottom;
max-width:80px;
}

.keep-item2 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
}
    
    .item5mn {
        width: 18.8%;
        float: left;
        margin: 0 0 1% 1%;
    }
    .item5 {
        width: 18%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item4 {
        width: 23%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3 {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }

    .item3s {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3-15 {
        width: 31.3%;
        float: left;
        margin: 0 1% 7% 1%;
    }
    .item2 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item2-r {
        width: 48%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item2-b {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .flexbox10{
        width:48%;
    }
    
    .item {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .page_wrap {
        width: 1100px;
        margin: auto;
    }
    
/* 英代を知るのサブスライダーの透過見出し設定 */
.tit-for-bnr2 {
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(51, 51, 51, 1);
    width: 100%;
    padding: 1em 1em;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
}


/* index.html のメインスライダー設定 */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	position: absolute;
	width: 80%;
	height: 100%;
	top: 0;
	left: 0;

}

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align:center:
}

/* index.html sub slider */

#index-slider {
	text-align:center;
}
#index-slider-inner {
	padding:0.5em 0 2.5em 0;
	margin:0 auto;
}
    /* カウンターの文字サイズ */
    .counter-b {
        font-size: 4em;
    }
    .counter-s {
        font-size: 1em;
    }
    /* レシポンシブ用文字サイズ */
    .font-bb {
        font-size: 8em;
    }
    .font-b {
        font-size: 4em;
    }
    .font-bm {
        font-size: 2.5em;
    }
    .font-m {
        font-size: 1.3em;
    }
    .font-s {
        font-size: 0.9em;
    }
    .flexmgn {
        padding: 0.5em 0 0 0;
    }
    .flexmgn2 {
        padding: 3.5em 0 0 0;
    }
	h2.n {
	margin:0 0 1em 0;
	font-size:1.6em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	line-height:1.5em;
	}
    input[type=checkbox].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
    input[type=radio].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
     .ress{
    width: 60%; 
    margin: 0 20% 2% 20%;
  }
  
  img.vab-flex40 { vertical-align:bottom;width:40%; }
  img.vab-flex50 { vertical-align:bottom;width:50%; }
  img.vab-flex70 { vertical-align:bottom;width:70%; }
  img.vab-flex80 { vertical-align:bottom;width:80%; }
}


/***************************************************/
/****  （1）960px～1100px  ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media (min-width: 960px) and (max-width: 1100px) {

div.inner2em-rp50p {
	width:50%;
}

div.inner-l-sidebox {
	background:rgba(102, 102, 51, 0.8);
	width:30%;
	float:left;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;
}

div.inner-l-sidebox li.smenu {
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255, 255, 255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:hover {
	background:rgba(102, 102, 51, 0.3);
	color:rgba(0,0,0,1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:last-child {
	border-bottom:none;
}

div.inner-r-contents {
	background:rgba(0, 0, 0, 0.1);
	width:70%;
	float:right;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;		
}

img.logo {
vertical-align:bottom;
width:80px;
}

.keep-item-wrap {
	display:inline;
	width:100%;
	margin:0;
	padding:0;
}
.keep-item2 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
        display:inline-block;
}

    .item5mn {
        width: 18.8%;
        float: left;
        margin: 0 0 1% 1%;
    }
    .item5 {
        width: 18%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item5-r {
        width: 18%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item4 {
        width: 23%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3 {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }

    .item3s {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item3-15 {
        width: 31.3%;
        float: left;
        margin: 0 1% 5% 1%;
    }
    .item2 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item2-r {
        width: 48%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item2-b {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    

    .item {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .page_wrap {
        width: 95%;
    }
    
/* 英代を知るのサブスライダーの透過見出し設定 */
.tit-for-bnr2 {
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(51, 51, 51, 1);
    width: 100%;
    padding: 1em 1em;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
}

/* index.html のメインスライダー設定 */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	position: absolute;
	width: 80%;
	height: 100%;
	top: 0;
	left: 0;
}

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align:center:
}

/* index.html sub slider */

#index-slider {
	text-align:center;
}
#index-slider-inner {
	padding:0.5em 0 2.5em 0;
	width:100%;
	margin:0 auto;
}

    /* カウンターの文字サイズ */
    .counter-b {
        font-size: 4em;
    }
    .counter-s {
        font-size: 1em;
    }
    /* レシポンシブ用文字サイズ */
    .font-bb {
        font-size: 8em;
    }
    .font-b {
        font-size: 4em;
    }
    .font-bm {
        font-size: 2.5em;
    }
    .font-m {
        font-size: 1.3em;
    }
    .font-s {
        font-size: 0.9em;
    }
    .flexmgn {
        padding: 0.5em 0 0 0;
    }
    .flexmgn2 {
        padding: 3em 0 0 0;
    }
	h2.n {
	margin:0 0 1em 0;
	font-size:1.6em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	line-height:1.5em;
	}
    input[type=checkbox].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
    input[type=radio].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
     .ress{
    width: 60%; 
    margin: 0 20% 2% 20%;
  }

  img.vab-flex40 { vertical-align:bottom;width:40%; }
  img.vab-flex50 { vertical-align:bottom;width:70%; }
  img.vab-flex70 { vertical-align:bottom;width:90%; }
  img.vab-flex80 { vertical-align:bottom;width:100%; }
}


/***************************************************/
/****  （2）620px～959px  ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media (min-width:620px) and (max-width: 959px) {


div.inner2em-rp50p {
	width:80%;
}

div.inner-l-sidebox {
	background:rgba(102, 102, 51, 0.8);
	width:40%;
	float:left;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;
}

div.inner-l-sidebox li.smenu {
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255, 255, 255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:hover {
	background:rgba(102, 102, 51, 0.3);
	color:rgba(0,0,0,1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:last-child {
	border-bottom:none;
}

div.inner-r-contents {
	background:rgba(0, 0, 0, 0.1);
	width:60%;
	float:right;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;		
}

img.logo {
vertical-align:bottom;
width:60px;
}

.keep-item-wrap {
	display:inline;
	width:100%;
	margin:0;
	padding:0;
}
.keep-item2 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
}

    .item5mn {
        width: 32%;
        float: left;
        margin: 0 0 1% 1%;
    }
    .item5 {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item5-r {
        width: 31.3%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item4 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }

    .item3s {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item2 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
     .item2-r {
        width: 48%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item2-b {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .page_wrap {
        width: 95%;
    }


/* 英代を知るのサブスライダーの透過見出し設定 */
.tit-for-bnr2 {
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(51, 51, 51, 1);
    width: 100%;
    padding: 0.5em 1em;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
}

/** Table setting **/

table.table01 th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
	word-wrap: break-word;
}
table.table01 td {
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}
table.table01 td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
	word-wrap: break-word;
}
table.table01 td p {
    /*padding-left:6em;*/
    text-align: center;
    word-break: break-all;
	word-wrap: break-word;
}
.clear_text-align{
    text-align:initial;
}
table.table01 td {
	background:#FFF;
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:center;
    word-break: break-all;
	word-wrap: break-word;
}

table.table-normal th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td {
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td p {
    text-align: left;
    word-break: break-all;
	word-wrap: break-word;
}

}
table.table-normal td {
	background:rgba(255, 255, 255, 1);
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:left;
    word-break: break-all;
	word-wrap: break-word;
}
table.table-normal tr:last-child td:nth-child(1) {
    border-bottom:0;
    word-break: break-all;
	word-wrap: break-word;
}

.flexbox{
    display: flex;
    flex-direction: column-reverse;
}

/* index.html のメインスライダー設定 */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align:center:
}

/* index.html sub slider */

#index-slider {
	text-align:center;
}
#index-slider-inner {
	padding:0.5em 0 2.5em 0;
	width:100%;
	margin:0 auto;
}

    /* カウンターの文字サイズ */
    .counter-b {
        font-size: 3em;
    }
    .counter-s {
        font-size: 1em;
    }
    /* レシポンシブ用文字サイズ */
    .font-bb {
        font-size: 6em;
    }
    .font-b {
        font-size: 3em;
    }
    .font-bm {
        font-size: 2em;
    }
    .font-m {
        font-size: 1.2em;
    }
    .font-s {
        font-size: 0.8em;
    }
    .flexmgn {
        padding: 2em 0 0 0;
    }
    .flexmgn2 {
        padding: 5.5em 0 0 0;
    }
    	h2.n {
	margin:0 0 1em 0;
	font-size:1.5em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	line-height:1.5em;
	}
    input[type=checkbox].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
    input[type=radio].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
  img.vab-flex40 { vertical-align:bottom;width:80%; }
  img.vab-flex50 { vertical-align:bottom;width:80%; }
  img.vab-flex70 { vertical-align:bottom;width:100%; }
  img.vab-flex80 { vertical-align:bottom;width:100%; }
  
  
  	.graph2 {
	position:relative;
	display:inline-block;
	width:100%;
	height:600px;
	text-align:center;
	margin:3em 0 0 0;
	}
    
}


/***************************************************/
/****  （3）480px～619px  ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media (min-width:480px) and (max-width: 619px) {
	img.logo {
	vertical-align:bottom;
	width:60px;
	}
}

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

	div.inner2em-rp50p {
	width:100%;
	}

	.thum-material-img {
	display:none;
	}

	.thum-material-space {
	margin:0;
	padding:0;
	}
	
	div.inner-l-sidebox {
	background:rgba(102, 102, 51, 0.8);
	width:100%;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;
	}

	div.inner-l-sidebox li.smenu {
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255, 255, 255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
	}

	div.inner-l-sidebox li.smenu:hover {
	background:rgba(102, 102, 51, 0.3);
	color:rgba(0,0,0,1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
	}

	div.inner-l-sidebox li.smenu:last-child {
	border-bottom:none;
	}

	div.inner-r-contents {
	background:rgba(0, 0, 0, 0.1);
	width:100%;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;		
	}

	img.logo {
	vertical-align:bottom;
	width:60px;
	}

	.keep-item-wrap {
	display:inline-block;
	width:100%;
	margin:0 0 -0.5em 0;
	padding:0.8em 0 0 0;
	}
	
	.keep-item2 {
        width: 48.5%;
        float: left;
        margin: 0 0 1% 1%;
	}

	.btn-flat-vertical-border {
  	position: relative;
  	display: inline-block;
  	font-weight: bold;
  	padding: 1.5em 0em;
  	text-decoration: none;
  	border: solid 3px #ff8c00;
  	color: #ff8c00;
  	background: #fff6e5;
  	transition: .4s;
  	margin: 5% auto 5% auto;
  	width:100%;
  	text-align:center;
	}

    .item5mn {
        width: 48.5%;
        float: left;
        margin: 0 0 1% 1%;
    }
    .item5 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item5-r {
        width: 48%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item4 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }

    .item3s {
        width: 31.3%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item3-15 {
        width: 48%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item2 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item2-r {
        width: 98%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item2-b {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    
    .item {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .page_wrap {
        width: 95%;
    }

	/* 英代を知るのサブスライダーの透過見出し設定 */
	.tit-for-bnr2 {
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(51, 51, 51, 1);
    width: 100%;
    padding: 0.5em 1em;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
	}

	/** Table setting **/

	table.table01 th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
	word-wrap: break-word;
	}
	table.table01 td {
	display:block;
	word-break: break-all;
	word-wrap: break-word;
	}
	table.table01 td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
	word-wrap: break-word;
	}
	table.table01 td p {
    /*padding-left:6em;*/
    text-align: center;
    word-break: break-all;
	word-wrap: break-word;
	}
	
	table.table01 td {
	background:#FFF;
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:center;
    word-break: break-all;
	word-wrap: break-word;
	}

	table.table-normal th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
	word-wrap: break-word;
	}
	table.table-normal td {
	display:block;
	word-break: break-all;
	word-wrap: break-word;
	}
	
	table.table-normal td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
	word-wrap: break-word;
	}
	table.table-normal td p {
    text-align: left;
    word-break: break-all;
	word-wrap: break-word;
	}
	table.table-normal td {
	background:rgba(255, 255, 255, 1);
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:left;
    word-break: break-all;
	word-wrap: break-word;
	}

	.flexbox{
    display: flex;
    flex-direction: column-reverse;
	}


	/* index.html のメインスライダー設定 */

	.sl-slide,
	.sl-slides-wrapper,
	.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	} 

	.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

	.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align:center:
	}

	/* index.html sub slider */

	#index-slider {
	text-align:center;
	}
	#index-slider-inner {
	padding:0.5em 0 2.5em 0;
	width:100%;
	margin:0 auto;
	}


    /* カウンターの文字サイズ */
    .counter-b {
        font-size: 2em;
    }
    .counter-s {
        font-size: 1em;
    }
    /* レシポンシブ用文字サイズ */
    .font-bb {
        font-size: 4em;
    }
    .font-b {
        font-size: 2em;
    }
    .font-bm {
        font-size: 1.5em;
    }
    .font-m {
        font-size: 1.2em;
    }
    .font-s {
        font-size: 0.7em;
    }
    .flexmgn {
        padding: 4em 0 0 0;
    }
    .flexmgn2 {
        padding: 6.5em 0 0 0;
    }
    h2.n {
	margin:0 0 1em 0;
	font-size:1.3em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	line-height:1.5em;
	}
    input[type=checkbox].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
    input[type=radio].big {
        -ms-transform: scale(1.5, 1.5);
        -webkit-transform: scale(1.5, 1.5);
        transform: scale(1.5, 1.5);
        margin-right: 5px;
        margin-left: 8px;
        vertical-align: middle;
    }
  img.vab-flex40 { vertical-align:bottom;width:100%; }
  img.vab-flex50 { vertical-align:bottom;width:100%; }
  img.vab-flex70 { vertical-align:bottom;width:100%; }
  img.vab-flex80 { vertical-align:bottom;width:100%; }
  
  
    .graph2 {
	position:relative;
	display:inline-block;
	width:100%;
	height:600px;
	text-align:center;
	margin:3em 0 0 0;
	background:none;
	}
	
}




/***************************************************/
/****  （4）～479px  ****/
/***************************************************/
/***************************************************/
/***************************************************/
/***************************************************/

@media (max-width:479px) {


div.inner2em-rp50p {
	width:100%;
}

.thum-material-img {
	display:none;
}

.thum-material-space {
	margin:0;
	padding:0;
}

div.inner-l-sidebox {
	background:rgba(102, 102, 51, 0.8);
	width:100%;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;
}

div.inner-l-sidebox li.smenu {
	background:rgba(102, 102, 51, 0.8);
	color:rgba(255,255,255, 1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:hover {
	background:rgba(102, 102, 51, 0.3);
	color:rgba(0,0,0,1);
	padding:1em 1em;
	list-style-type: none;
	border-bottom:1px solid rgba(255, 255, 255, 1);
}

div.inner-l-sidebox li.smenu:last-child {
	border-bottom:none;
}

div.inner-r-contents {
	background:rgba(0, 0, 0, 0.1);
	width:100%;
	margin:0;
	padding:0;
	word-break:break-all;
	text-align:left;
	vertical-align:top;		
}

img.logo {
vertical-align:bottom;
width:60px;
}

.keep-item-wrap {
	display:inline-block;
	width:100%;
	margin:0 0 -0.5em 0;
	padding:0.8em 0 0 0;
}
.keep-item2 {
        width: 48.5%;
        float: left;
        margin: 0 0 1% 1%;
}

.btn-flat-vertical-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 1.5em 0em;
  text-decoration: none;
  border: solid 3px #ff8c00;
  color: #ff8c00;
  background: #fff6e5;
  transition: .4s;
  margin: 5% auto 5% auto;
  width:100%;
  text-align:center;
}


    .item5mn {
        width: 98%;
        float: left;
        margin: 0 0 1% 1%;
    }
    .item5 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item5-r {
        width: 35%;
        float: right;
        margin: 0 1% 2% 1%;
    }
    .item4 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item3 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }

    .item3s {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item3-15 {
        width: 98%;
        float: left;
        margin: 0 1% 15% 1%;
    }
    .item2 {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .item2-b {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    
    .item {
        width: 98%;
        float: left;
        margin: 0 1% 2% 1%;
    }
    .page_wrap {
        width: 95%;
    }

/* 英代を知るのサブスライダーの透過見出し設定 */
.tit-for-bnr2 {
    font-size: 1.5em;
    background: rgba(255, 255, 255, 0.8);
    color: rgba(51, 51, 51, 1);
    width: 100%;
    padding: 0.5em 1em;
    -moz-text-shadow: 1px 1px 1px #fff;
    -webkit-text-shadow: 1px 1px 1px #fff;
    text-shadow: 1px 1px 1px #fff;
}


/** Table setting **/
table.table01 thead {
	display:none;
}
table.table01 th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
word-wrap: break-word;
}
table.table01 td {
	display:block;
	word-break: break-all;
word-wrap: break-word;
}
table.table01 td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
word-wrap: break-word;
}
table.table01 td p {
    /*padding-left:6em;*/
    text-align: center;
    word-break: break-all;
word-wrap: break-word;
}
.clear_text-align{
    text-align:initial;
}
table.table01 td {
	background:#FFF;
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:center;
    word-break: break-all;
word-wrap: break-word;
}
td:nth-child(9) {
    border-bottom:0;
        word-break: break-all;
word-wrap: break-word;
}


table.table-normal th {
    display:block;
    width:100%;
    border-left:initial;
    word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td {
	display:block;
	word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td p {
    text-align: center;
    word-break: break-all;
	word-wrap: break-word;
}
table.table-normal td {
	background:rgba(255, 255, 255, 1);
	padding:1.5em 2em;
    border-left: 0;
    margin-bottom: 0;
    vertical-align:top;
    text-align:left;
    word-break:break-all;
	word-wrap:break-word;
}


.flexbox{
    display: flex;
    flex-direction: column-reverse;
}



/* index.html のメインスライダー設定 */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.demo-2 .sl-slider-wrapper {
	margin: 0 auto;
	width: 100%;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align:center:
}

/* index.html sub slider */

#index-slider {
	text-align:center;
}
#index-slider-inner {
	padding:0.5em 0 2.5em 0;
	width:100%;
	margin:0 auto;
}


    /* カウンターの文字サイズ */
    .counter-b {
        font-size: 1em;
    }
    .counter-s {
        font-size: 1em;
    }
    /* レシポンシブ用文字サイズ */
    .font-bb {
        font-size: 3em;
    }
    .font-b {
        font-size: 1.5em;
    }
    .font-bm {
        font-size: 1.2em;
    }
    .font-m {
        font-size: 1em;
    }
    .font-s {
        font-size: 0.7em;
    }
    .flexmgn {
        padding: 5em 0 0 0;
    }
    .flexmgn2 {
        padding: 6.5em 0 0 0;
    }
    	h2.n {
	margin:0 0 1em 0;
	font-size:1.3em;
	-moz-text-shadow: 1px 1px 1px #fff;
	-webkit-text-shadow: 1px 1px 1px #fff;
	text-shadow: 1px 1px 1px #fff;
	line-height:1.5em;
	}
  img.vab-flex40 { vertical-align:bottom;width:100%; }
  img.vab-flex50 { vertical-align:bottom;width:100%; }
  img.vab-flex70 { vertical-align:bottom;width:100%; }
  img.vab-flex80 { vertical-align:bottom;width:100%; }
  
    	.graph2 {
	position:relative;
	display:inline-block;
	width:100%;
	height:500px;
	text-align:center;
	margin:3em 0 0 0;
	background:none;
	}
	
	
}

.gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    }
    .gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    }
    .bosyuu {
     position: relative;
     padding-bottom: 0.5em;
     border-bottom: 4px solid #DDD;
     font-size:1.3em;
     line-height:1.4em;
}
 
.bosyuu::after {
     position: absolute;
     content: "";
     border-bottom: solid 4px rgba(255,153,0,1);
     bottom: -4px;
     width:10%;
     display: block;
}

.head_test {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 35px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
}
p.space-mgb {
    margin:  0;             /* デフォルトCSS打ち消し */
    Font-size: 101%;
    Line-height: 1.8;
}
.head_test-point {
    display:  block;        /* ブロック要素にする */
    font-size:  28px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    margin: 10px auto 0;    /* 周りの余白指定 */
    background-color:  #fff;/* 背景色指定 */
    font-family: 'Dancing Script', cursive;
}
 
.head_test-point:before {
   position: absolute;
   top: -10px;
    bottom: -40px;
    left:30px;
    margin: 0 25% 0 25%;
    width: 50%;
    content: "";
    display: block;
    height: 4px;
    background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}



img.imgxx {
    argin-left: 55%;
}

.contents{
position: relative;
overflow: hidden;
}
.contents:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 140%;
height: 80%;
margin: 2% -10% 0;
background: white;
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.contents_inner{
position: relative;
}

.kawamoto{
width: 25%;
float: right;
/*margin: 0 1% 2% 1%;*/
}

.bbr:before{
    border-bottom: double 6px #87CEFA;
    display: inline-block; margin-left:20%;
}

/* 
旧ceo.css 
*/


.box1{
    position:relative;
    width:100%;
}

.box2{
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30%;
    font-size: 40px;
    line-height: 100%;
    padding: 0.5em;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background: #fffaf4;/*背景色*/
    border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

.box2 h{
    font-family: 'Dancing Script', cursive;
    border-bottom: solid 3px #ffaf58;
}

.box2 p{
    font-size:20px;
    font-family: arial;
}

.box3{
    border-left :solid 5px whitesmoke;
    border-bottom: solid 1px gray;
    padding:10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.box4{
    /*font-size:15x;*/
}

.box5{
    width:100%;
    float:left;
    margin-bottom:20px;
}

.box6{
    float:right;
    position: relative;
}

.box8{
    float:right;
    font-family: 'Noto Serif TC', serif;
    position: relative;
}


/*下記より会社概要のcss*/
/*clear:both*/

.box7{
    position: relative;
    clear:both;
}

.box9{
    position: absolute;
    top: 100px;
    right: 280px;
    width: 30%;
    color: black;
    padding: 15px;
    font-size: 40px;
    line-height: 100%;
    background: rgba(255,255,255,0.8);
    font-family: 'Dancing Script', cursive;
}

.box10{
    width:1100px;
}









.space-mgb5{
    margin-bottom:34px;
    line-height: 1.5;
}

p.space-mgb5.aaa {
    font-size:120%;
    font-weight:bold;
}





.sousyoku {

  padding: 0.5em 0.5em 0.5em 2em;
  list-style: none;
  }



.ruby{
    font-size:85%;
}

p.space-mgb5.aaa {
    position: relative;
    padding: 10px 5px 10px 42px;
    background: #ff9900;
    color: white;
    margin-left: -33px;
    line-height: 1.3;
    z-index: 2;
}

p.space-mgb5.aaa:before {
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px white;
    border-bottom: solid 79px transparent;
    z-index: 1;
}

 .space-mgb1em span{
  float: left;
  color: orange;
  font-size: 6vh;
  line-height: 50px;
  padding-right: 8px;
  font-family: Georgia, serif;
}
p.space-mgb1em {
    margin-bottom: 1em;
}

.vab80{
    width:80%;
    margin:0 10% 0 10%;
    vertical-align: bottom;
}

/*
旧fulltime.css
*/


.ako {
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 0;
    padding: 10px 0 10px 0;
    display: flex;
    color: rgba(0,0,0,.87);
    font-family: 'Roboto', sans-serif;
}
.accordion {
    margin: auto;
    width: 100%;
}
.accordion input {
    display: none;
}
.box {
    position: relative;
    background: white;
    height: 64px;
    transition: all .15s ease-in-out;
}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
}
header.box {
    background: darkgray;
    z-index: 100;
    cursor: initial;
    box-shadow: 0 -1px 0 #e5e5e5,0 0 2px -2px rgba(0,0,0,.12),0 2px 4px -4px rgba(0,0,0,.24);
}
header .box-title {
    margin: 0;
    font-weight: normal;
    font-size: 16pt;
    color: white;
    cursor: initial;
}
.box-title {
    width: calc(100% - 40px);
    height: 64px;
    line-height: 64px;
    padding: 0 20px;
    display: inline-block;
    cursor: pointer;
    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.box-content {
    width: calc(100% - 40px);
    padding: 30px 20px;
    font-size: 11pt;
    color: rgba(0,0,0,.54);
    display: none;
}
.box-close {
    position: absolute;
    height: 64px;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
input:checked + .box {
    height: auto;
    margin: 16px 0;
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);
}
input:checked + .box .box-title {
    border-bottom: 1px solid rgba(0,0,0,.18);
}
input:checked + .box .box-content,
input:checked + .box .box-close {
    display: inline-block;
}
.arrows section .box-title {
    padding-left: 44px;
    width: calc(100% - 64px);
}
.arrows section .box-title:before {
    position: absolute;
    display: block;
    content: '\203a';
    font-size: 18pt;
    left: 20px;
    top: -2px;
    transition: transform .15s ease-in-out;
    color: rgba(0,0,0,.54);
}
input:checked + section.box .box-title:before {
    transform: rotate(90deg);
}


@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

.accordion dl {
}

.accordion dt &gt; a {
  text-align: center;
  font-weight: 700;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
}
.accordion dd {
  background-color: #1abc9c;
  color:#fafafa;
  font-size: 1em;
  line-height: 1.5em;
}
.accordion dd &gt; p {
  padding: 1em 2em 1em 2em;
}



.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle {
  background-color: #22313F;
  border-bottom: 1px solid #2c3e50;
}
.accordionTitle:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.accordionTitle:hover {
  background-color: #2c3e50;
}

.accordionTitleActive {
  background-color:#34495e;
}
.accordionTitleActive:before {
  -webkit-transform: rotate(-225deg);
  -moz-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
}
@media all {
  .accordionItem {
    max-height: 50em;
    -moz-transition: max-height 1s;
    -o-transition: max-height 1s;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
  }
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    -moz-transition: max-height 0.5s;
    -o-transition: max-height 0.5s;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItemCollapsed {
  max-height: 0;
}

.animateIn {
  -webkit-animation-name: accordionIn;
  -webkit-animation-duration: 0.65s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: normal;
  -moz-animation-duration: 0.65s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  animation-name: accordionIn;
  animation-duration: 0.65s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0s;
}

.animateOut {
  -webkit-animation-name: accordionOut;
  -webkit-animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -webkit-animation-delay: 0s;
  -moz-animation-name: accordionOut;
  -moz-animation-duration: 0.75s;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
  -moz-animation-delay: 0s;
  animation-name: accordionOut;
  animation-duration: 0.75s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0s;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes accordionIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes accordionIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes accordionOut {
  0% {
    opacity: 1;
    -moz-transform: scale(1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
  }
}


.timeline {
  width: 100%;
  height: auto;
  margin: 80px 0;
  position: relative; }
  .timeline .line {
    width: 5px;
    height: 800px;
    min-height: 250px;
    background: #393939;
    margin: 25px auto;
    left: 50%;
    right: 50%;
    z-index: 1;
    position: absolute; }
  .timeline .start {
    font-size: 32px;
    position: absolute;
    top: -45px;
    left: -35px; }
  .timeline .end {
    font-size: 32px;
    position: absolute;
    bottom: -45px;
    left: -35px; }
  .timeline .event {
    width: 38%;
    height: 200px;
    text-align: center;
    box-shadow: 0 0.01em 1em 0px #000;
    margin: 50px 0 0 5%;
    padding: 25px;
    background: #fff;
    z-index: 2;
    float: left;
    box-sizing: border-box;
    position: relative; }
    .timeline .event:before {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 75px;
      right: -28px;
      border-style: solid;
      border-width: 25px 0 25px 28px;
      border-color: transparent transparent transparent #ffffff;
      z-index: 4; }
    .timeline .event:after {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 74px;
      right: -30px;
      border-style: solid;
      border-width: 26px 0 26px 30px;
      border-color: transparent transparent transparent #aeaeae;
      z-index: 3; }
    .timeline .event .icon {
      position: absolute;
      right: -20px;
      top: -20px;
      height: 50px;
      width: 50px;
      background: #393939;
      border-radius: 50%;
      z-index: 3; }
      .timeline .event .icon img {
        max-width: 60%;
        height: auto;
        margin: 20%;
        filter: invert(100%); }
    .timeline .event .date {
      font-weight: 700;
      font-size: 2rem; }
    .timeline .event .details {
      font-weight: 400;
      font-size: 1rem;
      margin: 20px 0;
      padding: 0; }
    .timeline .event:nth-of-type(odd) {
      float: right;
      margin: 90px 5% 0 0; }
      .timeline .event:nth-of-type(odd) .icon {
        left: -20px; }
      .timeline .event:nth-of-type(odd):before {
        left: -28px;
        border-width: 25px 28px 25px 0;
        border-color: transparent #ffffff transparent transparent; }
      .timeline .event:nth-of-type(odd):after {
        left: -30px;
        border-style: solid;
        border-width: 26px 30px 26px 0;
        border-color: transparent #aeaeae transparent transparent; }

@media (max-width: 768px) {
  .timeline .event {
    float: right;
    width: 60%;
    min-width: 300px;
    margin: 10% 10% 0 0; }
    .timeline .event:before {
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 75px;
      left: -28px;
      width: 0;
      border-style: solid;
      border-width: 25px 28px 25px 0;
      border-color: transparent #ffffff transparent transparent; }
    .timeline .event:after {
      left: -30px;
      border-style: solid;
      border-width: 26px 30px 26px 0;
      border-color: transparent #aeaeae transparent transparent; }
    .timeline .event .icon {
      left: -20px; }
    .timeline .event:nth-of-type(odd) {
      margin: 10% 10% 0 0; }
  .timeline .line {
    height: 1450px;
    left: -20px; } }
@media (max-width: 575px) {
  .timeline {
    padding: 100px 0 0 0;
    margin: 0 0 150px 0; }

  .timeline .event, .timeline .event:nth-of-type(odd) {
    float: none;
    margin: 15% auto; }

  .timeline .line {
    left: 50%;
   }

  .timeline .event:before, .timeline .event:nth-of-type(odd):before, .timeline .event:after, .timeline .event:nth-of-type(odd):after {
    display: none; }

  .timeline .event .icon, .timeline .event:nth-of-type(odd) .icon {
    left: 128px; }

  .timeline .event .date {
    margin: 25px 0 0 0; } }
/* TODO Add utility class to stylesheet*/
.center {
  text-align: center; 
  font-size: 2rem
}

/*# sourceMappingURL=test.css.map */


  @media print, (min-width: 768px) {
    .work_flow {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }
    .work_flow &gt; li {
        min-height: 12em;
        padding: 2em 0.5em;
        margin: 0px;
        border-radius: 4em;
        background-color: #3388dd;
        color: #fff;
        font-size: 1.5vw;
        text-align: center;
        writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        list-style: none;
    }
    .work_flow &gt; li:nth-child(1):before {
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: -1;
        transform: translateY(-50%);
        width: calc(100% - 4em);
        height: 2em;
        border-top-right-radius: 2em;
        border-bottom-right-radius: 2em;
        background-color: gray;
        content: "";
    }
    .work_flow &gt; li:nth-child(1):after {
        position: absolute;
        top: 50%;
        right: 1em;
        z-index: -1;
        transform: translateY(-50%);
        width: 0px;
        height: 0px;
        border: 2em solid transparent;
        border-left: 3em solid gray;
        content: "";
    }
}
@media screen and (max-width: 767px) {
    .work_flow {
        position: relative;
        z-index: 1;
    }
    .work_flow &gt; li {
        max-width: 60%;
        padding: 1em 2em;
        margin: 0px auto;
        border-radius: 4em;
        background-color: #3388dd;
        color: #fff;
        text-align: center;
        list-style: none;
    }
    .work_flow &gt; li:nth-child(n + 2) {
        margin: 5em auto 0px;
    }
    .work_flow:before {
        position: absolute;
        top: 0px;
        left: 50%;
        z-index: -1;
        transform: translateX(-50%);
        width: 2em;
        height: calc(100% - 5em);
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
        background-color: gray;
        content: "";
    }
    .work_flow:after {
        position: absolute;
        left: 50%;
        bottom: 1.5em;
        z-index: -1;
        transform: translateX(-50%);
        width: 0px;
        height: 0px;
        border: 2em solid transparent;
        border-top: 3em solid gray;
        content: "";
    }
}





#container-main{
	margin:40px auto;

}

#container-main h1{
	font-size: 40px;
	text-shadow:4px 4px 5px #16a085;
}

.accordion-container {
	width: 100%;
	padding: 5px 0 5px;
  clear:both;
  border-bottom: 1px solid #c7deef;
    border-top: 1px solid #fff;
    overflow: hidden;
}

.accordion-titulo {
	position: relative;
	display: block;
	padding: 20px;
	font-size: 20px;
	color:#666666;
  text-decoration: none;
}
.accordion-titulo.open {

}
.accordion-titulo:hover {

}

.accordion-titulo span.toggle-icon:before {
	  content: "\f13a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 35px;
    color: #666666;
}

.accordion-titulo.open span.toggle-icon:before {
	  content: "\f139";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 35px;
    color: #666666;
}

.accordion-titulo span.toggle-icon {
	position: absolute;
	top: 3.3px;
	right: 20px;
	font-size: 38px;
}

.accordion-content {
	display: none;
	padding: 20px;
	overflow: auto;
}

.accordion-content p{
	margin:0;
}

.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	width: 50%;
	height: auto;
}


@media (max-width: 767px) {
	.accordion-content {
		padding: 10px 0;
	}
}


.flexbox10{
    display:flex;
}
@media screen and (max-width:768px){
    .flexbox10{
        flex-direction: column;
    }
    .order1{
        order:1;
    }
    .order2{
        order:2;
    }
}


.mt10em {
	margin:1em 0 0 0;
}
.mt05em {
	margin:0.5em 0 0 0;
}
.mt02em {
	margin:0.2em 0 0 0;
}
.f-b {
	font-weight:bold;
}

.f-c {
color :rgba(D_BASIC_FONTCOLOR);
}


/* NORMAL BUTTON STYLING */
div.nbtn,div.nbtn::after {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
div.nbtn {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8));
	border: 2px solid rgba(102, 102, 51, 0.8);
	border-radius: 5px;
	color:rgba(255,255,255,1);
	display: block;
	font-weight: bold;
	margin:1em 0 0 0;
	padding:0;
	position: relative;
	text-transform: uppercase;
	width:100%;
}
div.nbtn::before,
div.nbtn::after {
	content: '';
	position: absolute;
	z-index: 2;
}
div.nbtn:hover {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3));	
	cursor: pointer;
	color: rgba(102, 102, 51, 0.3);
	z-index:3;
}


/* FORM INPUT NORMAL BUTTON STYLING */
input.nbtn,input.nbtn::after {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
input.nbtn {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8));
	border: 2px solid rgba(102, 102, 51, 0.8);
	border-radius: 5px;
	color:rgba(255,255,255,1);
	display: block;
	font-weight: bold;
	margin:1em 0 0 0;
	padding:1em;
	position: relative;
	text-transform: uppercase;
	width:100%;
}
input.nbtn::before,
input.nbtn::after {
	content: '';
	position: absolute;
	z-index: 2;
}
input.nbtn:hover {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3));	
	cursor: pointer;
	color: rgba(102, 102, 51, 0.3);
	z-index:3;
}




/* NORMAL BUTTON STYLING */
div.nbtn,div.nbtn::after {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
div.nbtn {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8));
	border: 2px solid rgba(102, 102, 51, 0.8);
	border-radius: 5px;
	color:rgba(255,255,255,1);
	display: block;
	font-weight: bold;
	margin:1em 0 0 0;
	padding:0;
	position: relative;
	text-transform: uppercase;
	width:100%;
}
div.nbtn::before,
div.nbtn::after {
	content: '';
	position: absolute;
	z-index: 2;
}
div.nbtn:hover {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3));	
	cursor: pointer;
	color: rgba(102, 102, 51, 0.3);
	z-index:3;
}


/* FORM INPUT CART ADD BUTTON STYLING */
input.nbtn-cart-add,input.nbtn-cart-add::after {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
input.nbtn-cart-add {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8));
	
	background:rgba(102, 102, 51, 0.8) url(../img/cart-arrow-down-solid.svg) no-repeat center center;
	background-size:35% 35%;

	
	border: 2px solid rgba(102, 102, 51, 0.8);
	border-radius: 5px;
	color:rgba(255,255,255,1);
	display: block;
	font-weight: bold;
	margin:1em 0 0 0;
	padding:1em;
	position: relative;
	text-transform: uppercase;
	width:100%;
}
input.nbtn-cart-add::before,
input.nbtn-cart-add::after {
	content: '';
	position: absolute;
	z-index: 2;
}
input.nbtn-cart-add:hover {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3));
	
	background:rgba(102, 102, 51, 0.3) url(../img/cart-arrow-down-solid.svg) no-repeat center center;
	background-size:35% 35%;
		
	cursor: pointer;
	color: rgba(102, 102, 51, 0.3);
	z-index:3;
}


/* FORM INPUT DETAIL BUTTON STYLING */
input.nbtn-detail,input.nbtn-detail::after {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
input.nbtn-detail {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.8), rgba(102, 102, 51, 0.8));
	
	background:rgba(102, 102, 51, 0.8) url(../img/info-circle-solid.svg) no-repeat center center;
	background-size:36% 36%;

	
	border: 2px solid rgba(102, 102, 51, 0.8);
	border-radius: 5px;
	color:rgba(255,255,255,1);
	display: block;
	font-weight: bold;
	margin:1em 0 0 0;
	padding:1em;
	position: relative;
	text-transform: uppercase;
	width:100%;
}
input.nbtn-detail::before,
input.nbtn-detail::after {
	content: '';
	position: absolute;
	z-index: 2;
}
input.nbtn-detail:hover {
	background: -moz-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: -webkit-linear-gradient(65deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3)); 
	background: linear-gradient(25deg, rgba(102, 102, 51, 0.3), rgba(102, 102, 51, 0.3));
	
	background:rgba(102, 102, 51, 0.3) url(../img/info-circle-solid.svg) no-repeat center center;
	background-size:36% 36%;
		
	cursor: pointer;
	color: rgba(102, 102, 51, 0.3);
	z-index:3;
}


h2.tit, div.tit {
	background:rgba(0, 74, 149, 0.8) url(../img/bg_foot4.png) repeat-x top center;
	background-size:cover;
	color:rgba(255,255,255,1);
}
h2.tit-inner, div.tit-inner {
	padding:2em 0 2em 1em;
	text-align:left;
	background:none;
}

	
	
a.nml {
	text-decoration:underline;
	color:rgba(0,0,0,0.7);
}
a.nml:hover, a.nml:active {
	text-decoration:none;
	color:rgba(0,0,0,0.7);
}</pre></body></html>