@charset "utf-8";

#content_Wrap{
margin-top: 100px;
overflow: hidden;
}

.btn_green:hover {
color: #22B073;
}

.page_link {
position: relative;
}
.page_link:before {
content: "";
width: 100%;
height: 100px;
visibility: hidden;
position: absolute;
left: 0;
top: 0;
margin-top: -100px;
padding-top: 100px;
}
.indent-1 {
text-indent: -1em;
padding-left: 1em;
}

/*===== スクロール表示のお問い合わせボタン =====*/
#pageTop {
position: absolute;
margin-left: auto;
margin-right: 0;
}
#page_stickyBtn {
position: sticky;
bottom: 0px;
margin-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
}
#scroll_contactBtn {
display: none;
cursor: pointer;
/*position: sticky;*/
position: relative;
right: 80px;
bottom: 20px;
margin-left: auto;
z-index: 100;
width: 160px;
background: #22B073;
transition: .3s;
color: #fff;
}
#scroll_contactBtn:hover {
opacity: .7;
}
#scroll_contactBtn a {
display: flex;
justify-content: center;
align-items: center;
padding: 17px 0;
}
#scroll_contactBtn a span {
color: #fff;
}
#scroll_contactBtn a img {
width: 20px;
margin-right: 5px;
}

/*===== メインビジュアル =====*/
.main_Wrap{
  position: relative;
  width: 100%;
  background: url(../img/main.jpg) center center no-repeat;
  background-size: contain;
  padding-top: 31.666666666666664%;
}
.main_Wrap .main_ttl{
  position: absolute;
  bottom: 10%;
  left: 5%;
  color: #fff;
}
.main_Wrap .main_ttl h2{
  font-family: 'Oswald', sans-serif;
  font-size: 50px;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}
.main_Wrap .main_ttl .sub_ttl{
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: bold;
}

/*===== パンくずリスト =====*/
.breadcrumbs{
  width: 90%;
  max-width: 1000px;
  margin: 20px auto 0;
}
.breadcrumbs ul li{
  position: relative;
  font-size: 12px;
  color: #707070;
}
.breadcrumbs ul li::after{
  position: absolute;
  content: "/";
  font-size: 12px;
  top: 0;
  right: -0.8em;
}
.breadcrumbs ul li:not(:first-child){ padding-left: 1em;}
.breadcrumbs ul li a{
  text-decoration: underline;
  color: #707070;
}
.breadcrumbs ul li a:hover{ text-decoration: none;}

/*===== 金型・精密部品 =====*/
.page_Wrap{
  width: 100%;
  margin: 90px auto 0;
}
.page_Wrap article {
width: 1200px;
max-width: 100%;
margin: 0 auto;
}
.page_Wrap article h3 {
font-size: 34px;
position: relative;
padding-bottom: 30px;
margin-bottom: 40px;
font-weight: bold;
}
.page_Wrap article h3:after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
width: 80px;
height: 3px;
background: #22B073;
}
.page_Wrap article h4 {
font-size: 28px;
margin-bottom: 20px;
font-weight: bold;
color: #000;
}
.page_Wrap article h6 {
font-size: 22px;
margin: 40px auto 20px;
font-weight: bold;
color: #22B073;
}
.page_Wrap article h4 strong {
font-size: 200%;
font-weight: bold;
margin-right: 20px;
font-family: 'Oswald', sans-serif;
color: #22B073;
}

.ex_box {
width: 100%;
background: #e8f6f1;
border-radius: 20px;
padding: 25px 20px;
position: relative;
margin-top: 40px;
}
.ex_box .ex_ttl {
color: #22AB73 ;
font-size: 20px;
font-weight: bold;
position: absolute;
left: 15px;
top: -15px;
}
.ex_box p {
font-size: 14px;
}
.ex_box .ex_txt {
font-size: 14px;
line-height: 1.6;
font-weight: normal;
}
.ex_box .ex_txt strong {
font-weight: bold;
}
.ex_box .ex_txt .indent-1 {
text-indent: 0;
padding-left: 1em;
}

