@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box; }

input,
select,
textarea {
  /* 入力欄にフォーカスが当たっても拡大しない */
  font-size: 17px; }

body {
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
	background-color: aliceblue;
  font-family:'Noto Sans JP', sans-serif;}

li {
  list-style-type: none; }

img {
  vertical-align: middle; }

address {
  font-style: normal; }

address a{
  color:#fff;
  text-decoration:none; }

strong {
  font-weight: bold; }

ol,
ul {
  list-style-type: none; }

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

a {
  text-decoration: none;
  color: #666;
  transition: 0.3s; }
  a,
  a :focus {
    outline: 0; }
  a.ro:hover, a:hover .ro {
    opacity: 0.7;
    filter: alpha(opacity=70); }

.pc {
  display: none; }
  @media screen and (min-width: 737px) {
    .pc {
      display: inline; } }

.sp {
  display: none; }
  @media screen and (max-width: 641px) {
    .sp {
      display: inline; } }

table {
  width: 100%;
  background-color: #fdfdfd;
  border-collapse: collapse;
  border-bottom: 1px solid #e5e2dd; 
}

  table tr td,
  table tr th {
    border-top: 1px solid #e5e2dd;
    vertical-align: middle;
    padding: 25px; }
  table tr th {
    font-weight: bold;
    text-align: center;
    color: #3863a0;
    white-space: nowrap;
}

  @media screen and (max-width: 641px) {
    table tr td,
    table tr th {
      display: block;
      padding: 0; }
    table tr th {
      text-align: left;
      padding: 10px 15px 0; }
    table tr td {
      border-top: 0;
      padding: 0 15px 10px; } }


html {
  font-size: 14px; }
  html body {
    background-color: #f9f9f9;
    line-height: 1.7;
    font-family: 'Noto Sans JP', sans-serif;
    color: #777;
    display: flex;
    flex-direction: column; }
    html body header {
      order: 1; }
    html body .breadcrumbs {
      order: 2; }
    html body main {
      order: 3; }
    html body #localnav {
      order: 4; }
    html body #contactarea {
      order: 5; }
    html body footer {
      order: 6; }
    html body .sub-footer {
      order: 7; }
    @media screen and (max-width: 1081px) {
      html body header {
        order: 1; }
      html body main {
        order: 2; }
      html body #localnav {
        order: 3; }
      html body #contactarea {
        order: 4; }
      html body .breadcrumbs {
        order: 5; }
      html body footer {
        order: 6; } 
    html body .sub-footer {
      order: 7; }}


