charset "utf-8"

html {
 background-color: #FFFFFF;
 height: 100%;
}

body {
	 font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif
	color: #232323;
	letter-spacing: 1px;
	line-height: 160%;
	vertical-align: baseline;
	clear: both;
	font-size: 0.96em;
	height: 100%;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
}
#wrapper {
	height: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	overflow: hidden;
	margin: 0;
	_overflow: hidden;
	padding: 0;
}
a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
} 
img a { border: none;}
img {
  vertical-align:bottom;
}
img {border: 0; }
area{
  border:none;
  outline:none;
}
a {
    outline: none;
}
/* --------------------pagetop------------------------ */
.pagetop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 500;
}
.pagetop a {
	display: block;
	background-color: #fabfea;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 10px 20px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border-radius: 5px;
	border: 1px solid #FFF;
}
.pagetop a:hover {
    display: block;
    background-color: #c061a6;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    padding:10px 20px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	border-radius: 5px;
}
/* ------------------change-------------------------- */
.mob_on { display: none;}
.mob_off { overflow: hidden;}
.bm_10 { margin-bottom: 10px;}
.bm_20 { margin-bottom: 20px;}
.bm_30 { margin-bottom: 30px;}
.bm_40 { margin-bottom: 40px;}
.bm_50 { margin-bottom: 50px;}
.bm_60 { margin-bottom: 60px;}
.bm_70 { margin-bottom: 70px;}
.bm_80 { margin-bottom: 80px;}
.bm_90 { margin-bottom: 90px;}
.bm_100 { margin-bottom: 100px;}
.max1280 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1280px !important;
}
/* ------------------------------------ */

#head {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #de74a4;
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	z-index: 50;
}
.h_head_in {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.h_title {
	float: left;
	width: 50%;
	text-align: left;
	line-height: 40px;
	font-size: 128%;
	color: #FFF;
}
.h_inq {
	width: 350px;
	background-color: #FFF;
	position: absolute;
	z-index: 60;
	top: 10px;
	right: 0px;
	border-radius: 20px 0px 0px 20px;
	line-height: 40px;
	font-size: 108%;
}
.h_inq a {
	text-decoration: none;
	display: block;
	color: #DE74A4;
	background-color: #FCF2F0;
	border-radius: 20px 0px 0px 20px;
	font-weight: bold;
}
#main_v {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	background-color: #Fcf2f0;
}
.main_left {
	position: absolute;
	height: auto;
	width: 35%;
	left: 0px;
	top: 30%;
	z-index: 20;
}
.main_right {
	height: auto;
	width: 80%;
	top: 0px;
	right: 0px;
	z-index: 10;
	float: right;
}

.m_chatch {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	font-size: 136%;
	font-weight: bold;
}
.m_chatch_sub {
	font-weight: normal;
	color: #B474A0;
	font-size: 108%;
}
.m_body {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: justify;
	max-width: 640px;
}

.merit {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	max-width: 640px;
	overflow: hidden;
	display: flexbox;
}
.merit_in {
	float: left;
	width: 28.3%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	box-sizing: border-box;
}

.outline {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	max-width: 920px;
	font-size: 108%;
	font-weight: bold;
	color: #DE74A4;
}
.outline02 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	max-width: 920px;
}
.inst_title {
	text-align: left;
	color: #DE74A4;
	font-weight: bold;
	font-size: 108%;
}
.inst_f {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	max-width: 920px;
}
.inst_left {
	float: left;
	width: 35%;
}
.inst_rigt {
	float: right;
	width: 60%;
	text-align: justify;
}

.apply {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	max-width: 640px;
}

.so_on {
	text-align: justify;
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	max-width: 920px;
}
.so_on span {
	font-weight: bold;
}
#foot {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 80px;
	background-color: #de74a4;
}
.foot_in {
	font-size: 82%;
	color: #FFF;
}
.hard {
	font-weight: bold;
	font-size: 108%;
}
.apply_dl {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	max-width: 640px;
	background-color: #F30;
	display: block;
	border: 1px solid #F60;
	border-radius: 10px;
}
.apply_dl a {
	font-size: 136%;
	line-height: 300%;
	color: #FFF;
	text-decoration: none;
	display: block;
}
.apply_dl a:hover {
	color: #F30;
	background-color: #Fff;
	border-radius: 10px;
}
table.sc01 {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
}

