@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	height: 140px;
    width: 100%;
    max-width: 700px;
}

button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
 *overflow:visible;

}

body, img,.commentys-form input[type="text"],.commentys-form input[type="email"],.commentys-form input[type="url"],.commentys-form textarea {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, main {
	display: block
}

audio, canvas, video {
	display: inline-block;
 *display:inline;
 *zoom:1
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
}

a {
	text-decoration: none;
	outline: none;
	color: #93536b;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: all;
	transition-timing-function: ease;
}

input:focus, img:focus, button:focus, .btn:focus {outline: none;}

::-moz-selection {background-color:#fb5353;color:#fff;text-shadow:none;}

::selection {background-color: #db864c;color: #fff;text-shadow: none;}

@font-face {font-family: 'Open Sans', sans-serif;}


/*===== main ===*/

main[role="main-home-wrapper"],main[role="main-inner-wrapper"] { padding-bottom:90px}

main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:41px}

main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-bottom:0px; padding-top:83px}

main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:66px; line-height:66px; color:#404040; font-weight:800}

main[role="main-home-wrapper"] article[role="pge-title-content"] header h2 span,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2 span{ display:block; font-size:62px; color:#fb5353; padding-bottom:15px}

main[role="main-home-wrapper"] article[role="pge-title-content"] p,main[role="main-inner-wrapper"] article[role="pge-title-content"] p{ font-size:11px; line-height:21px; color:#454545}

.row-1 {
    margin-right: 0px;
    margin-left: 0px;
}






/* ==========================================================================Portfolio========================================================================== */
.swag {
	padding:30px 0;
}
.swag h1 {
	text-transform:uppercase;
	letter-spacing:5px;
}
.swag h1 span {
	display:block;
	font-size:25px;
	margin-top:20px;
}
.down-arrow-btn {
	width:auto;
	height:40px;
	background:rgba(0,0,0,0.6);
	display:inline-block;
	margin:15px 5px 15px 5px;
	color:#fff;
	font-size:16px;
	line-height:40px;
	padding:0px 10px;
	text-align:center;
}
.down-arrow-btn:hover,.down-arrow-btn:focus {
	color:#fff;
	background:rgba(0,0,0,1);
}
.portfolio img {
	height:300px;
	width:100%;
}
img.grayscale {
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+,IE10 */ filter:gray;
	/* IE6-9 */ -webkit-filter:grayscale(100%);
	/* Chrome 19+& Safari 6+*/ -webkit-transition:all .6s ease;
	/* Fade to color for Chrome and Safari */ -webkit-backface-visibility:hidden;
	/* Fix for transition flickering */
}
img.grayscale:hover {
	filter:none;
	-webkit-filter:grayscale(0%);
}
.row-offset-0 {
	margin-left:0;
	margin-right:0;
}
.row-offset-0>* {
	padding-left:0;
	padding-right:0;
}
.effects {
	padding-left:15px;
}
.effects .img {
	position:relative;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.effects .img:nth-child(n) {
	margin-right:5px;
}
.effects .img:first-child {
	margin-left:-15px;
}
.effects .img:last-child {
	margin-right:0;
}
.effects .img img {
	display:block;
	margin:0;
	padding:0;
	height:auto;
}
.overlay {
	display:block;
	position:static;
	z-index:20;
	filter:none!important;
	-webkit-filter:grayscale(0%);
	overflow:hidden;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.overlay-effect-info .img i {
	font-size:30px;
}
.overlay-effect-info .overlay {
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	opacity:0;
}
.overlay-effect-info .overlay a.expand {
	left:0;
	right:0;
	bottom:47%;
	margin:0 auto -30px auto;
}
.overlay-effect-info .img.hover .overlay {
	height:100%;
	opacity:1;
}

.overlay-effect2 {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/overlay-pattern.png) #000000;
}


.img img {
	width:-webkit-calc(100%+40px) !important;
	width:calc(100%+40px) !important;
	-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
	transition:opacity 0.35s,transform 0.35s;
	-moz-transition:opacity 0.35s,-moz-transform 0.35s;
	-o-transition:opacity 0.35s,-o-transform 0.35s;
	-webkit-transform:translate3d(-40px,0,0);
	transform:translate3d(-40px,0,0);
	-ms-transform:translate3d(-40px,0,0);
}
.img:hover img {
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-ms-transform:translate3d(-40px,0,0);
}
.hype {
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top: 50px;
}

h1.arrow {
	font-size: 16px;
	text-transform:uppercase;
	color:#353535;
	letter-spacing: 4px;
	background:url('../img/h1-bg.png') no-repeat center bottom;
	padding-bottom:30px;
	font-weight: bold;
	padding-top: 30px;
}
h1.arrow span {
    color: #42ab9b;
}

html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
html,html a {
	-webkit-font-smoothing:antialiased;
	text-shadow:1px 1px 1px rgba(0,0,0,0.004);
}
html,button,input,select,textarea {
	font-family:'Varela Round',sans-serif;
}
body {
	margin:0;
	font-family: 'Open Sans',sans-serif;
}

.container4{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}

ul.slides li {
	margin-bottom:20px;
}

.h2senyou h2 {
    font-size: 1.5em;
    margin: 25px 30px 25px 30px;
}
/* ==========================================================================Portfolio========================================================================== */


/*========================================================================
                    Study Section Css
==========================================================================*/
.study{
    background: #f4f5f9;
}
.main_study_area{
    overflow: hidden;
}
.slick-active{
    outline: none;
}
.single_study_text{
    background: #fff;
    position: relative;
    right:-15%;
    top:85px;
    width:100%;
    z-index: 9;
    padding: 10% 20%;
    background: rgba(255, 255, 255, 0.85);
}

@media only screen and (max-width: 900px) {
.single_study_text {
    top: 70px;
    padding: 5% 7%;
    right: 0%;
    background: rgba(255, 255, 255, 0.85);
}}





.single_study_img {
    max-width: 100%;
    height: atuo;

}

@media only screen and (max-width: 820px) {
.single_study_img img {
    margin: 67px auto;
    max-width: 100%;
}
}



.single_study_text .s_study_icon{
    background: #42ab9b;
    width:45px;
    height: 45px;
    line-height: 60px;
    color:#fff;
    transform: rotate(45deg);
    margin: 30px auto;
}
.single_study_text .s_study_icon i{
    transform: rotate(-45deg);
}
.single_study_right_img{
    position: relative;
}

@media only screen and (max-width: 820px) {
.single_study_right_img{
  max-width: 100%;

}
}


.main_study_area {
    overflow: hidden;
}





.separator3 {
    height: 2px;
    width: 40px;
    margin: 20px auto;
    background: #888888;
}

.mojiyou p {
  font-size: 13px;
  font-weight: 400;
  line-height: 29px;
  margin: 25px 0px 25px 0px;
  font-family: myfont;
  text-align:center;
  letter-spacing: 0.10em;
}

.mojiyou h4 {
  font-size: 27px;
  font-weight: 400;
  line-height: 29px;
  margin: 45px 0px 35px 0px;
  font-family: myfont;
  text-align:center;
  letter-spacing: 0.10em;
}





/*==================================================================
            Feature section Style
====================================================================*/

.main_feature{}
.main_feature .single_feature{}
.main_feature .single_feature:hover .single_feature_icon{
    border-color:#42ab9b;
    transform: rotate(45deg);
}
.main_feature .single_feature:hover .single_feature_icon i{
    transform: rotate(-45deg);
}
.main_feature .single_feature:hover h4{
    color:#42ab9b;
}
.main_feature .single_feature .single_feature_icon{
    border:1px solid #ddd;
    width:70px;
    height: 70px;
    line-height: 70px;
    margin:20px auto;
    transition: all 0.6s;
}
.main_feature .single_feature i{
    margin-bottom:30px;
    color:#42ab9b;
    transition: all 0.6s;
}
.main_feature .single_feature h4{
    transition: all 0.6s;
}




/*== image creation ==*/


.work-info p {
    font-size: 13px;
    color: #666666;
    line-height: 34px;
    margin-bottom: 55px;
    text-align: left;
}

.separator2 {
    height: 1px;
    width: 11rem;
    margin: 20px 0px;
    background: #42ab9b;
}

.single_service {
   min-height: 550px;
   text-align: left;
   margin: 46px 0px 0px 87px;
}

@media only screen and (max-width: 820px) {
.single_service {
   min-height: 550px;
   text-align: left;
   margin: 25px 0px 0px 12px;
}
}


.single_service h1 {
    font-size: 27px;
    line-height: 3rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.single_service h2 {
    font-size: 1.500rem;
    line-height: 2.5rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    padding: 25px 0px 6px 2px;
}

.sections {
    overflow: hidden;


}


#container-info {
width: 114rem;
margin: 0px auto;
padding: 30px;
background: #FFF;
}

#container2 {
margin: 0px auto;
padding: 25px 30px 25px 30px;
margin: 25px 9px 25px 13px;
background: #FFF;

}

#container3 {
margin: 0px auto;
padding: 30px;
background: #FFF;
}

#container4 {
margin: 0px auto;
padding: 20px;
background: #FFF;
}


@media only screen and (max-width: 920px) {
#container2{
width: 19rem;
}
}

