@charset "utf-8";
/**************************************************************************/
/*	サイト全体の設定
/**************************************************************************/

/****************************************************************/
/*	フォント
/****************************************************************/
html {
	font-size:62.5%;
	-webkit-text-size-adjust:none;
}
body {
	font-family: "メイリオ", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	font-size:1.0rem;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.serif {
	font-family:"Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.f_helvetica {
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.f_times {
	font-family:Times New Roman, serif;
}
/****************************************************************/
/*	各パーツの基本設定
/****************************************************************/
section {
	clear:both;
	margin-bottom:100px;
}
table {
	letter-spacing:1px;
	text-align:left;
}
table th {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	padding:5px 10px 5px 10px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
table td {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	padding:5px 10px 5px 10px;
	vertical-align:top;
	text-align:left;
}
dl, section ul {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
}
li, section ol {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
}
dt, dd {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
}
p {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	letter-spacing:1px;
	text-align:left;
}
a {
	color:#36F;
	text-decoration:none;
}
a img {
	backface-visibility: hidden;
}
a img:hover {
	opacity:0.8;
}
a:hover {
	text-decoration:underline;
}
img {
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width : 660px) {
.nopc {
 display:none!important;
}
.window_reset_pc {
 width:100%;
 min-width:960px;
}
}
@media only screen and (min-width : 960px) {
.nopc2 {
 display:none!important;
}
}

/****************************************************************/
/*	デフォルトからの継承（WPのみ）
/****************************************************************/
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	margin: 0 0 20px 20px;
	display: inline;
}
img.alignleft {
	margin: 0 20px 20px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/****************************************************************/
/*	レイアウト
/****************************************************************/
@media only screen and (min-width : 961px) {
header {
/*
 position:relative;
 */
 position:fixed;
 background:#fff;
 
 
 width:100%;
 min-width:1200px;
 z-index:10000;
}
#gnav_wrp {
	display:none;
 position:relative;
 width:100%;
 min-width:1200px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0a48c9+0,1585db+30,1585db+70,0a48c9+100 */
background: #0a48c9; /* Old browsers */
background: -moz-linear-gradient(left, #0a48c9 0%, #1585db 30%, #1585db 70%, #0a48c9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0a48c9 0%,#1585db 30%,#1585db 70%,#0a48c9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0a48c9 0%,#1585db 30%,#1585db 70%,#0a48c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a48c9', endColorstr='#0a48c9',GradientType=1 ); /* IE6-9 */

/*メニューが表に出る用*/
z-index:1000000;
}
#wrp_eyecatch {
 position:relative;
 width:100%;
 min-width:1200px;
}
#breadcrumbs {
 position:relative;
 width:100%;
 min-width:1200px;
 padding:5px 0
}
#footer_back {
 position:relative;
 width:100%;
 min-width:1200px;
}
footer {
 clear:both;
 margin-left:auto;
 margin-right:auto;
}
}
/****************************************************************/
/*	レイアウト（メインコンテンツ）
/****************************************************************/
.tab-sp-box {
 width:96%!important;/* teb・spで両サイドに余白 */
 margin-left:auto;
 margin-right:auto;
}
.col_one article {
	width:100%;
}
.col_one #sidebar {
	clear:both;
	width:100%;
	background:#ccc;
	padding:50px 0;
}
.col_one #sub_contents {
	clear:both;
	width:100%;
	background:#ccc;
	padding:50px 0;
}
.col_two article {
	float:left;
	width:73%;
	padding-right:2%;
	margin-bottom:50px;
}
.col_two #sidebar {
	float:right;
	width:25%;
	margin-bottom:50px;
}
.col_two #sub_contents {
	float:right;
	width:25%;
	margin-bottom:50px;
}
#pagetop {
	/*ウィンドウ依存*/
	position:fixed;
	bottom:30px;
	right:30px;
	/*フッタ依存*//*
	width:100%;
	min-width:960px;
	margin-left:auto;
	margin-right:auto;
	background:#8bd536;
	padding:10px 0 5px 0;
	text-align:center;
	*/
}
/****************************************************************/
/*	コンテナボックス
/****************************************************************/
.w1600 {
	position:relative;
	width:100%;
	max-width:1600px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w1200 {
	position:relative;
	width:100%;
	min-width:300px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.w960 {
	position:relative;
	width:100%;
	max-width:960px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w800 {
	position:relative;
	width:100%;
	max-width:800px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w640 {
	position:relative;
	width:100%;
	max-width:640px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w600 {
	position:relative;
	width:100%;
	max-width:600px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w560 {
	position:relative;
	width:100%;
	max-width:560px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w380 {
	position:relative;
	width:100%;
	max-width:380px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w320 {
	position:relative;
	width:100%;
	max-width:320px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w300 {
	position:relative;
	width:100%;
	max-width:300px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;
}
.w240 {
	width:240px;
	margin-left:auto;
	margin-right:auto;
}
.w200 {
	width:200px;
	margin-left:auto;
	margin-right:auto;
}
.w100p {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.w90p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.w85p {
	width:85%;
	margin-left:auto;
	margin-right:auto;
}
.w80p {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.w70p {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.w65p {
	width:65%;
	margin-left:auto;
	margin-right:auto;
}
.w60p {
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
.w50p {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.w50p-2 {
	width:46%;
	padding:2%;
	margin-left:auto;
	margin-right:auto;
}
.w48p {
	width:48%;
	margin-left:auto;
	margin-right:auto;
}
.w45p {
	width:45%;
	margin-left:auto;
	margin-right:auto;
}
.w40p {
	width:40%;
	margin-left:auto;
	margin-right:auto;
}
.w33p {
	width:33%;
	margin-left:auto;
	margin-right:auto;
}
.w30p {
	width:30%;
	margin-left:auto;
	margin-right:auto;
}
.w25p {
	width:25%;
	margin-left:auto;
	margin-right:auto;
}
.w20p {
	width:20%;
	margin-left:auto;
	margin-right:auto;
}
.w15p {
	width:15%;
	margin-left:auto;
	margin-right:auto;
}
.w10p {
	width:10%;
	margin-left:auto;
	margin-right:auto;
}
/****************************************************************/
/*	可変ボックス
/****************************************************************/
.flexbox{
	/*ボックスの高さを揃える【Flexbox】*/
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	flex-wrap: wrap;
}
.variable-box-six .vbox{
	width:12.6%;
	padding:0 2%;
	float:left;
}
.variable-box-five{
	display:lnline;
}
.variable-box-five .vbox{
	width:16%;
	padding:0 2%;
	float:left;
}
.variable-box-four .vbox{
	width:21%;
	padding:0 2%;
	float:left;
}
.variable-box-three .vbox{
	width:29.3%;
	padding:0 2%;
	float:left;
}
.variable-box-two .vbox{
	width:46%;
	padding:0 2%;
	float:left;
}
.variable-box-two .vbox2{
	width:50%;
	float:left;
}
.variable-box-one .vbox{
	width:96%;
	padding:0 2%;
}
/****************************************************************/
/*	ヘッダ
/****************************************************************/
.logo {
}
/****************************************************************/
/*	グローバルナビ（※多階層の場合は「flexnav」を使用）
/****************************************************************/
@media only screen and (min-width : 961px) {
#toggle {
 display:none;
}
ul#menu-global {
 margin:0 auto;
}
ul#menu-global li {
 text-align:center;
font-size:16px;
 font-size:1.6rem;
}
ul#menu-global li a {
 display:block;
 float:left;
 width:16.6%;
 padding:15px 0;
 color:#fff;
}
ul#menu-global li a:hover {
 text-decoration:none;
 background:#0a48c9;
}
/*
ul#menu-global li.menu-item-27 a {
 background:url(img/common/menu00.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-28 a {
 background:url(img/common/menu01.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-29 a {
 background:url(img/common/menu02.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-30 a {
 background:url(img/common/menu03.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-31 a {
 background:url(img/common/menu04.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-32 a {
 background:url(img/common/menu05.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-33 a {
 background:url(img/common/menu06.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-34 a {
 background:url(img/common/menu07.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-35 a {
 background:url(img/common/menu08.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-36 a {
 background:url(img/common/menu09.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-27 a:hover {
 background:url(img/common/menu00.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-28 a:hover {
 background:url(img/common/menu01_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-29 a:hover {
 background:url(img/common/menu02_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-30 a:hover {
 background:url(img/common/menu03_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-31 a:hover {
 background:url(img/common/menu04_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-32 a:hover {
 background:url(img/common/menu05_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-33 a:hover {
 background:url(img/common/menu06_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-34 a:hover {
 background:url(img/common/menu07_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-35 a:hover {
 background:url(img/common/menu08_over.png) no-repeat 0 0;
}
ul#menu-global li.menu-item-36 a:hover {
 background:url(img/common/menu09_over.png) no-repeat 0 0;
}
*/
ul#menu-pc li{
	display:block;
	float:right;
	padding:20px;
}
ul#menu-pc li a{
	font-size:18px;
	orphans:1.8rem;
	color:#e60012;
	font-family: 'Philosopher', sans-serif;
}


}
/****************************************************************/
/*	アイキャッチ
/****************************************************************/
#wrp_eyecatch .about{
	background-image:url("img/eyecatch/about.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#wrp_eyecatch .course{
	background-image:url("img/eyecatch/course.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#wrp_eyecatch .qualification{
	background-image:url("img/eyecatch/qualification.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#wrp_eyecatch .campus{
	background-image:url("img/eyecatch/campus.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#wrp_eyecatch .other{
	background-image:url("img/eyecatch/other.jpg");
	background-size:cover;
	background-position:center;
	padding:100px 0;
}
#wrp_eyecatch h2 {
	display:block;
	margin:0 auto;
	text-align:center;
}
#wrp_eyecatch h2 span {
	padding:20px 80px;
	color:#fff;
	background-color:rgba(0, 0, 0, 0.6);
	font-size:30px;
	font-size:3.0rem;
	text-shadow: 0 0 3px #000;
}
/****************************************************************/
/*	パンくずメニュー
/****************************************************************/
#breadcrumbs ol {
	margin:0 auto;
	text-align:right;
}
#breadcrumbs li {
	display: inline;
	margin-right: 0.5em;
	list-style: none;
	font-size:12px;
	font-size:1.2rem;
	color:#666;
}
#breadcrumbs li a {
	color:#666;
}
/****************************************************************/
/*	サイドバー
/****************************************************************/

/****************************************************************/
/*	フッタ
/****************************************************************/
.fmenu-01{
	background:#1585db;
}
.fmenu-02{
	background:#3494dd;
}
.fmenu-title{
	color:#fff;
	padding-bottom:5px;
	padding-top:20px;
	margin-bottom:12px;
	border-bottom:solid 1px #fff;
	font-size:14px;
	font-size:14px;
}
ul#menu-footer , ul#menu-footer2 , ul#menu-footer3 , ul#menu-footer4 , ul#menu-footer5{
	margin:0 auto 20px auto;
}
ul#menu-footer li , ul#menu-footer2 li , ul#menu-footer3 li , ul#menu-footer4 li , ul#menu-footer5 li{
	font-size:14px;
	font-size:1.4rem;
}
ul#menu-footer li a , ul#menu-footer2 li a , ul#menu-footer3 li a , ul#menu-footer4 li a , ul#menu-footer5 li a{
	display:block;
	padding:2px 15px;
	color:#fff;
	background:url(img/common/mark.png) no-repeat 0 center;
}
ul#menu-footer li a:hover , ul#menu-footer2 li a:hover , ul#menu-footer3 li a:hover , ul#menu-footer4 li a:hover , ul#menu-footer5 li a:hover{
	text-decoration:none;
	color:#dedede;
}
.copy {
	padding:20px 0 20px 0;
	margin:0 auto;
	font-size:11px;
	font-size:1.1rem;
	text-align:center;
}
/****************************************************************/
/*	装飾パーツ
/****************************************************************/
/* タイトル */
.twoborder {
	position: relative;
	padding:12px 20px 17px 20px;
	border-left: 6px solid #1585db;
	line-height:1.1;
}
.twoborder::before {
 position: absolute;
 left: -6px;
 bottom: 0;
 content: '';
 width: 6px;
 height: 50%;
 background-color: #999;
}
.twoborder::after {
 position: absolute;
 left: 0;
 bottom: 0;
 content: '';
 width: 100%;
 height: 0;
 border-bottom:solid 3px #999;
}
.deftitle {
	padding:7px 15px 7px 15px;
	border:solid 1px #f3f3f3;
	border-left:solid 5px #1585db;
	background:#fff;
}
.deftitle2 {
	border-left:solid 5px #4959be;
	padding:5px 15px 3px 15px;
	margin-left:10px;
	background:#f3f3f3;
}
/* パラグラフ */
p.title {
	font-size:21px;
	font-size:2.1rem;
	line-height:30px;
	line-height:3.0rem;
	margin-bottom:20px;
}
p.para_cap_i {
	padding:20px;
	background:#fffce7;
	border:dashed 1px #ddc311;
}
.underline {
	border-bottom:dotted 1px #c3dec3;
	padding-bottom:10px;
}
.topline {
	border-top:dotted 1px #c3dec3;
	padding-top:10px;
}
.first-big:first-letter {
	font-size:30px;
}
/* 表 */
dl.ou {
	background-color: #fff;
	border: 1px solid #dedede;
	border-top: none;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
}
dl.ou dt {
	width:20%;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #dedede;
	float: left;
}
dl.ou dd {
	background-color:#fff;
	margin: 0 0 0 20%;
	padding:1em;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}
dl.ou dd a {
}
dl.ou2 {
	background-color: #fbf5e4;
	border: 1px solid #333;
	border-top: none;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0;
}
dl.ou2 dt {
	width:40%;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #ebe6d8;
	float: left;
}
dl.ou2 dd {
	background-color:#fff;
	margin: 0 0 0 40%;
	padding:1em;
	border-top: 1px solid #ebe6d8;
	border-left: 1px solid #ebe6d8;
}
dl.ou2 dd a {
}
/* リスト */
ul.list_def {
	margin-left:30px;
	margin-bottom:30px;
	list-style:square;
}
ul.list_def li {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:dotted 1px #dedede;
}
ul.list_def li a{
	color:#333;
}
ul.list_def2 {
	margin-left:30px;
	list-style:decimal;
}
ul.list_def2 li {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:dotted 1px #dedede;
}
/* テーブル */
table.bu_table {
	border-collapse:collapse;
	width:95%;
	margin:0 auto 30px auto;
}
table.bu_table th.t_top {
	border-top: #1585db 4px solid;
}
table.bu_table th {
	white-space:nowrap;
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding:15px 10px;
	font-weight: normal;
	width:25%;
	font-size:14px;
	font-size:1.4rem;
}
table.bu_table th:before {
	content: "■ ";
	color:#1585db;
}
table.bu_table td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.bu_table td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding:15px 10px;
	font-size:14px;
	font-size:1.4rem;
}
table.bu_table tr:hover {
	background:#efefef;
}
table.bu_table2 {
	border-collapse:collapse;
	width:95%;
	margin:0 auto 30px auto;
}
table.bu_table2 th.t_top {
	border-top: #093a09 4px solid;
}
table.bu_table2 th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	width:20%;
	font-size:14px;
}
table.bu_table2 td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.bu_table2 td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-size:14px;
}
table.bu_table2 tr:hover {
	background:#efefef;
}
table.tate_table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	width: 100%;
}
table.tate_table th, table.tate_table td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px;
}
table.tate_table th {
	background-color: #eee;
	text-align: left;
}
@media screen and (max-width: 641px) {
 table.tate_table {
 border: none;
}
 table.tate_table thead {
 display: none;
}
 table.tate_table tr {
 border-top: 1px solid #999;
 display: block;
 margin-bottom: 20px;
}
 table.tate_table td {
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;
 display: block;
 padding: 10px;
 text-align: right;
}
 table.tate_table td::before {
 content: attr(data-label);
 float: left;
 font-weight: bold;
}
}
table.menutable {
	width:100%;
	margin:0 auto 0 auto;
	border-top:dotted 1px #ccc;
}
table.menutable th {
	padding:10px;
	border-bottom:dotted 1px #ccc;
}
table.menutable td {
	padding:10px;
	text-align:right;
	border-bottom:dotted 1px #ccc;
}
table.menutable td:before {
	content:"･･･ ";
}
table.menutable tr:nth-child(even) {
background: #f7f8f8;
}
 table tr:nth-child(odd) {
background: #fff;
}
/* グーグルマップ */
.mapbox {
	background:#f3f3f3;
	padding:5px;
	line-height:0;
}
/* ボックス */
.back_i {
	background:#fffbeb;
	padding:10px;
}
.back_y {
	background:#f5f0d9;
	padding:10px;
}
.back_b {
	background:#f4fcff;
	padding:10px;
}
.back_p {
	background:#fef1f1;
	padding:15px 10px;
}
.back_pa {
	background:#f6ebff;
	padding:15px 10px;
}
.back_aq {
	background:#edfeff;
	padding:15px 10px;
}
.back_w {
	background-color:rgba(255, 255, 255, 0.7);
}
.box27 {
	position: relative;
	margin: 2em 0;
	padding: 15px;
	border: solid 1px #c9a969;
}
.box27 .box-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: -1px;
	padding: 0 15px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 16px;
	background: #c9a969;
	color: #ffffff;
	border-radius: 0 0 0 0;
}
.box27 p {
	margin: 0;
	padding: 0;
}
.box17 {
	margin:2em 0;
	position: relative;
	padding:30px;
	border-top: solid 1px #1585db;
	border-bottom: solid 1px #1585db;
}
.box17:before, .box17:after {
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: #1585db;
}
.box17:before {
	left: 10px;
}
.box17:after {
	right: 10px;
}
.box17 p {
	margin: 0;
	padding: 0;
}
.box8 {
	width:90%;
	padding:15px;
	margin:0 auto;
	box-shadow: 0 0 5px #dedede;
	-moz-box-shadow: 0 0 5px #dedede;
	-webkit-box-shadow: 0 0 5px #dedede;
}
.box8 p {
	margin: 0;
	padding: 0;
}
.box4 {
	padding:20px;
	border-top: solid 2px #dedede;
	border-bottom: solid 2px #dedede;
}
.box4 p {
	margin: 0;
	padding: 0;
}
.box18 {
	position: relative;
	padding:20px;
	border: solid 2px #ffd375;
	border-radius: 3px 0 3px 0;
	width:80%;
	margin:0 auto;
}
.box18:before, .box18:after {
	content: '';
	position: absolute;
	width:10px;
	height: 10px;
	border: solid 2px #ffd375;
	border-radius: 50%;
}
.box18:after {
	top:-12px;
	left:-12px;
}
.box18:before {
	bottom:-12px;
	right:-12px;
}
.box18 p {
	margin: 0;
	padding: 0;
}
.box19 {
	position: relative;
	width:90%;
	margin:0 auto;
	padding:15px 3%;
	background:#f7f8f8;
}
.box19:before, .box19:after {
	content:'';
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}
.box19:before {
	border-left: solid 1px #20a449;
	border-top: solid 1px #20a449;
	top:0;
	left: 0;
}
.box19:after {
	border-right: solid 1px #20a449;
	border-bottom: solid 1px #20a449;
	bottom:0;
	right: 0;
}
.box19 p {
	margin: 0;
	padding: 0;
}
.box25 {
	position: relative;
	background: #fff0cd;
	box-shadow: 0px 0px 0px 5px #fff0cd;
	border: dashed 2px white;
	padding:20px;
	color: #454545;
}
.box25:after {
	position: absolute;
	content: '';
	right: -7px;
	top: -7px;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: #ffdb88 #fff #ffdb88;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
}
.box26 {
	margin:0 auto;
	width:90%;
	position: relative;
	padding:20px 10px;
	border: solid 3px #d4ae8c;
	border-radius: 8px;
}
.box26 .box-title {
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 10px;
	padding: 0 9px;
	line-height: 1;
	font-size: 19px;
	background: #FFF;
	color: #d4ae8c;
	font-weight: bold;
}
.box26 p {
	margin: 0;
	padding: 0;
}
.box15 {
	width:90%;
	padding:10px;
	margin:0 auto;
	color: #565656;
	background: #ffeaea;
	box-shadow: 0px 0px 0px 10px #ffeaea;
	border: dashed 2px #ffc3c3;
	border-radius: 8px;
}
.box15 p {
	margin: 0;
	padding: 0;
}
/* フォトフレーム */
.lo_frame {
	display: inline-block;
	position: relative;
	overflow: hidden; /* 不要部分を消す */
	padding: 6px; /* 6px だけは写真からはみ出す */
}
.lo_frame img {
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.lo_frame:before, .lo_frame:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 97px;
	height: 50px;
	background: #fff; /* 背景色 */
	transform: rotate(-30deg);
}
.lo_frame:before {
	box-shadow: 0 10px 8px -12px rgba(0, 0, 0, 0.3);
	top: -24px;
	bottom: auto;
	right: auto;
	left: -26px;
}
.lo_frame:after {
	box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.5);
	top: auto;
	bottom: -22px;
	right: -25px;
	left: auto;
}
.frame {
	display: inline-block;
	position: relative;
}
.frame:after {
	position: absolute;
	content: "";
	box-shadow: 0 15px 10px rgba(0, 0, 0, .5); /* シャドウ */
	transform: rotate(3deg); /* 回転させる */
	right: 0;
	left: auto;
	top: auto;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
}
/* ボタン */
#IconList1 {
	overflow: hidden;
	width: 100%;
	height: 30px;
	margin: 0 auto;
	padding: 0;
}
#IconList1 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #ffae00;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-decoration:none;
	font-weight:bold;
	font-weight:bold;
}
#IconList1 a:hover {
	background: #ffc446;        /* マウスオーバーカラー */
}
#IconList1 a:before {        /*白いひし型 */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#IconList1 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 22px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #ffae00;
}
#IconList1 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */
	background: #ffc446;
}
/* ボタン(2) */
#IconList2 {
	overflow: hidden;
	width: 300px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}
