@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/
 


 /*******************************************************************/


@media screen and (min-width:751px){/* PC */

.subtitle1 { display: table; width: 100%; min-height: 150px; background: url("../images/oem/title_bg_pc.png") center bottom no-repeat; }
.subtitle1 h2 { display: table-cell; width: 100%; padding: 0 0 40px 0; font-size: 32px; line-height: 1.35em; letter-spacing: 0.25em; text-align: center; vertical-align: bottom; }
.subtitle1::before { content: ""; display: inline-block; height: 100%; min-height: 150px; }


section.c1 {}
section.c1 .content_titleL { position: relative; z-index: 9999; }
section.c1 .outChld .inner1 { padding: 0 0; margin: -103px 0 0 0; }
section.c1 .outChld .inner1 .mi { min-height: 789px; padding: 190px 0 0 0; background: url("../images/oem/mi_bg_pc.jpg") left top no-repeat; background-size: 1380px; }
section.c1 .outChld .inner1 .mi h1 { width: 1380px; margin: 0 auto; text-align: center; }
section.c1 .outChld .inner1 .mi h1 img { width: 549px; }

section.c1 .outChld .inner1_2 { padding: 0 0 0 0; overflow: hidden; }
section.c1 .outChld .inner1_2 .mi_bottom_catch { padding: 80px 0 50px 0; }
section.c1 .outChld .inner1_2 .mi_bottom_catch h2 { text-align: center; font-size: 32px; line-height: 50px; color: #d85bcd; letter-spacing: 0.25em; }

section.c1 .outChld .inner2 { padding: 30px 0; overflow: hidden; }
section.c1 .outChld .inner2 p { padding: 1em 0 0 0; text-align: center; font-size: 22px; line-height: 2em; }
section.c1 .outChld .inner2 p span { display: inline-block; margin: 1em 0 0 0; padding: 1em 2em; border: 1px solid #4e0202; font-size: 16px; line-height: 1em; }

section.c1 .outChld .inner3 { position: relative; padding: 30px 0 0 0; background: url("../images/oem/c2_bg_pc.jpg") left top no-repeat; background-size: 1380px; overflow: hidden; }
section.c1 .outChld .inner3 .child { width: 1180px; margin: 0 auto; padding: 60px 0; border-bottom: 1px dotted #e4d8d8; }
section.c1 .outChld .inner3 .txt { position: relative; width: 720px;  }
section.c1 .outChld .inner3 .child:nth-child(1n) .txt { margin: 0 0 0 170px; }
section.c1 .outChld .inner3 .child:nth-child(2n)  { background: rgba(255,220,238,0.15) }
section.c1 .outChld .inner3 .child:nth-child(2n) .txt { margin: 0 0 0 290px; }
section.c1 .outChld .inner3 .txt .step { float: left; width: 27%; font-size: 40px; color: #d85bcd; }
section.c1 .outChld .inner3 .txt .read { float: left; width: 73%; padding: 0 0 0 30px; font-size: 1.25em; border-left: 2px solid #4e0202; }
section.c1 .outChld .inner3 .txt .read strong { display: block; font-size: 40px; padding: 0 0 40px 0; font-weight: 100; }
section.c1 .outChld .inner3 .child2 { padding: 80px 0; text-align: center; }
section.c1 .outChld .inner3 .child2 .btn img { width: 544px; }





}/*@media*/

 /*******************************************************************/

@media screen and (max-width:750px){/* SP */

.subtitle1 { display: table; width: 91.3vw; min-height: 20vw; margin: 0 0 0 1.06vw; background: url("../images/oem/title_bg_sp.png") center bottom no-repeat; background-size: contain; }
.subtitle1 h2 { display: table-cell; width: 100%; padding: 0 0 4.26vw 0; font-size: 4.0vw; line-height: 1.35em; letter-spacing: 0.25em; text-align: center; vertical-align: bottom; }
.subtitle1::before { content: ""; display: inline-block; height: 100%; min-height: 20vw; }

section.c1 { overflow: hidden; }
section.c1 .content_titleL { position: relative; z-index: 9999; }
section.c1 .outChld .inner1 { padding: 0 0; margin: -14.453vw 0 0 0; }
section.c1 .outChld .inner1 .mi { width: 91.3vw; margin: 0 0 0 1.03vw; position: relative; padding: 0 0 0 0; background: url("../images/oem/mi_bg_sp.jpg") left top no-repeat #000; background-size: cover; }
section.c1 .outChld .inner1 .mi h1 { width: 100%; margin: 0 auto; text-align: center; }
section.c1 .outChld .inner1 .mi h1 img { width: 100%; }

section.c1 .outChld .inner1_2 { width: 91.3vw; margin: 0 0 0 1.03vw; padding: 0 0 0 0; overflow: hidden; }
section.c1 .outChld .inner1_2 .mi_bottom_catch { padding: 10.66vw 0 2vw 0; }
section.c1 .outChld .inner1_2 .mi_bottom_catch h2 { text-align: center; font-size: 4.2vw; line-height: 6.66vw; color: #d85bcd; letter-spacing: 0.125em; }

section.c1 .outChld .inner2 { width: 91.3vw; margin: 0 0 0 1.03vw; padding: 2vw 0 4vw 0; }
section.c1 .outChld .inner2 p { padding: 6.66vw 0 0 0; text-align: center; font-size: 2.93vw; line-height: 2em; }
section.c1 .outChld .inner2 p span { display: inline-block; margin: 0.5em 0 0 0; padding: 1em 2em; border: 1px solid #4e0202; font-size: 0.8em; line-height: 1.35em; }

section.c1 .outChld .inner3 { width: 91.3vw; margin: 0 0 0 1.03vw; position: relative; background: url("../images/oem/c2_bg_pc.jpg") left top no-repeat; background-size: 100vw; overflow: hidden;}
section.c1 .outChld .inner3 .child { width: 100%; margin: 0 auto; padding: 6.66vw 0; border-bottom: 1px dotted #e4d8d8; }
section.c1 .outChld .inner3 .txt { position: relative; width: 73.33vw; margin: 0 auto;  }
section.c1 .outChld .inner3 .child:nth-child(2n)  { background: rgba(255,220,238,0.15) }
section.c1 .outChld .inner3 .txt .step { float: left; width: 27%; font-size: 5vw; color: #d85bcd; }
section.c1 .outChld .inner3 .txt .read { float: left; width: 73%; padding: 0 0 0 4vw; font-size: 1.1em; line-height: 1.5em; border-left: 2px solid #4e0202; }
section.c1 .outChld .inner3 .txt .read strong { display: block; font-size: 5vw; line-height: 1.25em; padding: 0 0 4vw 0; font-weight: 100; }
section.c1 .outChld .inner3 .child2 { padding: 6.66vw 0; text-align: center; }
section.c1 .outChld .inner3 .child2 .btn img { width: 72.53vw; }



}/*@media*/