@charset "utf-8";

html, body {
    height: 100%;
	width: 100%;
	min-width:1300px;
}
body {
    background: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Verdana, Geneva, arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.5;
	padding:0;
	margin:0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, section, article, aside, hgroup, header, footer, nav, dialog, figure, menu, video, audio, mark, time, canvas, details {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
li {
	list-style-type: none;
}
a {
	text-decoration:none;
}
a:hover {
	opacity: 0.7;
}

.float_l{
	float:left;
}
.float_r{
	float:right;
}
.center_align {
	text-align:center;
}
.clear_fix:after{/*for modern browser*/
    content:" ";
    display: block;
    height:0;
    clear:both;
	font-size: 0;
    line-height:0; 
    visibility:hidden;
}
.clear_fix{
	zoom:1;/*for IE 5.5-7*/
}

.mar_r10 {
	margin-right:10px;
}
.mar_b30 {
	margin-bottom:30px;
}
.top {
	height:100%;
	width:100%;
	background:#f0f0f0;
}

.iphone .top,
.android .top {
	height:800px;
}

.top:not(:target){
  height:800px \9; /* IE9,10 */
}

@media all and (-ms-high-contrast: none) {
    .top:not(:target) {
        height:100%; /* IE10以上 */
    }
}


.top .inner{
	height:100%;
	width:1160px;
	margin:0 auto;
	padding-left:140px;
	position:relative;
}

.top .illust_main {
	position:absolute;
	top:50%;
	margin-top:-650px;
	right:0px;
}
.top .main_copy{
	text-align:center;
	width:485px;
	position:absolute;
	top:42%;
	margin-top:-225px;
}
.top .illust_main,
.top .main_copy h1,
.top .main_copy .button,
.top .local_navi,
.top .local_navi li{
	opacity: 0;
}

.top .illust_main:not(:target),
.top .main_copy h1:not(:target),
.top .main_copy .button:not(:target),
.top .local_navi:not(:target),
.top .local_navi li:not(:target){
  opacity: 1 \9; /* IE10以下 */
}

@media all and (-ms-high-contrast: none) {
.top .illust_main:not(:target),
.top .main_copy h1:not(:target),
.top .main_copy .button:not(:target),
.top .local_navi:not(:target),
.top .local_navi li:not(:target){
      opacity: 0; /* IE10以上 */
    }
}

.top .illust_main {
  -webkit-animation: animation 0.5s ease 0.3s 1 forwards;
  animation: animation 0.5s ease 0.3s 1 forwards;
}

.top .main_copy h1 {
  -webkit-animation: animation 0.5s ease 0.7s 1 forwards;
  animation: animation 0.5s ease 0.7s 1 forwards;
  margin-bottom: 2.2em;	
}


.top .main_copy .button {
  transform: scale(0.85,0.85);
  -webkit-animation: button_animation 0.5s ease 1.1s 1 forwards;
  animation: button_animation 0.5s ease 1.1s 1 forwards;
}

.top .local_navi {
  -webkit-animation: animation 0.5s ease 1.5s 1 forwards;
  animation: animation 0.5s ease 1.5s 1 forwards;
}

.top .local_navi li:nth-child(1){
  -webkit-animation: animation 0.3s ease 1.8s 1 forwards;
  animation: animation 0.3s ease 1.8s 1 forwards;
}

.top .local_navi li:nth-child(2){
  -webkit-animation: animation 0.3s ease 2.1s 1 forwards;
  animation: animation 0.3s ease 2.1s 1 forwards;
}

.top .local_navi li:nth-child(3){
  -webkit-animation: animation 0.3s ease 2.4s 1 forwards;
  animation: animation 0.3s ease 2.4s 1 forwards;
}


@-webkit-keyframes animation {
	100% {
    opacity: 1;
  }
}
@keyframes animation {
	100% {
    opacity: 1;
  }
}

@-webkit-keyframes button_animation {
  50% {
    opacity: 1;
	transform: scale(1.1,1.1);
  }
	100% {
    opacity: 1;
	transform: scale(1,1);
  }
}
@keyframes button_animation {
  50% {
    opacity: 1;
	transform: scale(1.1,1.1);
  }
	100% {
    opacity: 1;
	transform: scale(1,1);
  }
}

h1 {
	margin:0 0 40px 0;
	font-size:32px;
	font-weight:normal;
}
h1 .large{
	font-size:42px;
}
h1 div{
	margin:32px 0 30px;	
}

ul.local_navi {
	background:url(../images/local_navi_bg.gif) repeat-y;
	position:absolute;
	bottom:45px;
	left:50%;
	margin-left:-471px;
	width:942px;	
	padding:0;
}
ul.local_navi li{
	float:left;
	width:310px;
	text-align:center;
	list-style-type:none;
}

ul.local_navi li a{
	color:#430fa2;
	font-size:18px;
	background:url(../images/arrow_v.gif) no-repeat center bottom;
	padding-bottom:30px;
	display:block;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
	font-weight: bold;
}

.content_inner {
	width:1000px;
	margin:0 auto;
}

.contact {
	width:850px;
	margin-left:105px;
	padding:65px 0;
}

.contact p{
	background:url(../images/main_contact_img.gif) no-repeat left top;
	width:380px;
	height:140px;
	padding:60px 0 0 150px;
	font-size:28px;
}

.box_01 {
	background:url(../images/box01_bg.gif);
	padding:75px 0;
}

.box_01 .balloon {
	background:url(../images/box01_balloon01.webp) no-repeat;
	width:612px;
	height:58px;
	margin:0 auto 40px;
	text-align:center;
	font-size:24px;
	padding-top:20px;
	color:#5a4099;
}

.box_01 .copy,
.box_02_top .copy{
	position:relative;
}

.box_01 .copy .image_01{
	position:absolute;
	top:4px;
	left:14px;
}

.box_01 .copy .image_02{
	position:absolute;
	top:0px;
	right:-35px;
}


.box_01 h2{
	color:#FFFFFF;
	font-size:37px;
	text-align:center;
	padding:90px 0 125px;
}

.box_01 .graph_text {
	background:url(../images/box01_balloon02.webp) no-repeat;
	width:435px;
	padding:27px;
	height:114px;
	margin-top:15px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.8;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.box_01 .graph_text span {
   text-decoration:underline;
}

.arrow {
	text-align:center;
}

.box_02_top {
	padding:100px 0 110px;
	text-align:center;
}

.box_02_top .content_inner{
	position:relative;
}

.box_02_top .phone_image{
	position:absolute;
	top:159px;
	left:-251px;
}

.box_02_top .copy .left{
	position:absolute;
	bottom:15px;
	left:20px;
}

.box_02_top .copy .right{
	position:absolute;
	bottom:15px;
	right:20px;
}

.box_02_top .copy p{
	font-size:25px;
	margin-bottom:10px;
}

.box_02_top .copy h2{
	font-size:37px;
	margin-bottom:90px;
	position:relative;
}

.box_02_top .table_image {
	position:relative;
}

.box_02_top .table_image .circle {
	position:absolute;
	top:46px;
	right:-125px;
}

.box_02_top .point_text {
   font-size:25px;
   font-weight:bold;
   color:#5a4099;
   margin-top:110px;
   line-height:1.8;
}

.box_02_top .point_text span{
   color:#FFFFFF;
	background:#5a4099;
	padding:0 5px;
}

.point_box {
	background-color:#e7e3eb;
	background-repeat:no-repeat;
	background-position:top right;
	width:1204px;
	margin:0 auto 70px;
	border-radius: 20px; 
}

.point_box.point_01 {
	background-image:url(../images/box02_point01_bg.webp);
	width:1000px;
	padding:100px 102px 90px 102px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	margin:0 auto;
}

.point_box.point_02 {
	background-image:url(../images/box02_point02_bg.webp);
	width:1204px;
	padding:100px 0px 40px 0px;
}

.point_box.point_03 {
	background-image:url(../images/box02_point03_bg.webp);
}
.point_box .point_03_bottom {
	background:url(../images/box02_point03_bg_bottom.webp) no-repeat left bottom;
	width:1000px;
	padding:100px 102px;
}

.point_box h3 {
	color:#5a4099;
	margin-bottom:30px;
}

.point_box.point_02 h3 {
	text-align:center;
}

.point_box.point_03 h3 {
	margin-left:60px;
}

.point_box h4 {
	color:#5a4099;
	font-size:31px;
}

.point_box.point_01  h4 {
	text-align:center;
	margin:120px 0 50px 0;
}

.point_box .text_s{
	font-size:32px;
	line-height:2.0;
}
.point_box .text_m{
	font-size:38px;
}
.point_box .text_l{
	font-size:58px;
	line-height:1.2;
}

.point_box p{
	line-height:1.8;	
}

.point_box p.plain_text {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.point_box.point_01 .step_circle {
	margin-top:75px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;

}


.point_box.point_01 .step_circle li {
	width: 300px;
	height: 265px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	background-color: #FFFFFF;
	text-align:center;
	padding-top:35px;
	float:left;
	margin-right:50px;
}

.point_box.point_01 .step_circle li:last-child {
	float:right;
	margin-right:0px;
}

.point_box.point_01 .step_circle li .step_number{
	background-color: #5a4099;
    border-radius: 16px;
    display: block;
    height: 32px;
	color:#FFFFFF;
	font-weight:bold;
	width:100px;
	margin:0 auto;
	font-size:20px;
	line-height:1.6;
}

.point_box.point_01 .step_circle li .step_title{
	color: #5a4099;
	font-weight:bold;
	font-size:30px;
	margin:15px 0 5px;
}

.point_01_bottom {
	background:url(../images/box02_point01_bg_bottom.gif) no-repeat left top;
	margin:0 auto 70px;
	width:1000px;
	height:246px;
	padding:60px 102px 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.point_01_bottom .contact_text{
   font-size:19px;
   text-align:center;
   color:#FFFFFF;
   font-weight:bold;
   font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.point_box.point_02 .kitting {
	width:783px;
	margin:75px auto 45px;
}


.point_box.point_02 .kitting li {
	width: 261px;
	float:left;
	text-align:center;
	font-size:19px;
}

.point_box.point_02 .kitting li:last-child {
	float:right;
	margin-right:0px;	
}

.point_box.point_02 .kitting li p{
	margin-bottom:30px;
	font-weight:bold;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;

}

.point_box.point_02 h4{
	text-align:center;
	margin:35px 0 60px;
}

.point_box.point_02 .automation_box_header {
	width:1113px;
	margin:0 auto;
	background:url(../images/box02_point02_img_04.gif) no-repeat #FFFFFF;
	height:186px;
}

.point_box.point_02 .automation_box_header h5{
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	padding-top:50px;
}

.point_box.point_02 .automation_box {
	background:#FFFFFF;
	width:1113px;
	margin:0 auto;
	padding:80px 0 40px;
}

.point_box.point_02 .point_list {
	width:755px;
	margin:90px auto 0;
}

.point_box.point_02 .point_list .point_list_01{
	margin-bottom:25px;
}

.point_box.point_02 .point_list .point_number {
	color:#FFFFFF;
	font-weight:bold;
	width: 94px;
	height: 71px;
	-webkit-border-radius: 47px;
	-moz-border-radius: 47px;
	border-radius: 47px;
	background-color: #522e90;
	text-align:center;
	padding-top:23px;
	float:left;
	line-height:1.2;
}

.point_box.point_02 .point_list .point_number span{
	font-size:34px;
}

.point_box.point_02 .point_list .float_r {
	width:635px;
}

.point_box.point_02 .point_list .point_title {
	color: #522e90;
	font-size:25px;
	font-weight:bold;
	margin:30px 0 20px;
}

.point_box.point_02 .point_list .point_text sub {
	font-size:10px;
}

.point_box.point_02 .point_list .point_text.attention,
.point_box.point_03 .attention{
	font-size:12px;
	margin-top:15px;
}

.point_box.point_02 .point_list .point_list_02 .float_l p{
	font-size:19px;
	color: #522e90;
	font-weight:bold;
	line-height:1.5;
	text-align:right;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.point_box.point_03 h4 {
	font-size:25px;
	margin-bottom:40px;
}

.point_box.point_03 .clear_fix {
	margin-top:130px;
}


.point_box.point_03 .float_l {
	width:440px;
}

.point_box.point_03 .float_r {
	width:520px;
}

.point_box.point_03 p {
   text-align: justify;
   text-justify: inter-ideograph;
}

.document_box {
	text-align:center;
}

.document_box .content_inner {
	position:relative;
	padding:70px 0 135px; 
}

.document_box .bottom_image{
	position:absolute;
	bottom:0px;
	left:-235px;
}

.document_box h3{
	color: #522e90;
	font-size:55px;
	font-weight:normal;
	margin-bottom:43px;
}

.document_box p{
	font-size:25px;
	font-weight:bold;
	line-height:1.6;
}

.document_box .request_box {
	width:575px;
	float:right;
	margin-top:70px;
	text-align:center;
}

.document_box .request_box h4 {
	color: #522e90;
	font-size:25px;
	margin-bottom:40px;
}

.document_box .request_box p {
	font-size:19px;
	margin-bottom:40px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.function_box {
	background:url(../images/box03_bg.gif);
	padding:75px 0 60px;
}

.function_box h3 {
	font-size:32px;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:75px;
}

.function_box .tab{
	overflow:hidden;
}

.function_box .tab {
  transition: .3s;
}

.is-fixed {
  position: fixed;
  top: 0;
  z-index: 2;
  background:#4c2b88;
}
.is-hide {
  transform: translateY(-100%);
}
.function_box .tab li{
	background:#8266b2;
	padding:12px 0;
	float:left;
	cursor:pointer;
	width:250px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}

.function_box .tab li:hover,
.function_box .tab li.select{
	background:#FFFFFF;
	color:#430fa2;
}
.function_box .hide {display:none;}

.function_box table {
	border:0;
	width:1000px;
	font-size:14px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.function_box table th {
	background:#876eb0;
	color:#FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:8px 15px;
	width:110px;
}

.function_box table tr.table_top th {
	border-top:none;
}

.function_box table td.title {
	background:#FFFFFF;
	border-right:1px solid #876eb0;
	border-top:1px solid #876eb0;
	padding:8px 12px;
	font-weight:bold;
	line-height:1.5;
	width:200px;
}

.function_box table tr.table_top .title{
	border-top:none;
}

.function_box table td.text {
	background:#FFFFFF;
	padding:8px 12px;
}

.function_box table td.color {	
	background:#f2f0f7;
}

.function_box table tr.none td {
	color:#dadada;
}

.function_box .attention {
	font-size:12px;
	color:#FFFFFF;
	margin-top:25px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.trial_box {
	padding:120px 0 90px;
	text-align:center;
}

.trial_box h3 {
	font-size:57px;
	font-weight:normal;
	margin-bottom:40px;
}

.trial_box p{
	font-size:31px;
	font-weight:bold;
	color: #522e90;
	margin-bottom:90px;
}

.trial_box .request_box {
	width:400px;
	float:right;
	margin-top:30px;
	text-align:left;
}

.trial_box .request_box h4 {
	color: #522e90;
	font-size:25px;
	margin-bottom:40px;
}

.trial_box .request_box p {
	font-size:19px;
	margin-bottom:40px;
	color:#000000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;

}

.price_box {
	background:#734eb2;
	padding:30px 0 40px;
	text-align:center;
	color:#FFFFFF;
}

.price_box h3{
	font-size:24px;
}

.price_box .content_inner{
	width:1150px;
	border-top:2px solid #9d83c9;
	margin-top:20px;
	padding-top:30px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.price_box .line {
	border-bottom:3px solid #FFFFFF;
	display:inline-block;
	margin-bottom:20px;
}

.footer_contact_box{
	background:url(../images/box06_bg.gif);
	padding:90px;
}

.footer_contact_box .button {
	float:left;
	margin-right:50px;
}

.footer_contact_box .button_area{
	margin-bottom:40px;
}

.footer_contact_box .button:last-child {
	float:right;
	margin-right:0px;
}

.footer_contact_box .button a{
	color: #430fa2;
	background-color: #FFFFFF;
	background-image:url(../images/button_arrow_white.gif);
	background-position:270px center;
	width:300px;
}

.footer_contact_box .button.single a{
	padding-top:33px;
	height: 57px;
}

.footer_contact_box p{
	color:#FFFFFF;
	line-height:1.2;
}

.footer_contact_box .tel_box{
	float:left;
	margin-left:15px;
}

.footer_contact_box p.tel{
	font-weight:bold;
	font-size:60px;
}

.footer_contact_box p.plain_text{
	font-size: 16px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.footer_contact_box p.time{
	font-size:12px;
	float:left;
	margin:30px 0 0 25px;
	line-height:1.5;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.footer_contact_box .form{
	padding:22px 15px 0 0;
	float:right;
}

.footer_contact_box .button.form a{
	color: #FFFFFF;
	border:3px solid #FFFFFF;
	width:234px;
	height:40px;
	background:none;
	padding-top:15px;
}

.top .button a{
	background-position:335px center;
	width:365px;
	margin:0 auto;
}
.contact .button a{
	background-position:290px center;
	width:320px;
	margin-top:30px;
}
.point_01_bottom .button a{
	color: #430fa2;
	background-color: #FFFFFF;
	background-image:url(../images/button_arrow_white.gif);
	background-position:290px center;
	width:320px;
	margin:30px auto 0;
}
.document_box .request_box .button a{
	background-position:335px center;
	width:365px;
	margin:0 auto;
}

.trial_box .request_box .button a{
	background-position:290px center;
	width:320px;
}

.button a{
    background-color: #430fa2;
	background-image:url(../images/button_arrow.gif);
	background-repeat:no-repeat;
    border-radius: 45px;
    display: block;
    height: 70px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	line-height: 1.6;
	padding-top:20px;
	text-align:center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.button a span{
	letter-spacing: 0.08em;
}

.footer {
	font-size:12px;
	padding:25px;
}

.footer .footer_link{
	float:left;
}

.footer .footer_link li{
	float:left;
	margin-right:20px;
}

.footer .footer_link li a{
	color:#000000;
	background:url(../images/link_icon.gif) no-repeat right center;
	padding-right:15px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

.footer .copyright {
	float:right;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Verdana, Geneva, arial, Helvetica, sans-serif;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background:url(../images/pagetop.webp) no-repeat;
    width:71px;
	height:71px;
	display:block;
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}