@charset "UTF-8";
/*
Theme Name:RAKUTO Corporate Site
Author:Mika Kasamatsu
Description:
Version: 1.0
*/



/*common-reset==================================================================================================================*/

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,ol,ul,q,blockquote,q:before,q:after,blockquote:before,blockquote:after,a img,article,aside,details,figcaption,figure,footer,header,hgroup,menu,section,summary,input,select,option,textarea{-webkit-transition:0.3s;transition:0.3s;margin:0;padding:0;border:0;font:inherit;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
body{color:#333333;font-family:"Yu Gothic","游ゴシック",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;position:relative;font-weight:500;}
input,select,option,textarea{border-radius:none;border:none;box-shadow:none;-moz-appearance:none;-webkit-appearance:none;}

br.mb-br{display:none;}

@media (max-width:960px){
br.pc-br{display:none;}
br.mb-br{display:block;}
}

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

header{position:fixed;background:rgba(255,255,255,1.0);height:70px;width:100%;z-index:100;border-bottom:1px solid #bababa;}
header.index-clear{background:rgba(255,255,255,0);border:none;}

#header-pc{height:70px;width:100%;}
#header-pc > a{position:absolute;display:block;left:40px;top:10px;width:200px;}
#header-pc > a h1{display:block;}
#header-pc > a h1 img{position:absolute;display:block;width:100%;}
#header-pc > a h1 img.header-logo-01{opacity:1;}
#header-pc > a h1 img.header-logo-02{opacity:0;}
#header-pc > a h1 img.header-logo-03{opacity:0;}

header.index-clear #header-pc > a h1 img.header-logo-01{opacity:0;}
header.index-clear #header-pc > a h1 img.header-logo-02{opacity:1;}

#header-pc > nav{position:absolute;font-size:0;top:15px;right:40px;}
#header-pc > nav a{display:inline-block;text-decoration:none;vertical-align:top;color:#333333;line-height:1.5;font-size:10px;margin:0 40px 0 0;}
header.index-clear #header-pc > nav a{color:#ffffff;}

#header-pc > nav a em{font-family: 'Montserrat', sans-serif;font-weight:600;display:block;font-size:14px;}
#header-pc > nav a:hover,#header-pc > nav a:hover em{color:#cccccc;}


#header-pc > nav a:last-child{font-family: 'Montserrat', sans-serif;font-weight:600;box-sizing:border-box;margin:0;border:1px solid #333333;line-height:0;
							  background:url("images/icon-mail-bk.svg"),rgba(51,51,51,0);;background-repeat:no-repeat,no-repeat; background-size:20px auto,auto;background-position:20px;
							  backface-visibility:hidden;-webkit-backface-visibility:hidden;width:120px;padding:20px 0;text-indent:45px;}

#header-pc > nav a:last-child:hover
{border:1px solid #ffffff;background:url("images/icon-mail-wh.svg"),rgba(51,51,51,1.0);background-repeat:no-repeat,no-repeat;background-size:20px auto,auto;background-position:20px;color:#ffffff;}

header.index-clear #header-pc > nav a:last-child
{background:url("images/icon-mail-wh.svg"),rgba(255,255,255,0);background-repeat:no-repeat,no-repeat; background-size:20px auto,auto;background-position:20px;color:#ffffff;border:1px solid #ffffff;}

header.index-clear #header-pc > nav a:last-child:hover
{background:url("images/icon-mail-bk.svg"),rgba(255,255,255,1.0);background-repeat:no-repeat,no-repeat; background-size:20px auto,auto;background-position:20px;color:#333333!important;}



.header-mb-bt{cursor:pointer;position:absolute;width:30px;right:-35px;top:20px;}
.header-mb-bt img{display:block;width:100%;}

#header-mb{display:none;}

@media (max-width:960px){
header,header.index-clear{background:rgba(255,255,255,1.0);}
#header-pc > nav{display:none;}
#header-pc > a{left:15px;width:190px;}
#header-pc > a h1 img.header-logo-01{opacity:0!important;}
#header-pc > a h1 img.header-logo-02{opacity:0!important;}
#header-pc > a h1 img.header-logo-03{opacity:1!important;}

.header-mb-bt{right:35px;}
header.open #header-pc{background:rgba(0,0,0,0.8)!important;}
header.open #header-pc > a{opacity:0!important;}
header.open .header-mb-bt img{opacity:0;}
header.open .header-mb-bt{display:block;background:url("images/header-mb-close.svg");background-repeat:no-repeat ;background-size:30px auto;background-position:center;}

#header-mb{display:block;background:rgba(0,0,0,0.8);overflow:hidden;position:absolute;top:70px;height:0;width:100%;}
header.open #header-mb{height:100vh;padding:0 0 50px 0;}
#header-mb > div{position:relative;width:310px;margin:10px auto 0;}
#header-mb nav{position:absolute;left:0;top:0;width:170px;}
#header-mb nav a{display:block;text-decoration:none;color:#ffffff;line-height:1.5;font-size:12px;margin:0 0 30px 0;}
#header-mb nav a em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;font-size:16px;}

.header-mb-sns{position:absolute;right:0;top:235px;width:110px;}
.header-mb-sns h5{font-family:'Montserrat', sans-serif;font-weight:500;color:#ffffff;text-align:center;font-size:16px;}
.header-mb-sns a{font-family:'Montserrat', sans-serif;font-weight:500;color:#ffffff;display:block;font-size:12px;padding:10px 0;text-indent:25px;line-height:0;
				 background-repeat:no-repeat;background-size:20px auto;background-position:left;text-decoration:none;width:90px;margin:15px auto 0;}
.header-mb-sns a.fb{background-image:url("images/icon-facebook-wh.svg");}
.header-mb-sns a.ig{background-image:url("images/icon-instagram-wh.svg");}

.header-mb-conatct{position:absolute;top:360px;width:100%;}
.header-mb-conatct a{text-decoration:none;line-height:0;color:#ffffff;display:block;margin:0 0 15px 0;font-size:14px;
					 font-weight:bold;border:1px solid #ffffff;border-radius:30px;padding:28px 0;}
.header-mb-conatct a:first-child{background:url("images/icon-tel-wh.svg");background-repeat:no-repeat; background-size:20px auto;background-position:70px;text-indent:115px;}
.header-mb-conatct a:last-child{background:url("images/icon-mail-wh.svg");background-repeat:no-repeat; background-size:20px auto;background-position:70px;text-indent:125px;}
}

/*Footer==================================================================================================================*/

footer{background:#333333;color:#ffffff;padding:40px 0 30px 0;}
#footer{margin:0 auto;position:relative;width:960px;height:95px;padding:0 0 80px 0;}
.footer-address{position:absolute;left:0;top:0;width:290px;}
.footer-address h6{width:220px}
.footer-address h6 img{width:100%}
.footer-address h6 img.footer-logo01{display:block;}
.footer-address h6 img.footer-logo02{display:none;}
.footer-address p{padding:30px 0 0 0;font-size:14px;line-height:1.8;}

.footer-conatct{width:310px;margin:0 auto;padding:10px 0 0 0;}
.footer-conatct h5{font-family:'Montserrat', sans-serif;font-weight:500;text-align:center;font-size:16px;padding:0 0 20px 0;}
.footer-conatct a{text-decoration:none;line-height:0;color:#ffffff;display:block;margin:0 0 15px 0;font-size:14px;
					 font-weight:bold;border:1px solid #ffffff;border-radius:30px;padding:28px 0;}
.footer-conatct a.tel{background:url("images/icon-tel-wh.svg");background-repeat:no-repeat; background-size:20px auto;background-position:70px;text-indent:115px;}
.footer-conatct a.mail{background:url("images/icon-mail-wh.svg");background-repeat:no-repeat; background-size:20px auto;background-position:70px;text-indent:125px;}


.footer-sns{position:absolute;right:0;bottom:70px;width:110px;font-size:0;}
.footer-sns h5{font-family:'Montserrat', sans-serif;font-weight:500;color:#ffffff;text-align:center;font-size:16px;}
.footer-sns a{font-family:'Montserrat', sans-serif;font-weight:500;color:#ffffff;display:block;font-size:12px;padding:10px 0;text-indent:25px;line-height:0;
				 background-repeat:no-repeat;background-size:20px auto;background-position:left;text-decoration:none;width:90px;margin:15px auto 0;}
.footer-sns a.fb{background-image:url("images/icon-facebook-wh.svg");}
.footer-sns a.ig{background-image:url("images/icon-instagram-wh.svg");}

footer small{display:block;text-align:center;font-family:'Montserrat', sans-serif;font-weight:500;font-size:10px}

@media (max-width:960px){
footer{padding:130px 0 30px 0;}
#footer{width:310px;height:auto;padding:0 0 30px 0;}
.footer-address{position:static;width:100%;}
.footer-address h6{width:150px;margin:0 auto;}
.footer-address h6 img.footer-logo01{display:none;}
.footer-address h6 img.footer-logo02{display:block;}
.footer-address p{padding:30px 0;text-align:center;}

.footer-sns{position:static;width:200px;margin:0 auto;}
.footer-sns a{display:inline-block;width:90px;margin:15px 20px 0 0;}
.footer-sns a.ig{margin:15px 0 0 0;}
}


/*index==================================================================================================================*/



#index .index-00{position:relative;overflow:hidden;width:100%;height:100vh;}
#index .index-00 video{position:absolute;width:100%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
					   transform: translate(-50%, -50%);}

#index .index-01{position:relative;color:#ffffff;text-align:center;overflow:hidden;width:100%;height:770px;
				 background:url("images/index02.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}
#index .index-01 h2{padding:200px 0 20px 0;font-size:40px;line-height:1.5;font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;}
#index .index-01 h3{font-family: 'Cardo', serif;font-size:16px;}
#index .index-01 p{font-size:16px;line-height:2.5;padding:40px 0 240px 0;}

#index .index-02{position:relative;overflow:hidden;background:#333333;color:#ffffff;font-size:0;width:100%;height:770px;}
#index .index-02-01{display:inline-block;vertical-align:top;position:relative;width:38%;}
#index .index-02-01 h3{position:absolute;right:0;top:160px;line-height:1.5;font-size:18px;width:330px;}
#index .index-02-01 h3 em{font-family: 'Montserrat', sans-serif;letter-spacing:0.01em;font-weight:600;display:block;font-size:40px;margin:0 0 10px 0;}
#index .index-02-01 p{position:absolute;right:0;top:330px;font-size:14px;line-height:1.8;width:330px;}
#index .index-02-01 a{position:absolute;display:block;text-decoration:none;color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight:600;
					  background:url("images/index-arrow-wh.svg");background-repeat:no-repeat;background-size:100%;background-position:bottom;
				      line-height:0;width:140px;right:70px;top:600px;font-size:14px;padding:15px 0;}
#index .index-02-01 a:hover{text-indent:10px;}

#index .index-02-02{display:inline-block;vertical-align:top;text-decoration:none;width:62%;}
#index .index-03{display:block;color:#ffffff;position:relative;vertical-align:top;width:100%;height:50vh;
				 background:url("images/index03.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}
#index .index-03 h4{position:absolute;font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
					font-size:48px;left:120px;top:150px;}
#index .index-03 h4 span{font-size:32px;margin:0 0 0 30px;}
#index .index-03 em{font-family: 'Cardo', serif;font-style:normal;letter-spacing:0.02em;display:block;}
#index .index-03 em.index-03-01{font-size:16px;padding:5px 0 10px 0;}
#index .index-03 em.index-03-02{font-size:12px;}

#index .index-04{display:block;color:#ffffff;position:relative;vertical-align:top;width:100%;height:50vh;
				 background:url("images/index04.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}
#index .index-04 h4{position:absolute;font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
					font-size:48px;left:120px;top:150px;}
#index .index-04 em{font-family: 'Cardo', serif;font-style:normal;letter-spacing:0.01em;display:block;font-size:16px;padding:5px 0 10px 0;}


#index .index-05{position:relative;overflow:hidden;background:#333333;color:#ffffff;display:table;content:"";width:100%;height:770px;}
#index .index-05 dt{float:right;position:relative;width:38%;}
#index .index-05 dt h3{position:absolute;left:80px;top:230px;line-height:1.5;font-size:18px;width:240px;}
#index .index-05 dt h3 em{font-family: 'Montserrat', sans-serif;letter-spacing:0.01em;font-weight:600;display:block;font-size:40px;margin:0 0 10px 0;}
#index .index-05 dt a{position:absolute;display:block;text-decoration:none;color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight:600;
					  background:url("images/index-arrow-wh.svg");background-repeat:no-repeat;background-size:100%;background-position:bottom;
				      line-height:0;width:140px;left:190px;top:520px;font-size:14px;padding:15px 0;}
#index .index-05 dt a:hover{text-indent:10px;}

#index .index-05 dd{background:url("images/index05.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;float:left;height:100vh;width:62%;}

#index .index-06{padding:170px 0 160px 0;background:url("images/index06.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}
#index .index-06 > div{color:#ffffff;margin:0 auto;width:720px;}
#index .index-06 > div > a{display:block;text-decoration:none;color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight:600;
					  background:url("images/index-arrow-wh.svg");background-repeat:no-repeat;background-size:100%;background-position:bottom;
				      line-height:0;width:140px;left:190px;top:520px;font-size:14px;padding:15px 0;float:right;}
#index .index-06 > div > a:hover{text-indent:10px;}

#index .index-06 > div h3{text-align:center;line-height:1.5;font-size:18px;}
#index .index-06 > div h3 em{font-family: 'Montserrat', sans-serif;letter-spacing:0.01em;font-weight:600;display:block;font-size:40px;margin:0 0 10px 0;}
#index .index-06 > div ul{border-top:1px solid #bababa;margin:30px auto 55px;}
#index .index-06 > div ul li{border-bottom:1px solid #bababa;font-size:0;padding:30px 0;}
#index .index-06 > div ul li time{display:inline-block;vertical-align:middle;text-align:center;width:15%;font-size:14px;}

#index .index-06 > div ul li .index-06-01{display:block;vertical-align:middle;border:1px solid #ffffff;line-height:0;color:#ffffff;text-decoration:none;
										  text-align:center;width:100%;font-family: 'Montserrat', sans-serif;font-weight:500;font-size:14px;padding:9px 0;}
#index .index-06 > div ul li div .index-06-01:nth-child(n + 2){margin:5px 0 0 0;}
#index .index-06 > div ul li div{vertical-align:middle;display:inline-block;width:10%;margin:0 5% 0 0;}									  
										  
#index .index-06 > div ul li .index-06-02{display:inline-block;vertical-align:middle;color:#ffffff;text-decoration:none;width:65%;font-size:18px;line-height:1.4;}

#index .index-07{position:relative;overflow:hidden;background:#333333;color:#ffffff;display:table;content:"";width:100%;height:770px;}
#index .index-07 dt{float:left;position:relative;width:38%;}
#index .index-07 dt h3{position:absolute;right:0;top:160px;line-height:1.5;font-size:18px;width:330px;}
#index .index-07 dt h3 em{font-family: 'Montserrat', sans-serif;letter-spacing:0.01em;font-weight:600;display:block;font-size:40px;margin:0 0 10px 0;}
#index .index-07 dt p{position:absolute;right:0;top:330px;font-size:14px;line-height:1.8;width:330px;}
#index .index-07 dt a{position:absolute;display:block;text-decoration:none;color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight:600;
					  background:url("images/index-arrow-wh.svg");background-repeat:no-repeat;background-size:100%;background-position:bottom;
				      line-height:0;width:140px;right:70px;top:600px;font-size:14px;padding:15px 0;}
#index .index-07 dt a:hover{text-indent:10px;}
#index .index-07 dd{background:url("images/index07.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;float:right;height:100vh;width:62%;}

#index .index-08{padding:170px 0 70px 0;background:url("images/index08.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;color:#ffffff;}
#index .index-08 h3{text-align:center;line-height:1.5;font-size:18px;margin:0 0 50px 0;}
#index .index-08 h3 em{font-family: 'Montserrat', sans-serif;letter-spacing:0.01em;font-weight:600;display:block;font-size:40px;margin:0 0 10px 0;}

#index .index-08 ul{list-style:none;height:282px;overflow:hidden;}
#index .index-08 ul li{border:1px solid #ffffff;overflow:hidden;position:relative;height:280px;width:280px!important;margin:0 60px 0 0;}
#index .index-08 ul li img{display:block;position:absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
					   transform: translate(-50%, -50%);height:280px;width:auto!important;}

#index .index-08 > a{display:block;text-decoration:none;color:#ffffff;font-family: 'Montserrat', sans-serif;font-weight:500;
					  background:url("images/arrow-next-wh.svg"),rgba(255,255,255,0);background-repeat:no-repeat,no-repeat;background-size:7px;background-position:250px;
				      line-height:0;text-align:center;border:1px solid #ffffff;border-radius:30px;margin:50px auto 0;width:280px;font-size:14px;padding:28px 0;}

#index .index-08 > a:hover{color:#333333;background:url("images/arrow-next-bk.svg"),rgba(255,255,255,1.0);background-repeat:no-repeat,no-repeat;background-size:7px;background-position:250px;}

.muted{position:fixed;right:60px;bottom:50px;height:50px;width:50px;background:url("images/index14.png")no-repeat;cursor:pointer;background-size:100%;background-position:center;}
.muted.off{background:url("images/index15.png")no-repeat;background-size:100%;background-position:center;}



@media (max-width:1800px){
#index .index-00 video{width:1800px;}
}

@media (max-width:960px){

#index .index-01{height:700px;background:url("images/index02.jpg");background-repeat:no-repeat;background-size:cover;background-position:80%;}
#index .index-01 h2{padding:130px 0 20px 0;font-size:21px;line-height:1.9;}
#index .index-01 h3{font-size:14px;}
#index .index-01 p{padding:30px 0 0 0;}

#index .index-02{height:auto;padding:90px 0 0 0;}
#index .index-02-01{display:block;position:relative;margin:0 auto;width:90%;height:260px;}
#index .index-02-01 h3{position:static;font-size:14px;width:100%;}
#index .index-02-01 h3 em{font-size:24px;margin:0 0 5px 0;}
#index .index-02-01 p{position:static;text-align:justify;width:100%;padding:30px 0 0 0;}
#index .index-02-01 a{right:0;top:inherit;bottom:30px;}

#index .index-02-02{display:block;width:95%;margin:0 0 0 5%;}
#index .index-03{height:160px;}
#index .index-03 h4{font-size:32px;left:20px;top:30px;}
#index .index-03 h4 span{font-size:21px;margin:0 0 0 15px;}
#index .index-03 em.index-03-01{font-size:16px;padding:5px 0;}
#index .index-03 em.index-03-02{font-size:12px;}

#index .index-04{height:160px;margin:10px 0 0 0;}
#index .index-04 h4{font-size:32px;left:20px;top:30px;}


#index .index-05{height:auto;padding:100px 0 0 0;}
#index .index-05 dt{float:none;margin:0 auto;width:90%;height:160px;}
#index .index-05 dt h3{position:static;font-size:14px;width:100%;}
#index .index-05 dt h3 em{font-size:24px;margin:0 0 5px 0;}
#index .index-05 dt a{right:0;top:inherit;left:inherit;bottom:30px;}
#index .index-05 dd{float:none;height:400px;width:95%;margin:0 0 0 5%;}

#index .index-06{padding:120px 0 90px 0;}
#index .index-06 > div{width:90%;}
#index .index-06 > div h3{font-size:14px;}
#index .index-06 > div h3 em{font-size:24px;}
#index .index-06 > div ul{border-top:1px solid #ffffff;margin:50px auto 40px;}
#index .index-06 > div ul li{padding:25px 0;}
#index .index-06 > div ul li time{display:inline-block;vertical-align:middle;text-align:left;width:90px;;font-size:14px;margin:0 0 0 5%;}
#index .index-06 > div ul li div{width:70px;margin:0;}

#index .index-06 > div ul li div .index-06-01{display:block;width:70px;}
#index .index-06 > div ul li div .index-06-01:nth-child(n + 2){margin:5px 0 0 0;}

#index .index-06 > div ul li .index-06-02{display:block;width:90%;font-size:14px;line-height:1.8;margin:10px 0 0 5%;}

#index .index-07{height:auto;padding:100px 0 0 0;}
#index .index-07 dt{float:none;margin:0 auto;width:90%;height:300px;}
#index .index-07 dt h3{position:static;font-size:14px;width:100%;}
#index .index-07 dt h3 em{font-size:24px;margin:0 0 5px 0;}
#index .index-07 dt p{position:static;text-align:justify;width:100%;padding:30px 0 0 0;}
#index .index-07 dt a{right:0;top:inherit;bottom:30px;}
#index .index-07 dd{float:none;height:250px;width:95%;margin:0 0 0 5%;}

#index .index-08{padding:100px 0 200px 0;}
#index .index-08 h3{font-size:14px;margin:0 0 70px 0;}
#index .index-08 h3 em{font-size:24px;margin:0 0 10px 0;}

#index .index-08 ul{height:112px;}
#index .index-08 ul li{height:110px;width:110px!important;margin:0 10px 0 0;}
#index .index-08 ul li img{height:110px;}

.muted{right:20px;bottom:20px;height:30px;width:30px;}
}

/*Business========================================================================================================*/

#business{padding:70px 0 160px 0;}
#business h2{margin:0 auto;padding:60px 0 50px 0;width:1000px;font-size:24px;}
#business h2 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:50px;}

.business-01{text-align:center;padding:0 0 90px 0;}
.business-01 h3{font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-size:32px;line-height:2;}
.business-01 p{padding:70px 0 80px 0;line-height:2.5;}
.business-01 div{margin:0 auto;font-size:0;width:540px}
.business-01 div a{display:inline-block;text-decoration:none;color:#333333;box-sizing:border-box;
				  background:url("images/arrow-down-bk.svg"),rgba(21,21,21,0);background-repeat:no-repeat,no-repeat;background-size:14px;background-position:210px;
				  line-height:0;text-align:center;border:1px solid #333333;border-radius:30px;margin:0 40px 0 0;width:250px;font-size:14px;padding:28px 0;}
.business-01 div a:nth-child(2){margin:0;}
.business-01 div a:hover{color:#ffffff;background:url("images/arrow-down-wh.svg"),rgba(21,21,21,1);background-repeat:no-repeat,no-repeat;background-size:14px;background-position:210px;}

.business-02{background:url("images/business01.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center;color:#ffffff;padding:140px 0 150px;}
.business-02 h4{font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-size:48px;}
.business-02 span{vertical-align:text-top;font-size:32px;margin:0 0 0 20px;}
.business-02 em{font-family: 'Cardo', serif;font-style:normal;letter-spacing:0.02em;display:block;}
.business-02 em.business-02-01{font-size:16px;padding:5px 0 10px 0;}
.business-02 em.business-02-02{font-size:12px;}


.business-03,.business-04,.business-06{display:table;content:"";width:1360px;margin:0 auto;}
.business-03 img,.business-04 img,.business-06 img{width:50%;display:block;}
.business-03 div,.business-04 div,.business-06 div{width:45%;padding:80px 0 0 0;}
.business-03 div h5,.business-04 div h5,.business-06 div h5{font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-size:40px;}
.business-03 div h5 em,.business-04 div h5 em,.business-06 div h5 em{font-family: 'Cardo', serif;font-style:normal;letter-spacing:0.02em;display:block;font-size:16px;padding:15px 0 0 0;}
.business-03 div p,.business-04 div p,.business-06 div p{font-size:14px;line-height:1.8;padding:30px 0 0 0;}


.business-03,.business-06{padding:80px 0 0 0;}
.business-04{padding:140px 0 160px 0;}

.business-03 img,.business-04 div,.business-06 img{float:left;}
.business-03 div,.business-04 img,.business-06 div{float:right;}

.business-04 div{width:30%;margin:0 0 0 14%;}

.business-05{background:url("images/business04.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;text-align:center;padding:100px 0 70px;}
.business-05 h4{margin:0 auto;width:215px;}
.business-05 h4 img{display:block;width:100%;}

@media (max-width:1360px){
.business-03,.business-04,.business-06{width:100%;}
}

@media (max-width:1000px){
#business{padding:70px 0 120px 0;}
#business h2{padding:30px 0 40px 0;width:90%;font-size:14px;}
#business h2 em{margin:0 0 10px 0;font-size:24px;}

.business-01{padding:0 0 60px 0;}
.business-01 h3{font-size:21px;line-height:1.9;}
.business-01 p{padding:30px 0 40px 0;line-height:1.75;}
.business-01 div{width:250px}
.business-01 div a{margin:0 0 15px 0;}
.business-01 div a:nth-child(2){margin:0;}

.business-02{text-align:left;padding:30px 0 70px;}
.business-02 h4{font-size:32px;width:90%;margin:0 auto;}
.business-02 span{font-size:21px;margin:0 0 0 10px;}

.business-03,.business-04,.business-06{display:block;width:90%;}
.business-03 img,.business-04 img,.business-06 img{width:100%;}
.business-03 div,.business-04 div,.business-06 div{width:100%;padding:30px 0 0 0;}
.business-03 div h5,.business-04 div h5,.business-06 div h5{font-size:32px;}
.business-03 div h5 em,.business-04 div h5 em,.business-06 div h5 em{font-size:16px;padding:10px 0 0 0;}
.business-03 div p,.business-04 div p,.business-06 div p{padding:20px 0 0 0;text-align:justify;}


.business-03,.business-06{padding:40px 0 0 0;}
.business-04{padding:80px 0 0 0;}

#rb{display:block;padding:0 0 100px 0;}

.business-03 img,.business-04 div,.business-06 img{float:none;}
.business-03 div,.business-04 img,.business-06 div{float:none;}

.business-04 div{width:100%;margin:0 auto;}

.business-05{padding:30px 0 40px;}
.business-05 h4{margin:0 auto;width:135px;}
}

/*Company========================================================================================================*/

#company{padding:70px 0 160px 0;}
#company h2{margin:0 auto;padding:60px 0 50px 0;width:1000px;font-size:24px;}
#company h2 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:50px;}

#company > div{width:1000px;margin:0 auto;}
#company > div > img{width:100%;display:block;}
#company .company-01{display:table;content:"";padding:60px 0 110px 0;}
#company .company-01 dt{width:40%;float:left;}
#company .company-01 dt h3{font-size:14px;}
#company .company-01 dt h3 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:28px;}
#company .company-01 dt h4{font-family: 游明朝体, YuMincho, 游明朝,"游明朝体","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-size:32px;line-height:2;padding:50px 0 0 0;}
#company .company-01 dd{width:58%;float:right;text-align:justify;font-size:14px;line-height:1.8;}
#company .company-01 dd span{display:block;text-align:right;}

#company .company-02{width:720px;margin:0 auto;padding:0 0 110px 0;}
#company .company-02 h3{font-size:14px;text-align:center;}
#company .company-02 h3 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:28px;}
#company .company-02 table{font-size:14px;margin:40px 0 0 0;border-top:1px solid #bababa;line-height:1.3;border-collapse:collapse;width:100%;}
#company .company-02 table th{border-bottom:1px solid #bababa;text-align:left;font-weight:normal;padding:30px 0;width:27%;text-indent:20px;}
#company .company-02 table td{border-bottom:1px solid #bababa;padding:30px 0;width:73%;}

#company .company-03{margin:0 auto;position:relative;;width:1000px;padding-bottom:400px;height:0;overflow:hidden;}
#company .company-03 iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;}

@media (max-width:1000px){
#company{padding:70px 0 120px 0;}
#company h2{padding:30px 0 40px 0;width:90%;font-size:14px;}
#company h2 em{margin:0 0 10px 0;font-size:24px;}

#company > div{width:90%;}
#company .company-01{display:block;padding:30px 0 90px 0;}
#company .company-01 dt{width:100%;float:none;}
#company .company-01 dt h3 em{font-size:24px;}
#company .company-01 dt h4{font-size:21px;line-height:1.9;padding:30px 0 40px 0;}
#company .company-01 dd{width:100%;float:none;font-size:14px;line-height:1.8;}

#company .company-02{width:100%;padding:0 0 60px 0;}
#company .company-02 h3 em{font-size:24px;}
#company .company-02 table{margin:30px 0 0 0;border-top:none;}
#company .company-02 table th{border-bottom:none;padding:0 0 5px 0;width:100%;display:block;text-indent:0;font-weight:bold;}
#company .company-02 table td{padding:0 0 20px 0;margin:0 0 20px 0;width:100%;display:block;}

#company .company-03{width:100%;padding-bottom:420px;height:0;overflow:hidden;}
}

/*News========================================================================================================*/

#news{padding:70px 0 160px 0;}
#news h2{margin:0 auto;padding:60px 0 50px 0;width:1000px;font-size:24px;}
#news h2 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:50px;}

.news-01{display:table;content:"";width:1000px;margin:0 auto;}
.news-02{float:right;width:72%;}
.news-02 ul{border-top:1px solid #bababa;margin:0 auto 40px;}
.news-02 ul li{border-bottom:1px solid #bababa;font-size:0;padding:30px 0;}
.news-02 ul li time{display:inline-block;vertical-align:middle;text-align:center;width:15%;font-size:14px;}
.news-02 ul li .news-02-01{display:block;vertical-align:middle;border:1px solid #ffffff;line-height:0;color:#ffffff;text-decoration:none;background:#333333;
										  text-align:center;width:100%;font-family: 'Montserrat', sans-serif;font-weight:500;font-size:14px;padding:9px 0;}
.news-02 ul li div .news-02-01:nth-child(n + 2){margin:5px 0 0 0;}
.news-02 ul li div{vertical-align:middle;display:inline-block;width:10%;margin:0 5% 0 0;}									  							  
.news-02 ul li .news-02-02{display:inline-block;vertical-align:middle;color:#333333;text-decoration:none;width:65%;font-size:18px;line-height:1.4;}

.news-pager{width:100%;text-align:center;font-family:'Montserrat', sans-serif;font-weight:500;font-size:14px;}
.news-pager a,.news-pager span{display:inline-block;text-decoration:none;color:#333333;margin:0 35px 0 0;vertical-align:middle;}
.news-pager .page-numbers.current{font-weight:500;text-decoration:underline!important;}

.news-pager .prev.page-numbers{width:21px;height:15px;background:url("images/news-arrow-prev.svg") no-repeat top;background-size:100%;}
.news-pager .next.page-numbers{width:21px;height:15px;background:url("images/news-arrow-next.svg") no-repeat top;background-size:100%;margin:0!important;}

article{float:right;width:72%;}
.news-03{border-bottom:1px solid #bababa;width:100%;}
.news-03 div{width:98%;margin:0 auto;font-size:0;}
.news-03 div time{vertical-align:top;font-size:14px;display:inline-block;margin:0;}
.news-03 div a{display:inline-block;vertical-align:middle;border:1px solid #333333;line-height:0;color:#333333;text-decoration:none;background:#ffffff;
			   text-align:center;width:70px;font-family: 'Montserrat', sans-serif;font-weight:500;font-size:14px;padding:9px 0;margin:0 0 0 10px;}
.news-03 h3{font-size:21px;line-height:1.5;width:98%;margin:0 auto;padding:15px 0;}

.news-04{padding:50px 0;width:95%;margin:0 auto;}

.news-04 .aligncenter { display: block; margin: 0 auto;}
.news-04 .alignright { float: right; margin: 0 0 10px 20px;}
.news-04 .alignleft { float: left; margin: 0 20px 10px 0;}
.news-04 .wp-caption { border: 1px solid #ddd; text-align: left; background-color: #f3f3f3; padding: 5px; border-radius: 3px;}
.news-04 .wp-caption img { margin: 0; padding: 0; border: 0 none;}
.news-04 .wp-caption p.wp-caption-text { font-size: 14px; line-height: 1.5; margin: 0; padding: 0;}

.news-04 p { margin: 15px 0;}
.news-04 strong { font-weight: bold; }
.news-04 em { font-style: italic; }
.news-04 h1 { font-size: 2em; }
.news-04 h2 { font-size: 1.5em; }
.news-04 h3 { font-size: 1.25em; }
.news-04 h4 { font-size: 1em; }
.news-04 h5 { font-size: 0.8em; }
.news-04 h6 { font-size: 0.6em; }
.news-04 ul, ol { padding-left: 30px;}
.news-04 blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
.news-04 img { height: auto; max-width: 100%;}


.news-pager-single{position:relative;text-align:center;font-family:'Montserrat', sans-serif;font-weight:500;font-size:14px;padding:40px 0 0 0;border-top:1px solid #bababa;width:100%;}
.news-pager-single a{display:inline-block;text-decoration:none;color:#333333;vertical-align:middle;}

.news-pager-single .prev{position:absolute;left:0;}
.news-pager-single .prev a{display:block;width:21px;height:15px;background:url("images/news-arrow-prev.svg") no-repeat top;background-size:100%;}
.news-pager-single .next{position:absolute;right:0;}
.news-pager-single .next a{display:block;width:21px;height:15px;background:url("images/news-arrow-next.svg") no-repeat top;background-size:100%;}



@media (max-width:1000px){
#news{padding:70px 0 120px 0;}
#news h2{padding:30px 0 40px 0;width:90%;font-size:14px;}
#news h2 em{margin:0 0 10px 0;font-size:24px;}

.news-01{display:block;content:"";width:90%;}
.news-02{float:none;width:100%;}
.news-02 ul li{padding:25px 0;}
.news-02 ul li time{display:inline-block;vertical-align:middle;text-align:left;width:90px;font-size:14px;margin:0 0 0 5%;}
.news-02 ul li div{width:70px;margin:0;}

.news-02 ul li div .news-02-01{display:block;width:70px;}
.news-02 ul li div .news-02-01:nth-child(n + 2){margin:5px 0 0 0;}
.news-02 ul li .news-02-02{display:block;width:90%;font-size:14px;line-height:1.8;margin:10px 0 0 5%;}

.news-pager{width:100%;text-align:center;font-family:'Montserrat', sans-serif;font-weight:500;font-size:14px;}
.news-pager a,.news-pager span{display:inline-block;text-decoration:none;color:#333333;margin:0 35px 0 0;vertical-align:middle;}
.news-pager .page-numbers.current{font-weight:500;text-decoration:underline!important;}

.news-pager .prev.page-numbers{width:21px;height:15px;background:url("images/news-arrow-prev.svg") no-repeat top;background-size:100%;}
.news-pager .next.page-numbers{width:21px;height:15px;background:url("images/news-arrow-next.svg") no-repeat top;background-size:100%;margin:0!important;}


article{float:none;width:100%;}
.news-03{border-bottom:none;width:100%;}
.news-03 div{width:100%;margin:0 auto;font-size:0;}
.news-03 div time{display:block;margin:0 0 10px 0;}
.news-03 div a{margin:0 10px 0 0;}

.news-03 h3{font-size:18px;width:100%;padding:15px 0;}

.news-04{padding:5px 0 40px 0;width:100%;margin:0 auto;}

.news-pager-single{border-top:none;width:100%;}
}


/*Sidebar========================================================================================================*/
aside{float:left;width:20%;font-size:0}
aside .sidebar-ct{margin:0 0 40px 0;}
aside .sidebar-ct h6, aside .sidebar-data h6{font-family:'Montserrat', sans-serif;font-weight:600;letter-spacing:0.01em;font-size:18px;}
aside .sidebar-ct div, aside .sidebar-data div{}
aside .sidebar-ct div a, aside .sidebar-data div a{font-family:'Montserrat', sans-serif;font-weight:500;margin:15px 0 0 0;text-decoration:none;color:#333333;display:block;font-size:12px;line-height:1.3;}
aside br{display:none;}

@media (max-width:1000px){
aside{float:none;width:90%;margin:70px auto 0;}
aside .sidebar-ct{width:45%;margin:0 10% 0 0;display:inline-block;vertical-align:top;}
aside .sidebar-data{width:45%;display:inline-block;vertical-align:top;}
}

/*Recruit========================================================================================================*/

#recruit{padding:70px 0 160px 0;overflow:hidden;}
#recruit h2{margin:0 auto;padding:60px 0 50px 0;width:1000px;font-size:24px;}
#recruit h2 em{font-family:'Montserrat', sans-serif;font-weight:600;display:block;letter-spacing:0.01em;margin:0 0 10px 0;font-size:50px;}

#recruit dl{display:table;content:"";width:1000px;margin:0 auto;}
#recruit dt{width:35%;float:right;position:relative;}
#recruit dt img.pc{display:block;position:absolute;left:0;top:0;width:525px;height:auto;}
#recruit dt img.mb{display:none;}

#recruit dd{width:56%;float:left;}
#recruit dd p{font-size:14px;line-height:1.8}

#recruit dd table{font-size:14px;margin:40px 0 0 0;border-top:1px solid #bababa;line-height:1.8;border-collapse:collapse;width:100%;}
#recruit dd table th{border-bottom:1px solid #bababa;text-align:left;vertical-align:top;font-weight:normal;padding:20px 0;width:27%;text-indent:25px;}
#recruit dd table td{border-bottom:1px solid #bababa;vertical-align:top;padding:20px 0;width:73%;}

#recruit dd a{display:block;text-decoration:none;color:#ffffff;box-sizing:border-box;
				  background:url("images/arrow-next-wh.svg"),rgba(21,21,21,1);background-repeat:no-repeat,no-repeat;background-size:7px;background-position:230px;
				  line-height:0;text-align:center;border:1px solid #333333;border-radius:30px;margin:40px auto 0;width:275px;font-size:14px;padding:28px 0;}
#recruit dd a:nth-child(2){margin:0;}
#recruit dd a:hover{color:#333333;background:url("images/arrow-next-bk.svg"),rgba(21,21,21,0);background-repeat:no-repeat,no-repeat;background-size:7px;background-position:230px;}

@media (max-width:1000px){
#recruit{padding:70px 0 120px 0;}
#recruit h2{padding:30px 0 40px 0;width:90%;font-size:14px;}
#recruit h2 em{margin:0 0 10px 0;font-size:24px;}

#recruit dl{display:block;width:90%;margin:0 auto;}
#recruit dt{width:100%;float:none;position:relative;}
#recruit dt img.pc{display:none;}
#recruit dt img.mb{display:block;width:100%;}

#recruit dd{width:100%;float:none;margin:0 auto;}
#recruit dd p{padding:30px 0 0 0;}

#recruit dd table{margin:30px 0 0 0;}
#recruit dd table th{border-bottom:none;padding:20px 0 5px 0;width:100%;display:block;text-indent:0;font-weight:bold;}
#recruit dd table td{padding:0 0 20px 0;width:100%;display:block;}

#recruit dd a{margin:30px auto 0;width:275px;}
}


/*404========================================================================================================*/