/*ヘッダー*/

    html body nav.greedy {
      background: linear-gradient(0deg, rgba(59,125,191,0.5) 50%,rgba(7,51,140,0.5) 100%);
      background-image: url(../img/header_index_img_18kb_2.jpg);
      background-size: cover;
      position: fixed;
      padding-top: 5px;
      width: 100%;
	  height: 170px;
      box-shadow: 0 10px 0 -5px rgba(0, 0, 0, 0.1);
      z-index: 1;
      margin-left: auto;
      margin-right: auto;
      align-items: center;}

      html body nav.greedy .inner {
        width: 100%; }

     @media screen and (max-width: 1081px) {
		html body nav.greedy {z-index:2;}
        html body nav.greedy {
          width: 100%;
          padding-top: 10px;
          margin: 0;
          height: 70px;
          top: 0;
          position: fixed;
          background-color: #2780b8;} }

      html body nav.greedy .greedy-top{
          width: 1080px;
          margin: 0 auto;}

      html body nav.greedy .greedy-top .logo {
		  float: left;}

      html body nav.greedy .greedy-top:after{
		  content: "";
		  display: block;
		  clear:both;}

      html body nav.greedy .greedy-top .right{
		  float: right;}

      html body nav.greedy .greedy-top .right .btn5 a {
		  background-color: #ffffff;
		  color: #3863A0;
		  font-size: 18px;
		  width: 100%;
		  display: block;
		  text-align: center;
		  font-weight: 700;
		  line-height: 2.5;
		  margin-top: 25px;
		  border-radius: 5px;
		  text-decoration: none;
		  padding: 3px 30px;}

      html body nav.greedy .greedy-top .right .btn5 a:hover {
	background-color: #ffd400;}

        @media screen and (max-width: 1081px) {
          html body nav.greedy .logo {
            width: auto; } }

        html body nav.greedy .logo a {
          margin-left: 60px; }

          html body nav.greedy .logo a img {
			  margin: 5px auto 5px;
			  display: block;
            height: 40px; }
          @media screen and (max-width: 1081px) {
            html body nav.greedy .logo a {
              width: auto;
              float: left;
              display: block;
              padding: 0;
              margin: 10px 0 10px 15px; }
              html body nav.greedy .logo a img {
                height: 25px; } }

          @media screen and (orientation: portrait) and (max-width: 321px) {
            html body nav.greedy .logo a {
              margin: 5px 0 5px 10px; }
              html body nav.greedy .logo a img {
                height: 20px; } }


      html body nav.greedy ul.links {
        display: flex;
        flex: 1;
        width: 1080px;
        margin: 10px auto; }
        html body nav.greedy ul.links > li {
          width: 25%; }
        html body nav.greedy ul.links li {
          position: relative;
          text-align: center; }

          html body nav.greedy ul.links li a {
            padding: 20px 0 5px;
            display: inline-block;
            width: 100%; }

            html body nav.greedy ul.links li a::after {
              position: absolute;
              bottom: 0;
              left: 0;
              content: '';
              width: 100%;
              height: 3px;
              background: #ffd400;
              transform: scale(0, 1);
              transform-origin: center top;
              transition: transform 0.3s; }
            html body nav.greedy ul.links li a:hover::after {
              transform: scale(1, 1); }
            html body nav.greedy ul.links li a span {
              width: 100%;
              color: #fff;
              font-size: 1.2rem;
              font-weight: 400;
              padding: 5px 0;
              display: inline-block;
              border-left: 1px solid #fff;
text-shadow: 1px 2px 3px #3B7DBF; }
          html body nav.greedy ul.links li:last-child a span {
            border-right: 1px solid #fff; }
          html body nav.greedy ul.links li .slinks {
            position: absolute;
            width: 100%;
            height: 0;
            opacity: 0;
            visibility: hidden;
            transition: 0.3s ease-in-out; }
            html body nav.greedy ul.links li .slinks li a {
              padding: 0;
              border-bottom: 1px solid #ffd400;
              box-sizing: border-box;
              position: relative; }
              html body nav.greedy ul.links li .slinks li a:hover::after {
                position: absolute;
                bottom: 0;
                left: 0;
                content: '　';
                width: 100%;
                height: 2px;
                background: #ffd400;
                transform: scale(1, 1);
                transform-origin: center top;
                transition: inherit;
                z-index: 100; }
	  			  
              html body nav.greedy ul.links li .slinks li a span {
                color: #888;
                font-size: 1.2rem;
                padding: 10px 0;
                display: inline-block;
                width: 100%;
                border-right: none;
                border-left: none;
                background: #e5e5e6; }
                html body nav.greedy ul.links li .slinks li a span:hover {
                  background: #f9f9f9; }
            html body nav.greedy ul.links li .slinks li:last-child a span {
              border-right: none; }
          html body nav.greedy ul.links li:hover {
            cursor: pointer; }
            html body nav.greedy ul.links li:hover .slinks {
              height: auto;
              opacity: 1;
              visibility: visible; }
        @media screen and (max-width: 1081px) {
          html body nav.greedy ul.links {
            display: none; }
            html body nav.greedy ul.links li a {
              padding: 15px 0; } }
      html body nav.greedy ul.hidden-links {
        position: absolute;
        right: 0;
        top: 100%; }
        html body nav.greedy ul.hidden-links li {
          background: #e3e3e3;
          position: relative; }
          html body nav.greedy ul.hidden-links li a {
            padding: 20px 50px;
            border-bottom: 1px solid #e5e2dd;
            border-left: 1px solid #e5e2dd;
            text-align: center;
            display: block; }
            html body nav.greedy ul.hidden-links li a::after {
              position: absolute;
              bottom: 0;
              left: 0;
              content: '';
              width: 100%;
              height: 3px;
              background: #3863a0;
              transform: scale(0, 1);
              transform-origin: center top;
              transition: transform 0.3s; }
            html body nav.greedy ul.hidden-links li a:hover::after {
              transform: scale(1, 1); }
        html body nav.greedy ul.hidden-links.hidden {
          display: none; }
        @media screen and (max-width: 737px), (max-width: 641px) {
          html body nav.greedy ul.hidden-links {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-flow: row wrap;
            flex-flow: row wrap;
            justify-content: flex-start; }
            html body nav.greedy ul.hidden-links li {
              width: 50%; }
              html body nav.greedy ul.hidden-links li a {
                padding: 20px 0; } }
@media screen and (orientation: landscape) and (max-width: 737px) {
  html body nav.greedy ul.hidden-links {
    width: 66%; } }
@media screen and (orientation: landscape) and (max-width: 641px) {
  html body nav.greedy ul.hidden-links {
    width: 100%; }
    html body nav.greedy ul.hidden-links li {
      width: 25%; } }

@media screen and (orientation: portrait) and (max-width: 737px) {
  html body nav.greedy ul.hidden-links {
    width: 100%; }
    html body nav.greedy ul.hidden-links li:nth-child(2) a {
      border-top: 0; } }

    html body header {
      height: 330px;
      position: relative; }

      html body header.js-parallax {
        background-position: center 0;
        background-repeat: repeat;
        background-size: cover;
        background-attachment: scroll; 
}
      html body header .filter {
        padding-top: 70px;
        height: 100%; }
        html body header .filter .center {
          padding-top: 100px;
          text-align: center;
          position: absolute;
          top: 50%;
          left: 50%;
 
          -webkit-transform: translateY(-70%) translateX(-50%);
			         transform: translateY(-70%) translateX(-50%);
          color: #fff;
          line-height: 1; }
          html body header .filter .center .en {
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 600;
            font-size: 2.5rem;
            letter-spacing: 0.5rem;
            text-indent: 1rem;
            display: block; }

      @media screen and (max-width: 1081px) {
        html body header {
          height: auto;
          margin-top: 70px; }
          html body header .filter {
            padding-top: 50px;
            padding-bottom: 50px;
            height: 100%; }
            html body header .filter .center {
              padding: 0;
              position: static;
 
              -webkit-transform: translateY(0) translateX(0);
		               transform: translateY(0) translateX(0);} }
      @media screen and (max-width: 737px) {
        html body header {
          height: auto; }
          html body header .filter {
            padding-top: 0;
            padding-bottom: 0; }
            html body header .filter .center {
              padding: 30px 0;
              position: static;
 
              -webkit-transform: translateY(0) translateX(0); 
		               transform: translateY(0) translateX(0);}
              html body header .filter .center .en {
                font-size: 1.2rem;
                letter-spacing: 0.3rem;
                text-indent: 0.5rem; } }
  
html body main {
      position: relative; }
      html body main section {
        margin: 50px 0 60px; 
overflow: hidden;}
      html body main section .inner {
          width: 1080px;
          margin: 0 auto; }
          html body main section .inner .SectionTitle {
            text-align: center;
            color: #4553a3;
            line-height: 1;
            margin-bottom: 50px;
            min-width: 280px; }


          html body main section .inner .SectionTitle_r {
            font-size: 1.5rem;
            text-align: center;
            color: #4553a3;
            font-weight: 400;
            letter-spacing: 0.8rem;}


           html body main section .inner .SectionTitle .en em {
                font-size: 3rem;
                font-style: normal; }
            html body main section .inner .SectionTitle .jp {
				color: #3863a0;
              font-size: 1.8rem;
              padding-bottom: 25px;
              background: url(../img/ColorBar2.png) center 100% no-repeat;
              font-weight: 400;
              letter-spacing: 0.8rem;
              text-indent: 1rem; }
            html body main section .inner .SectionTitle .jp02 {
				color: #3863a0;
              font-size: 1.8rem;
              padding-bottom: 25px;
              background: url(../img/ColorBar2.png) center 100% no-repeat;
              font-weight: 400;
              text-indent: 1rem; }
            html body main section .inner .SectionTitle.SectionTitleJP {
              margin-bottom: 20px; }
              html body main section .inner .SectionTitle.SectionTitleJP .jp {
                font-size: 2.5rem;
                padding-bottom: 15px;
                margin-top: 0;
                padding-top: 0;
                background-position: center bottom; }
          html body main section .inner .SectionTitle2 {
            text-align: center;
            color: #4553a3;
            line-height: 1;
            margin-bottom: 40px; }
            html body main section .inner .SectionTitle2 .en {
              font-family: din-2014, 'Noto Sans JP', sans-serif;
              font-weight: 600;
              font-size: 2.5rem; }
              html body main section .inner .SectionTitle2 .en em {
                font-size: 3rem;
                font-style: normal; }
            html body main section .inner .SectionTitle2 .jp {
              font-weight: 700;
              font-size: 1rem;
              font-family: source-han-sans-japanese, 'Noto Sans JP', sans-serif;
              margin-top: 15px;
              padding-top: 15px;
              background: url(../img/ColorBar.png) center 0 no-repeat;
              line-height: 1.5;
              color: #4553a3; }
            html body main section .inner .SectionTitle2.SectionTitleJP {
              margin-bottom: 20px; }
              html body main section .inner .SectionTitle2.SectionTitleJP .jp {
                font-size: 2.5rem;
                padding-bottom: 15px;
                margin-top: 0;
                padding-top: 0;
                background-position: center bottom; }
          html body main section .inner h2 {
            color: #888; }
          html body main section .inner p {
            margin-top: 30px; }
            html body main section .inner p.copy {
              text-align: center;
              font-size: 2rem;
              line-height: 1.4;
              font-weight: bold;
              color: #4553a3; }

      @media screen and (max-width: 1081px) {
        html body main section {
          margin: 40px 0; }
          html body main section .inner {
            width: 100%;
            padding: 0 5%; }
            html body main section .inner .SectionTitle {
              margin-bottom: 25px; }
            html body main section .inner p {
              margin-top: 15px; } }
      @media screen and (max-width: 737px) {
        html body main section .inner .SectionTitle .en {
          font-size: 2.6rem; }
        html body main section .inner .SectionTitle .jp {
          font-size: 1.3rem; 
		  }
		html body main section .inner .SectionTitle .jp02 {
          font-size: 1.3rem; 
		  }
		html body main section .inner .SectionTitle_r {
          font-size: 1.2rem}
        html body main section .inner .SectionTitle.SectionTitleJP .jp {
          font-size: 1.8rem; }
        html body main section .inner h2 {
          font-size: 1.3rem; }
        html body main section .inner p.copy {
          font-size: 1.6rem; }
        html body main section .inner .btn a {
          padding: 10px 20px; } }

/*topimage*/
html body#toppage .topimg2 {
	position: relative;
	height: 100%;
	overflow: hidden;
    margin-top: 80px;
}

html body#toppage video{
	width: 100%;
}
 @media screen and (max-width: 1080px) {
	 html body#toppage .topimg2 {
		 top:0;
 height: 100%;
    width: auto;
	 }
}


/* Footer Style */

html body footer {
  padding-top: 82px;
  background: url("../img/footer_bg_03.png")  repeat-x 0 0;
}
html body footer .footer-top {
  background-color:#3B7DBF;
  padding-bottom: 10px;
}

html body footer .footer-top .wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
	margin-bottom: 20px;
}

html body footer .footer-top .wrap li {
  margin: 35px 20px 20px;
  display: inline-block;
}

html body .footer-top .wrap li a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

html body footer .footer-top .wrap li a:hover {
	color: #ffd400;
}
html body footer .footer-top .wrap address {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  font-style: normal;
}
   @media screen and (max-width: 737px) {	  	   
	   html body footer .footer-top {
	  padding-top: 2px;
}
html body footer .footer-top .wrap ul{
	display: none;
}  }
   @media screen and (max-width: 737px) {
html body footer .footer-top .wrap address{
	margin-top:20px;
}  }

/* Sub-footer Style */
 html body footer .sub-footer {
	background-color: #07338C;
	text-align: center;
	padding: 10px 0px;
}
 html body footer .sub-footer p {
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	   font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.5px;
}

    html body#toppage header {
      height: 600px;
      position: relative; }
      html body#toppage header .inner {
        width: 100%;
        height: 600px;
        margin: 180px auto 0px;
        overflow: hidden; }

/*toppage-about*/

    html body#toppage main .about .inner {
      width: 780px;
      margin: 0px auto 0px; }
      html body#toppage main .about .inner p {
        margin: 0;
		  font-size: 1.6rem;
        font-family:'Noto Sans JP', sans-serif;
        color: #838383;
		  text-align: center;
        line-height: 2; }

    @media screen and (max-width: 1570px) {
      html body#toppage header .inner {
        width: 100%; 
		margin-top: 0;}
}
	@media screen and (max-width: 1366px) {
      html body#toppage main .about .inner {
        margin: 10px auto 0; }
}
    @media screen and (max-width: 1081px) {
				      html body#toppage header .inner {
		  margin-top: 0;
		}
      html body#toppage main .about .inner {
        width: 100%;
        margin: 0 auto;
        position: relative; }
        html body#toppage main .about .inner p {
          margin: 0; } }

	@media screen and (max-width: 1024px) {
      html body#toppage main .about .inner p {
		font-size: 1.2rem; }
}
    @media screen and (max-width: 737px) {
      html body#toppage header {
        height: 300px; }
		
        html body#toppage header .inner {
          height: 300px; }
		
      html body#toppage main .about .inner {
        width: 100%;
        padding: 0 5%; }
        html body#toppage main .about .inner p {
          font-size: 1.2rem; }}

	@media screen and (max-width: 600px) {
      html body#toppage main .about .inner p {
		font-size: 1.1rem; }
}

