@charset "utf-8";
/*
再利用可能な全てのオブジェクトを記述します。
All objects that are reusable will be written.

接頭辞はComponentの頭文字を取って【c_】とします。
Prefix will take the "Component" first letter and use it as "c_".

ここで指定するのは以下の様なものと予想されます。
You might use the following.
.c_btn/.c_breadclumb/.c_hero/.c_serch/.c_dropdown/
.c_card/.c_feature/.c_overlay/.c_form/.c_thumbnail/.c_box

モディファイヤを使用する場合は接頭辞【is_】をつけ、各コンポーネントの下に記述します。
When using modifier put the prefix "is_" and write it under each component.

フォントサイズはremで指定します。
"rem" will be used for font-size.

//sample
.c_btn {
	display: inline-block;
	padding: 15px 20px;
	border-radius: 5px;
	text-decoration: none;
}
.c_btn:hover { opacity: 0.8; }
.c_btn.is_btn_disable { cursor: inherit; }
.c_btn.is_btn_blue{
	color: rgb(255, 255, 255);
	background: rgb(1, 153, 224) none repeat scroll 0% 0%;
}

*/
/*----------------------------------------------
	.class name
---------------------------------------------*/
/*----------------------------------------------
	.c_sidemenu
---------------------------------------------*/

.c_sidemenu {
  list-style: none;
  background: #53268b;
}
/*----------------------------------------------
		.c_nav
	---------------------------------------------*/

.c_nav a, .c_nav span {
  display: block;
  position: relative;
  padding: 10px 15px;
  font-weight: 100;
  color: #ffffff;
  text-decoration: none;
  background: url(../images/arrow.png) 206px center no-repeat;
  border-bottom: 1px solid #694595;
}

.c_nav:last-child a, .c_nav:last-child span {
  border-bottom: none;
}

.c_nav a:hover,
.c_nav.active a {
  color: #694595;
  background: url(../images/active_arrow.png) 206px center no-repeat, #fdd100;
}

.c_nav.has_ext_ico a::after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 14px;
  background: url(../images/icon_external_nav.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: relative;
  bottom: 0px;
  margin-left: 5px;
}
.c_nav.has_ext_ico a:hover::after {
    background: url(../images/icon_external_nav_o.png) no-repeat;
    width: 12px;
    height: 14px;
    background-size: contain;
}
.c_nav.has_pdf_ico a::after {
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(../images/icon_pdf.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: 30px;
  margin-left: 10px;
}

/*----------------------------------------------
		.c_header_left
	---------------------------------------------*/
.c_header_left {
  float: left;
}

.c_header_left h1{
  margin: 0;
}
/*----------------------------------------------
		.c_header_right
	---------------------------------------------*/
.c_header_right {
  float: right;
  position: relative;
  top: -6px;
}

.c_header_right img:first-child{
  margin-right: 5px;
}

.c_header_right img:last-child{
  position: relative;
  top: 2px;
  left: 1px;
}


/*----------------------------------------------
		.c_contact_ttl
	---------------------------------------------*/
.c_contact_ttl {
  color: #53268b;
  margin-bottom: 5px;
  font-weight: bolder;
}

.c_contact_ttl a{
  text-decoration: underline;
  color: #694595;
}

/*----------------------------------------------
		.c_ttl_type01
	---------------------------------------------*/

.c_ttl_type01 {
  border: 2px solid #ece6f5;
  padding: 18px 30px 18px;
  background-color: #53268b;
  margin: 0px;
  font-size: 2.7rem;
  color: #ffffff;
  font-weight: bold;
}
/*----------------------------------------------
		.c_ttl_type02
	---------------------------------------------*/
.c_ttl_type02 {
  color: #53268b;
  padding: 8px 15px 6px;
  font-size: 2rem;
  border-left: 5px solid #fdd100;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  background: #ece6f5; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #ece6f5 , #ffffff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ece6f5 , #ffffff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ece6f5 , #ffffff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #ece6f5 , #ffffff);
}
/*----------------------------------------------
		.c_ttl_type03
	---------------------------------------------*/
.c_ttl_type03 {
  padding: 5px 0;
  color: #333;
  font-size: 1.8rem;
  border-bottom: 1px dotted #53268b;
}

/*----------------------------------------------
		.c_ttl_type04
	---------------------------------------------*/
.c_ttl_type04 {
  padding: 0 8px 0;
  color: #333;
  font-size: 1.7rem;
  border-left: 4px solid #53268b;
}

/*----------------------------------------------
		.c_ttl_type05
	---------------------------------------------*/
.c_ttl_type05 {
  padding: 5px 0;
  color: #53268b;
  font-size: 1.5rem;
  border-bottom: 1px dashed #ccc;
}

.c_ttl_type05.is_no_bord {
  border-bottom: none;
}
/*----------------------------------------------
		.c_ttl_type06
	---------------------------------------------*/
.c_ttl_type06 {
  padding: 8px 10px 4px;
  color: #fff;
  font-size: 1.8rem;
  background: #479ff6;
}

/*----------------------------------------------
  	.c_news
  ---------------------------------------------*/
.c_news {
  max-height: 270px;
  overflow: auto;
  position: relative;
}

.c_news dt, .c_news dd {
  padding: 10px 10px 10px 0px;
}

.c_news dt img{
  margin-right: 5px;
  vertical-align: bottom;
}

.c_news dt {
  font-size: 1.6rem;
  float: left;
  clear: left;
  line-height: 20px;
  padding-left: 23px;
}

.c_news dt::before {
  content: " ";
  width: 50px;
  height: 50px;
  position: absolute;
  background: url(../images/news_area_icon.png) no-repeat;
  left: 0px;
}

.c_news dd {
  padding-left: 143px;
  word-wrap: break-word;
  font-size: 1.5rem;
}

.c_news dd:last-of-type {
  background: none;
}

.l_news_area dd {
  border-bottom: 1px solid #d7d0e7;
}

  /*----------------------------------------------
  	.c_page_top
  ---------------------------------------------*/
.c_page_top {
  position: relative;
}

.c_page_top img {
  position: absolute;
  right: 0px;
  top: -36px;
  cursor: pointer;
}

/*----------------------------------------------
  	.c_para_type01
---------------------------------------------*/
.c_para_type01{
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph; /*IE用*/
}

/*----------------------------------------------
  	.c_para_type02
---------------------------------------------*/
.c_para_type02 {
  text-indent: 1em;
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph; /*IE用*/
}

/*----------------------------------------------
  	.c_table_type01
---------------------------------------------*/
.c_table_type01 {
  width: 100%;
  border-collapse: collapse;
}

.c_table_type01 th.is_th_w01{
  width: 150px;
}

.c_table_type01 tbody th {
    color: #53268b;
    text-align: left;
    vertical-align: top;
    background: #ece6f5;
}
.c_table_type01 th,
.c_table_type01 td {
    border: 1px solid #CCC;
    padding: 10px;
}
.c_table_type01 td p.is_ind_type01{
  text-indent: -1.5em;
  padding-left: 1.5em;
}

/*----------------------------------------------
	.c_table_type02
---------------------------------------------*/
.c_table_type02 {
  width: 100%;
}

.c_table_type02 th,
.c_table_type02 td {
  padding: 10px 2px;
}

.c_table_type02 tr {
  border-bottom: 1px solid #CCC;
}
/*----------------------------------------------
	.c_table_type03
---------------------------------------------*/
.c_table_type03 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 4px;
}
.c_table_type03 th,
.c_table_type03 td {
  padding: 2px 0 2px 5px;
}
.c_table_type03 th {
  padding: 2px;
  background: #EDE7F6;
  width: 60px;
}

