@charset "utf-8";
@import url(common.css);
/* CSS Document */
html{
	overflow-x:hidden;
	font-family: "游ゴシック", "Yu Gothic"; 
}
body{
	margin: 0px;
}
p, h2, h3, h4{
	margin-block-start: 0em;
    margin-block-end: 0em;
}
img{
	vertical-align: bottom;
}
p span, h2 span, h3 span, h4 span, p span, li span, td span, th span{
	display: inline-block;
}
ul{
	padding-inline-start: 0px;
}

header{
	width: 100%;
	height: 90vh;
	background-image: url("../img/head_back.jpg");
	background-repeat: no-repeat;
	background-size: auto;
	position:relative;
}
header .rogo{
	max-width: 366px;
	position:absolute;
	top: 50%;
	left:50%;
	transform: translateY(-50%);
	transform : translate(-50%,-50%);
}
header .rogo img{
	width: 100%;
}
nav{
	background-color: #008ac4;
}
nav ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-block-start: 0;
    margin-block-end: 0;
	max-width: 1000px;
	margin: 0 auto;
}
nav ul li{
	list-style-type: none;
	padding: 1em;
}
nav ul li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	transition: 0.8s;
}
nav ul li a:hover{
	color: #fff;
	opacity: 0.5;
}

/*社長あいさつ*/
#content0{
	width:100%;
	position: relative;
}
#content0 .waku_top{
	position: absolute;
	top:0;
	left: 0;
	z-index: -100;
}
#content0 .waku_top img{
}
#content0 .waku_bottom{
	position: absolute;
	bottom:0;
	right:0;
	z-index: -100;
}
#content0 .waku_bottom img{
}
#content0 .content0{
	max-width:1000px;
	margin: 0 auto;
}
#content0 .content0 .text{
	width:55%;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
#content0 .content0 .text p{
	width: 100%;
}
#content0 .content0 .text p.bold{
	width:100%;
	font-size:22px;
	font-weight: bold;
	padding-bottom: 1em;
	font-family: 'Noto Serif JP', serif;
}
#content0 .content0 .photo{
	position: absolute;
	bottom:0;
	right:12vw;
}
#content0 .content0 .photo img{
}

/*見出し*/
.h2{
	background-color: #008ac4;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.h2 h2{
	color: #fff;
	padding: 0.5em;
	padding-left: 3em;
}
.h2 .h_dec{
}
.h2 .h_dec_sp{
	display: none;
}
.h2 .h_dec img{
}

/*事業内容*/

#content{
	width: 100%;
}

#content1 .content1_1{
	width: 100%;
}
#content1 .content1_1 img{
	width:100%;
}
#content1 .content1_2{
	max-width:800px;
	margin: 4rem auto;
	text-align: center;
}
#content1 .content1_2 h3{
	color: #008ac4;
	font-size:22px;
}
#content1 .content1_2 h4{
	font-size:22px;
	color: #008ac4;
	background-color: #eef4f7;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#content1 .content1_2 .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	justify-content: center;
}
#content1 .content1_2 .box p{
	width:280px;
	border-right: 3px solid #008ac4;
	border-left: 3px solid #008ac4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1em;
	font-weight: bold;
}
#content1 .content1_2 .box p:nth-of-type(even){
	margin-left: 1em;
}
#content1 .photo{
	width:100%;
}
#content1 .photo img{
	width:100%;
}



#content2{
	width:100%;
}
#content2 .con{
	width:100%;
}
#content2 .con .box{
	max-width:800px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 3rem;
	padding-top: 3rem;
}
#content2 .con .box .img{
}
#content2 .con .box .img img{
}
#content2 .con .box h3{
	margin-bottom: 2em;
	margin-top: 2em;
	color: #008ac4;
	font-size:24px;
}
#content2 .con .box p{
	font-size:18px;
	line-height: 2.5em;
}
#content2 .content2_1{
	background-image: url("../img/riyuu_back13.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#content2 .content2_2{
	background-image: url("../img/riyuu_back2.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*会社情報*/
#content3 h3{
	text-align: center;
	margin-bottom: 2em;
	margin-top: 2em;
}
#content3 table{
	width: 800px;
	margin: 0 auto;
	border-collapse:collapse;
}
#content3 table tbody{
	width:100%;
}
#content3 table tbody tr{
	width: 100%;
}
#content3 table tbody tr th{
	border: 1px solid #008ac4;
	width:20%;
	padding: 1em;
}
#content3 table tbody tr:nth-child(even) th{
	background-color: #cce8f3;
}
#content3 table tbody tr:nth-child(odd) th{
	background-color: #ebf6fa;
}
#content3 table tbody tr td{
	border: 1px solid #008ac4;
	width:80%;
	padding: 1em;
}
#content3 .map{
	width:800px;
	margin: 2rem auto;
}


