@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; height:100%; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; _display:inline; _zoom:1; -webkit-text-size-adjust:100%;}

.wrap{overflow: hidden;}

a:hover img{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

/* ========header======== */

header{width:100%; margin:0 auto; padding:0; height:11%; position:fixed; z-index:9; top:0; left:0; background-color:#fff;}
header .logo{width:30%; margin:0 0 0 0; padding:0; float:left;}
header .logo h1 a{width:100%; height:0; background-image:url(../../img/sp/rogo_sp2023.png); background-repeat:no-repeat; background-size:contain; margin:-3.5% 0 0 10%; padding-top:35.71%; overflow:hidden; text-indent:100%; white-space:nowrap; display:block;}
header .header_menu{width:70%; margin:4% 0 0 0; padding:0; float:left;}
header .header_menu ul{width:100%; margin:0 auto; padding:0; list-style:none;}
header .header_menu li{width:15%; margin:0 0 0 0; padding-right:3.5%; float:left;}
header .header_menu li a{margin:0; padding:0;}
header .header_menu li a:hover{filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
header .header_menu li:first-child{margin:0 0 0 23%;}
header .header_menu li:last-child{padding:0;}

/* ========pankuzu======== */
#pankuzu{display:none;}
#pankuzu p{font-size:70%; text-align:right; line-height:100%; color:#393939; margin:30px auto; padding:0; width:1018px;}
#pankuzu p a{color:#393939; text-decoration:underline;}
#pankuzu p a:hover{color:#a7271f; font-weight:bold;}


/* ========main_gazou======== */

#common_main{width:100%; margin:18% auto 0 auto; background-image:url("../../img/sp/common_main_sp.jpg"); background-repeat:no-repeat; background-size:100%; padding-top:42.4%; height:0;}
#common_main h2{margin:-14% auto 0 auto; font-size:180%; color:#fff; font-weight:normal; text-align:right; line-height:140%; letter-spacing:5px; width:90%; text-shadow:0 0 5px #000,-1px 0 3px #000;}
#common_main h2.free_trial_h2{margin:-22% auto 0 auto; font-size:180%; color:#fff; font-weight:normal; text-align:right; line-height:140%; letter-spacing:5px; width:90%; text-shadow:0 0 5px #000,-1px 0 3px #000;}

.sitemap_main{background:none; position:relative;}

.sitemap_main video{display:block; width:100%; margin:20px auto 0 auto;}

.headline{position:absolute;
  text-align: center;
	top: 65%;
	left: 75%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.headline h2{margin:0; font-size:40px; color:#fff;}

.headline2 {position:absolute;
  text-align: center;
	top:75%;
	right:8%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);}

.headline2 h2{margin:0; font-size:210%; color:#fff; font-weight:normal; text-align:right; line-height:140%; letter-spacing:5px;}


.arrow{position:relative; display:inline-block; padding:0; color:#fff; vertical-align:middle; text-decoration:none;}
.arrow::before,.arrow::after{position:absolute; top:0; bottom:0; left:0; margin:auto; content:""; vertical-align:middle;}

.arrow_icon1::before{left:13%; top:0; width:7px; height:7px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.arrow_icon2::before{left:10%; top:0; width:9px; height:9px; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.btn1{display:block; position:relative; overflow:hidden; padding:4% 0 4% 2%; text-align:center; color:#333; text-decoration:none; width:50%; margin:4% auto 5% auto; border:1px solid #646464; font-size:70%; line-height:100%; box-sizing:border-box;}
.btn1:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:100%; background :#fff; opacity:0.3; transition:.4s;}
.btn1:hover:after{top:0; left:0;}
.btn1:hover{border:1px solid #ddd; background-color:#ddd; color:#000; box-sizing:border-box;}

a.btn2{display:block; position:relative; overflow:hidden; padding:4% 0 4% 2%; text-align:center; color:#333; text-decoration:none; width:50%; margin:4% auto 10% auto; border:1px solid #646464; font-size:70%; line-height:100%; box-sizing:border-box;}
a.btn2:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:100%; background :#fff; opacity:0.3; transition:.4s;}
a.btn2:hover:after{top:0; left:0;}
a.btn2:hover{border:1px solid #ddd; background-color:#ddd; color:#000; box-sizing:border-box;}

a.btn3{display:block; position:relative; overflow:hidden; padding:7% 0 7% 2%; text-align:center; color:#fff; text-decoration:none; width:100%; margin:4% auto 10% auto; border:2px solid #c8ba98; font-size:80%; line-height:100%; box-sizing:border-box; background:#a18950;}
a.btn3:after{content:""; position:absolute; top:-100%; left:-150%; height:100%; width:100%; opacity:0.3; transition:.4s;}
a.btn3:hover:after{top:0; left:0;}
a.btn3:hover{background-color:#bcab83;}

/* ========contact,trail_form======== */

.con_form{width:94%; margin:0 auto;}
.con_form span{color:#fa5050;}

.con_form table{width:100%; margin:2% auto 5% auto; border-collapse:collapse; border-bottom:none;}
.con_form th{width:100%; border:1px solid #888; font-weight:normal; font-size:90%; line-height:180%; margin:auto; text-align:center; padding:2% 0; vertical-align: middle; display:table-cell;}
.con_form th.th1{width:100%; border:1px solid #888; font-weight:normal; font-size:90%; line-height:180%; margin:auto; text-align:center; padding:2% 0; vertical-align: middle; display:table-cell;}
.con_form td{width:100%; border-top:1px solid #888; border-right:1px solid #888; border-left:1px solid #888; border-bottom:1px solid #888; box-sizing:inherit; padding:2%; font-size:90%; line-height:180%; margin:0; text-align:center; display:table-cell;}
.con_form td a{color:#000;}
.contact_btn1{width:70%; margin:5% auto;}

input.form_text1{width:80%; height:30px; font-size:100%; line-height:180%; margin:1.5% 0;}
input.form_text1_2{width:80%; height:30px; font-size:100%; line-height:180%; margin:1.5% 0;}
input.form_text1_3{width:80%; height:30px; font-size:100%; line-height:180%; margin:1.5% 0;}
input.form_text2{width:65px; font-size:100%; line-height:180%;}
textarea.form_text3{width:80%; height:260px; font-size:120%; line-height:180%; margin:1.5% 0;}
select.form_select4{width:300px; height:35px; font-size:100%; line-height:180%; border:1px solid #333;}
select.form_select5{width:110px; font-size:100%; line-height:180%; border:1px solid #333;}
radio.form_text6{width:300px; font-size:100%; line-height:180%;}


/* ========privacy======== */

#privacy{width:100%; margin:0 auto; padding:0;}

#privacy .privacy_box{width:94%; border:1px solid #888; padding:0; margin:2% auto 6% auto; box-sizing:border-box;}
#privacy .privacy_box h4{font-size:90%; color:#a28848; line-height:230%; margin:3% auto 0 auto; padding:0; text-align:center;}
#privacy .privacy_box p.privacy_text1{font-size:90%; color:#393939; line-height:170%; margin:0 auto; padding:0; text-align:left; width:94%;}
#privacy .privacy_box p.privacy_text1:last-child{padding:0 0 3% 0;}

#privacy h3{font-size:90%; color:#fff; font-weight:normal; text-align:center; width:100%; background-image:url("../../img/pc/title_tophalf_bg2023.png"); background-repeat:no-repeat; background-size:120%; padding:4.5% 0 3.5% 0; margin:0; letter-spacing:7px; line-height:100%;}


footer{width:100%; margin:0 0; padding:0; height:131px; background-image:url(../../img/sp/footer_bg_sp2_2023.png); background-repeat:repeat-x; z-index:1; position:absolute;}
footer ul{padding:0; margin:0; list-style:none;}
footer li.footer_text1{margin:5% 0 0 10%; text-indent:-1em; text-align:left; float:left;}
footer li.footer_text1:before{content:'>'; display:inline-block; width:1em; text-indent:0; color:#dedddd; margin:0 0 0 0;}
footer li.footer_text1 a{font-size:12px; line-height:180%; color:#dedddd; text-decoration:none;}
footer li.footer_text1 a:hover{text-decoration:underline;}

footer .copyright{text-align:center; color:#fff; font-size:13px; margin:11% 0 0 0;}

#pagetop{position:fixed; bottom:1.5%; right:10px; width:38px; height:38px; z-index:10;}

.clearfix::after{content:""; display:block; clear:both;}

.clearfix{min-height:1px;}

* html .clearfix{height:1px;}

.clear{clear:both;}

.left{text-align:left;}
.center{text-align:center;}

.red{color:#fa5050;}

.pc{display:none;}
.sp{display:block;}