@charset "utf-8";

@import url("default.css");
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
 ページ全体のスタイル
---------------------------------------------------------------------- */
.pc_con { display:block!important;}
.sp_con { display:none!important;}


.inner {max-width:1180px; width: 100%; box-sizing: border-box; margin:0 auto;}

.bg { background:#f5f5f5; width: 100%; padding:10px 0 10px 0;}
.bg2 { background:#f5f5f5; width: 100%; padding:20px 0;}
.bg3 { background:#f5f5f5; width: 100%; padding:50px 0;}
.bg4 { background:#f5f5f5; width: auto; padding:10px 0 10px 0; margin: auto 3px; box-sizing: border-box;}


/* テキストカラー */
.bk {color:#333!important;}
.green {color:#006633!important;}
.blue {color:#000099!important;}
.red { color:#CC0000!important;}
.redb { color:#CC0000!important; font-weight:500;}
.red2 { color:#ff0000!important;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}
.t36px { font-size:36px!important;}

/* bold */
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}


/* ライン */
.tline { border-top:1px #ccc solid; padding-top:10px;}
.tline_d { border-top:1px #ccc dotted; padding-top:10px;}
.bline { border-bottom:1px #ccc solid; padding-bottom:10px;}
.bline_d { border-bottom:1px #ccc dotted; padding-bottom:10px;}
.line_t{text-decoration: line-through;}


/* 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;
}

/* =====================================
 title
===================================== */
h3.h3title { 
color: #003148;
font-size: 40px;
text-align:center;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin:15px auto 50px auto;

}

h3.h3title2 { 
color: #fff;
background:#003148;
text-align:center;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin:0 auto 30px auto;
padding:10px 10px;

}



/* =====================================
 ボタン
===================================== */
.btn2 {}
.btn2 a {
	display:block;
	color:#fff;
	padding:15px 15px;
	text-align:center;
	background:#9a2424;
		border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size:90%;
	width:230px;
	margin:0 0 10px 0;
	
	}
.btn2 a:hover {
	text-decoration:none;
	
	}

/* =====================================
 施設資料
===================================== */
.btnbox { background:#f5f5f5; border:1px solid #ddd; padding:20px 50px;}
.btnbox p { float:left; margin-bottom:0;}
.btnbox .btn2 { float:right; margin-top:15px;}

p.cantitle { text-align:center; font-size:24px; font-weight:500;}



/* =====================================
 汎用プロパティ
===================================== */

.fl { float: left;}
.fr { float: right;}

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}


a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}

/*
 画像
---------------------------------------------------------------------- */
img.rab {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.img_c { width:100%; margin:0 auto 0 auto;}
.img_c1000 { width:auto; max-width:1000px;  margin:0 auto 0 auto;}
.img_c800 { width:auto; max-width:800px;  margin:0 auto 0 auto;}
.img_c200 { width:auto; max-width:200px;  margin:0 auto 0 auto;}
.img_c365 { width:auto; max-width:365px;  margin:0 auto 0 auto;}
.img_c490 { width:auto; max-width:490px;  margin:0 auto 0 auto;}
.img_c632 { width:auto; max-width:632px;  margin:0 auto 0 auto;}
.img_c300 { width:auto; max-width:300px;  margin:0 auto 0 auto;}
.img_c500 { width:auto; max-width:500px;  margin:0 auto 0 auto;}
.img_c534 { width:auto; max-width:534px;  margin:0 auto 0 auto;}
.img_c530 { width:auto; max-width:530px;  margin:0 auto 0 auto;}
.img_c550 { width:auto; max-width:550px;  margin:0 auto 0 auto;}
.img_c640 { width:100%; max-width:640px;  margin:0 auto 0 auto;}
.img_r { width:40%; margin:0 0 20px 30px; float:right;}
.img_l264 { width:50%; max-width:264px; margin:0 20px 20px 0; float:left;}
.img_l { width:35%; margin:0 30px 20px 0; float:left;}
.img_l300 { width:35%; margin:0 5% 20px 0; float:left;}

.img_c1000 img,
.img_c800 img,
.img_c365 img,
.img_c490 img,
.img_c200 img,
.img_l300 img,
.img_c500 img,
.img_c534 img,
.img_c530 img,
.img_c300 img,
.img_c640 img,
.img_c550 img,
.img_c632 img,
.img_c img,
.img_l264 img,
.img_r img,
.img_l img {width:100%!important;}




/*
 フロート要素の適正な解除（Clearfix）
---------------------------------------------------------------------- */
.clearfix:after{content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


body.post-type-archive-news .l-secondary,
body.single-news .l-secondary { display:none;}

body.post-type-archive-news .l-contents--grid .l-contents__inner,
body.single-news .l-contents--grid .l-contents__inner {
    display: block;
}
.p-header-slider__item {
    width: 100%;
    height: 800px;
    overflow: hidden;
    position: relative;
}

@media screen and (max-width:768px) {
.p-header-slider__item {

    height: auto;

}	
}


/*
 map
---------------------------------------------------------------------- */
.gmap {
	position: relative;
	padding-bottom: 30%; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	overflow-y : hidden !important;
	margin-left: 0;
	margin-right: 0;
	margin-top:10px;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
 overflow-y : hidden !important;
}


/* =====================================
 table
===================================== */
/* テーブル関連 */
table{
	border-collapse	: collapse;
	border-spacing	: 0px;
}
th,td	{text-align:left; vertical-align:top;}
caption	{text-align:left;}


table.tbl1 { width:100%;}
table.tbl1 th {
    width: 25%;
	background:#fef9ec;

}
table.tbl1 th, table.tbl1 td {
    border: 1px solid #ccc;
    padding: 15px 10px;
    line-height: 150%;
	vertical-align: middle!important;	
}


/* =====================================
 オンラインセミナー
===================================== */
.livebox .policy-privacy__inner { padding-bottom:100px!important;}
.list_live {}
.list_live ul {}
.list_live li { border:1px solid #ddd; padding:30px; margin:0 0 50px 0; position:relative;}
.list_live li div.list_content {float:left; width:70%;}
.list_live li p {}
.list_live li p.list_title { font-size:180%; margin:0 0 10px 0;}
.list_live li p.list_txt { margin:0 0 10px 0;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:right; width:25%; box-sizing: border-box; position:absolute; top:0; bottom:0; margin:auto; right:30px; height:50px;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;
	color:#fff!important;
	background: #26548b;
	box-sizing: border-box;

	}
.liveinner { padding-top:0!important;}

@media screen and (max-width:768px) {
.livebox .policy-privacy__inner { padding-bottom:50px!important;}
.list_live {}
.list_live ul {}
.list_live li { border:1px solid #ddd; padding:20px; margin:0 0 30px 0; position:relative;}
.list_live li div.list_content {float:none; width:100%;}
.list_live li p {}
.list_live li p.list_title { font-size:160%; margin:0 0 10px 0;}
.list_live li p.list_txt { margin:0 0 10px 0; font-size:90%;}
.list_live li p.list_day { font-size:90%; color:#999;}
.list_btn { float:none; width:80%; box-sizing: border-box; position: static; top:0; bottom:0; margin:20px auto auto auto; right:30px; height:auto;}
.list_btn a {
width:100%;
	display: block;
	font-size:100%;
	font-weight:500;
	padding: 10px 10px 10px 10px;
	text-align: center;

	box-sizing: border-box;

	}
.livebox .policy-privacy-head.mb100 { margin-bottom:50px!important;}
}

/* =====================================
 会員登録・お問合せ
===================================== */


table.tbl2 {border-top: 1px dotted #ccc; width:100%;}
table.tbl2 th {
    width: 25%;
	background:#fef9ec;

}
table.tbl2 th, table.tbl2 td {
    border: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 150%;
	vertical-align: middle!important;	
}


table.recruit_tbl { width:100%; max-width:1000px; margin:auto;}
table.recruit_tbl th,table.recruit_tbl td { vertical-align:middle!important;}
table.recruit_tbl th {}
table.recruit_tbl td {}



.recruit_box { width:100%; max-width:1000px; margin: auto;}
.recruit_box ul,.recruit_box li { list-style:none; margin:0; padding:0;}
.recruit_box li { float:left; width:46%; margin:0 2%; line-height:150%; font-size:100%;}
.recruit_box li img { width:100%;}
.recruit_box li p { line-height:150%!important;}
.recruit_box li p.recruit_cath { font-size:28px; color:#F63; font-weight:800;}


/* =====================================
 フォーム
===================================== */
.form_txt { text-align:center; margin:10px 0 30px 0; line-height:160%; font-size:100%;}


input.nob { pointer-events : none; border:none!important; margin:0!important; padding:0!important;
box-shadow:none!important;
}


#contact {}
#contact p { margin:0 0 10px 0; font-size:110%; line-height:200%;}
#contact p span.hisu,#contact span.hisu { color:#ff0000; font-size:70%;}
.contact_m { color:#111; padding:30px 20px; margin:0 0 10px 0; background:#f5f5f5;}
.contact_m1 { margin:0 0 10px 0; color:#225c8f; font-weight:600; font-size:110%;}
.contact_m2 { margin:0 0 0 0!important; color:#555!important; font-size:90%!important; line-height:200%!important;}

#contact input { width:100%; margin:8px 0;box-sizing: border-box;}

#contact input placeholder { color:#eee;}
#contact input.radio { width:auto; height:auto; margin:0;box-sizing: border-box;}
#contact input.radio { width:auto; height:auto; margin:0;box-sizing: border-box;}
#contact textarea { width:100%; height:200px; margin:0;box-sizing: border-box;}
#contact input.inp1 { width:30%;}
#contact input.inp2 { width:100px;}

textarea.input::-webkit-input-placeholder,
input.input::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
textarea.input::-ms-input-placeholder,
input.input:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
textarea.input::-moz-placeholder,
input.input::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
}

#contact input.formbtn1:focus {
    border:none;
}


table.tbl {border-top: 1px dotted #ddd; width:100%;}
table.tbl th {
    width: 25%;
	background:#f5f5f5;
	color:#000;

}
table.tbl td { background:#fff;}
table.tbl th, table.tbl td {
    border: 1px solid #ccc;
    padding: 20px 15px;
    line-height: 150%;
	vertical-align: middle!important;	
}



table.tbl th span { background:#003148; color:#fff; font-size:70%; padding:5px 8px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}



#contact input,
#contact textarea,
#contact select {
color:#000;
border:0;
padding:14px;
font-size:90%;
font-family:Arial, sans-serif;
border:solid 1px #ccc;


-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
*/
}
#contact input[type="radio"] {box-shadow: none; width:auto; text-align:left; margin:5px auto auto auto;}

#contact input:focus {
    border:solid 1px #EEA34A;
}
#contact input.formbtn1:focus {
    border:none;
}
#contact input.formbtn1,
#contact input.formbtn2,
#contact input.formbtn3 {
background:#111;
color:#fff;
width:40%;
margin:10px 30% 0 30%!important;
cursor: pointer;
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#contact input.formbtn2 {
background:#888;
color:#fff;
padding:10px auto;
width:20%;
margin:10px 40% 5px 40%!important;
font-size:80%;
}
#contact input.formbtn3 {
background:#111;
color:#fff;
padding:25px auto!important;
width:50%;
margin:10px 25% 0 25%!important;
}

#contact input.formbtn1:hover,
#contact input.formbtn3:hover {background:#cc0000;}

#contact input.formbtn2:hover {background:#555;}

form.sent div.contactbox {
display:none!important;
}

div.wpcf7-mail-sent-ok { border:none!important; margin:100px 0!important; text-align:center!important;}


#contact input.hiduke { width:300px;}

/* 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;
}
.wpcf7-validation-errors { width:100%; max-width:1000px; margin:auto auto auto auto!important;}


.form_btn_detail {
   margin:30px auto 50px auto!important;
    display: block;
    width: 364px!important;
	font-size:100%!important;
	padding:20px;
	font-weight:normal;
    text-align: center;
    color: #fff!important;
    position: relative;
    text-decoration: none;
	border:none!important;
    border-radius: 999px!important;
    -webkit-border-radius: 999px!important;
    -moz-border-radius: 999px!important;
    background-image: linear-gradient( 
120deg
 ,#26548b,#427bbf 30%);



}




ul.footer_link { list-style:none; margin-top:20px;}
ul.footer_link li { list-style:none; margin-bottom:20px;}
ul.footer_link li a { font-size:90%;}
ul.footer_link li a:hover { color:#26548b;}


.left_navi {}
.left_navi ul,.left_navi li {
	list-style-type: none!important;
}
.left_navi li {border-bottom:1px dotted #ddd;}
.left_navi li a { 
padding:15px 0px!important;
display:block;
position: relative;



}


.left_navi li a::before{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #427bbf;
}
.left_navi li a::after{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 14px!important;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* =====================================
 sidecontact
===================================== */
#sidecontact{
  display: block;
  position: fixed;
  top: 200px;
  z-index: 999;
}

#sidecontact.leftContent{
  left:0;
}


#sidecontact.rightContent{
  right:15px;
}
#sidecontact img { max-width:120px; margin:0 0 10px 0;}




@media screen and (max-width:768px) {
	
.pc_con { display:none!important;}
.sp_con { display:block!important;}

.t36px { font-size:26px!important;}


table.recruit_tbl { width:100%; max-width:1000px; margin:auto;}
table.recruit_tbl th,table.recruit_tbl td { vertical-align:middle!important; width:100%; display:block; margin-top:-1px;}
table.recruit_tbl th {}
table.recruit_tbl td {}

.recruit_box { width:100%; max-width:1000px; margin: auto;}
.recruit_box ul,.recruit_box li { list-style:none; margin:0; padding:0;}
.recruit_box li { float:none; width:100%; margin:0 0 30px 0; line-height:150%; font-size:110%;}
.recruit_box li img { width:100%;}
.recruit_box li p { line-height:150%!important;}
.recruit_box li p.recruit_cath { font-size:21px; color:#F63; font-weight:800;}

	
#sidecontact { display:none;}
	
	
.gmap {
	padding-bottom: 80%; /* これが縦横比 */
}

/* =====================================
 ボタン
===================================== */
.btn2 {}
.btn2 a {

	margin:0 auto 10px auto;
	
	}
.btn2 a:hover {
	
	}
	
/* =====================================
 table
===================================== */
table.tbl1 { width:100%;}
table.tbl1 th {
    width: 25%;
	background:#fef9ec;

}
table.tbl1 th, table.tbl1 td {
	font-size:90%; padding:7px 5px;
}
	

/* =====================================
 設備紹介
===================================== */

table.tbl_juki {}
table.tbl_juki td { display:block; width:100%; margin-top:-1px;}
table.tbl_juki td.td1,
table.tbl_juki td.td2,
table.tbl_juki td.td4,
table.tbl_juki td.td5 { width:50%; box-sizing:border-box!important; display: inline-block;}
table.tbl_juki td.td2,
table.tbl_juki td.td5 { margin-left:-1px;}
table.tbl_juki td.td3 { font-size:80%;}

table.tbl_juki td.td1,
table.tbl_juki td.td2 { background:#acd5fd;}


table.tbl_hoyu td.td1 { font-size:70%;}



/*
 応募フォーム
---------------------------------------------------------------------- */
table.tbl th {
    width: auto;

}
table.tbl th, table.tbl td {
	display:block;
	width:100%;
    padding: 10px 5px;
    line-height: 150%;
	vertical-align: middle!important;	
	box-sizing:border-box;
	margin-top:-1px;
}

#contact input.inp2 {
    width: 28%;
}

.form_btn_detail {
width:80%!important;
font-size:120%!important;
padding: 10px 8px!important;
}






}





/*---------------------------------------------------------------------- */
/*
/*　上書き
/*
/*---------------------------------------------------------------------- */

@media screen and (min-width:769px) {
	
/* header	*/


#js-header {
box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
}


.l-header__inner.l-inner {
	background:url(img/h-right.gif) no-repeat right;
	}

	
	
/* nav	*/	
.l-header__nav {
	border-top:3px solid #26548b;
}

#js-global-nav li.menu-item { background:url(img/nav_bg.gif) no-repeat left;}

#js-global-nav li#menu-item-246 { 
background-image:
    url("img/nav_bg.gif"),
    url("img/nav_bg.gif");
  background-repeat:
    no-repeat,
    no-repeat;
	background-position:left,right;
	
	}


.l-secondary { margin-top:-50px;}



.p-article05__content {
    right: 15px;
    left: auto;

}
.p-article05--rev .p-article05__content {
    left: 15px;
    right: auto;
}


}

h3.h3title {
font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #333333;
    font-size: 36px;
    text-align: center;	
	}
h3.pb_headline,h3.h3title {
    position: relative;
	padding: 1rem;
}
h3.pb_headline:before,h3.h3title:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #427bbf;
}

body.page-id-80 .tcd-pb-row.row4 { display:none!important;}
body.page-id-80 .tcd-pb-row.row4.db { display: block!important;}


.p-service-entry__title {
    position: relative;
	padding: 1.5rem 1rem;
}
.p-service-entry__title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #427bbf, #427bbf 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #427bbf, #427bbf 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

h3.p-article07__title { text-align:center;}

.l-page-header { display:none;}
h2.p-widget__title { background: #26548b;}





.p-header-slider__item--1 .p-header-content__title {

text-shadow: 0 0 7px #222, 0 0 7px #222, 0 0 7px #222, 0 0 7px #222, 0 0 7px #222, 0 0 7px #222;
line-height:180%;

}


.p-pagetop {
    background: #275790!important;

}
.p-footer-widgets__item {
    border-right: 1px solid #ddd;
    width: 33.3333333333333333333333333333333%;
}

.p-news-tab-list__tabs-item.is-active a, .p-news-tab-list__tabs-item a:hover {
    background: #427bbf;
    border-color: #427bbf;
    color: #fff;
}

.p-index-content04,
.p-footer-banners {
    background: #f4f7fc;
}
.p-btn a {
    position: relative;
    display: block;
    width: 364px;
	font-size:100%;
	font-weight:normal;
    margin: auto;
    text-align: center;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    background-image: linear-gradient( 
120deg
 ,#26548b,#427bbf 30%);
}


/*
.p-btn a {
	position: relative;
	border:2px solid #26548b;
	background:#fff;
	color:#555;
	border-radius: 5px!important;
-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
}
*/
.p-btn a::before{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.p-btn a::after{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 24px!important;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-top: 2px solid #427bbf;
    border-right: 2px solid #427bbf;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}





.tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_tab-type2 ul.resp-tabs-list li.resp-tab-active {
    color: #ffffff;
    background-color: #26548b;
}



@media screen and (max-width:768px) {
	#js-header {
box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 2px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
}


h1.p-cover__title { font-size:28px;}

.p-header-slider__item--1 .p-header-content__title {
    color: #ffffff;
    font-size: 18px;
}
.p-global-nav > li > a, .p-menu-btn {
    color: #26548b;
}

.p-close-btn {

    color: #fff;
}

h3.h3title {

    font-size: 26px;

}
.c-footer-bar__icon::before {
    display: block;
    font-family: design_plus;
    font-size: 20px;
    margin-bottom:3px;
}
.c-footer-bar__icon--phone:before,
.c-footer-bar__icon--envelope:before,
.c-footer-bar__icon--file-text:before {
    color: #26548b;
}


.p-close-btn {
	background:#26548b;
}	


.l-header__nav {
    background: #addbf1!important;
}


.p-btn a {
    position: relative;
    display: block;
    width: 50%;
	font-size:90%;
	font-weight:normal;
    margin: auto;
    text-align: center;
    color: #fff;
    position: relative;
    text-decoration: none;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    background-image: linear-gradient( 
120deg
 ,#26548b,#427bbf 30%);
}

.p-btn a::before{

    right: 15px;

}
.p-btn a::after{

    right: 19px!important;






/* ここまで	*/
}