@media only screen and (max-width: 420px) {
#container2{
width: 19rem;
}
}




.main_service_area {
padding-bottom: 20rem;
}





.single_service p {
    line-height: 1.375rem;
    margin-bottom: 30px;
    text-align: left;
}

.head_title h2 {
    color: #343434;
    font-size: 36px;
    font-weight: 800;
    margin-top: 70px;

}


.head_title h3 {
    display: inline-block;
    color: #42ab9b;
    font-size: 18px;
    font-weight: 800;
    padding-top: 3px;
    padding: 25px 0px 65px 0px;
    letter-spacing: 0.30em;

}


/*== image creation end ==*/



/*== Work Details ==*/
.work-photo {
   padding:0 20vw;
   margin-top:70px;
   background: #f6f6f6;
 }

.work-details,.blog-details{ padding:0 16vw; margin-top:70px}

.work-details2,.blog-details{ padding:0 16vw; padding-bottom: 50px;}

.work-details3,.blog-details{ padding:0 26vw; }



@media only screen and (max-width: 390px) {
.work-details,.blog-details{ padding:0 0vw; margin-top:20px}
}

@media only screen and (max-width: 390px) {
.work-details2,.blog-details{ padding:0 0vw; margin-bottom:50px}
}

@media only screen and (max-width: 390px) {
.work-details3,.blog-details{ padding:0 0vw; }
}


