@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :ANDeMS
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など

背景カラー：

メインカラー：#4394D0　水色
アクセントカラー：#13417f　青
アクセントカラー：#102b3f　黒青
=================================================================== */

/*----------------------------------------------------
	リンク
----------------------------------------------------*/
a:link {
	color: #3266D5;
}

a:visited {
	color: #3266D5;
}

a:hover {
	text-decoration: none;
	color: #7195E2;	
}
/*
a:active {
}
*/

/*----------------------------------------------------
　Selected Text
----------------------------------------------- */
::selection {
	background-color: #B3D4FB;
	color: #222;
}

::-moz-selection {
	background-color: #B3D4FB;
	color: #222;
}

/*----------------------------------------------------
	汎用class
	※基本頭文字は小文字で
----------------------------------------------------*/
.c-img__right {
	float: right;
	margin: 0 0 10px 10px;
}

.c-img__left {
	float: left;
	margin: 0 10px 10px 0;
}

.c-text__indent {
	text-indent: 1.6rem;
}

.c-text__justify {
	text-align: justify;
	text-justify: inter-ideograph;
}

.c-roll:hover {
	-webkit-opacity: .7;
	opacity: .7;
	transition: all .2s;			
}

.c-strong {
	font-weight: 700;
}

.c-center {
	margin: 0 auto;
	text-align: center;
}

.c-right {
	margin: 0 auto;
	text-align: right;
}

.c-point {
	color: #E42E3A;
}

.c-mark {
  background: linear-gradient(transparent 60%, #FFFB8B 60%);
  font-weight: bold;
}

.c-link {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}

.c-link::before {
	content: '';
	position: absolute;
	top: .8em;
	left: 3px;	
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #1144AD;
	margin: -4px 0 0;
}

.c-link__pdf::after,
.c-link__word::after,
.c-link__excel::after,
.c-link__ppt::after,
.c-link__zip::after {
	content: "";
	position: relative;	
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;	
	margin-left: 5px;	
	vertical-align: text-bottom;	
}

.c-link__pdf::after {
	background-image: url(../img/icon/icon_pdf.png);
}

.c-link__word::after {
	background-image: url(../img/icon/icon_word.png);
}

.c-link__excel::after {
	background-image: url(../img/icon/icon_excel.png);
}

.c-link__ppt::after {
	background-image: url(../img/icon/icon_powerpoint.png);
}

.c-link__zip::after {
	background-image: url(../img/icon/icon_zip.png);
}

.c-blank::after {
	content: url(../img/icon/icon_blank.png);	
	position: relative;
	top: 2px;	
	margin: 0 5px;
}

.c-phot {
	padding: 4px;	
	border: 1px solid;	
	background-color: #FFF;
	border-color: #dfdfdf #adadad #adadad #dfdfdf;
}

/* clearfix */
.clearfix::after {
	content: " ";
	display: block;
	clear: both;
}

/*----------------------------------------------------
	#ワイヤーフレーム
----------------------------------------------------*/

ol, ul {
	list-style: none;
}

body {
	background-color: #FFF;
	color: #3C3C3C;	
	/*font-size: 16px;*/
	font-family: 'Roboto', Helvetica, 'Lucida Grande', Verdana, Arial, "YuGothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;

	/* YakuHanJPs_Noto, 'Noto Sans', 'Noto Sans JP', "ＭＳ Ｐゴシック", "MS PGothic",*/
}

img {
	max-width: 100%;
	height: auto;
}

.img_waku {
	border: 5px solid #FFF;
	box-shadow: 0 0 5px #999;
}

.p-section__main table,
.p-section__main dl,
.p-section__main blockquote,
.p-section__main pre,
.p-section__main p {
	margin-bottom: 1em;
}

/*
html,
body,
.l-container {
}
*/


section {
	margin-bottom: 3em;
}

.p-section {
	/*min-height: 1000px;*/
	margin: 0 auto;
	background-color: #FFF;
}

/*.p-section__main {
	padding: 0 0 100px;
}*/

.l-body__top-page .p-section__main {
	padding: 0;
}

.p-text-area {
	min-height: 800px;
	height: auto !important;	
	margin: 0 auto;
	padding: 10px 1em 0;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
}



/* -----------------------------------------------------------
	#breadcrumbs
		パンくずリスト
----------------------------------------------------------- */
/* [ul] */
#breadcrumbs {
	overflow: hidden ;
	list-style-type: none ;
    margin-bottom: 20px;
}

/* [li] */
#breadcrumbs li {
	float: left ;
    font-size: 90%;
	font-weight: 400 ;
}

/* [>] */
#breadcrumbs li:after {
	content: ">" ;
	padding: 0 8px ;
	font-weight: 400 ;
}

/* 一番最後の[li] */
#breadcrumbs li:last-child:after {
	content: none ;
}