.ex_box.none {
background: none;
    padding-left: 0;
    padding-right: 0;
}
.ex_box.none .ex_ttl {
    left: 0;
}

.kg_box {
margin-bottom: 50px;
}

.motor {
width: 1000px;
max-width: 90%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 20px;
}
.motor article {
width: 300px;
max-width: 100%;
margin: 0 20px 0 0;
}
.motor article p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 40px;
margin-top: 20px;
}

.partner {
margin-top: 50px;
}

.partner_flow {
width: 1000px;
max-width: 90%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 60px;
}
.partner_flow li {
width: 30%;
text-align: center;
font-size: 12px;
}
.partner_flow li.arrow {
width: 20px;
margin: 0 10px;
display: flex;
justify-content: center;
align-items: center;
}
.partner_flow li.arrow img {
margin-top: -1.5em;
}
.partner_flow li p {
text-align: center;
width: 90%;
height: 5em;
line-height: 1.3;
color: #22AC73;
background: #fff;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
font-weight: bold;
border: 2px solid #22AC73;
margin-bottom: 10px;
margin: 0 auto;
margin-bottom: 10px;
}
.ryosan {
margin-top: 30px;
}

.red {
color: #d85353;
font-weight: bold;
}
.page_Wrap article h5 {
font-size: 20px;
margin: 15px auto;
font-weight: bold;
color: #22B073;
}
.page_Wrap article p {
line-height: 1.8;
}
.page_Wrap article p.small {
font-size: 12px;
}

/*基本情報*/
.page_Wrap article.basic_info {
max-width: 90%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page_Wrap article.basic_info .ttl {
width: 45%;
}
.page_Wrap article.basic_info .ttl p {
line-height: 2;
}
.page_Wrap article.basic_info .ttl_img {
width: 40%;
}
.hash {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: 20px;
}
.hash .hashtag {
color: #22B073;
text-decoration: underline;
margin-right: 20px;
font-size: 14px;
transition: 0.3s;
}
.hash a {
margin-bottom: 20px;
}
.hash .hashtag:hover {
text-decoration: none;
}
.mac_system {
width: 1000px;
max-width: 90%;
margin: 50px auto;
background: #F0F0F0;
padding: 30px;
border-radius: 10px;
text-align: center;
}
.mac_system h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
color: #22B073;
border-bottom: 1px solid #22B073;
text-align: left;
line-height: 1.5;
}
.mac_system p {
line-height: 1.8;
text-align: left;
}
.mac_system a.btn_green {
margin-top: 15px;
}
.mac_system ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 20px auto;
}
.mac_system ul li {
width: 48%;
background: #fff;
}