.work-details header h2{ color:#343434; font-size:36px; font-weight:800}

.work-details header a{ display:inline-block; color:#42ab9b;
 font-size:18px;font-weight:800;padding-top:3px;padding: 25px 0px 30px 0px;letter-spacing: 0.30em;}

.work-details header a i{ color:#0d0d0d; padding-left:10px}

.work-details header a:hover{ color:#0d0d0d; text-decoration:none}

.work-details header a:hover i{ color:#42ab9b}

.work-details p{
font-size:13px;
color:#666666;
line-height:34px;
margin-bottom:55px;
text-align: left;
}

.work-details p strong{
font-size:16px;
text-align: center;
letter-spacing: 0.30em;
padding: 5px 1rem;
border-left: 4px solid #42ab9b;

}

.work-images{ margin-top:46px}

.work-images li{ margin-bottom:50px}



/*== Work Details end ==*/

/*== Blog Details ==*/

.bog-header { padding-bottom:62px}

.bog-header h3,.comments-pan h3,.commentys-form h4{ color:#404040;font-weight:800; padding-bottom:24px; display:block}

.bog-header h3 span{ color:#fb5353}

.bog-header h2{ font-size:36px; font-weight:normal}

.blog-details .enter-content{ margin-top:62px}

.blog-details .enter-content p{ font-size:16px; line-height:30px; font-weight:300; margin-bottom:23px}

.comments-pan{border-top:2px solid #dedede; padding-top:15px}

.comments-pan h3{border-bottom:2px solid #dedede; padding-bottom:34px; margin-bottom:52px}

.comments-reply,.reply-pan{ padding:0; margin:0; list-style:none}

.comments-reply li{ display:block; border-bottom:2px solid #dedede; overflow:hidden; padding-bottom:51px; margin-bottom:39px}

.comments-reply li figure{ float:left; width:70px; background-color:#000}

.comments-reply li section{ float:left; padding-left:30px; font-size:16px; line-height:30px; font-weight:300; color:#343434;width: 92%;}

.comments-reply li section .date-pan{ font-size:14px; line-height:18px; padding-bottom:25px}

.comments-reply li section h4{font-weight:800; color:#404040; font-size:21px; margin-bottom:6px; margin-top:0}

.comments-reply li section h4 a{ font-size:16px; color:#fb5353;font-weight:400; display:inline-block; padding-left:20px}

.reply-pan{ clear:both; display:block; margin-left:100px;padding-top:39px }

.reply-pan li{ border-bottom:none;border-top:2px solid #dedede; padding-bottom:0; margin-bottom:0;padding-top:38px;}

.commentys-form h4{ font-size:24px}

.commentys-form form{ margin-top:30px}

.commentys-form input[type="text"],.commentys-form input[type="email"],.commentys-form input[type="url"],.commentys-form textarea{ font-size:21px; line-height:22px; color:#404040; padding-bottom:26px; border-bottom:2px solid #bbbbbb; width:100%; display:block; border-left:none; border-right:none; border-top:none; background-color:transparent; outline:none}

.commentys-form textarea{ margin-top:57px}

.commentys-form input[type="text"]:focus,.commentys-form input[type="email"]:focus,.commentys-form input[type="url"]:focus,.commentys-form textarea:focus{ border-bottom-color:#000}

.commentys-form input[type="button"]{ padding:0 36px; text-transform:uppercase; display:inline-block; font-size:21px; line-height:60px; color:#FFF; font-weight: bold; text-align:center; border:none; outline:none; background-color:#fb5353; margin-top:50px}

.commentys-form input[type="button"]:hover{ background-color:#ff5c5c}

/*== gift ==*/
.banner img {
	width:100%;
	max-width:900px;
}

/*== company ==*/

.bg-white {
	background-color: #FFF;
}
.company-top img {
    float: right;
    width: 60%;
    margin: 3vh 3vh 0vw 3vh;
}
.company-top {
    margin: 3vh 0vw 3vh;
		padding-left: 2rem;
		text-align: left;
    color: #444;
}
.company-top p {
    margin: 1vh 3vw 3vh;
    color: #444;
    line-height: 2em;
}
.company2-top {
    margin: 3vh 0vw 3vh;
		padding-left: 2rem;
		text-align: left;
    color: #444;
}
.company2-top img {
    float: right;
    width: 60%;
    margin: 0vh 3vh 0vw 3vh;
}
.company2-top {
    color: #444;
}
.company2-top {
  margin: 7vh 0vw 0vh;
    color: #fff;
}


@media only screen and (max-width: 767px) {
  .company-top3 {
        margin: 3vh 9vw 4vh;
      color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .company-img {
		width:100%;
  }
}
@media only screen and (max-width: 767px) {
	.bg-white {
		background-color: #FFF;
	}
}

  @media only screen and (max-width: 767px) {
		.company-top {
			margin: 0 0 0 0;
			padding:2rem 0 15rem 0;
			text-align: left;
	    color: #444;
    }
		.company-top img {
		    float: right;
		    width: 60%;
		    margin: 3vh 3vh 0vw 3vh;
				padding:2rem 0;
		}
		.company-top p {
		    margin: 3vh 3vw 3vh;
		    color: #444;
		    line-height: 2em;
		}
    .company2-top {
			top:-20rem;
			right:3rem;
			margin: 3vh 0 0 3vh;
			padding:2rem 0 0 0;
			text-align: left;
	    color: #444;
    }
		.company2-top img {
		    float: right;
		    width: 60%;
		    margin: 3vh 3vh 0vw 3vh;
				padding:2rem 0;
		}
		.company2-top p {
		    margin: 0 3vw 3vh;
		    color: #444;
		    line-height: 2em;
		}
		.bg-white {
			background-color: #FFF;
			padding-bottom: 5rem;
		}
		.adjustment{
			padding-right: -15px!important;
			padding-left: -15px!important;
		}
}

.quality-border {
	border-radius: 20px;
}
.trademark-list p {
		font-size: 13px;
		font-weight: 400;
		font-family: myfont;
		text-align: center;
		letter-spacing: 0.10em;
}
.quality-top {
    margin: 3vh 0vw 3vh;
		text-align: left;
    color: #444;
		padding:1.5rem;
		border: 1px solid #774e76;
		border-radius: 20px;
}
.quality-top h3 {
		text-align: center;
    color: #FFF;
    line-height: 2em;
		background-color: #774e76;
		border-radius: 20px;
}
.quality-top2 {
    color: #444;
}
.quality-top3 {
    color: #444;
}
.quality-top4 {
  margin: 7vh 0vw 0vh;
    color: #fff;
}


@media only screen and (max-width: 767px) {
  .quality-top3 {
        margin: 3vh 9vw 4vh;
      color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .quality-img {
		width:100%;
  }
}
@media only screen and (max-width: 767px) {
	.bg-white {
		background-color: #FFF;
	}
}

  @media only screen and (max-width: 767px) {
		.trademark-list p {
				font-size: 13px;
				font-weight: 400;
				font-family: myfont;
				text-align: center;
				letter-spacing: 0.10em;
		}
		.quality-top {
		    margin: 3vh 0vw 3vh;
				text-align: left;
		    color: #444;
				padding:1.5rem;
				border: 1px solid #774e76;
				border-radius: 20px;
		}
		.quality-top h3 {
				text-align: center;
		    color: #FFF;
		    line-height: 2em;
				background-color: #774e76;
				border-radius: 20px;
		}
		.quality-border {
			border-radius: 20px;
			padding-top: 1rem;
		}

}

.oem-border {
	border-top: 1px solid #774e76;
	border-bottom: 1px solid #774e76;

}

.oem-top {
    margin: 1vh 0vw 1vh;
		text-align: left;
    color: #444;
}
.oem-phot {
    margin: 1vh 0vw 1vh;
		text-align: left;
    color: #444;
}
.oem-phone {
    color: #774e76;
    line-height: 2em;
		margin: 2vh 0 0vh;
}
.contact-form {
    line-height: 2em;
		margin: 2vh 0 0vh;
		padding: 1rem;
		border: 2px solid #c94343 ;
}
.contact-form-pl {
    line-height: 2em;
		margin: 2vh 0 0vh;
		padding: 1rem;
		border: 2px solid #774e76 ;
}
.contact-form-nm {
    line-height: 2em;
		margin: 2vh 0 0vh;
		padding: 1rem;
}
.h3pc {
  font-size: 20px;
	color: #774e76;
	line-height: 2em;
	font-weight: 600;
}
.h3pcre {
  font-size: 16px;
	color: #FFF;
	background-color: #c94343;
	line-height: 2.4em;
}
.h3pre {
	color: #c94343;
  font-size: 20px;
	line-height: 2em;
	font-weight: 600;
}
.h3pfore {
	color: #c94343;
  font-size: 18px;
	line-height: 2em;
}
.h3prerow {
	color: #444;
  font-size: 16px;
	line-height: 2em;
	border-top: 1px solid #c94343 ;
	margin: 1rem 0;
	text-align: left;
}
.h3pcpl {
  font-size: 16px;
	color: #FFF;
	background-color: #774e76;
	line-height: 2.4em;
}
.h3ppl {
	color: #774e76;
  font-size: 20px;
	line-height: 2em;
	font-weight: 600;
}
.h3pfopl {
	color: #774e76;
  font-size: 18px;
	line-height: 2em;
}
.h3pplrow {
	color: #444;
  font-size: 16px;
	line-height: 2em;
	border-top: 1px solid #774e76;
	margin: 1rem 0;
	text-align: left;
}
.h3pcnm {
  font-size: 16px;
	color: #444;
	line-height: 2.4em;
	border: 1px solid #b5b5b5 ;
}
.h3pnm {
	color: #444;
  font-size: 16px;
	line-height: 2em;
}
.h3pfonm {
	color: #774e76;
  font-size: 18px;
	line-height: 2em;
}
.h3pnmrow {
	color: #444;
  font-size: 30px;
	line-height: 2em;
	border-top: 1px solid #774e76;
	margin: 1rem 0;
	text-align: center;
}
.h3p {
  font-size: 16px !important;
	color: #444 !important;
	line-height: 2.4em;
	font-weight: 100 !important;
}
.h2p {
  font-size: 22px;
	color: #FFF;
	background-color: #774e76;
	line-height: 1.5em;
	padding:1rem;
	margin: 0vh 0 2vh;
}
.h2pc {
  font-size: 14px;
	color: #FFF;
	background-color: #774e76;
	line-height: 1em;
	padding:1rem;
	margin: 0vh 0 0vh;
	text-align: center;
}
.h2pcoem {
  font-size: 14px;
	color: #FFF;
	background-color: #a786a6;
	line-height: 1em;
	padding:1rem;
	margin: 0vh 0 0vh;
	text-align: center;
	border-radius: 10px;
}
.h2pcs {
	font-size: 13px;
	color: #444;
	line-height: 2em;
	margin: 0vh 0 2vh;
	text-align: left;
	border-bottom: 1px solid #DDD;
	padding-bottom: 1rem;
}
.h2pcsoem {
	font-size: 13px;
	color: #444;
	line-height: 2em;
	margin: 2vh 0 0vh;
	text-align: left;
}
.h1p {
  font-size: 28px;
	color: #444;
	line-height: 2em;
	margin: 0vh 0 2vh;
}
.h1pfc {
	text-align: center;
  font-size: 20px;
	color: #444;
	line-height: 2em;
	margin: 0vh 0 2vh;
	font-weight: 400;
}
.h1pfcs {
  font-size: 20px;
	color: #83438B;
	line-height: 2em;
	margin: 0vh 0 2vh;
}
.oem-top h3 {
		text-align: center;
    color: #FFF;
    line-height: 2em;
		background-color: #774e76;
}
.oem-top2 {
    color: #444;
}
.oem-top3 {
    color: #444;
}
.oem-top4 {
  margin: 7vh 0vw 0vh;
    color: #fff;
}


@media only screen and (max-width: 767px) {
  .oem-top3 {
        margin: 3vh 9vw 4vh;
      color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .oem-img {
		width:100%;
  }
}
@media only screen and (max-width: 767px) {
	.bg-white {
		background-color: #FFF;
	}
}

  @media only screen and (max-width: 767px) {
    .oem-top {
          padding: 3vh 0vw 3vh;
        color: #444;
    }
		.oem-border {
			border-top: 1px solid #774e76;
			border-bottom: 1px solid #774e76;

		}

		.oem-top {
		    margin: 1vh 0vw 1vh;
				text-align: left;
		    color: #444;
		}
		.oem-phot {
		    margin: 1vh 0vw 1vh;
				text-align: left;
		    color: #444;
		}
		.oem-phone {
		    color: #774e76;
		    line-height: 2em;
				margin: 2vh 0 0vh;
		}
		.contact-form {
		    line-height: 2em;
				margin: 2vh 0 0vh;
				padding: 1rem;
				border: 2px solid #c94343 ;
		}
		.contact-form-pl {
		    line-height: 2em;
				margin: 2vh 0 0vh;
				padding: 1rem;
				border: 2px solid #774e76 ;
		}
		.contact-form-nm {
		    line-height: 2em;
				margin: 2vh 0 0vh;
				padding: 1rem;
		}
		.h3pc {
		  font-size: 20px;
			color: #774e76;
			line-height: 2em;
			font-weight: 600;
		}
		.h3pcre {
		  font-size: 16px;
			color: #FFF;
			background-color: #c94343;
			line-height: 2.4em;
		}
		.h3pre {
			color: #c94343;
		  font-size: 20px;
			line-height: 2em;
			font-weight: 600;
		}
		.h3pfore {
			color: #c94343;
		  font-size: 18px;
			line-height: 2em;
		}
		.h3prerow {
			color: #444;
		  font-size: 16px;
			line-height: 2em;
			border-top: 1px solid #c94343 ;
			margin: 1rem 0;
			text-align: left;
		}
		.h3pcpl {
		  font-size: 16px;
			color: #FFF;
			background-color: #774e76;
			line-height: 2.4em;
		}
		.h3ppl {
			color: #774e76;
		  font-size: 20px;
			line-height: 2em;
			font-weight: 600;
		}
		.h3pfopl {
			color: #774e76;
		  font-size: 18px;
			line-height: 2em;
		}
		.h3pplrow {
			color: #444;
		  font-size: 16px;
			line-height: 2em;
			border-top: 1px solid #774e76;
			margin: 1rem 0;
			text-align: left;
		}
		.h3pcnm {
		  font-size: 16px;
			color: #444;
			line-height: 2.4em;
			border: 1px solid #b5b5b5 ;
		}
		.h3pnm {
			color: #444;
		  font-size: 16px;
			line-height: 2em;
		}
		.h3pfonm {
			color: #774e76;
		  font-size: 18px;
			line-height: 2em;
		}
		.h3pnmrow {
			color: #444;
		  font-size: 30px;
			line-height: 2em;
			border-top: 1px solid #774e76;
			margin: 1rem 0;
			text-align: center;
		}
		.h3p {
		  font-size: 16px !important;
			color: #444 !important;
			line-height: 2.4em;
			font-weight: 100 !important;
		}
		.h2p {
		  font-size: 22px;
			color: #FFF;
			background-color: #774e76;
			line-height: 1.5em;
			padding:1rem;
			margin: 0vh 0 2vh;
		}
		.h2pc {
		  font-size: 14px;
			color: #FFF;
			background-color: #774e76;
			line-height: 1em;
			padding:1rem;
			margin: 0vh 0 0vh;
			text-align: center;
		}
		.h2pcoem {
		  font-size: 14px;
			color: #FFF;
			background-color: #a786a6;
			line-height: 1em;
			padding:1rem;
			margin: 0vh 0 0vh;
			text-align: center;
			border-radius: 10px;
		}
		.h2pcs {
			font-size: 13px;
			color: #444;
			line-height: 2em;
			margin: 0vh 0 2vh;
			text-align: left;
			border-bottom: 1px solid #DDD;
			padding-bottom: 1rem;
		}
		.h2pcsoem {
			font-size: 13px;
			color: #444;
			line-height: 2em;
			margin: 2vh 0 0vh;
			text-align: left;
		}
		.h1p {
		  font-size: 28px;
			color: #444;
			line-height: 2em;
			margin: 0vh 0 2vh;
		}
		.h1pfc {
			text-align: center;
		  font-size: 20px;
			color: #444;
			line-height: 2em;
			margin: 0vh 0 2vh;
			font-weight: 400;
		}
		.h1pfcs {
		  font-size: 20px;
			color: #83438B;
			line-height: 2em;
			margin: 0vh 0 2vh;
		}
		.oem-top h3 {
				text-align: center;
		    color: #FFF;
		    line-height: 2em;
				background-color: #774e76;
		}
		.oem img{
			 width :100%;
		}
		.oem-top2 {
		    color: #444;
		}
		.oem-top3 {
		    color: #444;
		}
		.oem-top4 {
		  margin: 7vh 0vw 0vh;
		    color: #fff;
		}
}

/*== company ==*/

#company-table dl {
    width: 100%;
    background-color: #faf1ec;
    border-top: 2px solid #936953;
    border-bottom: 2px solid #936953;
}
#company-table dl dt {
    float: left;
    width: 26.5%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #b1b1b1;
    box-sizing: border-box;
    text-align: left;
}
#company-table dl dd {
    margin-left: 26.5%;
    padding: 22px;
    border-top: 1px solid #b1b1b1;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
}
#company-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#company-content img {
    width:40%;
}
#company-table img {
    width:40%;
}
@media only screen and (max-width: 767px) {
#company-content img {
    width:100%;
}
#company-table dl {
	display: inline-block;
    width: 100%;
    text-align: center;
}
#company-table dl dt {
    float: none;
    width: 100%;
    padding: 8px 12;
}
#company-table dl dd {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
    border: none;
}
#company-content, #news-content {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}
.company-style {
		top: -18rem;
}

}


@media (max-width: 760px){
#company-table dl {
	display: inline-block;
    width: 100%;
    text-align: center;
}
#company-table dl dt {
    float: none;
    width: 100%;
    padding: 8px 12;
}
#company-table dl dd {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
    border: none;
		width: 100%;
}
#company-content, #news-content {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}

}
/*== company ==*/

/*== oem ==*/

#oem-table dl {
    width: 100%;
    background-color: #f7f1fb;
		border-bottom: 1px solid #c9ccce;
		font-size: 13px;
}
#oem-table dl dt {
    float: left;
    width: 30%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: center;
}
#oem-table dl dd {
    margin-left: 30%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
}
#oem-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#oem-content img {
    width:40%;
}
#oem-table img {
    width:40%;
}
@media only screen and (max-width: 767px) {
#oem-content img {
    width:100%;
}
#oem-table dl {
    width: 100%;
    background-color: #f7f1fb;
		border-bottom: 1px solid #c9ccce;
		font-size: 13px;
}
#oem-table dl dt {
    float: left;
    width: 30%;
    padding: 22px 0 22px 0;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: center;
}
#oem-table dl dd {
    margin-left: 30%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
}
#oem-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#oem-content img {
    width:40%;
}
#oem-table img {
    width:40%;
}

}

