/*
Theme Name: icc
Theme URI: 

Lightning WordPress theme, Copyright (C) 2015-2018 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.
*/
.head_img {/*親div*/
  position: relative;
}

.head_img p {
  position: absolute;
  top: 60%;
  left: 20px;
  /*-ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);*/
  margin:0;
  padding:0;
  font-weight: bold;
  text-shadow: 0 1px 0 #fff,1px 0 0 #fff,0 -1px 0 #fff,-1px 0 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  font-size: 2em;

}

.head_img p.font-small {
  font-size: 1em;
}

.head_img img.img2 {
    width: 40%;
    height: 40%;
/*    color: #ffffff;
    background-color: #2779bd;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border-radius: 50%;
    cursor: pointer;*/

    position: absolute;
	top: 50%;
	left: 55%;
}

.head_img img.text_right {
     float: left;
}

.color_blue {
  color: #00a0e8;
}

.color_orange {
  color: #ffa500;
}


.inline { 
  width: 100%; 
} 

.inline section { 
  display: inline-block; 
  width: 49%; 
  vertical-align: top; 
  /*border: 1px solid green;*/
  padding: 5px; 
} 

.sec_title {
  position: relative;
  color: white;
  background-color: #3A580B;
  line-height: 1.4;
  padding: 0.3em 0.3em 0.3em 1.8em;
  border-radius: 0.5em;/*角の丸み*/
}

.sec_title:before {
  font-family: "FontAwesome";
  content: "\f150";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.text_right {
  text-align:right;
}

.btn_center {
  text-align:center;
}

/* ---------------------------------------------------------- */
/* トップページ */
.slide-text-caption {
	visibility: visible;
	color: #333;
	font-size: 22px;
}
@media (max-width: 992px) {
	.slide-text-caption {
		font-size: 18px;
	}
}
@media (max-width: 768px) {
	.slide-text-caption {
		margin-top: 1.6em;
	}
}
@media (max-width: 576px){
	.slide-text-caption {
		font-size: 16px;
		line-height: 1.7;
	}
}
@media (max-width: 600px) {
	.slide-text-caption {
		font-size: 12px;
		line-height: 1.5;
	}
}
@media (max-width: 400px) {
	.home .slide-text-set {
		display: none;
	}
}

/* ---------------------------------------------------------- */
/* 入力【必須】マーク */
.input_must {
	font-size: 10px;
	padding: 3px;
	background-color: #FF4757;
	color: #fff;
	border-radius:2px;
	margin-right: 10px;
	position:relative;
	bottom: 1px;

/*
	font-size: 10px;
	color: #FFF;
	border-radius: 10px;
	background-color: #FF1A00;
	margin-left: 10px;
	letter-spacing: 0.2em;
	vertical-align: middle; 
*/
}
/* 入力【任意】マーク */
.input_any {
	font-size: 10px;
	padding: 3px;
	background-color: transparent;
	color: transparent;
	border-radius:2px;
	margin-right: 10px;
	position:relative;
	bottom: 1px;
}

/*送信ボタンのデザイン変更*/
#to_btn{
	display: block;
	padding: 10px;
	width: 200px;

	border: 1px solid #FF7F50;
	background-color: #FF7F50;
	color: #fff;
	border-radius: 2px;
	margin: 15px auto 0;
/*
	font-size: 18px;
	font-weight: bold;
*/

}
/*送信ボタンマウスホバー時*/
#to_btn:hover{
	border: 1px solid #FFA502;
	background-color: #FFA502;
	color: #fff;
}

/* ---------------------------------------------------------- */

.tbl_icc th{
	width: 30%;
}

/*個人情報取り扱いについて*/
.text_privacy {
	height:280px;
	overflow-y:scroll;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding:10px;
	margin-bottom:10px;
}

.ol_privacy {
	list-style-type:none;
	text-indent:-1em;
	padding-left:1em;
}


@media screen and (max-width: 590px) {
	.head_img p {
	  left: 20px;
	  font-weight: bold;
	  font-size: 100%;
	}

	.head_img p.font-small {
	  font-size: 0.5em;
	}

	.head_img img.text_right {
	     	float: none;
	}

	.inline section { 
	  width: 100%; 
	} 

	.tbl_icc th, .tbl_icc td{
		width: 100%;
		display: block;
		border-top: none;
	}
	.tbl_icc th{
		background-color: #D9D9D9;
	}
	.tbl_icc tr:first-child th { border-top: 1px solid #ddd; }


	.text_privacy {
		width:100%;
	}
}


ul.link-font {
	font-size: 80%;
}

/*
#icc-rikunabi {
	display: none;
}
*/

/*
#icc-rikunabi a {
	margin-top: 15px;
	text-align: right;
}
*/

#icc-rikunabi span {
	margin-right: 20px;
}

@media screen and (min-width: 1200px) {
	#icc-rikunabi, 
	#icc-instagram {
		float: right;
		margin-top: 5px;
	}

	#icc-instagram {
		margin-right: 25px;
	}

	#icc-rikunabi a img {
		height: 30px;
	}
	
	#icc-instagram a img {
		height: 35px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	#icc-rikunabi{
		display: inline-block;
		width: 100px;
		margin-top: 15px;
		text-align: inherit;
	}

	#icc-rikunabi span {
		margin-right: 0px;
	}

	#icc-instagram {
		position: fixed;
		left: 20px;
		bottom: 20px;
	}

	#icc-instagram a {
		display: block;
		padding: 10px;
		border: 1px solid #0693e3;
		border-radius: 50%;
		background: #fff;
		opacity: 0.8;
	}

	#icc-instagram a:hover {
		opacity: 1;
	}

	#icc-instagram a img {
		width: 30px;
	}
}

@media screen and (max-width: 991px) {
	.vk-mobile-nav .widget.vk-mobile-nav-widget {
		display: inline-block;
	}

	.vk-mobile-nav .widget.vk-mobile-nav-widget:nth-child(2) {
		margin-left: 20px;
	}

	.vk-mobile-nav .widget.vk-mobile-nav-widget img {
		height: 45px;
	}

	#icc-instagram {
		display: none;
	}
}