/*toppage-main*/

    html body#toppage main .wrap {
      margin-bottom: 20px; }

      html body#toppage main .wrap .inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; }

        html body#toppage main .wrap .inner li {
          width: 33.3%;
          padding:0 1.5%;
          position: relative; 
		margin-bottom: 20px;}

          html body#toppage main .wrap .inner li h2 {
			  text-align: left;
            margin-top: 20px;
            font-size: 1.8rem;
            font-weight: 400;
			  line-height: 1.2;
            color: #3863A0;
			border-left: solid 10px #ffd000;
			padding-left: 10px;}

   html body#toppage main .wrap .inner li p {
            font-size: 1.3rem;
            color: #888888; 
			  line-height: 1.8;}

    html body#toppage main .wrap .inner li img {
            width: 100%; }

    html body#toppage main .wrap .inner .btn3 a {
	background-color: #3863A0;
	color: #ffffff;
	font-size: 18px;
	width: 73%;
	display: block;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	border-radius: 20px;
	text-decoration: none;
}
     html body#toppage main .wrap .inner .btn3 a:hover {
	opacity: 0.7;
}

    @media screen and (max-width: 1081px) {
      html body#toppage main .wrap {
        margin-bottom: 20px; }
        html body#toppage main .wrap .inner {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around; }
          html body#toppage main .wrap .inner li {
            width: 33.3%;
            padding: 1.5% 1.5%;
            position: relative; }

            html body#toppage main .wrap .inner li h2 {
              font-size: 1.7rem; }
            html body#toppage main .wrap .inner li p {
              margin-top: 15px;
              font-size: 1.3rem;
              font-family: 'Noto Sans JP', sans-serif;
              color: #888888;
              line-height: 1.5; }
            html body#toppage main .wrap .inner li img {
              width: 100%;
		margin-top: 30px;} }

    @media screen and (max-width: 737px) {
      html body#toppage main .inner li {
        width: 33%; }
		
      html body#toppage main .wrap {
        margin-bottom: 20px; }
        html body#toppage main .wrap .inner {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around; }
		
          html body#toppage main .wrap .inner li {
            width: 33.3%;
            padding: 1.5% 1.5%;
			border-bottom: 1px solid #2780b8;
            position: relative; }

            html body#toppage main .wrap .inner li:nth-child(3n+3) {
					border-bottom: none;}
		
            html body#toppage main .wrap .inner li h2 {
              font-size: 1.7rem; }
            html body#toppage main .wrap .inner li p {
              margin-top: 15px;
              font-size: 1.3rem;
              font-family: 'Noto Sans JP', sans-serif;
              color: #888888;
              line-height: 2; }
            html body#toppage main .wrap .inner li img {
              width: 100%; } 


          html body#toppage main .wrap .inner .btn3 a {
	margin-bottom: 20px;
}}

    @media screen and (max-width: 641px) {
      html body#toppage main .inner li {
        width: 50%; }
      html body#toppage main .wrap {
        margin-bottom: 20px; }
        html body#toppage main .wrap .inner li {
          width: 100%;
          padding: 1.5%;
          position: relative; }
		
          html body#toppage main .wrap .inner li h2 {
            font-size: 1.7rem; }
          html body#toppage main .wrap .inner li p {
            margin-top: 15px;
            font-size: 1.3rem;
            font-family: 'Noto Sans JP', sans-serif;
            color: #888888;
            line-height: 2; } }

