@charset "utf-8";/* ===================================================================CSS information file name  :  common.css style info :  共通部分=================================================================== */html,body,#wrapper {	width: 100%;    height: 100%;    margin: 0;    padding: 0;}body {	background:#fafafa;	font-family:meiryo, sans-serif,'Hiragino Sans', 'Hiragino Kaku Gothic ProN';    padding: 0;    margin: 0;}.border{ margin-top:30px; border-top:1px solid #BBB; border-bottom:1px solid #FFF;}.wide{ width:100%;}/* ------------------------------------------------------------------- header  ----------------------------------------------------------------- */header{}  .inner {    width: 1020px;    margin: 0 auto;    padding: 0 10px;    box-sizing: border-box;}.inner:after {    content: "";    clear: both;    display: block;}  /* header */#top-head {/*  top: -100px;    position: absolute;    width: 100%;    margin: 100px auto 0;    padding: 30px 0 0;*/    line-height: 1;    z-index: 999;    width: 100%;    padding: 20px 10px 30px 10px;    box-sizing: border-box;    background:#fff;    	}#top-head a,#top-head {    text-decoration: none;	}#top-head a:hover{	opacity: 0.8;	}#top-head .inner {    position: relative;    top: 4px;}#top-head .logo {    width: 180px;    height:46px;    float: left;    background: url(../image/logo.png) no-repeat;    background-size: 160px auto; /*  text-indent: 100%;  white-space: nowrap;  overflow: hidden;*/    }#global-nav ul {    list-style: none;    position: absolute;    right: 10px;    top: 26px;    font-size: 14px;}#global-nav ul li {    float: left;}#global-nav ul li a {    padding: 0 16px;	} #global-nav ul li a.active{	opacity: 1.0;	}#global-nav ul li.contact{    position: relative;    top: -15px;    margin-left: 10px;}#global-nav ul li.contact a{ color: #fff !important;}/*a[href^="tel:"] {	pointer-events: none;	}*//* Fixed */#top-head.fixed {    margin-top: 0;    top: 0px;    margin-top:0px;    position: fixed;    height: 80px;    background: #fff;/*  background: rgba(255,255,255,.7);*/    transition: top 0.65s ease-in;    -webkit-transition: top 0.65s ease-in;    -moz-transition: top 0.65s ease-in;    box-shadow: 0 3px 6px rgba(0,0,0,0.2);    padding: 0;    box-sizing: border-box;}#top-head.fixed h1{ margin-bottom:5px; margin-top: 10px;}#top-head.fixed .logo {    margin-top:0px;    background-size: 130px auto;    color: #333;}#top-head.fixed #global-nav ul {    top: 20px;}#top-head.fixed #global-nav ul li a {    padding: 7px 14px;} /* Toggle Button */#nav-toggle {    display: none;    position: absolute;    right: 12px;    top: 18px;    width: 32px;    height: 36px;    cursor: pointer;    z-index: 101;}#nav-toggle div {    position: relative;}#nav-toggle span {    display: block;    position: absolute;    height: 2px;    width: 100%;    background: #666;    left: 0;    -webkit-transition: .35s ease-in-out;    -moz-transition: .35s ease-in-out;    transition: .35s ease-in-out;}#nav-toggle span:nth-child(1) {    top: 0;}#nav-toggle span:nth-child(2) {    top: 11px;}#nav-toggle span:nth-child(3) {    top: 22px;}ul.js-flickity li p{ position: absolute; font-size: 2.3em; color:#FFF;}ul.js-flickity li p.mv_txt_01{ bottom:60px; left: 60px;}ul.js-flickity li p.mv_txt_02{ top:140px; right: 230px;}@media screen and (max-width: 1024px) {    #top-head,    .inner {        width: 100%;        padding: 0;    }    #top-head {        top: -17px;        position: fixed;        margin-top: 0;	height: 56px;	    }        h1{    text-indent: 100%;    white-space: nowrap;    overflow: hidden;    }　　#top-head .inner {    top: -10px;}    /* Fixed reset */    #top-head.fixed {        padding-top: 0;        background: transparent;	padding:0;	box-shadow: 0 0px 0px rgba(0,0,0,0.0);	margin-top:0;	top:-17px;    }            #top-head.fixed h1{    margin-top: 10px;    }    #mobile-head {        background: #fff;        width: 100%;        height: 60px;        z-index: 999;        position: relative;	box-shadow: 0 3px 6px rgba(0,0,0,0.2);    }    #top-head.fixed .logo,    #top-head .logo {        position: absolute;        left: 18px;        top: 18px;        color: #333;	background-size: 110px auto;    }    #global-nav {        position: absolute;        /* 開いてないときは画面外に配置 */        top: -500px;        background: #eee;        width: 100%;        text-align: center;        padding: 10px 0;        -webkit-transition: .5s ease-in-out;        -moz-transition: .5s ease-in-out;        transition: .5s ease-in-out;	box-shadow: 0 3px 6px rgba(0,0,0,0.2);    }    #global-nav ul {        list-style: none;        position: static;        right: 0;        top: 0;        font-size: 14px;    }    #global-nav ul li {        float: none;        position: static;    }    #global-nav ul li.contact{    top: 0px;        }    #top-head #global-nav ul li a,    #top-head.fixed #global-nav ul li a {        width: 100%;        display: block;        color: #888;        padding: 18px 0;    }    #nav-toggle {        display: block;    }    /* #nav-toggle 切り替えアニメーション */    .open #nav-toggle span:nth-child(1) {        top: 11px;        -webkit-transform: rotate(315deg);        -moz-transform: rotate(315deg);        transform: rotate(315deg);    }    .open #nav-toggle span:nth-child(2) {        width: 0;        left: 50%;    }    .open #nav-toggle span:nth-child(3) {        top: 11px;        -webkit-transform: rotate(-315deg);        -moz-transform: rotate(-315deg);        transform: rotate(-315deg);    }    /* #global-nav スライドアニメーション */    .open #global-nav {        /* #global-nav top + #mobile-head height */        -moz-transform: translateY(556px);        -webkit-transform: translateY(556px);        transform: translateY(556px);    }    ul.js-flickity li p{ position: absolute; font-size: 1.6em; color:#FFF;}ul.js-flickity li p.mv_txt_01{ top:30px; left: 30px;}ul.js-flickity li p.mv_txt_02{ top:30px; right: 30px;}}@media screen and (max-width: 767px) {}/* ------------------------------------------------------------------- Text ----------------------------------------------------------------- */ h1{ font-size: 0.85em; margin-bottom: 10px; margin-top:10px;  } h2 {  font-size: 2.1em;  line-height: 1.6em;  margin-bottom: 1.0em; } h3.sec_title{  font-size: 2.1em;  line-height: 1.6em;  margin-bottom: 1.0em;} h3{ font-size: 1.6em; margin-bottom: 10px;}h4{ font-size: 1.4em; margin-bottom: 5px;}h4.txtL{font-size:1.5em;font-weight:bold;    line-height: 1.8em;    margin-bottom: 15px;}span.block{ display: block;} p.title{  font-size: 2.1em;  line-height: 1.6em;  margin-bottom: 1.0em;}p.large,span.large{  font-size: 1.4em;  line-height: 1.6em;}p.bold{  font-size: 1.2em !important;  font-weight: 700;  line-height: 1.6em;}p.small{  font-size: 0.9em;  line-height: 1.4em;}p.sub-text, span.sub-text{   color: #999;   font-size: 0.9em;   font-weight: 100;} p.notes{   color: #d45b8b;   font-size: 1.0em;   margin: 1.4em auto;   padding: 15px 30px;   box-sizing: border-box;   background: #f8eff5;   border:1px solid #eaa3c0;   }   p{  font-size: 1.2em;  line-height: 1.8em; } p.product-title{ font-size: 2.2em; margin-top: 1.6em; margin-bottom: 0em;}span.title-jp{  position: relative;  display: inline-block;  top:-30px;  color: #888;  }time{  margin-bottom: 3px;}a.blank{    background: url(../image/icon_linkblank.png) no-repeat;    background-size: 12px 11px;    background-position: right center;    padding-right: 15px;}span.icon_link{    background: url(../image/icon_arrow_link.png) no-repeat;    background-size: 10px 9px;    background-position: left center;    padding-left: 15px;    margin-left: 10px;}.space_box{ margin:20px 0; }@media screen and (max-width: 979px) {h2,p.title{  font-size: 1.7em;  line-height: 1.6em;  margin-bottom: 1.0em; } h3.sec_title{  font-size: 1.7em;  line-height: 1.6em;  margin-bottom: 1.0em;} p.product-title{ font-size: 1.7em; margin-top: 1.6em; margin-bottom: 0.2em;}h3{ font-size: 1.5em; margin-bottom: 10px;}p{  font-size: 1.0em;  line-height: 1.8em; } p.large,span.large{  font-size: 1.2em;  line-height: 1.6em;}}@media screen and (max-width: 1024px){p.notes {width: 100%;}span.spacing { letter-spacing:-2px;}}@media screen and (max-width: 767px) {h2,p.title{  font-size: 1.6em;  line-height: 1.6em;  margin-bottom: 1.0em; }  h3.sec_title{  font-size: 1.6em;  line-height: 1.6em;  margin-bottom: 1.0em;} p.product-title{ font-size: 1.6em; margin-top: 1.6em; margin-bottom: 0.2em;}h3{ font-size: 1.4em; margin-bottom: 10px;}}/* ------------------------------------------------------------------- Bottum ----------------------------------------------------------------- */div.btn_box{	text-align: center;	margin: 13px 0;}section .box-inner{	position: relative;}div.btn_box_right{	position: absolute;	top: 0px;	display: block;		right: 30px;}a.btn {	display: inline-block;	text-align: center;	margin: 0 auto;	cursor: pointer;	}.btn {  -webkit-border-radius: 4;  -moz-border-radius: 4;  border-radius: 4px;  text-decoration: none;  color: #ffffff;}a.weight_a1,.weight_a1{  color: #ffffff;  font-size: 2.0em;  background: #ed6624;  padding: 20px 110px;}a.weight_a2,.weight_a2{  color: #ffffff;  font-size: 1.2em;  background: #ed6624;  padding: 10px 20px;  width: 120px;}input#submit.btn.weight_a2,input#submit01.btn.weight_a2,input#submit02.btn.weight_a2{color: #ffffff;font-size: 1.2em;background: #ed6624;padding: 10px 20px;width: 160px;border:none;}.submit_btn{margin-bottom: 0.7em;font-size: 0.9em;float:left;	margin-top:12px;	margin-right:10px;}a.weight_a3,.weight_a3{  color: #ffffff;  font-size: 1.6em;  background: #ed6624;  padding: 14px 80px;  margin-top:30px;}a.weight_b1{  color: #555555;  font-size: 1.2em;  background: none;  padding: 5px 50px;  border: #ccc solid 1px;  color: #888;  margin-top: 15px;  font-weight:400;}a.weight_b2{  color: #555555;  font-size: 1.0em;  background: none;  padding: 4px 16px;  border: #ccc solid 1px;  margin-top: 15px;}p.weight_b2{  color: #ccc;  font-size: 1.0em;  background: none;  padding: 4px 16px;  border: #ccc solid 1px;  margin-top: 15px;}a.btn:hover{  opacity: 0.8;  text-decoration: none;}p.weight_b2:hover{  opacity: 1.0;  text-decoration: none;}a.weight_b3{  color: #aaa;  font-size: 1.0em;  background: #eee;  padding: 10px 50px;  border: #eee solid 2px;  margin-top: 15px;}#global-nav ul li a.weight_b4,.weight_b4,a.weight_b4,p.weight_b4_disable{  color: #ed6624;  font-size: 1.2em;  background: none;  padding: 7px 20px;  border: #ed6624 solid 1px;  margin-top: 0px;  box-sizing: border-box;}p.weight_b4_disable{	margin-top: 7px;	opacity:0.35;	-moz-opacity:0.35;	-khtml-opacity: 0.35; }#global-nav ul li a.weight_b4{margin-top:-10px;font-size: 1.0em;padding: 7px 14px;margin-left: 4px;}table td a.weight_b4{font-size: 1.0em;padding: 3px 7px;}p.weight_b4{margin-top:7px;cursor : pointer;}.weight_b4:hover,a.weight_b4:hover{ text-decoration: none;}a.weight_b1:hover{ background: #ccc; color: #FFF;}a.weight_b3:hover{  background: #eee;  opacity: 1.0;}a.e_program:hover,p.weight_b4:hovera p.weight_b4:hover{opacity: 0.6;text-decoration: none;color:#777;}a.text_link_prr{  text-decoration: underline;}a.text_link_prr:hover{  opacity: 0.7;  text-decoration: none;}@media screen and (max-width: 1024px) {a.weight_a2.weight_a2{  padding: 15px 30px !important;  width:100px !important;}#global-nav ul li a.weight_b4{  border: none;  margin-left: 0px;}}@media screen and (max-width: 767px) {.program_image img{	width: 100px !important;	height: auto;}div.btn_box{	text-align: center;	margin: 33px 0;}a.btn {	display: block;	text-align: center;	margin: 0 auto;	width: 70%;  	box-sizing: border-box;		}a.weight_a1{ padding: 20px 20px;}a.weight_a2.weight_a2{  font-size: 1.2em;  padding: 10px 20px !important;  width:100% !important;}input#submit.btn.weight_a2,input#submit01.btn.weight_a2{	font-size: 1.2em;	padding: 10px 20px !important;	width:70% !important;}a.weight_b2{ width:90px;}.submit_btn{	float:none;	}.space01{	float:none;	text-align:center;}}@media screen and (max-width: 479px){a.weight_a1{  padding: 20px 20px;  width:100%;}input#submit.btn.weight_a2,input#submit01.btn.weight_a2{	width:100% !important;}.weight_a3{  width:100%;}.weight_b4,a.weight_b4,p.weight_b4_disable{	width:80%;	display:block;	margin:auto;}#global-nav ul li a.weight_b4{	border: none;	margin-left: 0px;	margin-top:0;}p.weight_b4_disable{	margin-top: 7px;}/*a.btn{  width:100%;}*/}/* ------------------------------------------------------------------- Contents_box ----------------------------------------------------------------- */#wrapper{position: relative;}section{width: 100%;margin: 0 atuo;padding: 50px 0;box-sizing: border-box;text-align: center;} section:last-child{ padding-bottom:120px;}.Company section div.col_1{	text-align: left;}.bg{ background-color: #ffffff;}section:before, section:after,ul:before, ul:after,div.half_box .text-in-box:after,section div.col_1:before,section div.col_1:after,section div.dl_box:after{clear: both;content: "";display: block;}.box-inner { width: 1020px;  margin: 0 auto;		}	.box-inner img{ width: 100%;	}	.box-inner img.specify{ width: 80px;}.box-inner img.product_sec02{ width: 70%; margin-bottom: 30px;}section div.col_1{ padding: 0 30px;}section div.col_2_left{ float: left; padding: 0 30px; box-sizing: border-box; text-align: left;  display:table-cell;}section div.col_2_right{ float: right; padding: 0 30px;  box-sizing: border-box; text-align: left;  display:table-cell;}section div.col_2_half{ box-sizing: border-box;padding: 0 30px;}section div.col_2_half div.half_box_l{float: left;width: 50%;}section div.col_2_half div.half_box_r{float: right;width: 50%;position: relative;}section div.col_2_half div.text-in-box{ width: 380px; height: 231px; display:table-cell; vertical-align:middle; box-sizing: border-box; padding: 0 30px;}section div.col_2_half div.text-in-box p{}section div.col_2_half div.half_box_r div.text-in-box{ text-align: left;}section div.col_2_half div.half_box_l div.text-in-box{ text-align: right;}section div.col_2_half div.half_box p{margin: 20px 30px;}section div.col_2_half:before, section div.col_2_half:after,ul.col_3 li:after{clear: both;content: "";display: block;}section div.col_2_half div.half_box_space_l{float: left;width: 50%;padding-right:5px;box-sizing: border-box;margin-bottom: 60px;}section div.col_2_half div.half_box_space_r{float: right;width: 50%;padding-left:5px;box-sizing: border-box;margin-bottom: 60px;}.w15{ width: 15%; padding:0 !important;}.w20{ width: 20%; }.w40{ width: 45%;}.w50{ padding: 0; width: 50%;}.w60{ width: 55%; padding: }.w70{ padding: 0; width: 70%; margin:0 auto;}.w80{ padding: 0; width: 80%; margin:0 auto;}.w85{ padding: 0; width: 85%; margin:0 auto;}.w80_fix{ width: 800px;}.half_box_space{float: left;width: 48%;margin-left: 1%;}section div.col_2_half img{width: 100%;margin-bottom: 0;}ul.col_3{width: 100%;padding: 0px;box-sizing: border-box;margin: 0 auto 20px;/*max-width: 1020px;*/}ul.col_3 li{width: 31.333333%; float: left;margin-right:3%;margin-bottom: 10px;}ul.col_3 li:last-child{margin-right:0;}ul.col_3 li img{ margin-top: 10px; margin-bottom:10px;}ul.col_3 li p{ text-algin: left; font-size: 1.0em;}section div.col_2_right img,section div.col_2_left img,ul.col_3 li img {/*width: 100%;*/}.titile-box{ margin: 20px 0;}.info-box{ border: solid #eee 1px; padding: 50px 30px; margin-top:15px;}img.img-tel{ width: 355px; height: auto; margin: 6px 0;}footer{	height: 150px;	text-align: center;	position: relative;	background-color: #eee;	bottom:0;	padding-top: 30px;	}	ul.footer-nav{	text-align: center;	margin-bottom: 20px;			}ul.footer-nav li{    display: inline-block;    line-height: 1.2em;    padding:0;}ul.footer-nav li:first-child{    border-left: solid 1px #CCC;    padding-left:2px;}ul.footer-nav li a {　　float: left;    margin: 0;    border-right: solid 1px #CCC;    padding: 0 10px 0 8px;    color: #333;}footer .f_logo { width: 100%; bottom: 45px; position: absolute; display:block; }footer .f_logo img { width: 133px;}footer p.copy{width:100%;display: block;font-size: 0.8em;position: absolute;bottom: 20px;text-align: center;color: #333;}@media screen and (max-width: 1024px) {.box-inner { width: 100%; padding: 0 20px; box-sizing: border-box;	}	@media screen and (max-width: 979px) {ul.col_3 li p.rule_height {	min-height: 3.6em;	overflow: hidden;}section div.col_2_left{ padding: 0 10px;}section div.col_2_right{ padding: 0 10px;}}@media screen and (max-width: 767px) {section{padding:30px 0;}	.box-inner img{ margin: 10px 0; width: 100%;}.box-inner img{}.box-inner img.product_sec02{ width: 100%;}section div.col_1{padding: 0 0px;}section div.col_2_left:after,section div.col_2_right:after{clear: both;content: "";display: block;}section div.col_2_left{ width: 100%; float: none; padding: 0 0px; display: inline;}section div.col_2_right{ width: 100%; float: none; padding: 0 0px; display: inline;}section div.col_2_half{ padding: 0 0px; } section div.col_2_half div.half_box_l{float: none;width: 100%;margin-bottom:15px;}section div.col_2_half div.half_box_r{float: none;width: 100%;position: static;margin-bottom:15px;} section div.col_2_half div.text-in-box{ padding: 0 0px;}section div.col_2_half div.text-in-box{ height: auto; display: inline; vertical-align: top; box-sizing: border-box; padding: 0 0px;}section div.col_2_half div.text-in-box p{}section div.col_2_half div.half_box_r div.text-in-box{ text-align: center;}section div.col_2_half div.half_box_l div.text-in-box{ text-align: center;}section div.col_2_half div.half_box p{margin: 20px 30px;}section div.col_2_half div.half_box_space_l{float: none;width: 100%;padding-right:0px;}section div.col_2_half div.half_box_space_r{float: none;width: 100%;padding-left:0px;}   .w40{width: 100%;padding: 0 0px;}.w60{width: 100%;}.w70{ width: 100%;}.w80{ width: 100%;}.half_box_space{float: none;width: 100%;margin-left: 0%;}img.img-tel{ width: 70%; height: auto; margin: 6px 0 15px 0;}footer{	height: 120px;	padding-top: 15px;	}footer .f_logo { bottom: 30px;}footer .f_logo img { width: 110px;}	ul.footer-nav{	margin-bottom: 10px;	font-size:0.96em;	line-height: 1.9em;		padding:0 20px;		}	ul.footer-nav li:first-child{    padding-left: 0px;}ul.footer-nav li a {    margin: 0px;    padding: 0 6px;}footer p.copy{bottom: 10px;}}@media screen and (max-width: 479px){ul.col_3{/*width: 100%;padding: 0px;box-sizing: border-box;margin: 0 auto 20px;max-width: 1020px;*/}ul.col_3 li{width: 100%; float: none;margin-right:0%;margin-bottom: 15px;}ul.col_3 li:last-child{margin-right:0;}.rule_height li p{	min-height: auto;	overflow: auto;}ul.col_3 li.mob_img img{       width: 60%;}footer{	padding-top: 10px;	}	footer a.icon_link{    background: url(../image/icon_arrow_link.png) no-repeat;    background-size: 7px 7px;    background-position: left center;    padding-left: 15px;    margin-left: 10px;}	ul.footer-nav{	margin-bottom: 10px;	font-size:0.87em;	line-height: 1.7em;			}	ul.footer-nav li{    line-height: 1.0em;    padding-left:0;    padding-right:0;}ul.footer-nav li:first-child{    border-left: none;    padding-left: 0px;}ul.footer-nav li a {　　float: left;    border-right: none;    padding: 0 5px 0 10px;    margin: 0px; }footer .f_logo img { width: 90px;}	footer p.copy{font-size: 0.78em;bottom: 10px;}} 