/* -----------------------------------------------------------
	見出し
----------------------------------------------------------- */
.p-page-title-back {
  background-image:  linear-gradient(90deg, rgba(67, 148, 208, 0), rgba(67, 148, 208, 0.3) 20%, rgba(67, 148, 208, 0.6) 40% 60%, rgba(67, 148, 208, 0.3) 80%, rgba(67, 148, 208, 0));
}

.p-page-title {
	margin: 0 auto;
	padding: 2.5em 0 2.5em 1em;
	/*background-color: #4394D0;*/  
  max-width: 1000px;
  /*border-top: 8px solid #235182;
  border-bottom: 8px solid #235182;*/
}

h2.c-title__h2 {
	position: relative;
	text-align: center;
	/*font-size: 2em;*/
	font-weight: 500;
	color: #FFF;
	letter-spacing: 3px;
  margin-bottom: 0;
  text-shadow: 2px 2px 2px #144884;
  padding-left: 0.5em;
}

h3.c-title__h3 {
	position: relative;
	margin: 50px 0 20px;
	padding: 10px 15px;
	border-left: 5px solid #1A545E;	
	border-bottom: 3px solid #D7D7D7;
	font-size: 1.4em;
	font-weight: 700;	
}

.p-text-area > h3.c-title__h3:first-of-type {
	margin-top: 0;
}

h4.c-title__h4 {
	position: relative;	
	margin: 45px 0 20px;
	padding: 0 10px 3px 22px;
	border-bottom: 2px solid #BBB;
	font-size: 1.2em;	
	font-weight: 700;
}