/*advantage（事業内容）*/

    html body#advantage header.js-parallax {
      background-image: url("../img/HeaderBg_businesscontent.jpg");
      background-repeat: repeat-x; 
margin-top:180px;}

    html body#advantage main section .inner {
      max-width: 1040px; }
      html body#advantage main section .inner .SectionTitle {
        margin-bottom: 20px; }
      html body#advantage main section .inner .catch {
        margin: 45px;
        text-align: center;
        font-size: 1.5rem;
        font-family: 'Noto Sans JP', sans-serif;
        color: #888888;
        line-height: 2; }

    @media screen and (max-width: 1081px) {
	html body#advantage header.js-parallax {
margin-top:60px;}
    html body#advantage main section .inner {
        max-width: 100%; }
        html body#advantage main section .inner .SectionTitle {
          margin-bottom: 20px; }
        html body#advantage main section .inner .catch {
          margin: 45px auto;
          text-align: center;
          font-size: 1.5rem;
          font-family: 'Noto Sans JP', sans-serif;
          color: #888888;
          line-height: 2;
          font-weight: 200; }}
 
    @media screen and (max-width: 737px) {
      html body#advantage main section .inner {
        max-width: 100%; }
        html body#advantage main section .inner .SectionTitle {
          margin-bottom: 20px; }
        html body#advantage main section .inner .catch {
          margin: 35px auto;
          text-align: left;
          font-size: 1.3rem;
          font-family: 'Noto Sans JP', sans-serif;
          color: #888888;
          line-height: 2; }}

    @media screen and (max-width: 641px) {
      html body#advantage main section .inner {
        max-width: 100%; }
        html body#advantage main section .inner .SectionTitle {
          margin-bottom: 20px; }
        html body#advantage main section .inner .catch {
          margin: 35px auto;
          text-align: left;
          font-size: 1.3rem;
          font-family: 'Noto Sans JP', sans-serif;
          color: #888888;
          line-height: 2; }}