@media (max-width: 760px){
#oem-table dl {
    width: 100%;
    text-align: center;
}
#oem-table dl dt {
    float: none;
    width: 100%;
    padding: 8px 12;
}
#oem-table dl dd {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
    border: none;
}
#oem-content, #news-content {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}

}
/*== oem ==*/

/*== oemdelivery ==*/

#oemdelivery-table dl {
    width: 100%;
    background-color: #a24cdb;
		border-bottom: 1px solid #c9ccce;
		font-size: 15px;
}
#oemdelivery-table dl dt {
    float: left;
    width: 25%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: left;
		color: #FFF;
}
#oemdelivery-table dl dd {
    margin-left: 25%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
		color: #444;
}

#oemdelivery-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#oemdelivery-content img {
    width:40%;
}
#oemdelivery-table img {
    width:40%;
}
@media only screen and (max-width: 767px) {
#oemdelivery-content img {
    width:100%;
}
#oemdelivery-table dl {
    width: 100%;
    background-color: #a24cdb;
		border-bottom: 1px solid #c9ccce;
		font-size: 15px;
}
#oemdelivery-table dl dt {
    float: left;
    width: 25%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: left;
		color: #FFF;
}
#oemdelivery-table dl dd {
    margin-left: 25%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
		color: #444;
}