table.sc01 tr {
	background-color: #F5E7E7;
	padding: .35em;
	border-bottom: 2px solid #fff;
}
table.sc01 th,
table.sc01 td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
}
table.sc01 th { width: 30%;
}
table.sc01 thead tr{
  background-color: #167F92;
  color:#fff;
}
table.sc01 tbody th {
	color: #fff;
	background-color: #C87780;
}
.txt{
   text-align: left;
}
.price{
  text-align: right;
  color: #167F92;
  font-weight: bold;
}
.non{
  background:#fff
}
.mob_inq {
	font-size: 112%;
	font-weight: bold;
	color: #DE74A4;
	background-color: #FCF2F0;
	position: fixed;
	width: 100%;
	left: 0px;
	bottom: 0px;
	line-height: 60px;
	border: 2px solid #DE74A4;
	box-sizing: border-box;
}
.mob_inq a {
	color: #DE74A4;
	text-decoration: none;
	display: block;
}
.deadline_after {
	font-size: 112%;
	font-weight: bold;
}
.deadline {
	font-size: 92%;
	color: #333;
	letter-spacing: 0em;
}
.cpbox {
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 82%;
	margin-bottom: 40px;
}
.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	overflow: hidden;
	width: 100%;
	padding: 0;
	list-style: none;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
}
.cp_breadcrumb li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0.5em 0;
	letter-spacing: 0em;
}
.cp_breadcrumb a {
	position: relative;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	color: #ffffff;
	background-color: #DE74A4;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 2em;
}
.cp_breadcrumb li:first-child a {
	padding-left: 1em;
	border-radius: 5px 0 0 5px;
}
.cp_breadcrumb a::after,
.cp_breadcrumb a::before {
	position: absolute;
	top: 50%;
	right: -1.4em;
	margin-top: -1.3em;
	content: '';
	border-top: 1.3em solid transparent;
	border-bottom: 1.3em solid transparent;
	border-left: 1.5em solid;
	}
.cp_breadcrumb a::after {
	z-index: 2;
	border-left-color: #DE74A4;
}
.cp_breadcrumb a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}
.cp_breadcrumb li:nth-child(2) a       {
	background-color: #DE74A4;
}
.cp_breadcrumb li:nth-child(2) a:after { border-left-color: #DE74A4; }
.cp_breadcrumb li:nth-child(3) a       {
	background-color: #DE74A4;
}
.cp_breadcrumb li:nth-child(3) a:after { border-left-color: #DE74A4; }

.cp_breadcrumb li:last-child a {
	cursor: default;
	pointer-events: none;
	color: black;
	border-radius: 0 5px 5px 0;
	background-color: #F2CCDD;
}
.cp_breadcrumb li:last-child a:hover {
	background: none;
}
.cp_breadcrumb li:last-child a::before,
.cp_breadcrumb li:last-child a::after {
	content: normal;
}
.sc_all_title {
	background-color: #FFF;
	height: auto;
	width: 96%;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	border: 1px solid #65361B;
	max-width: 980px;
	font-family: "メイリオ", Meiryo , Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", sans-serif;
	font-size: 148%;
	color: #65361B;
	border-radius: 5px;
	line-height: 250%;
	box-shadow: 2px 2px 4px gray;
	padding-top: 3px;
}
.mob_warn {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	font-size: 92%;
	line-height: 160%;
	letter-spacing: 0em;
	text-align: justify;
	margin-bottom: 20px;
	padding-top: 20px;
}
.mob_warn span {
	color: #F63;
	font-weight: bold;
}
.mob_warn h6 {
	font-size: 92%;
	line-height: 160%;
	font-weight: bold;
	color: #000;
	display: inline;
}
.mob_warn h7 {
	font-size: 136%;
	font-weight: bold;
	color: #F7940D;
}
.topics_in_frame {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.base_topv_sc {
	height: auto;
	width: 100%;
	position: relative;
}
@media screen and (max-width: 640px) {
  table.sc01 {
    border: 0;
    width:100%
  }
  table.sc01 th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  table.sc01 th { width: 100%;
}
  table.sc01 thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table.sc01 tr {
    display: block;
    margin-bottom: .625em;
  }
  table.sc01 td {
    border-bottom: 1px solid #bbb;
    display: block;
    position: relative;

    border-right: none;
  }
  
  table.sc01 td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  table.sc01 td:last-child {
    border-bottom: 0;
  }
  table.sc01 tbody th {
    color: #fff;
}
.inst_left {
	float: none;
	width: 70%;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.inst_rigt {
	float: none;
	width: 94%;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
}
.h_inq {
	display: none;
}
.h_title {
	width: 90%;
	font-size: 112%;
	line-height: 30px;
}
.mob_on { display: block;}
.mob_off { display: none;}
.main_right {
	width: 90%;
}
}
@media all and (max-width: 729px) {
.h_inq {
	width: 300px;
}
#main_v {
	margin-top: 50px;
}
}