/*advantage（事業内容new）*/

     html body#advantage main section .wrap {
		 width: 1080px;
		 margin: 0 auto;
		 background-color: #fff;
      margin-bottom: 20px; }
     html body#advantage main section .wrap .inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; }
     html body#advantage main section .wrap .inner li {
          width: 50%;
          padding: 3% 8%;
          border-right: 1px solid #2780b8;
          position: relative; }

     html body#advantage main section .wrap .inner li h2 {
			  text-align: left;
            margin-top: 20px;
            font-size: 1.8rem;
            font-weight: 400;
            color: #3863A0;
		 line-height: 1.2;
			border-left: solid 10px #ffd000;
  padding-left: 10px;
}
     html body#advantage main#toppage .wrap .inner li:nth-child(2n+2) {
            border-right: none;}

     html body#advantage main section .wrap .inner li p {
            font-size: 1.3rem;
            color: #888888; 
		 padding: 0;
		 margin-top: 20px;
}
     html body#advantage main section .wrap .inner li img {
            width: 100%; }

    @media screen and (max-width: 1081px) {
        html body#advantage main section .wrap {
        margin-bottom: 20px; }
            html body#advantage main section .wrap .inner {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around; }
               html body#advantage main section .wrap .inner li {
            width: 50%;
            padding: 3% 3%;
            border-right: 1px solid #2780b8;
            position: relative; }

		 html body#advantage main section .wrap .inner li h2 {
              font-size: 1.7rem; }
              html body#advantage main section .wrap .inner li p {
              margin-top: 15px;
              font-size: 1.3rem;
              font-family: 'Noto Sans JP', sans-serif;
              color: #888888;
              line-height: 2; }
                 html body#advantage main section .wrap .inner li img {
              width: 100%; } }

    @media screen and (max-width: 737px) {
		     html body#advantage main section .wrap {
		 width: 100%; }
        html body#advantage main section .wrap .inner li {
        width: 100%; }
         html body#advantage main section .wrap .wrap {
        margin-bottom: 20px; }
             html body#advantage main section .wrap .inner {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-around; }
            html body#advantage main section .wrap .inner li {
            width: 100%;
            padding: 3% 3%;
            border-right: none;
			border-bottom: 1px solid #2780b8;
            position: relative;
		margin-bottom: 30px;}
		
		   html body#advantage main section .wrap .inner li:nth-child(2n+2) {
           border-bottom: none; }

           html body#advantage main section .wrap .inner li h2 {
              font-size: 1.7rem; }
                 html body#advantage main section .wrap .inner li p {
              margin-top: 15px;
              font-size: 1.3rem;
              font-family: 'Noto Sans JP', sans-serif;
              color: #888888;
              line-height: 2; }
                 html body#advantage main section .wrap .inner li img {
              width: 100%; } }

    @media screen and (max-width: 641px) {
           html body#advantage main section .wrap .inner li {
        width: 50%; }
      html body#toppage main .wrap {
        margin-bottom: 20px; }
        html body#advantage main#toppage .wrap .inner li {
          width: 100%;
          padding: 1.5%;
          position: relative; }

         html body#advantage main section .wrap .inner li h2 {
            font-size: 1.7rem; }
               html body#advantage main section .wrap .inner li p {
            margin-top: 15px;
            font-size: 1.3rem;
            font-family: 'Noto Sans JP', sans-serif;
            color: #888888;
            line-height: 2; } }