h4.c-title__h4::after {
	content: '';	
	position: absolute;
	top: .45rem;
	left: 0;
	z-index: 2;
	width: 12px;
	height: 12px;
	background-color: #1144AD;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

h5.c-title__h5 {
	position: relative;
	margin: 35px 0 10px;
	padding: 0 10px;	
	border-left: 5px solid #7C7C7C;	
	font-size: 110%;
	font-weight: 700;
}

h3.c-title__h3 + h4.c-title__h4,
h4.c-title__h4 + h5.c-title__h5 {
	margin-top: 0;
}

h6.c-title__h6 {
	margin: 10px 0 5px;
	font-weight: 700;
	font-size: 1.05em;
}
/* -----------------------------------------------------------
	.c-btn
		ボタン
----------------------------------------------------------- */
.c-btn__container {
	display: block;
	text-align: center;	
	margin: 1em auto;
	width: 50%;
	
}


@media (max-width: 750px) {

.c-btn__container {
	width: 80%;
}


}

.c-btn__container.-wide {
	width: 360px;
}

.c-btn__container.-narrow {
	width: 180px;
}

.c-btn {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 2em 0;
	background-color: #fdefc8;	
	text-decoration: none;
	/*font-size: 1rem;*/
	font-weight: 600;
	color: #0f1821;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	transition: .4s;
    box-shadow: 7px 7px 0px 0px #efd4aa;
    border-radius: 1.5em;
}

.c-btn:link,
.c-btn:visited,
.c-btn:hover {
	color: #0f1821;
}

.c-btn:hover {
  transform: translateY(-5px);
}


/*---------- 右矢印付き　----------*/
.c-btn.-arrow__r::before,
.c-btn.-arrow__r::after {
	position: absolute;	
	content: "";
	width: 8px;
	height: 1px;	
	top: -1px;	
	right: 10%;	
	bottom: 0;
	margin: auto;
	background-color: #efd4aa;	
	transition: background .2s ease;
	transform-origin: right center;
	transform: rotate(40deg);
}

.c-btn.-arrow__r::after {
	transform: rotate(-40deg);
}

/*---------- アイコン付き　----------*/
.c-btn.-link__pdf::after,
.c-btn.-link__word::after,
.c-btn.-link__excel::after,
.c-btn.-link__ppt::after,
.c-btn.-link__zip::after {
	content: "";
	position: relative;	
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;	
	margin-left: 6px;	
	vertical-align: top;
}

.c-btn.-link__pdf::after {
	background-image: url("../img/icon/icon_pdf__white.png");
}

.c-btn.-link__word::after {
	background-image: url("../img/icon/icon_word__white.png");
}

.c-btn.-link__excel::after {
	background-image: url("../img/icon/icon_excel__white.png");
}

.c-btn.-link__ppt::after {
	background-image: url("../img/icon/icon_powerpoint__white.png");
}

.c-btn.-link__zip::after {
	background-image: url("../img/icon/icon_zip__white.png");
}

/*---------- color ホワイト ----------*/
.c-btn.-type__white {
	background-color: #FFF;
	color: #3C3C3C;
}

.c-btn.-type__white:link,
.c-btn.-type__white:visited {
	color: #3C3C3C;
}

/*---------- color ブルー ----------*/
.c-btn.-type__blue {
	background-color: #0068B3;
}

/*---------- color レッド ----------*/
.c-btn.-type__red {
	background-color: #B2284A;
}

/*---------- border ホワイト ----------*/
.c-btn.-type__border-white {
	background-color: transparent;
	border: 1px solid #FFF;
}

/*--------- color オレンジ ----------*/
.c-btn.-type__orange {
	background-color: #FF4317;
}

/*--------- color グリーン ----------*/
.c-btn.-type__green {
	background-color: #52A100;
}

/*---------- 準備中 transparent ----------*/
.c-btn.-tba,
.c-btn.-tba:hover {
	background-color: #F2F2F2;
    box-shadow: 7px 7px 0px 0px #E6E6E6;
  	transform: none;
}

/* -----------------------------------------------------------
	.c-list
		リスト
----------------------------------------------------------- */
.c-list li {
	margin: 0 0 .5em 1.5em;	
}

.c-list.-mb_1em li {
	margin-bottom: 1em;
}

/*---------- ol 数字、ドット付き ----------*/
.c-list__decimal > li {
	list-style-type: decimal;
}

/*---------- ul 丸付き ----------*/
.c-list__disc > li {
	list-style-type: disc;
}

/*---------- ul テキスト向け ひし形付き ----------*/
.c-list__text > li {
	list-style: none !important;
	position: relative;
	margin: 0 0 .5em 1.5em;	
}

.c-list__text > li::before {
	position: absolute;	
	display: block;
	content: '';
	top: .6em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #13417f;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*---------- ul リンク向け 三角付き ----------*/
.c-list__link > li {
	list-style-type: none !important;
	position: relative;
	margin: 0 0 .5em;	
	padding: 0 0 0 16px;
}

.c-list__link > li::before {
	content: '';
	position: absolute;
	top: .8em;
	left: 3px;	
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-left: 6px solid #4848AA;
	margin: -4px 0 0;
}

/* -----------------------------------------------------------
	.c-table	
		テーブル
----------------------------------------------------------- */
/*.c-table {
}*/

/*---------- .c-table__type01 th 左固定 ----------*/
.c-table__type01 {
	border-top: 1px solid #CCC;		
}

.c-table__type01 th,
.c-table__type01 td {
	padding: 10px 20px;	
}

.c-table__type01 th {
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
	text-align: left;	
	vertical-align: top;
	font-weight: 500;
}

.c-table__type01 td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.c-table__type01 td:last-of-type {
	border-right: 0;	
}

/*---------- .c-table__type02 th 上固定 ----------*/
.c-table__type02 {
	border-top: 1px solid #CCC;		
}

.c-table__type02 th,
.c-table__type02 td {
	padding: 10px 20px;	
}

.c-table__type02 thead th {	
	background-color: #EEE;
	border-right: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;		
	text-align: center;		
	font-weight: 500;		
}

.c-table__type02 tbody th {
	border-right: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;
	text-align: left;	
	vertical-align: top;
	font-weight: 500;
}

.c-table__type02 td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.c-table__type02 thead th:last-of-type,
.c-table__type02 td:last-of-type {
	border-right: 0;	
}

/*---------- .c-table__type02 .c-table__type_fee　費用 ----------*/
.c-table__type02.c-table__type_fee {
	margin: 0 auto;
	width: 90%;
}

.c-table__type02.c-table__type_fee thead th {
	background-color: #555;
	border-bottom: 1px solid #DDD;	
	vertical-align: middle;
	font-weight: 400;
	color: #FFF;
}

.c-table__type02.c-table__type_fee tbody th {
	background-color: #EEE;
}

.c-table__type02.c-table__type_fee td {
	text-align: right;
	font-weight: 500;
	font-size: 1.2em;
}

.c-table__type02.c-table__type_fee td:first-of-type {
	text-align: center;
	font-size: 1em;
}

/* -----------------------------------------------------------
	.c-box
		ボックス
----------------------------------------------------------- */
.c-box {
	margin: 15px auto;
	padding: 25px;	
	background-color: #F7F7F7;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

/*---------- ボーダー ----------*/
.c-box__border {
	background: none;
	border: 1px solid #CCC;
}

/*---------- point ----------*/
.c-box__point {
	background-color: RGBa(227, 100, 113, .1);
	border: 2px solid #E36471;	
	color: #1C1C1C;
}

/*---------- 背景グリーン ----------*/
.c-box__bg_green {
	background-color: RGBa(82, 161, 0, .1);
	color: #333;
}

/*---------- 期間用 ----------*/
.c-box__text-limit {
	position: relative;
	margin: 25px;	
	padding: 25px 10px;	
	background-color: #FFFDD6;
	border: 3px solid #FCF101;
}

.c-box__text-limit .c-strong {
	font-size: 150%;
 	font-weight: 700;
}

.c-box__text-limit span {
display: inline-block;
}

/* -----------------------------------------------------------
	.p-section__side
		サイドセクション
----------------------------------------------------------- */

/*---------- インフォメーションエリア ----------*/
/*.p-side__info {
}*/