/*共通*/
.contentsInner{
	padding-bottom:0;
}
.contentsInner h3{
	margin:0 auto;
}
@media screen and (max-width: 1024px) and (min-width: 767px){
.sp {
    display: none !important;
}
}


/*virutaker*/

h1.category_title{
	text-align: center;
	font-size:4.8rem;
}

@media screen and (max-width: 768px){
	h1.category_title {
    	font-size: 3rem;
    	line-height: 1.2;
	}
}

/*virutaker_index*/
.virutaker_index{
	margin-top:30px;
	width: 100%;
	background-color: #faf9f9;
}
.virutaker_index .contentsInner{
	background:url("../images/virutaker_bg.jpg") no-repeat center right 11.7%;
}
.virutaker_index h2{
	margin:0;
	padding:73px 0 66px 5%;
	text-align: left;
	font-size:3rem;
	line-height: 1.6;
	color:#7e6059;
	font-weight: bold;
	font-family: "Futo Min A101", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.virutaker_index h2 span{
	display: block;
	font-size:4rem;
	font-weight: bold;
}
@media screen and (max-width: 768px){
	.virutaker_index .contentsInner{
		background:url("../images/virutaker_bg.jpg") no-repeat center right;
		background-size:contain;
}
	.virutaker_index h2{
		padding: 10% 0 10% 0;
		font-size:2rem;
	}
	.virutaker_index h2 span{
		font-size:3rem;
	}
}



/*virutaker_tab*/
.virutaker_tab ul{
	display: flex;
	align-items: flex-start;
}
.virutaker_tab ul li{
	width: 50%;
	position: relative;		
}
.virutaker_tab ul li:after{
    content: "";
    position: absolute;
    top: calc(50% - 0.3em);
    right: 27px;
    width: 0.6em;
    height: 0.6em;
    border-top: solid 1px #414042;
    border-right: solid 1px #414042;
    transform: rotate(135deg);
}
.virutaker_tab ul li a{
	display: block;
	font-weight: 500;
	font-size:2.4rem;
	line-height: 1.2;
}

.virutaker_tab ul li:first-child{
	min-height: 83px;
}
.virutaker_tab ul li:last-child{
	min-height: 73px;
}

.virutaker_tab ul li:first-child a span{
	display: inline-block;
	border-bottom:3px solid #f1ede1;
	padding-bottom: 1%;
	font-size:2.4rem;
	margin-top:0;
	}


.virutaker_tab ul li:first-child a{
	padding:4.6% 0 2.7% 16%;
	}
.virutaker_tab ul li:last-child a{
	padding:3.7% 0 3.7% 10%;
	}
.top_tab ul li:first-child{
	margin-top:60px;	
	border-top:3px solid #f1ede1;
	border-left:3px solid #f1ede1;
	border-right:3px solid #f1ede1;
	border-radius: 0 10px 0 0;
}
.top_tab ul li:last-child{
	margin-top:70px;
	background:#f1ede1;
	border-radius: 0 10px 0 0;
}
@media screen and (max-width: 1024px) and (min-width: 767px){
.virutaker_tab ul li .sp {
    display: block!important;
}
}

@media screen and (max-width: 768px){
	.top_tab ul li:first-child {
    	margin-top: 40px;
    }
    .top_tab ul li:last-child {
    	margin-top: 50px;
    }
	.virutaker_tab ul li a,
	.virutaker_tab ul li:first-child a span{
		line-height: 1.15;
		font-size:2.2rem;
		display: block;
	}
	.virutaker_tab ul li:first-child a span{
		padding-bottom:4%;
	}
	.virutaker_tab ul li:first-child a {
    padding: 5.5% 5% 0 8%;
	}
	.virutaker_tab ul li:last-child a{
		padding:4% 5% 4% 5%;
	}
	/*.virutaker_tab ul li:first-child a{
		padding:2.2% 0 2.2% 6%;
	}
	.virutaker_tab ul li:last-child a{
		padding:1.5% 0 1.5% 6%;
	}*/
	.bottom_tab ul li:first-child a span{
		border:none;
	}
	.virutaker_tab ul li:after{
		right:4%;
	}
}
@media screen and (max-width: 480px){
	.virutaker_tab ul li a,
	.virutaker_tab ul li:first-child a span{
		font-size:1.3rem;
		line-height: 1.15;
	}
	.virutaker_tab ul li:first-child{
		min-height: 0;
}
	.virutaker_tab ul li:last-child{
		min-height: 0;
}
	.virutaker_tab ul li:first-child a{
		/*padding:2.3% 0 1.6% 6%;*/
		padding:9% 8% 0 6%;
	}
	.virutaker_tab ul li:last-child a{
		padding:5% 8% 4.5% 6%;
	}



	}


/*virutaker_tab_contents*/

.virutaker_tab_contents{
	border-left:3px solid #f1ede1;
	border-right:3px solid #f1ede1;
}
.virutaker_sec{
	margin:0 auto;
	width: 84.2%;
}
.virutaker_sec h3{
	font-family: "Futo Min A101", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#63504c;
	font-size:3rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: left;
	margin-top:0;
	padding-top:50px;
	border-bottom:3px #a19d9e double;
	line-height: 1.6;
}
.virutaker_sec p{
	padding-bottom:1rem;
}
.virutaker_sec p a{
	text-decoration: underline;
}

.sec_box {
    display: flex;
    padding: 3% 0 0 0;
}

.sec01 .sec_txt{
	margin-right:2.2%;
	width: 71.8%;
}
.sec01 .sec_img {
    width: 26%;
}

.sec02 .sec_txt{
	margin-right:2.2%;
	width: 47.4%;
}
.sec02 .sec_img {
    width: 50.4%;
}
.sec04 ul li{
	list-style-type: disc;
	list-style-position: inside;
}
.sec_img img {
    width: 100%;
}
.virutaker_tab_contents .btn_long.sek_btn {
    padding: 10% 0 2%;
}
.virutaker_tab_contents .contact_btn {
    padding: 2% 0 11%;
}
.virutaker_tab_contents .contact_btn a {
    background: #f24e02;
    color: #fff;
    border: none;
    letter-spacing: 0;
    padding-right:1em;
}

.arrow::before {
	right:3%;
	}

@media screen and (max-width: 768px){
.virutaker_sec{
	width: 91.7%;
}
.virutaker_sec h3 {
	font-size:2.6rem;
	padding-top:5%;
	line-height: 1.4;
	padding-bottom:2%;

	}
.virutaker_sec p {
    padding-top: 2%;
    padding-bottom: 0;
}
.sec_box {
    display: block;
    padding: 2% 0 0 0;
	}

.sec01 .sec_txt{
	margin-right:0;
	width: 100%;
}

.sec01 .sec_img {
	width: 100%;
	margin:0 auto;	
    max-width:246px;
}
.sec02 .sec_txt{
	margin-right:0;
	width: 100%;
}
.sec02 .sec_img {
	width: 100%;
	margin:0 auto;
    max-width:473px;
}
.sec_img img {
    margin-top: 30px;
    margin-bottom:16%;
}

	}

/*.bottom_tab*/
.bottom_tab ul li:first-child{	
	border-bottom:3px solid #f1ede1;
	border-left:3px solid #f1ede1;
	border-right:3px solid #f1ede1;
	border-radius: 0 0 10px 0;
}

.bottom_tab ul li:last-child{
	background:#f1ede1;
	border-radius: 0 0 10px 0;
}
.bottom_tab ul li:after{
	transform: rotate(-45deg);
}

/*contact_us*/

.contact_us h4,.functionality_items h4{
	text-align: center;
	font-size:3rem;
	font-weight: 500;
	margin:0;
	padding:40px 0 30px;
}
.contact_us {
    margin-top: 60px;
    padding:0 0 60px;
    background: #fafafa;
    border-bottom:none;
}
.contact_us_inner{
	background: #fff;
	border: 1px solid #b5b5b5;
	padding: 25px 0 36px;
	text-align: center;
	box-shadow: 2px 2px 4px #eeeded;
}
.contact_us_inner p{
	padding:30px 0;
}
.contact_us_inner .btn_long{
	padding:0;
}
.contact_us_inner .btn_long a {
    background: #f24e02;
    color: #fff;
    border: none;
    letter-spacing: 0;
    padding-right:1em;
}
@media screen and (max-width: 768px){
	.contact_us h4,.functionality_items h4{
		font-size:2.4rem;
		padding:3% 0 2%;	
	}
	.contact_us {
    margin-top: 7%;
    padding: 0 0 5%;
}
	.contact_us_inner{
		padding: 5% 0;
}
	.contact_us_inner p{
		padding: 5% 0;
	} 
}


/*
functionality_items
------------------------------*/

.column3{
	padding:0;
	display: flex;
	flex-wrap: wrap;
	
}
.column3 li{
	background: #f7f7f7;
	box-shadow: 2px 2px 4px #eeeded;
  	position: relative;
  	width: 31.333%;
  	margin-bottom:28px;
}
.column3 li:not(:nth-of-type(3n)) {
    margin-right: 3%;
}
.column3 li:nth-of-type(3n) {
    margin-right:0;
}
.column3 li .ttl_block{
    padding: 2%;
    text-align:center;
  }
.column3 li .ttl_block .ttl {
    padding: 2% 0;
    }
.column3 li .ttl:after{
    content:none;
}
.column3 li .ttl_block .ttl_txt {
    padding: 2% 0;
}

.column3 li a{
	display: block;
}
.column3 li .img_block img{
	width: 100%;
}
@media screen and (max-width: 767px) {

.column3 {
    display: flex;
    flex-wrap: wrap;
}
.column3 li{
	width: 49%;
	margin-bottom:0;
}
.column3 li:not(:first-child) {
    margin-top: 2%;
}
.column3 li:first-child {
    margin-top: 2%;
}
.column3 li:nth-child(1),.column3 li:nth-child(2){
	margin-top:0;
}

.column3 li:not(:nth-of-type(2n)) {
    margin-right: 2%;
}
.column3 li:nth-of-type(2n) {
    margin-right:0;
}
.column3 li .ttl_block .ttl{
	font-size: 1.3rem;
}
.column3 li .ttl_block .ttl_txt {
	display: none;
}
.ttl_block:after {
    top: calc(50% - 0.4em);
    right: 3%;
}
}


/*-----------------
sek.html 
------------------*/
#virutaker_sek h1.category_title span{
	display: block;
	font-size:1.8rem;
	line-height: 2.67;
}
#virutaker_sek .virutaker_index {
    background-color: #fefbf8;
}