/*advantage真誠電気の強み*/
    html body#product main .wrap .inner li img {
            width: 100%; }

    html body#product header.js-parallax {
      background-image: url("../img/HeaderBg_advantage.jpg"); 
margin-top:180px;}

    html body#product main section .inner {
      max-width: 1040px; }

    html body#product main section .inner .SectionTitle {
        margin-bottom: 20px; }

   html body#product main section .wrap {
	  width: 840px;
	  margin: 0 auto;
      margin-top: 50px;
	   background-color: #fff;
}
   html body#product main section .wrap ol {
        width: 840px;
        margin: 0 auto; }
   html body#product main section .wrap ol .item {
          display: flex;
          justify-content: space-between;
          border-bottom: 1px solid #2780b8;
          padding: 30px; }
   html body#product main section .wrap ol .item:last-child {
            border-bottom: none; }
   html body#product main section .wrap ol .item__img {
            width: 300px; }
   html body#product main section .wrap ol .item__img img {
              width: 100%; }
   html body#product main section .wrap ol .item .box {
            width: 440px; }

   html body#product main section .wrap ol .item .box__tit span {
               			  text-align: left;
            margin-top: 20px;
            font-size: 1.6rem;
            font-weight: 400;
            color: #3863A0;
		 line-height: 3rem;
			border-left: solid 10px #ffd000;
  padding-left: 10px;}
   html body#product main section .wrap ol .item .box__text {
              font-size: 1.3rem;
				line-height: 2.3rem;
	               color: #888888; 
              font-family: 'Noto Sans JP', sans-serif;
              margin-top: 5px; }
   html body#product main section .wrap ol .item .tit {
            font-weight: 700;
            font-size: 1.7rem;
            font-family: source-han-sans-japanese, 'Noto Sans JP', sans-serif;
            color: #4553a3;
            margin: 0; }
   html body#product main section .wrap ol .item .thumb {
            margin-top: 10px;
            height: 180px;
            background-position: 0 0;
            background-repeat: no-repeat;
            display: flex;
            justify-content: center;
            align-items: center; }
     html body#product main section .wrap ol .item .thumb p {
              margin: 0;
              font-size: 1.5rem;
              color: #fff;
              font-weight: bold;
              text-shadow: 0 0 5px rgba(1, 1, 1, 0.75); }

    @media screen and (max-width: 1081px) {
		     html body#product header.js-parallax {
margin-top:60px;}
		     html body#product main section .inner {
        max-width: 100%; }