#oemdelivery-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#oemdelivery-content img {
    width:40%;
}
#oemdelivery-table img {
    width:40%;
}

}


@media (max-width: 760px){
#oemdelivery-table dl {
    width: 100%;
    text-align: center;
}
#oemdelivery-table dl dt {
    float: none;
    width: 100%;
    padding: 8px 12;
}
#oemdelivery-table dl dd {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
    border: none;
}
#oemdelivery-content, #news-content {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}

}
/*== oem ==*/

/*== recruit ==*/
.title-recruit h3{
	text-align: left;
}

#recruit-table dl {
    width: 100%;
    background-color: #AA8ABC;
    border-bottom: 1px solid #c9ccce;
}
#recruit-table dl dt {
    float: left;
    width: 26.5%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: left;
		color:#FFF;
}
#recruit-table dl dd {
    margin-left: 26.5%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
}
#recruit-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#recruit-content img {
    width:40%;
}
#recruit-table img {
    width:40%;
}
@media only screen and (max-width: 767px) {
#recruit-content img {
    width:100%;
}
.title-recruit h3{
	text-align: left;
}

#recruit-table dl {
    width: 100%;
    background-color: #AA8ABC;
    border-bottom: 1px solid #c9ccce;
}
#recruit-table dl dt {
    float: left;
    width: 26.5%;
    padding: 22px 0 22px 18px;
    border-top: 1px solid #c9ccce;
    box-sizing: border-box;
    text-align: left;
		color:#FFF;
}
#recruit-table dl dd {
    margin-left: 26.5%;
    padding: 22px;
    border-top: 1px solid #c9ccce;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
}
#recruit-content, #news-content {
    width: 100%;
    margin: 0 auto;
}