#IconList2 a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #226382;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-decoration:none;
	font-weight:bold;
	font-weight:bold;
}
#IconList2 a:hover {
	background: #317393;        /* マウスオーバーカラー */
}
#IconList2 a:before {        /*白いひし型 */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#IconList2 a:after {        /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 22px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #226382;
}
#IconList2 a:hover:after {        /*「after要素」のマウスオーバー（カラーを合わせる） */
	background: #317393;
}
/* チェックマーク */
ul.checkmark {
	margin-bottom:0;
}
ul.checkmark li {
	position: relative;
	margin-bottom:5px;
}
ul.checkmark li::after {
 display: block;
 content: '';
 position: absolute;
 top: .5em;
 left: -1em;
 width: 8px;
 height: 3px;
 border-left: 2px solid #3498db;
 border-bottom: 2px solid #3498db;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
/****************************************************************/
/*	page 共通
/****************************************************************/

/****************************************************************/
/*	page ホーム
/****************************************************************/
#mainimage{
	margin-bottom:100px;
}
h2{
	text-align:center;
	font-size:50px;
	font-size:5.0rem;
	color:#e60012;
	font-family: 'Philosopher', sans-serif;
}
.service-back{
	background:url(img/service_back.png) no-repeat 0 center;
}
.biz-box-red{
	background:#e60012;
	color:#fff;
}
.biz-box-black{
	background:#180a0a;
	color:#fff;
}
.biz-box2{
	padding:50px 30px;
}
.biz-title{
	font-size:30px;
	font-size:3.0rem;
	line-height:1.2;
	margin-bottom:30px;
}
.biz-title span{
	display:block;
	font-size:14px;
	font-size:1.4rem;
}
.biz-title2{
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
	margin-bottom:5px;
}
.biz-list{
	list-style:square;
	margin-left:20px;
	margin-bottom:30px;
}
.biz-photo img{
	width:100%;
}
.biz-topmargin{
	margin-top:70px;
}
.mes-back{
	position:relative;
	background:#000 url(img/message_back.png) no-repeat center 0;
	height:1200px;
}
.mes-title{
	position:absolute;
	top:580px;
	left:20px;
	color:#000;
	font-size:45px;
	font-size:4.5rem;
}
.mes_box{
	position:relative;
	width:100%;
	max-width:580px;
	min-width:300px;
	margin-left:auto;
	margin-right:auto;

}
.mes-para{
	position:absolute;
	top:650px;
	left:20px;
}
.com-box{
	background:#180a0a;
	color:#fff;
	padding:50px;
}
h3.com-title{
	font-size:18px;
	font-size:1.8rem;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #dedede;
}
table.com-table tr{
	background:none;
}
table.com-table th{
	font-size:14px;
	font-size:1.4rem;
}
table.com-table td{
	font-size:14px;
	font-size:1.4rem;
}
.com-list{
	list-style:square;
	margin-left:20px;
}
.com-list li{
	font-size:14px;
	font-size:1.4rem;
}