html body#product main section .wrap ol {
          width: 100%;
          padding: 0 5%; }

     html body#product main section .wrap ol .item {
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #2780b8;}

     html body#product main section .wrap ol .item:last-child {
              border-bottom: none; }
     html body#product main section .wrap ol .item__img {
              width: 30%; }
     html body#product main section .wrap ol .item__img img {
                width: 100%; }
     html body#product main section .wrap ol .item .box {
              width: 65%; }}
			
    @media screen and (max-width: 737px) {
      html body#product  main section .wrap {
		  		 width: 100%; 
        margin-top: 35px;}
     html body#product  main section .wrap ol {
          width: 100%;
          margin: 0 auto;
          border-right: none;
          border-left: none; }
     html body#product  main section .wrap ol .item {
            padding: 5%; }
     html body#product  main section .wrap ol .item:last-child {
              border-bottom: none; }
     html body#product  main section .wrap ol .item__img {
              width: 40%; }
     html body#product  main section .wrap ol .item__img img {
                width: 100%; }
     html body#product  main section .wrap ol .item .box {
              width: 55%; }
}

    @media screen and (max-width: 641px) {
      html body#product main section .wrap ol .item {
            display: flex;
            flex-direction: column;
            justify-content: inherit;
            border-bottom: 1px solid #2780b8;
            padding: 5%; }
            
      html body#product  main section .wrap ol .item__img {
              width: 100%; }
      html body#product  main section .wrap ol .item__img img {
                width: 100%; }
      html body#product  main section .wrap ol .item .box {
              width: 100%;
              margin-top: 15px; }
}


/*採用情報*/

    html body#recruit header.js-parallax {
      background-image: url("../img/HeaderBg_recruit.jpg"); 
margin-top:180px;}
    html body#recruit main#toppage .inner {
      max-width: 1040px; }
      html body#recruit main#toppage .inner p {
        margin-top: 0;
        font-family: 'Noto Sans JP', sans-serif;
        color: #888;
        line-height: 2.2;
        font-size: 1.4rem;
        font-weight: 200;
        text-align: center;
        letter-spacing: 0.3rem;
        text-indent: 0.3rem; }