#virutaker_sek .virutaker_index .contentsInner {
    background: url(../images/virutaker_sek_bg.png) no-repeat center right 11.7%;
}

#virutaker_sek .virutaker_tab ul {
    flex-direction: row-reverse;
}
 
#virutaker_sek .sec01 .sec_img img {
    display: block;
    width: 100%;
    max-width: 108px;
    margin: 30px auto 16%;
}

#virutaker_sek .sec02 .sec_txt {
    margin-right: 0;
    width: 100%;
}

/*virutaker_about*/
#virutaker_sek .virutaker_about{
	margin:60px auto 0;
	width:96%;
	background: #f5f2e9;
	padding: 40px 30px 40px 20px;
}

#virutaker_sek .virutaker_about_inner{
	display: flex;
}
#virutaker_sek .virutaker_about_inner .sek_img02{
	width: 50.4%;
}
#virutaker_sek .virutaker_about_inner .sek_img02 img{
	display: block;
	width: 100%;
	max-width: 530px;
	margin:0 auto;
}
#virutaker_sek .virutaker_about_inner .txt{
	width: 46%;
	margin-left:2.8%;
}
#virutaker_sek .virutaker_about_inner .title{
	font-size:2.8rem;
	font-weight: 500;
	line-height: 1.43;
}
#virutaker_sek .virutaker_about_inner .title span{
	display: block;
	font-size:2rem;
	line-height: 1.2;
	margin: 1% 0 3%;
}
#virutaker_sek .virutaker_tab_contents .virutaker_about_inner .btn_long{
	padding:3.6% 0 0 0;
	width: 100%;
}
#virutaker_sek .virutaker_tab_contents .btn_long {
    padding: 5% 0 7% 0;
}
#virutaker_sek .virutaker_tab_contents .btn_long a{
	background:#f24e02;
}
#virutaker_sek .virutaker_tab_contents .virutaker_about_inner .btn_long a {
    background:#4d4c40;
    }
@media screen and (max-width: 768px){
	#virutaker_sek .virutaker_about{
	margin: 7% auto 0;
	width:96%;
	background: #f5f2e9;
	padding: 4%;
}
#virutaker_sek .virutaker_about_inner{
	display: block;
}
#virutaker_sek .virutaker_about_inner .sek_img02{
	width: 100%;
}

#virutaker_sek .virutaker_about_inner .txt{
	width: 100%;
	margin-left:0;
	margin-top: 2%;
}
#virutaker_sek .virutaker_about_inner .title{
	font-size:2.8rem;
	font-weight: 500;
}
#virutaker_sek .virutaker_about_inner .title span{
	display: block;
	font-size:2rem;
	line-height: 1.2;
	margin: 2% 0 3%;
}


	}