.c_table_type03 td .has_td_style01{
  text-indent: -1em;
  padding-left: 1em;
}
.c_table_type03 th.is_no_bg {
  background: none;
}
.c_table_type03 td p.is_align {
  padding-left: 6em;
  text-indent: -6em;
}
/*----------------------------------------------
  	.c_table_type04
---------------------------------------------*/
.c_table_type04 {
  border-collapse: collapse;
}

.c_table_type04 th,
.c_table_type04 td {
    border: 1px solid #CCC;
    padding: 10px;
    background: #FFF;
}

/*----------------------------------------------
  	.c_table_type05
---------------------------------------------*/
.c_table_type05 {
  border-collapse: collapse;
}

.c_table_type05 th,
.c_table_type05 td {
    padding: 3px 0;
    vertical-align: top;
    text-align: left;

}
.c_table_type05 tr > *:first-child {
  white-space: nowrap;
}
/*----------------------------------------------
	.c_access_content
---------------------------------------------*/
.c_access_content {
	width: 100%;
	position: relative;
	margin: 20px 0;
}
.c_access_content .c_access_img01 {
	position: absolute;
	top: 0;
	right: 0;
}

/*----------------------------------------------
	.c_video_caption
---------------------------------------------*/
.c_video_caption{
	margin: 0;
	padding:8px;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	background: rgba(255,255,255,0.9);
	border-top: 2px solid #B9357A;
	border-bottom: 2px solid #B9357A;
	}

  /*----------------------------------------------
  	.c_btn_type01
  ---------------------------------------------*/
.c_btn_type01 {
  padding: 15px 10px;
  margin: 10px;
  border-radius: 7px;
  text-decoration: none;
  display: inline-block;
  color: #000;
  font-weight: 400;
}

.c_btn_type01.is_w350 { width: 350px; }
.c_btn_type01.is_w280 { width: 280px; }
.c_btn_type01.is_w250{ width: 250px; }
.c_btn_type01.is_w300{ width: 300px; }

