<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* style.scss:style.css
------------------------------------------ */
/* setup
------------------------------------------ */
p, h4, h5, h6, li, th, td, dt, dd, figcaption, a img {
  color: #222222;
  line-height: 2;
  letter-spacing: 3px; }

a:link, a:visited, a:hover, a:active {
  color: #e60000; }

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

.mgt1em {
  margin-top: 1em; }

.alL {
  text-align: left; }

.alR {
  text-align: right; }

.alC {
  text-align: center; }

.clm3 {
  margin-top: 50px;
  display: table;
  width: 100%; }
  .clm3 div {
    display: table-cell;
    text-align: center;
    vertical-align: top; }
  .clm3 div:first-child {
    width: 33%;
    text-align: left; }
  .clm3 div:last-child {
    width: 33%;
    text-align: right; }

.btnB {
  text-align: center; }
  .btnB a {
    margin: 0 auto;
    font-size: 1%;
    line-height: 1%; }
    .btnB a img {
      -webkit-box-shadow: 0 0 50px #666666;
      -moz-box-shadow: 0 0 50px #666666;
      box-shadow: 0 0 50px #666666;
      vertical-align: middle; }

/* contents
------------------------------------------ */
.wrapper {
  position: relative; }

.contents {
  padding-top: 1px;
  background: #ffffff; }
  .contents .inner {
    padding: 50px 0; }
    .contents .inner h2 {
      text-align: center;
      color: #cc444e;
      font-size: 40px;
	  font-weight: 500; }
    .contents .inner h3 {
      text-align: center;
      color: #3d4164;
      font-size: 30px; }
/*霑ｽ蜉�縺励◆h4*/
    .contents .inner h4 {
      margin-top: 20px;
	縲margin-right: 20px;
      font-size: 16px;  }
	  

.title{
	color: #3d4164;
	font-size: 30px;
	font-weight: 600; }
	 	  
	  
@media screen and (max-width: 768px) {
	    .contents .inner h4 {
      margin-top: 10px; }
}
/*縺薙％縺ｾ縺ｧh4*/
    .contents .inner .mainBox {
      margin-top: 50px; }
      .contents .inner .mainBox p {
        font-size: 20px; }
      .contents .inner .mainBox img {
        margin-top: -40px;
		padding-left: 20px;
        float: right; }
      .contents .inner .mainBox2 img {
        margin-top: -20px;
        float: left; }
    .contents .inner .logoBox {
      margin-top: 30px;
      padding: 30px 40px 20px;
      background: #ffffff url("../img/bg_logobox.png") repeat 0 0; }
      .contents .inner .logoBox li {
        margin-bottom: 10px;
        font-size: 1%;
        line-height: 1%;
        float: left;
        width: 25%; }
        .contents .inner .logoBox li a {
          margin: 0 10px;
          padding: 10px;
          background: #ffffff;
          display: block;
          text-align: center; }
          .contents .inner .logoBox li a img {
            width: auto;
            height: 100%;
            max-width: 130px;
            vertical-align: middle; }

.contents.sec {
  background: #f4f4f4; }
  .contents.sec .inner section {
    margin-top: 100px;
    padding-bottom: 130px;
    background: url("../img/parts_square.png") no-repeat 50% 100%; }
    .contents.sec .inner section h2 {
      color: #3d4164; }
    .contents.sec .inner section p {
      margin-top: 50px;
      font-size: 20px; }
    .contents.sec .inner section ul {
      margin-top: 50px; }
      .contents.sec .inner section ul li {
        font-size: 20px; }
    .contents.sec .inner section .imgBoxR {
      margin-top: 50px;
      display: table; }
      .contents.sec .inner section .imgBoxR .txt {
        margin-top: 0;
        display: table-cell;
        text-align: left;
        vertical-align: top; }
      .contents.sec .inner section .imgBoxR .pic {
        display: table-cell;
        width: 50%;
        text-align: right;
        vertical-align: top; }
        .contents.sec .inner section .imgBoxR .pic img {
          width: 100%;
          height: auto; }
  .contents.sec .inner section:first-child {
    margin-top: 0; }
  .contents.sec .inner section:last-child {
    padding-bottom: 0;
    background-image: none; }

header {
  background: #333333 url(../img/bg_footer_gray.png) repeat 0 0;
  position: relative;
  width: 100%;
  min-height: auto;
/*  overflow: hidden;*/
  text-align: center; }

header .slider img {
	width:1400px;
	margin: 0 auto;
}

@media screen and (max-width: 1390px) {
header {
  position: relative;
  width: 100%;
  min-height: auto;
  overflow: hidden;
  text-align: center; }
	
	header .slider img {
	width:100%;
	margin: 0 auto;
}
}

  header .slider {
    margin: 0 auto;
    width: 100%;
    z-index: 1; }
/*    header .slider img {
      width: 100%;
      height: auto; }*/
/*  header h1 {
    position: absolute;
    top: 44%;
    left: 0;
    z-index: 2;
    width: 100%;
    text-align: center; }*/
  header .logo {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: 4;
    width: 100%;
    text-align: center; }
    header .logo p {
      text-align: left; }
  header .btnB {
    position: absolute;
    bottom: 20%;
    left: 0;
    z-index: 3;
    width: 100%;
    text-align: center; }

footer {
  padding-bottom: 50px;
  text-align: center; }
  footer nav {
    padding: 20px 10px;
    background: #333333 url("../img/bg_footer_gray.png") repeat 0 0; }
    footer nav ul li {
      padding-left: 10px;
      display: inline; }
      footer nav ul li a {
        color: #ffffff !important; }
    footer nav ul li::after {
      padding-left: 10px;
      content: "|";
      vertical-align: 2px;
      color: #ffffff; }
    footer nav ul li:last-child::after {
      padding-left: 0;
      content: ""; }
  footer p small {
    font-family: Helvetica, Arial, Verdana; }
  footer p.logo {
    margin: 50px 0 10px; }

/* pageTop */
.pageTop {
  background-color: rgba(215, 155, 0, 0.5);
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99; }
  .pageTop a {
    padding: 0 20px 0 32px;
    background: url("../img/icon_arrow.png") no-repeat 20px 15px;
    background-size: 8px auto;
    display: block;
    height: 4em;
    line-height: 4em;
    text-align: center;
    font-size: 10px;
    color: #ffffff !important; }

/* break point
------------------------------------------ */
@media screen and (min-width: 1080px) {
  .contents .inner,
  header .logo p {
    margin: 0 auto;
    width: 1040px; } }
@media screen and (max-width: 1079px) {
  p, h2, h3, h4, h5, h6, li, th, td, dt, dd, figcaption, a img {
    letter-spacing: normal !important; }

  .clm3 div {
    width: 33.3% !important; }
    .clm3 div img {
      width: 100%;
      height: auto; }

  .contents .inner {
    padding: 80px 20px; }

  header .logo {
    top: 0; } }
@media screen and (max-width: 880px) {
  p, h2, h3, h4, h5, h6, li, th, td, dt, dd, figcaption, a img {
    line-height: 1.6;
    font-size: 16px;
    letter-spacing: normal; }

  .btnB a {
    padding: 10px 20px; }
    .btnB a img {
      width: 80%;
      max-width: 250px;
      height: auto; }

  .contents .inner {
    padding: 60px 15px; }
    .contents .inner h2 {
      font-size: 20px;
      font-weight: 700; }
	  .title{
	color: #3d4164;
	font-size: 20px;
	font-weight: 600; }
    .contents .inner h3 {
      margin-top: 30px;
      font-size: 18px;
      font-weight: 700; }
    .contents .inner .mainBox {
      margin-top: 30px;
      text-align: center; }
      .contents .inner .mainBox img {
        margin-top: 0;
        width: 100%;
        max-width: 280px;
        height: auto; }
      .contents .inner .mainBox p {
        font-size: 16px;
        text-align: left; }
    .contents .inner .logoBox {
      margin-top: 30px;
      padding: 10px 10px 0; }
      .contents .inner .logoBox li {
        width: 33%; }
        .contents .inner .logoBox li a img {
          width: 100%;
          height: auto; }

  .contents.sec .inner section {
    margin-top: 60px;
    padding-bottom: 90px; }
    .contents.sec .inner section p {
      margin-top: 30px;
      font-size: 16px; }
    .contents.sec .inner section ul {
      margin-top: 30px; }
      .contents.sec .inner section ul li {
        font-size: 16px; }

  header img {
    width: 140px;
    height: auto; }
/*  header h1 img {
    width: 50%;
    height: auto; }*/

  footer {
    padding-bottom: 30px; }
    footer nav ul li {
      font-size: 14px; }
    footer p.logo {
      margin: 25px 0 0; }
      footer p.logo img {
        width: 100%;
        max-width: 280px;
        height: auto; }

  .pageTop {
    bottom: 10px;
    right: 10px; }
    .pageTop a {
      padding: 15px;
      background: url("../img/icon_arrow.png") no-repeat 50% 50%;
      background-size: 10px 10px;
      width: 10px;
      height: 10px;
      line-height: 10px; }
      .pageTop a span {
        display: none; } }
@media screen and (max-width: 440px) {
  .clm3 {
    margin-top: 30px;
    display: block; }
    .clm3 div {
      display: block;
      width: 50% !important;
      float: left;
      text-align: right; }
      .clm3 div img {
        max-width: 144px; }
    .clm3 div:last-child {
      float: none;
      clear: both;
      text-align: center;
      width: 100% !important; }
      .clm3 div:last-child img {
        margin-top: -40px; }

  .contents .inner {
    padding: 40px 10px; }
    .contents .inner h3 {
      margin-top: 20px; }
    .contents .inner .mainBox {
      margin-top: 30px; }
      .contents .inner .mainBox img {
        margin-top: 0;
		padding: 0;
        max-width: 200px;
        float: none; }
    .contents .inner .logoBox {
      margin-top: 10px;
      padding: 20px 10px 10px; }
      .contents .inner .logoBox li {
        width: 50%; }

  .contents.sec .inner section {
    margin-top: 40px;
    padding-bottom: 55px;
    background-size: 50px auto; }
    .contents.sec .inner section p, .contents.sec .inner section ul {
      margin-top: 1em; }
    .contents.sec .inner section .imgBoxR {
      margin-top: 30px;
      padding-bottom: 10px;
      display: block; }
      .contents.sec .inner section .imgBoxR .txt {
        display: block;
        width: 100%;
        text-align: left; }
      .contents.sec .inner section .imgBoxR .pic {
        display: block;
        width: 100%;
        text-align: center; }
        .contents.sec .inner section .imgBoxR .pic img {
          margin-top: 10px;
          max-width: 280px; }

  header .logo p img {
    width: 100px; }
  header .btnB {
    bottom: 10px; }
    header .btnB img {
      max-width: 160px; }

  footer nav {
    padding: 15px 10px; }
    footer nav ul li {
      padding-left: 0;
      display: block; }
    footer nav ul li::after {
      content: ""; } 
}

/* margin_t */
.margin_t20 {
margin-top:20px;
}
.margin_t40 {
margin-top:40px;
}
.margin_t60 {
margin-top:60px;
}

/* margin_r */
.margin_r20 {
margin-right:20px;
}
.margin_r40 {
margin-right:40px;
}
.margin_r60 {
margin-right:60px;
}

/* margin_b */
.margin_b20 {
margin-bottom:20px;
}
.margin_b40 {
margin-bottom:40px;
}
.margin_b60 {
margin-bottom:60px;
}

/*@media screen and (max-width: 440px){
.contents .inner .mainBox2 	img {
    margin-top: 0px;
    max-width: 200px;
    float: none;
}
}

@media screen and (max-width: 880px)
{
.contents .inner .mainBox2 img {
    margin-top: 0;
    width: 100%;
    max-width: 280px;
    height: auto;
	}
}*/

/*逕ｳ縺苓ｾｼ縺ｿ繝懊ち繝ｳ*/
a.button {
	display:block;
	width: 40%;
	text-align: center;
    margin: 0 auto;
    padding: 1em 2em;
    border: none;
	background-color: #eea146;
	border-radius: 2px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 6px #7e684e;
	line-height: 1;
	color: #fff;
	top: 0;
	transition: .2s all;
	font-size: 24px;	
}

@media screen and (max-width: 768px) {
	a.button {
	width: 90%;
	font-size: 16px;	
}
}
/*sns*/
#snsBox{
	margin-top:5px;
	margin-left: 30px;
	vertical-align: baseline;
	
}

/*繝ｪ繝ｳ繧ｯ髮�*/
.footlink{
	width: 100%;
	background-color:#F0F0F0;
	padding: 40px 0 60px;
	text-align: center;
	margin:0;
}
.footlink img{
		margin: 5px 2px;
}
.footlink h3{
	color:#4A4A4A;
	font-weight: bold;
	font-size:28px;
	margin-bottom:20px;

}
@media only screen and (max-width:767px) {
	.footlink h3{
	font-size:24px;
}
}

.under {
  background: linear-gradient(transparent 60%, #a8eaff 70%);
  }
  


</pre></body></html>