/*フォーム*/


/*フッター*/
footer{
	width:100%;
	border-top:1px solid #008ac4;
}
footer .foooter{
	width:100%;
	text-align: center;
}
footer .foooter p{
	font-size:24px;
	font-weight: bold;
	color:#008ac4;
	margin-top:1em;
	margin-bottom: 0.2em;
}
footer .foooter p.cop{
	font-size:35px;
	font-weight: bold;
	margin-top:0;
}
footer .foooter nav.f_nav{
	background-color: #fff;
	margin-bottom: 1rem;
	margin-top: 2rem;
}
footer .foooter nav.f_nav ul{
}
footer .foooter nav.f_nav ul li{
}
footer .foooter nav.f_nav ul li a{
	color:#008ac4;
}
footer .foooter .insta{
}
footer .foooter .insta img{
}
footer .foooter p.info{
	font-size:16px;
	padding-top:1em;
}
footer .foooter small{
	color:#008ac4;
	font-weight: bold;
}


@media screen and (max-width:1500px){
#content0 .content0 .photo{
	right:1vw;
}
}

@media screen and (max-width:1080px){
#content0 .content0 .photo{
	width:40vw;
}
#content0 .content0 .photo img{
	width: 100%;
}
#content0 .content0{
	width:95vw;
}
}

@media screen and (max-width:800px){
#content0 .content0 .text{
	width:55%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#content0 .content0 .text p{
}
#content0 .content0 .text p.bold{
	font-size:18px;
}

/*事業*/
#content1 .content1_2 .box p:nth-of-type(even){
	margin-left: 0;
}
#content1 .content1_2{
	max-width:90vw;
	margin: 4rem auto;
	text-align: center;
}
	
/*会社情報*/
#content3 h3{
	font-size:16px;
}
#content3 table{
	width: 90vw;
}
#content3 table tbody tr th{
	width:20%;
}
#content3 table tbody tr td{
	width:80%;
}
#content3 .map{
	width:90vw;
}
}


@media screen and (max-width:600px){
header{
	height: 50vh;
	background-position: center;
}
nav ul{
	width: 90vw;
}
nav ul li{
	font-size:1.0vw;
	padding: 1em;
}
nav ul li.img{
	width:5vw;
}
nav ul li.img img{
	width:100%;
}
	
/*見出し*/
.h2{
	background-color: #008ac4;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.h2 h2{
	color: #fff;
	padding: 0.5em;
	font-size:16px;
}
.h2 .h_dec{
	display: none;
}
.h2 .h_dec_sp{
	display: block;
	width:85px;
}
.h2 .h_dec_sp img{
	width:100%;
}

/*社長あいさつ*/
#content0 .content0 .text{
	width:100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
#content0 .content0 .text p{
	font-size:14px;
}
#content0 .content0 .text p.bold{
	font-size:16px;
}
#content0 .content0 .photo{
	position: static;
    width:300px;
	margin: 0 auto;
}

/*事業*/
#content1 .content1_2{
	margin: 2rem auto;
}
#content1 .content1_2 h3{
	font-size:18px;
}
#content1 .content1_2 h4{
	font-size:18px;
	margin-top: 1.6em;
}
#content1 .content1_2 .box p{
	font-size:14px;
}
	
/*理由*/
#content2 .con .box{
	max-width:auto;
	width:90vw;
	padding-bottom: 1.5rem;
	padding-top: 1.5rem;
}
#content2 .con .box .img{
	width:100px;
	margin: 0 auto;
}
#content2 .con .box .img img{
	width:100%;
}
#content2 .con .box h3{
	margin-bottom: 1em;
	margin-top: 1em;
	font-size:18px;
}
#content2 .con .box p{
	font-size:14px;
	line-height: 2.5em;
}
	
/*会社情報*/
#content3 h3{
	margin-bottom: 1em;
	margin-top: 1em;
}
#content3 table tbody tr th{
	width:28%;
	font-size:14px;
}
#content3 table tbody tr td{
	width:72%;
	font-size:14px;
}
	
/*フッター*/
footer .foooter p{
	font-size:18px;
	margin-top:1em;
	margin-bottom: 0.2em;
}
footer .foooter p.cop{
	font-size:23px;
}
footer .foooter nav.f_nav{
	margin-bottom: 1rem;
	margin-top: 1rem;
}
footer .foooter p.info{
	font-size:14px;
	padding-top:0.5em;
}
}