.c_btn_type01.is_bg_purple {
  background: #53268b;
  color: #fff;
}
a.c_btn_type01.is_bg_purple:hover {
  background: #8e64c2;
}
.c_btn_type01.is_bg_grey {
  background: #7d7d7d;
  color: #fff;
}
a.c_btn_type01.is_bg_grey:hover {
  background: #aaa;
}

.c_btn_type01.is_word::after,
.c_btn_type01.is_excel::after,
.c_btn_type01.is_ppt::after,
.c_btn_type01.is_pdf::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  margin: auto auto auto 10px;
  vertical-align: middle;
}
.c_btn_type01.is_word::after {
  background: url(../images/icon_btn_word.png) no-repeat;
  background-size: 100%;
}
.c_btn_type01.is_excel::after {
  background: url(../images/icon_btn_excel.png) no-repeat;
  background-size: 100%;
}
.c_btn_type01.is_ppt::after {
  background: url(../images/icon_btn_powerpoint.png) no-repeat;
  background-size: 100%;
}
.c_btn_type01.is_pdf::after {
  background: url(../images/icon_btn_pdf.png) no-repeat;
  background-size: 100%;
}
/*----------------------------------------------
		.c_box_type01
	---------------------------------------------*/
.c_box_type01 {
  padding: 15px;
}
.c_box_type01.is_bg_light_red {
  background: #f9e5e5;
}
.c_box_type01.is_bg_light_purple {
  background: #f3eaff;
}
/*----------------------------------------------
		.c_box_type02
	---------------------------------------------*/
.c_box_type02 {
  padding: 15px;
  border: 1px solid #ccc;
}
.c_box_type02.is_bg_light_yellow {
  background: #fdf7e3;
}
/*----------------------------------------------
		.c_box_type03
	---------------------------------------------*/
.c_box_type03 {
  padding: 15px 20px;
  background: #FFECEC;
  border: 2px solid #ff6060;
}
/*----------------------------------------------
		.c_box_type04
	---------------------------------------------*/
.c_box_type04 {
  border: 3px solid #479ff6;
  padding: 15px;
}
/*----------------------------------------------
		.c_box_type05
	---------------------------------------------*/
.c_box_type05 {
  background: #fff8d5;
  padding: 15px;
}
/*----------------------------------------------
		.c_box_type06
	---------------------------------------------*/
.c_box_type06 {
  background: #FFECEC;
  padding: 15px;
}
/*----------------------------------------------
		.c_box_type07
	---------------------------------------------*/
.c_box_type07 {
  border: 2px solid #AA000D;
  display: inline-block;
  background: #fff;
    border-radius: 5px;
}
.c_box_type07 .c_box_title {
  color: #fff;
  background: #AA000D;
  text-align: center;
  padding: 5px;
}

.c_box_type07 .c_box_content {
  color: #333;
  padding: 10px 30px;
}
/*----------------------------------------------
		.c_list_type01
	---------------------------------------------*/
.c_list_type01 {
  list-style-type: none;
  padding-left: 2.6rem;
}

.c_list_type01 li {
  margin-bottom: 8px;
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph; /*IE用*/
}

.c_list_type01.is_disc{
  list-style-type: disc;
}

.c_list_type01.is_decimal{
  list-style-type: decimal;
}
/*----------------------------------------------
		.c_list_type02
	---------------------------------------------*/
.c_list_type02{
  list-style: none;
  }
.c_list_type02 li{
  padding: 15px 0;
  border-bottom: 1px dotted #CCC;
  }
/*----------------------------------------------
		.c_kome_type01
	---------------------------------------------*/
.c_kome_type01 {
  padding-left: 1em;
  text-indent: -1em;
}
/*----------------------------------------------
.c_anchor_icon
---------------------------------------------*/
a.c_anchor_icon{
    display: inline-block;
    padding-left: 20px;
  }
a[href^="http://"].c_anchor_icon,
a[href^="https://"].c_anchor_icon{ background: url(../images/icon_external.png) no-repeat left center; }

a[href$=".xls"].c_anchor_icon,
a[href$=".xlsx"].c_anchor_icon {  background: url(../images/icon_excel.png) no-repeat left center; }

a[href$=".doc"].c_anchor_icon,
a[href$=".docx"].c_anchor_icon { background: url(../images/icon_word.png) no-repeat left center; }

a[href$=".ppt"].c_anchor_icon,
a[href$=".pptx"].c_anchor_icon { background: url(../images/icon_powerpoint.png) no-repeat left center; }

a[href$=".pdf"].c_anchor_icon { background: url(../images/icon_pdf.png) no-repeat left center; }
/*----------------------------------------------
.c_hr_type01
---------------------------------------------*/
.c_hr_type01{
  border: none;
  border-bottom: 1px solid #AAA;
  }
/*----------------------------------------------
.c_thanks_message
---------------------------------------------*/
.c_thanks_message {
  background: #fff;
  padding: 15px;
  font-size: 1.9rem;
  border: 3px solid #2c9600;
  color: #2c9600;
  font-weight: bold;
}