/*
Theme Name:株式会社みのりの里
*/
@charset "utf-8";
html,body{
	width:100%;
	overflow-x: hidden;
	font-size:16px;
	color:#104539;
	font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

body.active{
	height:100%;
	overflow:hidden;
	position:fixed;
}

a{
	color:#104539;
	text-decoration:none;
}

span a{
	color: #0000EE;
	text-decoration: underline;
}

span a:visited {
 color: #551A8B;
 text-decoration: underline;
}

span a:hover {}

span a:active {
 color: #FF0000;
 text-decoration: underline;
}

.wrapper{
	width: 1100px;
	text-align:left;
	margin: 0 auto;
	max-width:100%;
}

li{
	list-style:none;
}

.clr {
	clear: both;
}

.fence{
	padding:0 10px;
	margin-bottom:40px;
}

section{
	margin:20px 0;
}

.midashi,.komidashi{
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	margin-top:60px;
}

.midashi{
	padding-top:5%;
}

.komidashi{
	padding-top:3%;
}

/*横並びside by side 折り返しなし */
.sbs{
	display:flex;
	flex-wrap:nowrap;
}

/*li aタグのフォントサイズを画面幅で可変させる */
li a{
	font-size:1vw;
}

/*ヘッダーCSS開始*/
.navi{
	height:160px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

li.logo{
	justify-items:left;
	flex:10;
	padding-left:15px;
}

li.logo a{
	display:block;
	background-size:contain;
	background-image:url(images/logo1.png) ;
	width:45%;
	height:160px;
	background-repeat:no-repeat;
	background-position:center;
	transition-duration:0.5s
}

ul.navi.animation{
	opacity: 0;
	animation:fadeIn 5s ease forwards;
	animation-delay:8s;
	cursor:pointer;
	animation-iteration-count: 1;
}

li.logo a:hover{
	transform: scale(1.05);
}

li.space{
	width:51%;
}

li.profile,li.intro,li.inquiry,li.access{
	text-align:center;
	line-height:160px;
	flex:2;
}

li.profile a:hover,li.intro a:hover,li.inquiry a:hover,li.access a:hover{
	text-decoration:underline;
}

.animation{
	justify-items:center;
}

.animation li{
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

.main_text{
	background-image:url(images/main_text.png) ;
	width:60%;
	padding-top:3%;	
}

.main_text.animation{
	animation:fadeIn 14s ease-in-out forwards;
}

.animation1{
	background-image:url(images/animation1.gif) ;
	width:100%;
	padding-top:15%;
}

.animation2{
	background-image:url(images/animation2.gif) ;
	width:100%;
	padding-top:12%;
}

/*ヘッダーCSS終了*/

/*お知らせCSS開始*/
.title1{
	background-image:url(images/title_information.png);
}
.info{
	flex-wrap:wrap;
	border-bottom:1px solid #eee;
}

.date{
	width:120px;
	text-align:center;
	margin-top:20px;
}

.detail{
	width:calc(100% - 130px);
	margin:20px 0px 20px 10px;
}

/*お知らせCSS終了*/

/*フッターCSS開始*/

footer{
	justify-items:center;
}

.footer-wrapper{
	width:90%;
	border-top:1px solid #231815ff;
}

.footer-navi{
	height:160px;
	width:100%;
}

.footer-navi li{
	line-height:160px;
	text-align:center;
	flex:2;
}

.footer-navi li a{
	font-size:1vw;
}

.footer-navi li.home{
	flex:1;
}

.footer-navi li.logo{
	flex:5;
	justify-items:right;
}

/*フッターCSS終了*/

/*会社概要CSS開始*/

.title2{
	background-image:url(images/title_profile.png);
}

.title3{
	background-image:url(images/subtitle_history.png);
}

.history{
	background-image:url(images/image_history.png);
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	padding-top:45%;
}

.title4{
	background-image:url(images/subtitle_location.png);
}

.item1{
	width:15%;
}

.map{
	position: relative;
    padding-top: 53.44%; /* 16:9 のアスペクト比を維持するためのトリック */
    height: 0;
    overflow: hidden;
    max-width: 95%;
	margin:20px auto;
}

iframe{
	position:absolute;
	width:100%;
	height:100%;
	top:0
}

ul.profile{
	padding-left:15px;
}

ul.address{
	border-bottom:1px solid #b062a3ff;
	padding:0px 10px 20px 15px;
}

ul.tel,ul.mail{
	border-bottom:1px solid #b062a3ff;
	padding:20px 10px 20px 15px;
}

ul.tel{
	border-top:1px solid #b062a3ff;
}

/*会社概要CSS終了*/

/*業務紹介CSS開始*/
.title5{
	background-image:url(images/title_introduction.png);
}

.title5 p,.title6 p{
	padding-left:15px;
}

.gazou1{
	background-image:url(images/image_introduction.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	padding-top:20%;
	background-position:center;
	margin:20px 0;
}

ol>li{
	list-style:decimal;
}

ol,ul.link{
	padding-left:30px;
}

.title6{
	background-image:url(images/subtitle_link.png);
}

.link li{
	list-style:disc;
}

.link li a{
	cursor:pointer;
}
/*業務紹介CSS終了*/

/*お問合せCSS開始*/

.title7{
	background-image:url(images/title_contact.png);
}

.title7 > section{
	background-color:#f0f4c3;
}

.contact{
	margin:0 auto;
	width:600px;
	max-width:calc(100% - 40px);
}

.contact > p{
	padding:10px 0;
}

.wpcf7-text{
	width:100%;
	height:30px;
	padding:5px;
}

.wpcf7-textarea{
	width:100%;
	height:100px;
	padding:5px;
}

.wpcf7-submit{
	background-color:#333333;
	border-radius:4px;
	color:white;
	width:100%;
	height:50px;	
}

.wpcf7-submit:hover{
	cursor:pointer;
	opacity:0.5;
}

.required{
	color:red;
}
/*お問合せCSS終了*/