#recruit-content img {
    width:40%;
}
#recruit-table img {
    width:40%;
}
}

@media (max-width: 760px){
#recruit-table dl {
    width: 100%;
    text-align: center;
}
#recruit-table dl dt {
    float: none;
    width: 100%;
    padding: 8px 12;
}
#recruit-table dl dd {
    margin-left: 0;
    padding: 20px 20px 20px 20px;
    border: none;
}
#recruit-content, #news-content {
    width: 100%;
    padding: 0 0%;
    box-sizing: border-box;
}

}
/*== recruit ==*/






.wrapper-f {
    padding-left: 4.5%;
    padding-right: 4.5%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.Form {
    margin-top: 0vh;
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}
.Form-Item {
    border-top: 0px solid #ddd;
    padding-top: 10px;
    padding-bottom: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Form-Item-Label {
    width: 100%;
    max-width: 248px;
    letter-spacing: 0.05em;
    font-weight: bold;
    font-size: 18px;
}
.Form-Item-Label-Required {
    border-radius: 6px;
    margin-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 48px;
    display: inline-block;
    text-align: center;
    background: #0f7fd9;
    color: #fff;
    font-size: 14px;
}
.Form-Item-Input {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding-left: 1em;
    padding-right: 1em;
    height: 47px;
    flex: 1;
    width: 100%;
    max-width: 700px;
    background: #fff;
    font-size: 17px;
}
.Form-Item-Label.isMsg {
    margin: 0 39px 0 0;
    margin-bottom: auto;
}
.Form-radio {
    margin:0 8px 0px 43px ;
}
input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 0px 5px;
    padding: initial;
    border: initial;
}
.Form-Form {
    padding: 0.8em 1em 0;
    font-size: 17px;
}

.btn,
input.btn,
button.btn {
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.5;
  width: 266px;
  height: auto;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #ffffff;
  background: #db664c;
  border-radius: 0.5rem;
}

input.btn-flat {
  overflow: hidden;

  padding: 1.5rem 6rem;

  color: #fff;
  border-radius: 1;
  background: #a5a5a5;
 margin: 25px 0px 0px 0px;
}

input.btn-flat span {
  position: relative;
}

input.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 150%;
  height: 500%;

  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);

  background: #42ab9b;
}