/*ラインナップ*/
.page_Wrap article.lineup_wrap {
width: 100%;
max-width: 100%;
margin: 100px auto 0;
}
.page_Wrap article.lineup_wrap .midashi {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
.page_Wrap .lineup_wrap .lineup {
width: 100%;
padding: 50px 0;
}
.page_Wrap .lineup_wrap .lineup.bg {
width: 100%;
background: #F0F0F0;
}
.page_Wrap .lineup_wrap .lineup .inner {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
.page_Wrap .lineup_wrap .lineup .inner ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1 {
align-items: center;
}
.page_Wrap .lineup_wrap .lineup .inner ul.press {
margin-bottom: 70px;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1 li {
width: 48%;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex3-1 {
margin: 50px auto;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex3-1 li {
width: 31%;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex3-1 li figure {
background: #fff;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex3-1 li p {
font-size: 14px;
}

.txt_black {
color: #000 !important;
}
.txt_green {
color: #22AC73 !important;
}
.trophy {
width: 700px;
max-width: 90%;
margin-top: 30px;
}
.trophy .txt_black {
margin-bottom: 20px;
}
.trophy h4 {
color: #22AF73;
}
.trophy ul {
border-top: 2px solid #22AC73;
}
.trophy ul li {
padding: 15px 0;
line-height: 1.7;
border-bottom: 2px solid #22AC73;
font-size: 15px;
}
.trophy .hyoka {
margin-bottom: 30px;
}

.ex_box {
width: 800px;
max-width: 90%;
}
.science_siryo {
margin-top: 70px;
margin-bottom: 50px;
}
/*
.mac_video {
width: 800px;
max-width: 90%;
margin-top: 40px;
}
.mac_video video {
	width: 100%;
}
*/

.mac_videoBox{
width: 800px;
max-width: 90%;
}
.mac_video {
margin-top: 40px;
position: relative;
width:100%;
height:0;
padding-top: 56.25%;
}
.mac_video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.read_frame {
width: 100%;
max-width: 100%;
margin: 30px auto;
padding: 25px 20px 20px;
border: 1px solid #22B073;
position: relative;
}
.read_frame .frame_ttl {
content: "";
background: #fff;
color: #22B073;
font-size: 22px;
font-weight: bold;
position: absolute;
left: 5px;
top: -15px;
padding: 0 10px;
}
.read_frame p {
font-size: 15px;
}
.page_Wrap .lineup_wrap .lineup .sub_micron {
width: 220px;
max-width: 40%;
margin-right: 15px;
margin-bottom: 5px;
float: left;
}
.page_Wrap .lineup_wrap .lineup .michi {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
margin: 10px auto;
}
.page_Wrap .lineup_wrap .lineup .michi figure {
width: 48%;
}
.page_Wrap .lineup_wrap .lineup .michi figcaption {
font-size: 12px;
text-align: center;
margin-top: 5px;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1.ex_03-04 {
align-items: flex-start;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1.ex_03-04 li {
width: 46%;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1.ex_03-04 li:first-child {
border-right: 1px solid #22B073;
margin-right: 4%;
padding-right: 4%;
width: 49%;
}


/*精密部品加工例*/
.kakou_wrap {
width: 100%;
}
.page_Wrap article.kakou_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.page_Wrap article.kakou_wrap h3 {
width: 100%;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.page_Wrap article.kakou_wrap .ttl {
width: 45%;
margin-right: 5%;
}
.page_Wrap article.kakou_wrap .ttl p {
line-height: 2;
}
.page_Wrap article.kakou_wrap .ttl_img {
width: 45%;
}
.ex_kako {
width: 1200px;
max-width: 90%;
margin: 50px auto;
}
.ex_kako ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 50px auto;
}
.ex_kako ul li {
width:22%;
}
.ex_kako ul li p {
font-size: 13px;
line-height: 1.4;
margin: 10px auto 20px;
}



/*サービス*/
.service_wrap {
width: 100% !important;
max-width: 100%;
padding: 80px 0;
}
.service_wrap .inner {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
.service_wrap.bg {
background: #F0F0F0;
}
.service_wrap .flex {
justify-content: space-between;
}
.service_wrap .ttl {
width: 45%;
margin-left: 0%;
}
.service_wrap .ttl p {
line-height: 1.8;
}
.service_wrap .ttl_img {
width: 50%;
}
.service_wrap .ttl_img.kumitate {
flex-wrap: wrap;
align-items: center;
}
.service_wrap .ttl_img.kumitate img {
width: 50%;
}
.service_list {
width: 100%;
background:#F0F0F0;
padding: 50px 0;
margin: 50px auto;
}
.service_wrap .inner {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}
.service_list .big_num {
color: #22B073;
font-size: 9vw;
font-family: 'Oswald', sans-serif;
}
.service_list .list_wrap {
text-align: center;
}
.service_list .list_wrap h4 ,
.service_list .list_wrap p {
text-align: left;
}
.service_list .list_wrap a {
margin-top: 20px;
}
.maintenance {
margin-top: 50px;
}
.maintenance_list {
justify-content: flex-start !important;
flex-wrap: wrap;
margin: 30px auto 50px;
}
.maintenance_list li {
width: 23%;
margin-right: 2.66%;
margin-bottom: 20px;
border-radius: 100px;
}
.maintenance_list li:nth-child(4n) {
margin-right: 0;
}
.maintenance_list li a {
display: block;
text-align: center;
}



/*電子ブック*/
.techno {
width: 1000px;
max-width: 90%;
margin: 0 auto;
text-align: center;
}
.techno a {
transition: 0.3s;
}
.techno a:hover {
opacity: 0.7;
}

/*============================
Tab
============================*/
@media only screen and (max-width: 1024px) {



}


/*============================
sp
============================*/
@media only screen and (max-width: 768px) {

/*===== メインビジュアル =====*/
.main_Wrap {
background-size: cover;
padding-top: 60%;
}
.main_Wrap .main_ttl h2 {
font-size: 30px;
}
.page_Wrap article p {
font-size: 15px;
}
.page_Wrap article h3 {
font-size: 25px;
padding-bottom: 20px;
margin-bottom: 30px;
}

/*===== 金型・精密部品 =====*/
.page_Wrap{ margin: 40px auto 60px;}
.page_Wrap article.basic_info .ttl {
width: 100%;
max-width: 90%;
margin: 0 auto;
}
.page_Wrap article.basic_info .ttl_img {
width: 100%;
max-width: 90%;
margin: 20px auto 0;
}
.page_Wrap article h4 {
font-size: 18px;
}
.mac_system {
padding: 20px;
}
.mac_system ul li {
width: 100%;
margin-bottom: 20px;
}
.mac_system ul li:last-child {
margin-bottom: 0;
}

.page_Wrap article.lineup_wrap {
margin: 50px auto;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1 li {
width: 100%;
margin-bottom: 20px;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex3-1 li {
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #22B073;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1.ex_03-04 li:first-child {
width: 100%;
border-right: none;
margin-right: 0;
padding-right: 0;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #22B073;
}
.page_Wrap .lineup_wrap .lineup .inner ul.flex2-1.ex_03-04 li {
width: 100%;
}

.page_Wrap article.kakou_wrap .ttl_img {
width: 90%;
margin: 0 auto 20px;
}
.page_Wrap article.kakou_wrap .ttl {
width: 90%;
margin-right: 0;
margin: 0 auto;
}

.ex_kako ul {
margin: 50px auto 0;
}
.ex_kako ul li {
width: 48%;
}
.service_wrap {
padding: 0px 0;
}
.service_wrap .flex {
flex-wrap: wrap;
}
.service_wrap .ttl {
width: 100%;
margin-bottom: 20px;
}
.service_wrap .ttl_img {
width: 100%;
}
.service_list .list_wrap a {
width: 300px;
max-width: 90%;
}

.techno a {
width: 100%;
}
.maintenance_list li {
width:100%;
margin: 0 auto 20px;
}

.page_Wrap .lineup_wrap .lineup  {
padding: 0;
}
.ex_box {
max-width: 100%;
}
.page_Wrap .lineup_wrap .lineup.bg {
padding: 50px 0;
}
.mac_video {
max-width: 100%;
}
.trophy {
max-width: 100%;
}
.service_wrap.bg {
padding: 50px 0;
}
.partner_flow {
max-width: 100%;
}
.partner_flow li {
width: 100%;
}
.partner_flow li.arrow {
width: 100%;
padding: 30px 0 5px;
}
.partner_flow li.arrow img {
width: 20px;
transform: rotate(90deg);
}
.ryosan {
margin-top: 20px;
}
.motor {
max-width: 100%;
}
.motor article {
max-width: 100%;
margin: 0 auto 0px;
}

.service_wrap .ttl_img.kumitate img {
width: 100%;
}

}