/****************************************************************/
/*	page 
/****************************************************************/


/****************************************************************/
/*	page お問い合わせ
/****************************************************************/
table.contacttable {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
table.contacttable span.atn {
	width:2em;
	padding:2px 3px;
	font-size:12px;
	font-size:1.2rem;
	background:#5c4e86;
	color:#fff;
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;   /* Firefox用 */
	margin-left:5px;
}
table.contacttable th {
	padding:13px 20px 13px 20px;
	font-size:14px;
	font-size:1.4rem;
	background:#f7f0e3;
	border:solid 1px #e1e1e1;
	min-width:100px;
	width:200px;
}
table.contacttable td {
	padding:13px 10px;
	font-size:14px;
	font-size:1.4rem;
	vertical-align:top;
	background:#fff;
	border:solid 1px #e1e1e1;
}
table.contacttable input {
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable select {
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable textarea {
	width:440px;
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
.txt_center input {
	padding:7px;
}
.screen-reader-response {
	display:none;
}
.wpcf7-validation-errors {
	color:#F00;
	font-size:1.4rem;
}
.wpcf7-mail-sent-ok {
	color:#FC0;
	font-size:1.4rem;
}
.wpcf7-not-valid-tip {
	color:#F00;
}
.w_mi {
	width:20%;
}
.w_sh {
	width:10%;
}
.w_sh2 {
	width:10%;
}
.w_lo {
	width:50px;
}
.list_contact {
	list-style:decimal;
	margin-left:30px;
}
.list_contact li {
	font-size:14px;
	font-size:1.4rem;
}
/****************************************************************/
/*	page ブログ
/****************************************************************/
.blogbox {
	font-size:16px;
	font-size:1.6rem;
	margin:0 10px;
}
.blogbox p {
	margin-left:0;
	margin-right:0;
}
.blogtitle2 {/*アーカイブ・カテゴリ*/
	clear:both;
	width:100％;
	padding:5px 0;
	margin-bottom:20px;
	background:#ffae00;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	text-indent:0;
}
.blogdate {
	text-align:right;
	height:25px;
	line-height:25px;
	font-size:12px;
	color:#66C;
	padding-right:5px;
	margin-bottom:30px;
}
.widgettitle {
	clear:both;
	width:90％;
	margin-bottom:20px;
	border-top:solid 5px #d4b18e;
	background:#fff5ec;
	padding:10px 5%;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1px;
	text-align:center;
	text-indent:0;
}
#sidebar a {
	color:#333;
}
#archives-3 li {
	text-align:left!important;
	list-style:disc!important;
	margin-left:30px;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
	font-size:12px;
	padding-bottom:10px;
}
#categories-3 li {
	text-align:left!important;
	list-style:disc!important;
	margin-left:30px;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
	font-size:12px;
	padding-bottom:10px;
}
/*カレンダー*/
#wp-calendar {
	width:94%!important;
	margin-left:auto;
	margin-right:auto;
}
#wp-calendar th {
	border:solid 1px #efe9d9;
	background:#efe9d9;
	padding:3px;
	text-align:center;
}
#wp-calendar td {
	text-align:center;
	padding:3px;
	border:solid 1px #efe9d9;
}
#wp-calendar tfoot td {
	border:none;
}
#wp-calendar tfoot td#prev {
	text-align:left;
}
#wp-calendar tfoot td#next {
	text-align:right;
}