@charset "utf-8";
/* CSS Document */
html{
    font-size:62.5%;
}
body{
    font-size:1.6rem;
}
h2{
    font-size:4rem;
    color: #16B5BA;
}
h3{
    font-size:3.2rem;
}
h4{
    font-size:2.1rem;
/*  color: #16B5BA;*/
}
/*基本色 #9ed0ce：薄い  #16b5ba:濃い*/
.font01{
    font-family: Mongolian Baiti;
}
/*-----------------------------------------------------
			technology.html
------------------------------------------------------*/

/*-----------------viiv101--------------------*/


.viiv101 {
	position: relative;
	top: 80px;
}
.viiv101 .box01 .parallax_content.parallax_content{
	display: flex;
    height: 50%;
	padding: 100%;
	justify-content: center;
	align-items: center;
    background-position: unset;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}
.viiv101 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_04.jpg);
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding: 9% 0;
    background-size: cover;
    background-position: center -25vh;
}
/*-----------------viiv101 end--------------------*/



/*-----------------viiv102--------------------*/
.viiv102{
	width: 1080px;
	margin: 158px auto 140px;
}
.viiv102 h2 {
    text-align: center;
    margin-bottom: 50px;
    color: #16B5BA;
    font-size: 35px;
    font-family: serif;
    letter-spacing: .3em;
}
.viiv102 .text01 {
    text-align: center;
    margin: 50px;
    line-height: 2em;
}
.viiv102 h2 .text01{
    text-align: center;
    margin: 60px 0;
}
.viiv102 .box01 {
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv102 .box01 .image01{
	width: 40%;
}
.viiv102 .box01 .card-body {
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv102 .box01 .card-body.reverse02{
    padding: 0 50px 0 0;
}
.viiv102 .box01 .card-body h3 {
    color: #16B5BA;
    font-size: 3rem;
    margin-bottom: 20px;
}
.viiv102 .box02{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box02 .image01{
    width: 40%;
}
.viiv102 .box02 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}
.viiv102 .box02 .card-body h3{
    color: #16B5BA;
}
.viiv102 .box03{
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv102 .box03 .image01{
    width: 40%;
}
.viiv102 .box03 .card-body{
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv102 .box04{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box04 .image01{
    width: 40%;
}
.viiv102 .box04 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}
.viiv102 .box05{
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv102 .box05 .image01{
    width: 40%;
}
.viiv102 .box05 .card-body{
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv102 .box06{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box06 .image01{
    width: 40%;
}
.viiv102 .box06 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}


/*-----------------viiv103--------------------*/
.viiv103 {
	position: relative;
	top: 80px;
}
.viiv103 .box01 .parallax_content.parallax_content{
	display: flex;
  height: 50%;
	padding: 100%;
	justify-content: center;
	align-items: center;
 
    background-position: unset;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: contain;
	text-shadow: 0 3px 6px #707070;
}
.viiv103 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_08.jpg);
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding: 9% 0;
}


/*-----------------viiv103 end--------------------*/
/*-----------------viiv104--------------------*/
.viiv104{
    width: 1080px;
    margin: 158px auto 140px;
}
.viiv104 h2 {
    text-align: center;
    margin-bottom: 50px;
    color: #16B5BA;
    font-size: 35px;
    font-family: serif;
    letter-spacing: .3em;
}
.viiv104 .text01 {
    text-align: center;
    margin: 50px;
    line-height: 2em;
}
.viiv104 h2 .text01{
    text-align: center;
    margin: 60px 0;
}
.viiv104 .box01 {
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv104 .box01 .image01{
    width: 40%;
}
.viiv104 .box01 .card-body {
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv104 .box01 .card-body.reverse02{
    padding: 0 50px 0 0;
}
.viiv104 .box01 .card-body h3 {
    color: #16B5BA;
    font-size: 3rem;
    margin-bottom: 20px;
}
.viiv104 .box02{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box02 .image01{
    width: 40%;
}
.viiv104 .box02 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}
.viiv104 .box02 .card-body h3{
    color: #16B5BA;
}
.viiv104 .box03{
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv104 .box03 .image01{
    width: 40%;
}
.viiv104 .box03 .card-body{
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv104 .box04{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box04 .image01{
    width: 40%;
}
.viiv104 .box04 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}
.viiv104 .box05{
    display: flex;
    flex-direction: row;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv104 .box05 .image01{
    width: 40%;
}
.viiv104 .box05 .card-body{
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv104 .box06{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box06 .image01{
    width: 40%;
}
.viiv104 .box06 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}

/*-----------------viiv104 end--------------------*/
/*-----------------viiv105--------------------*/
.viiv105 {
	position: relative;
	top: 80px;
}
.viiv105 .box01 .parallax_content.parallax_content{
	display: flex;
  height: 50%;
	padding: 100%;
	justify-content: center;
	align-items: center;
 
    background-position: unset;
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: contain;
	text-shadow: 0 3px 6px #707070;
}
.viiv105 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_05.jpg);
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding: 9% 0;
}

/*-----------------viiv105 end--------------------*/
/*-----------------viiv106--------------------*/
.viiv106{
    width: 1080px;
    margin: 158px auto 140px;
}
.viiv106 h2 {
    text-align: left;
    margin-bottom: 50px;
    color: #16B5BA;
    font-size: 35px;
    font-family: serif;
    letter-spacing: .3em;
}
.viiv106 .box01 {
    display: flex;
    flex-direction: row-reverse;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv106 .box01 .image01{
    width: 40%;
}
.viiv106 .box01 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
}
.viiv106 .box01 .card-body h3 {
    color: #16B5BA;
    font-size: 3rem;
    margin-bottom: 20px;
}
.viiv106 .box02{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 50px 0;
}
.viiv106 .box02 .image01{
    width: 40%;
}
.viiv106 .box02 .card-body {
    width: 60%;
    padding: 0 0 0 50px;
    line-height: 2em;
}
.viiv106 .box02 .card-body h3{
    color: #16B5BA;
}
/*-----------------viiv106 end--------------------*/


/*-----------------viiv107--------------------*/
.viiv107{
    width: 1080px;
    margin: 158px auto 140px;
}
.viiv107 h2 {
    text-align: center;
    margin-bottom: 50px;
    color: #16B5BA;
    font-size: 35px;
    font-family: serif;
    letter-spacing: .3em;
}
.viiv107 h2 span{
    font-family: serif;
    font-size: 18px;
    letter-spacing: 0;
}
.viiv107 .box01 {
    margin: 80px 0;
    line-height: 2em;
}
.viiv107 .boxright{
    display: flex;
    flex-direction: row;
}
.viiv107 .box01 .image01{
    width: 40%;
}
.viiv107 .box01 .card-body {
    width: 60%;
    padding: 0 0 0 50px;
}
.viiv107 .box01 .card-body h3 {
    color: #16B5BA;
    font-size: 3rem;
    margin-bottom: 20px;
}
.viiv107 .box02{
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    margin: 50px 0;
}
.viiv107 .box02 .image01{
    width: 40%;
}
.viiv107 .box02 .card-body {
    width: 60%;
    padding: 0 50px 0 0;
    line-height: 2em;
}
.viiv107 .box02 .card-body h3{
    color: #16B5BA;
}
/*-----------------viiv107 end--------------------*/
/*-----------------viiv108--------------------*/
.viiv108{
	width: 1080px;
	margin: 120px auto;
}
.viiv108 .box01{
	margin-bottom: 80px;
}
.viiv108 .box01 h2 {
    text-align: center;
    margin-bottom: 50px;
}
.viiv108 .box01 h2 span{
	font-size: 2rem;
}
.viiv108 .box02 h2{
	text-align: center;
    margin-bottom: 50px;
}
.viiv108 .box02 h2 span{
	font-size: 2rem;
}
/*-----------------viiv108 end--------------------*/
/*-----------------viiv109--------------------*/
.viiv109 {
    width: 1080px;
    margin: 120px auto;
}
.viiv109 .inner{
	display: flex;
	justify-content: space-between;
}
.viiv109 .box01{
    width: 50%;
    display: flex;
    flex-direction: row;
}
.viiv109 .box02{
    width: 50%;
    display: flex;
    flex-direction: row;
}
.viiv109 .inner .image01 {
    width: 50%;
}
.viiv109 .inner .card-body{
	width: 50%;
	padding: 0 20px;
}
.viiv109 .inner .card-body h2{
	font-size: 2rem;
}
/*-----------------viiv109 end--------------------*/
/*-----------------viiv110--------------------*/
.viiv110{
	width: 1080px;
	margin: 120px auto;
}
.viiv110 h2{
	text-align: center;
	margin-bottom: 50px;
    font-family: serif;
}
.viiv110 .data01{
	display: flex;
	flex-wrap: wrap;
}
.viiv110 .data01 dt{
	width:30%;
	padding: 10px;
	border-bottom: 1px solid #eee;
	margin: 0;
}
.viiv110 .data01 dd{
	width: 70%;
	padding: 10px;
	border-bottom: 1px solid #eee;
	margin: 0;
}
/*-----------------viiv110 end--------------------*/
/*------------------------------------------------------
techonology.html
------------------------------------------------------*/
@media screen and (max-width:768px) {

	main{
		margin: 0;
	}
	h2{
	font-size:3rem;
	color: #16B5BA;
}
	h3{
	font-size:2.2rem;
}
	h4{
		font-size:1.8rem;
	}
/*-----------------viiv101--------------------*/	

	.viiv101 {
    position: relative;
    top: 60px;}
	
	.viiv101 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_04.jpg);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    /* padding: 9% 0; */
}
	.viiv101 .box01 .parallax_content.parallax_content {
    display: flex;
    height: 100%;
    padding: 43% 0%;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: auto;
}

/*-----------------viiv101 end--------------------*/	
/*-----------------viiv102--------------------*/	
.viiv102 {
    width: 95%;
    margin: 200px auto;
    box-sizing: border-box;
}
.viiv102 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
.viiv102 .text01 {
    text-align: left;
    margin: 0;
}
.viiv102 .box01 {
    display: flex;
    flex-direction: column;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv102 .box01 .image01 {
    width: 100%;
}
.viiv102 .box01 .card-body {
    width: 100%;
    padding: 0;
}
.viiv102 .box02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box02 .image01 {
    width: 100%;
}
.viiv102 .box02 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv102 .box02 .card-body h3 {
    color: #16B5BA;
    font-size: 2rem;
}
.viiv102 .box03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box03 .image01 {
    width: 100%;
}
.viiv102 .box03 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv102 .box04 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box04 .image01 {
    width: 100%;
}
.viiv102 .box04 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv102 .box05 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box05 .image01 {
    width: 100%;
}
.viiv102 .box05 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv102 .box06 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv102 .box06 .image01 {
    width: 100%;
}
.viiv102 .box06 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}

/*-----------------viiv102 end--------------------*/
/*-----------------viiv103--------------------*/
	.viiv103 {
    position: relative;
	top: 60px;
	}
	
	.viiv103 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_08.jpg);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    /* padding: 9% 0; */
}
	.viiv103 .box01 .parallax_content.parallax_content {
    display: flex;
    height: 100%;
    padding: 43% 0%;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: auto;
}
/*-----------------viiv10 end--------------------*/
/*-----------------viiv104--------------------*/
	.viiv104 {
    width: 95%;
    margin: 200px auto 0;
    box-sizing: border-box;
}
.viiv104 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
.viiv104 .box01 {
    display: flex;
    flex-direction: column;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv104 .box01 .image01 {
    width: 100%;
}
.viiv104 .box01 .card-body {
    width: 100%;
    padding: 0;
}
.viiv104 .box02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box02 .image01 {
    width: 100%;
}
.viiv104 .box02 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv104 .box03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box03 .image01 {
    width: 100%;
}
.viiv104 .box03 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv104 .box04 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box04 .image01 {
    width: 100%;
}
.viiv104 .box04 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
.viiv104 .box05 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv104 .box05 .image01 {
    width: 100%;
}
.viiv104 .box05 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
/*-----------------viiv104 end--------------------*/	
/*-----------------viiv105--------------------*/
.viiv105 {
    position: relative;
	top: 60px;
	}
	
	.viiv105 .box01 .parallax_content.img_bg_01 {
    background-image: url(../img/technology/img_tec_05.jpg);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    /* padding: 9% 0; */
}
	.viiv105 .box01 .parallax_content.parallax_content {
    display: flex;
    height: 100%;
    padding: 43% 0%;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: unset;
    background-size: auto;
}

/*-----------------viiv105 end--------------------*/
/*-----------------viiv106--------------------*/
.viiv106 {
    width: 95%;
    margin: 200px auto 0;
}
.viiv106 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
.viiv106 .box01 {
    display: flex;
    flex-direction: column;
    margin: 80px 0;
    align-items: center;
    line-height: 2em;
}
.viiv106 .box01 .image01 {
    width: 100%;
}
.viiv106 .box01 .card-body {
    width: 100%;
    padding: 0;
}
.viiv106 .box02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv106 .box02 .image01 {
    width: 100%;
}
.viiv106 .box02 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}
/*-----------------viiv106 end--------------------*/
/*-----------------viiv107--------------------*/
	
.viiv107 {
    width: 95%;
    margin: 140px auto 0;
    box-sizing: border-box;
}
.viiv107 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
.viiv107 h2 span {
    font-size: 1.8rem;
}
.viiv107 .boxright {
    display: flex;
    flex-direction: column;
}
.viiv107 .box01 .image01 {
    width: 100%;
}
.viiv107 .box01 .card-body {
    width: 100%;
    padding: 0;
}
.viiv107 .box02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}
.viiv107 .box02 .image01 {
    width: 100%;
}
.viiv107 .box02 .card-body {
    width: 100%;
    padding: 0;
    line-height: 2em;
}



/*-----------------viiv107 end--------------------*/
/*-----------------viiv108--------------------*/	
.viiv108 {
    width: 95%;
    margin: 120px auto;
    box-sizing: border-box;
}
.viiv108 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
	.viiv108 .box01 p {
    margin: 0;
}
	.viiv108 .box02 p {
    margin: 0;
}
	.viiv108 .box02 h2 span {
    font-size: 2rem;
}
/*-----------------viiv108 end--------------------*/	
/*-----------------viiv109--------------------*/
	
.viiv109 {
    width: 95%;
    margin: 120px auto;
    box-sizing: border-box;
}
.viiv109 .inner .card-body h2 {
    font-size: 2rem;
    text-align: center;
}
.viiv109 .inner {
    display: block;
}
.viiv109 .box01 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.viiv109 .inner .image01 {
    width: 100%;
}
.viiv109 .inner .card-body {
    width: 100%;
    padding: 20px 0;
}
.viiv109 .box02 {
    width: 100%;
    display: flex;
    flex-direction: column;
}
	
/*-----------------viiv109 end--------------------*/
/*-----------------viiv110--------------------*/	
.viiv110 {
    width: 95%;
    margin: 120px auto;
}
	
.viiv110 h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 3rem;
}
	.viiv110 .data01 {
display: flex;
flex-direction: column;
}
	.viiv110 .data01 dt {
        text-align: center;
    width: 100%;
}
	.viiv110 .data01 dd {
        text-align: center;
    width: 100%;
    margin-bottom: 10px;

}
	
	
	

/*スマホ用最終枠デス*/
}