@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/****************************************

テキスト調整

*****************************************/
h3 {
	padding-left: 0px !important;
	}
/****************************************

マウスオーバー時にリンクを半透明に光らせる

*****************************************/
a:hover img{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}
a,a img {
	transition: 0.5s;
}

/****************************************

トップページ投稿日の縦幅調整

*****************************************/
.post-substr {
	height: 20px !important;
	}
/****************************************

全体幅

*****************************************/
.cont_width {
	width: 1200px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}
.cont_top_width {
	width: 1200px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
/****************************************

ヘッダー幅

*****************************************/
.cont_header {
	width: 1200px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

/****************************************

テスト

*****************************************/
.imgfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}
.bgfull {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	background-color: #E1F4F3;
	background-position: center;
	background-size: cover;
	padding: 50px 0px;
}
.bgfull02 {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	background-color: #FFEAEF;
	background-position: center;
	background-size: cover;
	padding: 50px 0px;
}
.bgfull03 {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.toumei{
	background-color: rgba(255, 255, 255, 0.7);
	padding: 50px 0px;
}
.img_center {
	text-align: center;
	margin-bottom: 20px;
}
.sub_title {
	font-size: 1.75em;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px;
	font-weight: bold !important;
	line-height: 40px;
}
.cont_main {
	width: 1200px !important;
	margin:0 auto !important;
}
.cont_box {
	background-color: #FFFFFF;
	border: medium solid #00AAC3;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.cont_box p {
	margin: 0;
	padding: 0;
}
.cont_txt {
	font-size: 1.5em !important;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px !important; 
}
.cont_txt02 {
	font-size: 1.25em !important;
	margin-bottom: 10px !important; 
}
.clr {
	clear: both;   
}
/****************************************

固定ページタイトル

*****************************************/
.pagetitle {
	font-size: 2em !important;
	font-weight: bold !important;
	line-height: 1 !important;
	text-align: center !important;
	color: #000000 !important;
}
.pagetitle span {
	display: block !important;
	font-size: 0.6587em !important;
	font-weight: normal!important;
	margin-top: 20px !important;
	color: #aaabab !important;
}
/****************************************

テーブル（会社概要、料金ページ、採用ページ）

*****************************************/
.pr_table {
	width: auto;
	margin: 0 auto !important;
	border-style: none !important;
	border: none !important;
	border-color: #ffffff !important;
}
.pr_table td {
	border-style: none !important;
	border: none !important;
	border-color: #ffffff !important;
}
.tb_title01 {
	background-color: #EFEFEF;
	padding-left: 20px;
	font-weight: bold !important;
}
.tb_title02 {
	padding-left: 20px;
	font-weight: bold !important;
}
.tb_title03 {
    background-color: #716F6F;
    padding-left: 20px;
    font-weight: bold !important;
    color: #FFFFFF;
}
.tb_title04 {
	background-color: #716F6F;
	padding-left: 20px;
	font-weight: bold !important;
	color: #FFFFFF;
}
.tb_txt01 {
	background-color: #EFEFEF;
	padding-left: 10px !important;
	line-height: 1.5em;
}
.tb_txt02 {
	padding-left: 10px !important;
	line-height: 1.5em;
}
.tb_txt02 a {
	color: #000 !important;
}
.tb_txt03 {
	text-align: center !important;
	border: thin solid #000000 !important;
}
.rc_table {
	border: thin solid #000000 !important;
	margin: 20px 10px !important;
	padding: 0px !important;
}
/****************************************

電話番号リンク無効

*****************************************/
.tel-link-none {
	pointer-events: none;
	text-decoration: none !important;
	color: #000 !important;
}
/****************************************

会社概要ページ

*****************************************/
/***テキスト間隔調整***/
.txt01 {
	padding-bottom: 0px !important;
}
/****************************************

採用情報ページ

*****************************************/
/***画像間隔調整***/
.img01 {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
/***マージン設定***/
.mg_top0 {
	margin-top: 0px !important;
}
.mg_btn0 {
	margin-bottom: 0px !important;
}
.mg_top20 {
	margin-top: 20px !important;
}
.mg_btn20 {
	margin-bottom: 20px !important;
}
.mg_btm0 {
	margin-bottom: 0px;
}
.pd_btm0 {
	padding-bottom: 0px;
}
.mg0 {
	margin: 0px;
}
.pd0 {
	margin: 0px;
}
/****************************************

フォームの幅調整

*****************************************/
input[type="text"],
textarea {
	width: 100%;
}
.zip_width {
	width: 70px !important;
}
.zip1_width {
	width: 100px !important;
}
/****************************************

フォーム プライバシーポリシーテキスト

*****************************************/
.underline {
	text-decoration: underline;
}
.underline:hover {
	text-decoration: none;
}
/****************************************

フォームのボタン調整

*****************************************/
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block !important;
	border-radius: 3px !important;
  background: #E26199 !important;
	color: #fff !important;
	text-decoration: none  !important;
	font-weight: bold !important;
	line-height: normal !important;;
	cursor: pointer !important;
}
button:hover, 
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	background: #BA4679 !important;
	color: #fff !important;
	text-decoration: none  !important;
	text-shadow: 0px 0px  !important;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/****************************************

レスポンシブ設定

*****************************************/
@media screen and (min-width: 1281px){
.cont_width {
	width: 1200px !important;
}
	.cont_header {
	width: 1200px !important;
}
	.cont_top_width {
	width: 1200px !important;
}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.cont_width {
	width: 1200px !important;
}
	.cont_header {
	width: 1200px !important;
}
	.cont_top_width {
	width: 1200px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
.cont_width {
	width: auto !important;
}
	.cont_header {
	width: auto !important;
}
	.cont_top_width {
	width: auto !important;
}
.cont_main {
	width: auto !important;
}
.cont_left {
	float: none !important;
	width: auto !important;
}
.cont_right {
	float: none !important;
	width: auto !important;
	text-align: center;
}
}
@media screen and (max-width: 767px){
.cont_width {
	width: auto !important;
}
	.cont_header {
	width: auto !important;
}
	.cont_top_width {
	width: auto !important;
}
.cont_main {
	width: auto !important;
}
.cont_left {
	float: none !important;
	width: auto !important;
}
.cont_right {
	float: none !important;
	width: auto !important;
	text-align: center;
}
}
@media screen and (max-width: 480px){
.cont_width {
	width: auto !important;
}
	.cont_header {
	width: auto !important;
}
	.cont_top_width {
	width: auto !important;
}
.cont_main {
	width: auto !important;
}
.cont_left {
	float: none !important;
	width: auto !important;
}
.cont_right {
	float: none !important;
	width: auto !important;
	text-align: center;
}
	.cont_box {
		margin-left: 20px !important;
		margin-right: 20px !important;
}
	.sub_title {
		font-size: 1.25em !important;
		line-height: 30px !important;
		margin-top: 15px !important;
		margin-bottom: 25px !important;
}
	.cont_txt02 {
		margin-left: 20px !important;
		margin-right: 20px !important;
}
	.cont_txt {
	font-size: 1.25em !important;
}
	}