input.btn-flat:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}




@media (max-width: 760px){
.wrapper-f {
    padding-left: 7vw;
    padding-right: 7vw;
    width: 100%;
}
.Form-Item {
    padding-bottom: 16px;
    flex-wrap: wrap;
}
.Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.Form-Item-Input {
    flex: inherit;
    font-size: 15px;
}
.Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
}
.Form-Item-Label.isMsg {
    margin: 0 0 24px;
}
.btn-default{
  max-width: 239px;
}
}



.sample-box {
    position: relative;
}

.youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
	z-index: 1;
    position: absolute;
    left: 72%;
}
@media (max-width: 760px){
.youtube {
    top: 339px;
    left: 60%;
}
.youtube img {
    width: 123px;
}


}



.sizehenkou {
  padding: 54px 18vw;
}




/*== pippon ==*/
.base {
    max-width: 1110px;
    margin: 0 auto;
    padding: 0 15px;
}
.center {
    text-align: center;
}
.sec-osusume .top-area {
    padding: 80px 0 62px;
    background: #70c7dd;
    position: relative;
}
.sec-osusume .top-area .ttl {
    font-size: 32px;
    color: #fff;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    margin-bottom: 32px;
}
.sec-osusume .top-area .txt01 {
    font-size: 23px;
    color: #fff;
    margin-bottom: 35px;
}
.sec-osusume .top-area .txt01 span {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    background: #fff133;
    padding: 10px 15px;
    margin-right: 12px;
}
.sec-osusume .top-area .txt02 {
    font-size: 28px;
    color: #fff;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    line-height: 55px;
}
.sec-osusume .top-area:before {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec-osusume .top-area:after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #70c7dd;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sec-osusume .middle-area {
    padding: 75px 0 30px;
}
.sec-osusume .middle-area .txt {
    font-size: 32px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    line-height: 55px;
}
.sec-osusume .bottom-area .box {
    width: 50%;
    padding: 50px 15px;
}
.f-ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.f-jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.sec-osusume .bottom-area .box.box01 {
    background: #fbf9f6;
}
.sec-osusume .bottom-area .box.box01 .stl {
    font-size: 38px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 66px;
}
.sec-osusume .bottom-area .box.box01 .stl span {
    border: 2px solid #000;
    padding: 6px 7px;
    margin-right: 3px;
}
.sec-osusume .bottom-area .box.box01 ul {
    max-width: 426px;
    margin: 0 auto;
    position: relative;
}
.f-jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sec-osusume .bottom-area .box.box01 ul li {
    width: 49%;
    font-size: 20px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    background: #fff133;
    position: relative;
    padding: 20px 0 15px;
    margin-bottom: 10px;
}
.sec-osusume .bottom-area .box.box01 ul li:before {
    content: "";
    background: #fff;
    width: 94%;
    height: 2px;
    position: absolute;
    top: 5px;
    right: 5px;
}
.sec-osusume .bottom-area .box.box01 ul li:after {
    content: "";
    background: #fff;
    width: 2px;
    height: 80%;
    position: absolute;
    top: 5px;
    right: 5px;
}
.sec-osusume .bottom-area .box.box01 ul:after {
    content: "*";
    font-size: 34px;
    color: #70c7dd;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-22px);
    transform: translateY(-22px);
    margin: 0 auto;
}
.sec-osusume .bottom-area .box.box02 {
    background: #f5f1ea;
}
.sec-osusume .bottom-area .box.box02 ul {
    max-width: 512px;
    margin: 0 auto;
}
.sec-osusume .bottom-area .box.box02 ul li {
    margin-bottom: 15px;
}
.sec-osusume .bottom-area .box.box02 ul li .num {
    font-size: 22px;
    color: #f3aec3;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    line-height: 1.3em;
}
.sec-osusume .bottom-area .box.box02 ul li .txt {
    font-size: 22px;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    line-height: 1.4em;
}
.sec-osusume .bottom-area .box.box02 ul li .txt span {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,transparent),color-stop(40%,#fff133));
    background: linear-gradient(transparent 40%,#fff133 40%);
    padding: 0 3px 3px;
}
.sec-product .bar {
    padding: 88px 0;
    background: #e27a9c;
}
.sec-product .bar .txt {
    font-size: 20px;
    color: #fff;
    font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 3;
    line-height: 66px;
}

/*==
.sec-product :after {
    content: "";
    border: 20px solid transparent;
    border-top: 20px solid #e27a9c;
    position: absolute;
    top: 285px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
 ==*/



@media (max-width: 760px){
.sec-osusume .top-area {
    padding: 70px 0 55px;
}
.sec-osusume .top-area .ttl {
    font-size: 23px;
    margin-bottom: 20px;
}
.sec-osusume .top-area .txt01 {
    font-size: 18px;
    margin-bottom: 20px;
}
.sec-osusume .top-area .txt01 span {
    font-size: 19px;
    max-width: 270px;
    display: block;
    padding: 8px 15px;
    margin: 0 auto 7px;
}
.sec-osusume .top-area .txt02 {
    font-size: 21px;
}
.sec-osusume .middle-area {
    padding: 55px 0 30px;
}
.sec-osusume .middle-area .txt {
    font-size: 23px;
}
.sec-osusume .bottom-area .box {
    width: 100%;
    padding: 40px 15px;
}
.sec-osusume .bottom-area .box.box01 .stl {
    font-size: 27px;
}
.sec-osusume .bottom-area .box.box01 .stl span {
    padding: 4px 5px;
}
.sec-osusume .bottom-area .box.box01 ul {
    max-width: 345px;
}
.sec-osusume .bottom-area .box.box01 ul li {
    font-size: 15px;
}
.sec-osusume .bottom-area .box.box01 ul:after {
    font-size: 28px;
    -webkit-transform: translateY(-19px);
    transform: translateY(-19px);
}
.sec-osusume .bottom-area .box.box02 ul li .num {
    font-size: 18px;
}
.sec-osusume .bottom-area .box.box02 ul li .txt {
    font-size: 18px;
}
.sec-product .bar .txt {
    font-size: 16px;
}
.pc {
    display: none!important;
}

}

/*== pippon ==*/

.wrap_sub {
overflow: hidden;
}