/*採用情報-内容id#guideline*/

    html body#recruit main#guideline section {
      margin-top: 80px; }
      html body#recruit main#guideline section:first-child {
      margin-top: 50px; }
      html body#recruit main#guideline section .inner {
      max-width: 800px; }

      html body#recruit main#guideline section .inner .catch {
      margin: 45px;
      text-align: center;
      font-size: 1.5rem;
      font-family:'Noto Sans JP', sans-serif;
      color: #888888;
      line-height: 1.5; }

      html body#recruit main#guideline section .inner table {
      margin-top: 10px; }
      html body#recruit main#guideline section .inner table td {
      font-size: 1.1rem; }

     html body#recruit main#guideline .btn4 a {
      background-color: #3863a0;
      color: #fff;
      font-size: 120%;
      font-weight: 700;
      padding: 12px 30px;
      border-radius: 30px;
      transition: all 0.3s;
      display: block;
      text-align: center;
      margin: 0 auto 80px;
      width: 30%;
      }

			  
      @media screen and (max-width: 1081px) {
      html body#recruit header.js-parallax {
      margin-top:60px;}
      html body#recruit main#guideline section .inner .catch {
      margin: 45px auto;
      text-align: center;
      font-weight: 200; }
      html body#recruit main#guideline section .inner table td {
      font-size: 1.1rem; } 
			
      html body#recruit main#guideline section .inner table {
      margin-top: 30px; }
      html body#recruit main#guideline section .inner table td {
      font-size: 1.1rem; }
      html body#recruit main#guideline section .inner table td img {
      margin: 20px auto 20px; }
      html body#recruit main#guideline section .inner table td .tdleft {
      float: none;}

      html body#recruit main#guideline section .inner table .tdright {
      float: none;}		
      html body#recruit main#guideline .btn4 a {
      font-size: 100%;
      padding: 20px;
      width: 40%;}}
      @media screen and (max-width: 737px) {
      html body#recruit main#guideline section .inner h3 {
      font-size: 1.6rem; }

      html body#recruit main#guideline section .inner .catch {
      margin: 35px auto;
      text-align: left;
      font-size: 1.3rem;
      font-weight: 200; }
			
      html body#recruit main#guideline section .inner table {
      margin-top: 5px; }
      html body#recruit main#guideline section .inner table td {
      font-size: 1.1rem; }
      html body#recruit main#guideline section .inner table td img {
      margin: 10px auto 20px; }
			
      html body#recruit main#guideline .btn4 a {
      font-size: 100%;
      padding: 20px;
      width: 80%;
      margin-bottom: 50px;}
      html body#recruit main#guideline .btn4 a:hover {
      opacity: 0.7;} }

      @media screen and (max-width: 641px) {
      html body#recruit main#guideline section .inner .catch {
        margin: 35px auto;
        text-align: left;
        font-size: 1.3rem;
		font-weight: 200; }
      html body#recruit main#guideline .btn4 a {
        width: 80%;
		margin-bottom: 50px;} }

/*会社概要*/

    html body#corporate header.js-parallax {
      background-image: url("../img/HeaderBg_corporate.jpg"); 
      margin-top:180px;}

    html body#corporate main#outline section .inner table {
      width: 780px;
      margin: 0 auto 50px; }
      html body#corporate main#outline section .inner table th {
        padding: 20px;
        vertical-align: top; }
      html body#corporate main#outline section .inner table td {
        padding: 20px; }

html body#corporate main#outline section #map{
	margin-top: 50px;
}

    @media screen and (max-width: 1081px) {
	  html body#corporate header.js-parallax {
        margin-top:60px;}
		
      html body#corporate main#outline section .inner table {
        width: 100%;
        margin: 0 auto 50px; }
        html body#corporate main#outline section .inner table th {
          padding: 20px;
          vertical-align: top; }
        html body#corporate main#outline section .inner table td {
          padding: 20px; }}
    @media screen and (max-width: 737px) {
      html body#corporate main#outline section .inner table {
        width: 100%;
        margin: 0 auto 50px; }
        html body#corporate main#outline section .inner table th {
          padding: 20px 20px 0;
          vertical-align: top; }
        html body#corporate main#outline section .inner table td {
          padding: 20px; }}


/*mailform*/

    html body#mailform header.js-parallax {
      background-image: url("../img/HeaderBg_mailform.jpg");
      background-repeat: repeat-x;
margin-top:180px;}
    html body#mailform main section .inner {
      max-width: 1040px; }
      html body#mailform main section .inner .SectionTitle {
        margin-bottom: 20px; }
      html body#mailform main section .inner .catch {
        margin-top: 45px;
        text-align: center;
        font-size: 1.2rem;
        font-family: 'Noto Sans JP', sans-serif;
        color: #888888;
        line-height: 2; }

    @media screen and (max-width: 1081px) {
    html body#mailform header.js-parallax {
margin-top:60px;}}

    @media screen and (max-width: 737px) {
		html body#mailform header .filter .center .jp {
            letter-spacing: 0.2rem;
            }
		html body#mailform main section .inner .catch{
        font-size: 100%;
		margin: 0;
		padding: 0;}}


/*thanks*/

    html body#mailform .btn4 a {
			  	background-color: #3863a0;
			  	color: #fff;
			  	font-size: 120%;
			  	font-weight: 700;
			  	padding: 12px 30px;
			  	border-radius: 30px;
			  	transition: all 0.3s;
			  	display: block;
			  	text-align: center;
			  	margin: 0 auto 80px;
			  	width: 30%;}


        @media screen and (max-width: 1081px) {
          html body#mailform .btn4 a {
              font-size: 100%;
              padding: 20px;
              width: 60%;}}