@charset "utf-8";

/* PC・スマホ表示 */
@media (min-width:768px) {
  .pc_only {
      display: block !important;
  }
  .sp_only {
      display:none !important;
  }
}
@media only screen and (max-width:767px) {
  .pc_only {
      display:none !important;
  }
  .sp_only {
      display: block !important;
  }
}

/* 共通項目 */
.mrgn_top10 {
	margin-top: 10px!important;
}
.mrgn_top15{
	margin-top: 15px!important;
}
.mrgn_top20 {
	margin-top: 20px!important;
}
.mrgn_top30 {
	margin-top: 30px!important;
}
.mrgn_top40 {
	margin-top: 40px!important;
}
.mrgn_btm20 {
	margin-bottom: 20px!important;
}
.tx_md2 {
	text-align: center;
}
.tx_md2 p {
	display: inline-block;
	text-align: left;
}
.c-table--center td, .c-table--center th {
	vertical-align: middle;
}
.c-subscriptText {
	vertical-align: middle;
	padding: 0 1.5px;
}
.inner_ma {
    padding-right: 90px;
    padding-left: 90px;	
}
@media screen and (max-width:600px) {
.inner_ma {
    padding-left: 0;
    padding-right: 0;
}
}
.pc { 
	display:inline; 
}
@media screen and (min-width: 980px){   
  .pc { display:none; }
}


/* メインビジュアル */
.main_bg {
	background: url("../img/main_bg_img.jpg") no-repeat center / 100% 100%;
}
.main_bgwrap {
	overflow: hidden;
}
.pattern01 img{
    opacity: 0;
    transform: translateX(40px);
    transition: .9s;
}
.pattern01.show img{
    opacity: 1;
    transform: translateX(0);
}
@media (max-width: 1400px) {
.main_bg {
	background: url("../img/main_bg_img.jpg") no-repeat center / auto 100%;
}
}

/* FAU特長グリッド */
.grid01 {
	padding: 10px 5px;
	border-radius: 20px;
	background: #FFF;
	border: 3px solid #735aa3;
	height: 100%;
	vertical-align: middle;
}
.grid02 {
	padding: 10px 5px;
	border-radius: 20px;
	background: #FFF;
	border: 3px solid #00a0c8;
	height: 100%;
	vertical-align: middle;
}
.grid01-title {
	display: block;
	height: 100px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	margin: 20px auto 40px;
	padding: 25px 0 0;
	background: url("../img/img_drop01.png") no-repeat center center;
}
.grid02-title {
	display: block;
	height: 100px;
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	margin: 20px auto 40px;
	padding: 25px 0 0;
	background: url("../img/img_drop02.png") no-repeat center center;
}
.grid01_tx_bd {
	font-size: 30px;
}
.grid01-txt {
	font-size: 16px;
	font-weight: 500;
	margin-top: 15px;
}
.grid01-lead {
	margin-top: 40px;
	text-align: center;
}
.grid01-lead p {
	font-weight: 700;
	font-size: 20px;
	text-align: center;
}

/* チェックマークつきリスト */
.check_list_01 li {
	line-height: 1.5em;
	padding: 3px 20px 7px 47px;
	font-size: 16px;
	background: url("../img/img_check01.png") left 20px top 1px no-repeat;
}
.check_list_02 li {
	line-height: 1.5em;
	padding: 3px 20px 7px 47px;
	font-size: 16px;
	background: url("../img/img_check02.png") left 20px top 1px no-repeat;
}

/* リード文 */
.lead_01 {
	color: #444444;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
}
@media only screen and (max-width:767px) {
.lead_01 {
	font-size: 16px;
	}
}

/* シリーズ・タイル設定 */
.tile_series01 {
	color: #735AA3;
	border: solid 3px #735AA3;
	border-radius: 13px;
	line-height: 2.2em;
	font-size: 18px;
	font-weight: 700;
}
.tile_series02 {
	color: #00a0c8;
	border: solid 3px #00a0c8;
	border-radius: 13px;
	line-height: 2.2em;
	font-size: 18px;
	font-weight: 700;
}

/* 共通特長H3 */
.h3_feature {
	margin-top: 15px;
	color: #729330;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}
.h3_feature span {
	border-bottom: dotted 4px #729330;
}

/* 共通特長テキスト */
.tx_feature {
	text-align: left;
}


