@charset "UTF-8";

/*Googleフォント*/
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&Noto+Sans+JP&Noto+Serif+JP&display=swap);
/*font-family: 'Noto Sans JP', sans-serif; 基本の日本語「Noto Sans JP」*/
/*font-family: 'Noto Serif JP', serif;　明朝*/
/*font-family: 'Barlow', sans-serif; 基本のゴシック「Barlow」*/

/*google Material Symbols*/
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

/*サイズやバランスを欧文フォントにあわせた日本語フォント*/
/*https://github.com/ookamiinc/kinto*/
/*「font」ディレクトリに設置して参照*/

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../font/kinto-master/KintoSans/KintoSans-Light.woff2) format("woff2"), url(../font/kinto-master/KintoSans/KintoSans-Light.woff) format("woff"), url(../font/kinto-master/KintoSans/KintoSans-Light.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../font/kinto-master/KintoSans/KintoSans-Regular.woff2) format("woff2"), url(../font/kinto-master/KintoSans/KintoSans-Regular.woff) format("woff"), url(../font/kinto-master/KintoSans/KintoSans-Regular.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../font/kinto-master/KintoSans/KintoSans-Medium.woff2) format("woff2"), url(../font/kinto-master/KintoSans/KintoSans-Medium.woff) format("woff"), url(../font/kinto-master/KintoSans/KintoSans-Medium.ttf) format("truetype")
}

@font-face {
	font-family: 'Kinto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../font/kinto-master/KintoSans/KintoSans-Bold.woff2) format("woff2"), url(../font/kinto-master/KintoSans/KintoSans-Bold.woff) format("woff"), url(../font/kinto-master/KintoSans/KintoSans-Bold.ttf) format("truetype")
}


/*日本語に含まれる約物を半角にする「Yaku Han JP」*/
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css);


/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="file"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input[type="file"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus,
input[type="file"]::focus {
  outline-offset: -2px;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, /*strong,*/ sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	
	box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section { display: block; }

audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}

html {
	font-family: sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:	 100%;
	font-size: 62.5%;
	
	
}


.cl:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: .1em
}

blockquote,
dd,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
textarea,
ul {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

fieldset,
img {
	border: 0;
	vertical-align: top
}

ol,
ul {
	list-style: none
}

q:after,
q:before {
	content: " "
}

abbr,
acronym {
	border: 0
}

a {
	color: #385898;
	text-decoration: underline;
}

a:link {
}

a:visited {
}

a:hover {
	color: #385898;
	cursor: pointer
}

a:active {
	text-decoration: none
}

a:active,
a:focus {
	outline: 0
}

dd img,
dt img,
li img {
	vertical-align: top
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit
}

select::-ms-expand {
	display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
	font-size: 62.5%
}

* {
	box-sizing: border-box
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'Lexend Deca', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.75;
	color: #212121;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	font-feature-settings: "palt";
	min-width: 970px
}

@media only screen and (max-width:768px) {
	body {
		min-width: 300px;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased
	}
}

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

a[href^="tel:"] {
	color: #212121;
	text-decoration: none;
	cursor: default
}

a[href^="tel:"]:active img,
a[href^="tel:"]:focus img,
a[href^="tel:"]:hover img {
	opacity: 1
}

a {
	transition: .5s
}

a:hover {
	text-decoration: underline
}

a img {
	transition: all .5s;
	backface-visibility: hidden
}

a:hover:active img,
a:hover:focus img,
a:hover:hover img {
	opacity: .7
}


.clearfix:after,
.pc_only_clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* ----------Hides from IE-mac \*/
* html .clearfix,
* html .pc_only_clearfix {
	height: 1%;
}

.clearfix,
.pc_only_clearfix {
	display: block;
}

/* ----------for IE 5.5-7---------- */
.clearfix,
.pc_only_clearfix {
	zoom: 100%;
}

/*Chromeでbuttonなどをクリックした際の青枠線を表示しない*/
*:focus {
	outline: none;
}




/* -------------------- 

ヘッダー指定

-------------------- */

/* ----------ヘッダー---------- */

.header_area { /*section*/
	display: block;
	position:relative;
	width:100%;
	margin:0 auto;
	padding:20px 30px 20px 30px;
	border-bottom:solid 1px #ececec;
	background: transparent;
	z-index: 999;

    
    box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}



.header_outer {
	display: block;
	position:relative;
}

.header_inner {
	display: flex;
	position:relative;
	width: 100%;
	/*max-width: 1140px;*/
	margin: auto;
	justify-content: space-between;
	align-items: center;
	text-align: right;
}

/* ---------- PC：メインロゴ ---------- */

.site_logo {
	position:relative;
	display: block;
	width: 270px;
	height:56px;
	text-align:left;
}

.site-title {
	position:relative;
	display: block;
	width: 270px;
	height:57px;
	text-align:left;
}

.site-title a {
	display: block;
	width: 270px;
	height: 56px;
	text-decoration: none;
	float: left;
	background: url(../img/site_logo.svg) no-repeat 2px top;
	background-size: auto 56px;
	-moz-transition: background-position 0.3s;
	-webkit-transition: background-position 0.3s;
	-o-transition:background-position 0.3s;
	-ms-transition: background-position 0.3s;
}

.site-title span {
	display: none;
}


.uni_logo{
	width: 160px;
}
	

/*フッター*/

.l-footer {
	border-top: 70px solid #db6b68;
	padding-top: 75px;
	background-color: #f8f8f7;
	position: relative
}

.l-footer:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url(../img/bg-pettern.svg);
	background-position: 50% 50%;
	height: 20px
}


@media only screen and (max-width:768px) {
	.l-footer:before {
		display: none;
		height: 18px
	}
}


@media only screen and (max-width:768px) {
	.l-footer:after {
		content: " ";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-image: url(../img/bg-pettern.svg);
		background-position: 50% 50%;
		height: 18px
	}
}

@media only screen and (max-width:768px) {
	.l-footer {
		/*
		padding-top: 55px;
		border-top: 35px solid #db6b68;
		*/
		padding-top: 0px;
		border-top: 0px solid #db6b68;
		
		border-bottom: 35px solid #db6b68;
		padding-bottom: 40px
	}
}

.l-footer .l-footer_inr {
	width: 1160px;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width:768px) {
	.l-footer .l-footer_inr {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px
	}
}

.l-footer .l-footer_main {
	position: relative;
	margin-bottom: 85px
}

@media only screen and (max-width:768px) {
	.l-footer .l-footer_main {
		margin-bottom: 40px
	}
}

.l-footer .l-footer_copy {
	background-color: #fff;
	box-shadow: inset 0 9px 6px -6px rgba(0, 0, 0, .3);
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 25px;
	padding-bottom: 12px
}

.l-footer .l-footer_copy .l-footer_copy_logo {
	margin-bottom: 5px
}

@media only screen and (max-width:768px) {
	.l-footer .l-footer_copy .l-footer_copy_logo img {
		max-height: 25px
	}
}

.l-footer .l-footer_copy .l-footer_copy_txt small {
	font-size: 12px;
	font-size: 1.2rem
}

@media only screen and (max-width:768px) {
	.l-footer .l-footer_copy .l-footer_copy_txt small {
		font-size: 1rem
	}
}



/*ページトップ*/

.js-fixPagetop_wrap {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
}

@media only screen and (max-width:768px) {
	.js-fixPagetop_wrap {
		width: 68px;
		right: 8px;
		bottom: 15px;
	}
}

/*
.js-fixPagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none
}

@media only screen and (max-width:768px) {
	.js-fixPagetop {
		right: 8px;
		bottom: 15px;
		width: 68px
	}
}
*/

.js-fixPagetop.is-end {
	position: static
}

.js-modal {
	display: none
}

/* switch setting */

.onlySP {
	display: none !important;
}

.onlyTablet {
	display: none !important;
}

@media screen and (max-width: 768px) {
	.onlyPC {
		display: none !important;
	}
	.onlySP {
		display: block !important;
	}
}



/* --------------------

パンくず

-------------------- */

.topicpath_area {
	display: block;
	clear: both;
	margin-top: 120px;
	background-color: #ffffff;
	border-top: solid 1px #c1c1c1;
	border-bottom: solid 1px #c1c1c1;
	margin-left: -80px;
	margin-right: -80px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/*パンくずをくくったdiv*/
.topicpath_outer{
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	padding-left: 80px;
	padding-right: 80px;
	max-width: 1140px;
}


/* ----------パンくずリスト全体の設定---------- */

div.topicpath {
	display: block;
	width: 100%;
	margin: 0px auto 0px auto;
	text-align: left;
	clear: both;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* ----------パンくずリストそのものの設定---------- */

div.topicpath ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	font-size: 1.2rem;
	text-align: left;
	overflow: hidden;
}

/* ----------リンクのないリスト（＝閲覧しているページ）---------- */
div.topicpath li {
	display: inline-block;
	color: #787878;
	list-style-type: none;
	padding:0px 4px 0px 4px;
	line-height: none;
	
	background: none;
}



/* ----------リンクのあるリスト（＝上位のページ）---------- */
div.topicpath li a {
	margin-right: 1px;
	color: #787878;
	line-height: none;
	padding-top: 0px;
	text-decoration: none;
	font-weight: normal;
}

div.topicpath li a:hover {
	color: #00C3F0;
}

div.topicpath li a:after {
	content:">";
	display: inline-block;
	margin-left: 1rem;
	margin-right: 0rem;
}



/*------------------------------

各パーツ設定

------------------------------*/


/* -------------------- H1 -------------------- */

h1{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.0rem;
	line-height: 150%;
}



/* -------------------- H2 -------------------- */

h2{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.5rem;
	line-height: 150%;
}


/* -------------------- H3 -------------------- */

h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 2.0rem;
	line-height: 150%;
}

.blue_circle:before{
	content:"";
	display: inline-block;
	position: relative;
	width: 0.6rem;
	height: 0.6rem;
	border: solid 6px #0D468F;
	margin-right: 6px;
	margin-top: -3px;
	vertical-align: middle;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}


/* -------------------- H4/H5/H6 見出し設定 -------------------- */

h4{
	font-weight:bold;
}

h5{
	font-weight:bold;
}

h6{
	font-weight:bold;
}

/* ---------- 記事のpノーマル ---------- */

/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
p.comment {
	display: none;
}

/*右にfloatさせる　主にpタグに指定*/
.float_left{
	float: left;
	padding-right: 10px;
}

.float_none{
	float:none;
	margin-right: 0px;
}

/* ---------- 文字装飾いろいろ ---------- */

/*サイズアップ*/
.fs_100{font-size:100% !important;}
.fs_105{font-size:105% !important;}
.fs_110{font-size:110% !important;}
.fs_120{font-size:120% !important;}
.fs_130{font-size:130% !important;}
.fs_140{font-size:140% !important;}
.fs_150{font-size:150% !important;}
.fs_160{font-size:160% !important;}
.fs_170{font-size:170% !important;}
.fs_180{font-size:180% !important;}
.fs_190{font-size:190% !important;}
.fs_200{font-size:200% !important;}
.fs_210{font-size:210% !important;}
.fs_220{font-size:220% !important;}
.fs_230{font-size:230% !important;}
.fs_240{font-size:240% !important;}
.fs_250{font-size:250% !important;}
.fs_260{font-size:260% !important;}
.fs_270{font-size:270% !important;}
.fs_280{font-size:280% !important;}
.fs_290{font-size:290% !important;}
.fs_300{font-size:300% !important;}

/*サイズダウン*/
.fs_95{font-size:95%;}
.fs_90{font-size:90%;}
.fs_85{font-size:85%;}
.fs_80{font-size:80%;}
.fs_75{font-size:75%;}
.fs_70{font-size:70%;}
.fs_60{font-size:60%;}
.fs_50{font-size:50%;}
.fs_40{font-size:40%;}
.fs_30{font-size:30%;}
.fs_20{font-size:20%;}
.fs_10{font-size:10%;}

/*色*/
.fc_red{color:#de0000 !important}
.fc_blue{color:#25468A !important}
.fc_blue2{color:#46aee4 !important}
.fc_emerald{color:#54CAC5 !important}
.fc_skyblue{color:#6699cc !important}
.fc_green{color:#17cd6b !important}
.fc_green2{color:#26A28E !important}
.fc_lightgreen,
.fc_litegreen{color:#99cc66 !important}
.fc_orange{color:#ffcc33 !important}
.fc_orange2{color:#E66000 !important}
.fc_purple{color:#663399 !important}
.fc_lightpurple,
.fc_litepurple{color:#cc99cc !important}
.fc_brown{color:#996633 !important}
.fc_gray{color:#999999 !important}
.fc_darkgray{color:#666666 !important}
.fc_white{color:#ffffff !important}


/*書体*/
/*明朝*/
.ff_sans-serif{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*ゴシック*/
.ff_serif{
	font-family: 'Noto Sans JP','Barlow',YakuHanJP,"Kinto Sans","Helvetica Neue","Segoe UI",Helvetica,"游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium","メイリオ",Meiryo,sans-serif;
}

/*左右中央揃え　text-alignの略*/
.ta_center{text-align: center !important;}
.ta_left{text-align: left !important;}
.ta_right{text-align: right !important;}


/*フォントウェイト*/
.fw_100{font-weight: 100;}
.fw_200{font-weight: 200;}
.fw_300{font-weight: 300;}
.fw_400{font-weight: 400;}
.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.fw_700{font-weight: 700;}
.fw_800{font-weight: 800;}
.fw_900{font-weight: 900;}

.bold,
.strong{
	font-weight: bold;
}


/*角丸指定*/
.r1{border-radius: 1px;}
.r2{border-radius: 2px;}
.r3{border-radius: 3px;}
.r4{border-radius: 4px;}
.r5{border-radius: 5px;}
.r6{border-radius: 6px;}
.r7{border-radius: 7px;}
.r8{border-radius: 8px;}
.r9{border-radius: 9px;}
.r10{border-radius: 10px;}


/* -------------------- 水平線画像 -------------------- */

hr{
	display:block;
	width:100%;
	height:1px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border:none;
	border:0;
	background:#e7e7e7;
	clear:both;
	float:none;
}

hr.hr_white{
	display:block;
	width:100%;
	height:1px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border:none;
	border:0;
	background:#ffffff;
	clear:both;
	float:none;
}

hr.hr_dot{
	display:block;
	width:100%;
	height:1px;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border:none;
	border-top:dotted 1px #e7e7e7;
	color:#ffffff;
	background:#ffffff;
	clear:both;
	float:none;
}

/* ---------- 記事内のグレー罫線の囲み（div） ---------- */

.box_gray{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
}

.box_blue{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #018BCE;
}

.box_emerald{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 1px #00BDC2;
}

.box_white{
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 0px #d2d2d2;
	background-color: #ffffff;
}

.box_gray_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #d2d2d2;
	line-height: 150%;
}

.box_blue_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 1px #018BCE;
	line-height: 150%;
}

.box_white_compact {
	padding:15px 15px 15px 15px;
	margin:10px 0px 25px 0px;
	border: solid 0px #d2d2d2;
	line-height: 150%;
}

.box_gray5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #d2d2d2;
}

.box_blue5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #018BCE;
}

.box_blue3 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 3px #018BCE;
}

.box_gray10 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #d2d2d2;
}

.box_blue10 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 10px #018BCE;
}


.box_gray_beige5 {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #F3EFE9;
}

/*お問い合わせ先フォーマット（「box_gray_beige5」と同じ）*/
.contact_info_box {
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
	border: solid 5px #F3EFE9;
}



/* 背景が薄いグレーのボックス */
.box_bg_gray{
	background-color:#f6f6f6;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/* 背景が薄いベージュのボックス */
.box_bg_beige{
	background-color:#F3EFE9;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/* 背景が白のボックス */
.box_bg_white{
	background-color:#ffffff;
	padding:20px 25px 20px 25px;
	margin:10px 0px 25px 0px;
}

/*「box_XX」と併記して利用　角丸*/
.r2{
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.r3{
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.r4{
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.r5{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/*「box_gray_XX」と併記して利用*/

/*inline-blockを追加する*/
.display_ib{
	overflow: hidden;
	display: inline-block;
}

.display_ib_va{
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

/*スマホではblock*/
.sp_display_b{
	/*display: block;*/
}

/*テキストインデントを0にする*/
.no_indent{
	text-indent: 0px;
}



/* ---------- 記事内のol ---------- */

ol {
	margin-left: 0rem !important;
	padding-left: 2.6rem;
	padding-bottom: 8px;
	list-style-type: decimal;
}

ol > li {
	padding: 2px 0px 6px 0rem;
	text-indent: 0rem;
}

ol > li > ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 2.3rem;
	margin-left: -2.3rem;
}

ol > li > ul li {
	text-indent: 0rem;
	padding: 2px 0px 4px 2px;
	padding-left:22px;
	background-image:url(img/icon_32_disc_black.png) ;
	background-size: 16px 16px;
	background-repeat:no-repeat;
	background-position:0 5px;
}


/* ---------- 記事内のul ---------- */


ul {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	letter-spacing: -.40em;
}

ul li{
	padding: 2px 0px 4px 2px;
	padding-left:0px;
	/*
	background-image:url(img/icon_32_disc_black.png) ;
	background-size: 16px 16px;
	*/
	background-repeat:no-repeat;
	background-position:0 6px;
	letter-spacing: normal;
}



ul.disc {/*プライバシーポリシーのul*/
  padding-left:4rem;
  list-style-type:disc;
}



ul.disc_color_pink{
	text-indent: -2rem;
	padding-left: 2rem;
}

ul.disc_color_pink li:before{
	content:"\025cf";/*●*/
	text-align: center;
	font-size: 1.0rem;
	color:#0D468F;
	margin-right: 10px;
}





ul.list_inline5 li {
	display: inline-block;
	width: 20%;
}

/*画面幅940px未満*/
@media (max-width: 940px) {
	ul.list_inline5 li {
		width: 25%;
	}
}

/*画面幅414px未満*/
@media (max-width: 414px) {
	ul.list_inline5 li {
		width: 100%;
	}
}


ul li:before{	
}

 ul.float{
	float: none;
	clear: both;
}

 ul.float li {
	display: inline-block;
	padding: 2px 10px 4px 0px;
	float: left;
	background:none;
}


/*先頭のディスクを付けない場合、ulにこのclassを指定「no_disc」*/
ul.no_disc {
	list-style:none;
	background: none;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

ul.no_disc li {
	padding: 2px 0px 4px 2px;
	padding-left:2rem;
	background:none !important;
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size: 96%;
}

ul.no_disc li ul li {
	padding: 2px 0px 4px 2px;
	padding-left:2rem;
}

/* ---------- 記事内のア、イ、ウ…のliのul ---------- */

.list_50on,
ul li .list_50on {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

.list_50on li,
 ul li .list_50on li {
	padding-left: 1rem !important;
	text-indent: -1rem !important;
	list-style:none !important;
	background: none !important;
}


/* ---------- ulを○文字分で揃えるのliのul ---------- */

.list_1em,
ul li .list_1em,
.list_1rem,
ul li .list_1rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_1em,
.list_1em li,
 ul li .list_1em li,
 span.list_1rem,
.list_1rem li,
 ul li .list_1rem li {
	padding-left: 1.0rem !important;
	text-indent: -1.0rem !important;
	list-style:none !important;
	background: none !important;
}

.list_1_5em,
ul li .list_1_5em,
.list_1_5rem,
ul li .list_1_5rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_1_5em,
.list_1_5em li,
 ul li .list_1_5em li,
 span.list_1_5rem,
.list_1_5rem li,
 ul li .list_1_5rem li {
	padding-left: 1.5rem !important;
	text-indent: -1.5rem !important;
	list-style:none !important;
	background: none !important;
}

.list_2em,
ul li .list_2em,
.list_2rem,
ul li .list_2rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_2em,
.list_2em li,
 ul li .list_2em li,
 span.list_2rem,
.list_2rem li,
 ul li .list_2rem li {
	padding-left: 2.0rem !important;
	text-indent: -2.0rem !important;
	list-style:none !important;
	background: none !important;
}


.list_2_5em,
ul li .list_2_5em,
.list_2_5rem,
ul li .list_2_5rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_2_5em,
.list_2_5em li,
 ul li .list_2_5em li,
 span.list_2_5rem,
.list_2_5rem li,
 ul li .list_2_5rem li {
	padding-left: 2.5rem !important;
	text-indent: -2.5rem !important;
	list-style:none !important;
	background: none !important;
}

.list_3em,
ul li .list_3em,
.list_3rem,
ul li .list_3rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_3em,
.list_3em li,
 ul li .list_3em li,
 span.list_3rem,
.list_3rem li,
 ul li .list_3rem li {
	padding-left: 3.0rem !important;
	text-indent: -3.0rem !important;
	list-style:none !important;
	background: none !important;
}

.list_4em,
ul li .list_4em,
.list_4rem,
ul li .list_4rem {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style:none !important;
	background: none !important;
}

span.list_4em,
.list_4em li,
 ul li .list_4em li,
 span.list_4rem,
.list_4rem li,
 ul li .list_4rem li {
	padding-left: 4.0rem !important;
	text-indent: -4.0rem !important;
	list-style:none !important;
	background: none !important;
}


/* ---------- 記事内の注釈 ---------- */

.annotate {
	/*padding: 6px 0px 6px 0px;*/
	font-size: 90%;
	color: #666;
}

.indent_1em,
.indent_1rem{
	padding-left: 1.0rem !important;
	text-indent: -1.0rem !important;
}

.indent_1_5em,
.indent_1_5rem{
	padding-left: 1.5rem !important;
	text-indent: -1.5rem !important;
}

.indent_2em,
.indent_2rem{
	padding-left: 2rem !important;
	text-indent: -2rem !important;
}

.indent_2_5em,
.indent_2_5rem{
	padding-left: 2.5rem !important;
	text-indent: -2.5rem !important;
}

.indent_3em,
.indent_3rem{
	padding-left: 3rem !important;
	text-indent: -3rem !important;
}

.indent_3_5em,
.indent_3_5rem{
	padding-left: 3.5rem !important;
	text-indent: -3.5rem !important;
}

.indent_4em,
.indent_4rem{
	padding-left: 4rem !important;
	text-indent: -4rem !important;
}

.indent_4_5em,
.indent_4_5rem{
	padding-left: 4.5rem !important;
	text-indent: -4.5rem !important;
}

.indent_8em,
.indent_8rem{
	padding-left: 8rem !important;
	text-indent: -8rem !important;
}

.indent_8_5em,
.indent_8_5rem{
	padding-left: 8.5rem !important;
	text-indent: -8.5rem !important;
}

.indent_9em,
.indent_9rem{
	padding-left: 9rem !important;
	text-indent: -9rem !important;
}





/*背景色付の項目見出し　span*/
.item_red,
.item_blue,
.item_skyblue,
.item_emerald,
.item_green,
.item_lightgreen,
.item_litegreen,
.item_orange,
.item_orange2,
.item_purple,
.item_lightpurple,
.item_litepurple,
.item_brown,
.item_gray,
.item_darkgray,
.item_white,
.item_subject1,
.item_subject2,
.item_subject3,
.item_subject4{
	display: inline-block;
	text-align: center;
	/*vertical-align: text-top ;*/
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	line-height: 100% !important;
	background-color: #b7c833;
	letter-spacing: 0.05rem;
	letter-spacing: 0.05rem;
	text-indent: 0.05rem;
	min-width: 8rem;
	margin-right: 10px;
	font-size: 1.1rem;
	color: #FFFFFF;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

/*上記と併用して利用。Sサイズ*/
.item_s{
	padding: 4px 4px 4px 4px;
	min-width: 70px;
	margin-right: 10px;
	font-size: 1.1rem;
	color: #FFFFFF;
}

/*上記と併用して利用。Mサイズ*/
.item_m{
	padding: 4px 4px 4px 4px;
	min-width: 95px;
	margin-top: -1px;
	margin-right: 10px;
	font-size: 1.3rem;
	color: #FFFFFF;
}

/*上記と併用して利用。Lサイズ*/
.item_l{
	padding: 6px 10px 6px 10px;
	min-width: 120px;
	margin-top: -4px;
	margin-right: 10px;
	font-size: 1.5rem;
	color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.item_red{
	background-color: #ff3333;
}

.item_blue{
	background-color: #018BCE;
}

.item_skyblue{
	background-color: #6699cc;
}

.item_emerald{
	background-color: #54CAC5;
}

.item_green{
	background-color: #00A077;
}

.item_lightgreen,
.item_litegreen{
	background-color: #99cc66;
}

.item_orange{
	background-color: #ff9900;
}

.item_orange2{
	background-color: #ffcc33;
}

.item_purple{
	background-color: #663399;
}

.item_lightpurple,
.item_litepurple{
	background-color: #cc99cc;
}

.item_brown{
	background-color: #996633;
}

.item_gray{
	background-color: #999999;
}

.item_darkgray{
	background-color: #666666;
}

.item_white{
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
}



/* ----------リンクとダウンロードファイルのアイコン---------- */

/*aタグ用*/

/*テキスト基本リンク*/

.icon_link:after {
	font-family: "Material Symbols Outlined";
	content: "\e5e1";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 12px;
	margin-left: 5px;
	top: -2px;
	vertical-align: middle;
	line-height: normal;
}

.icon_link:hover {
	text-decoration: underline
}


/*blank*/
.icon_blank:after {
	font-family: "Material Symbols Outlined";
	content: "\e3e0";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 14px;
	margin-left: 5px;
	top: -2px;
	vertical-align: middle;
	line-height: normal;
}

/*mail*/
.icon_mail:after {
	font-family: "Material Symbols Outlined";
	content: "\e158";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 15px;
	margin-left: 5px;
	top: -3px;
	vertical-align: middle;
	line-height: normal;
}

/*pdf*/
.icon_pdf:after {
	font-family: "Material Symbols Outlined";
	content: "\e873";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 16px;
	margin-left: 5px;
	top: -3px;
	vertical-align: middle;
	line-height: normal;
}

/*tel*/
.icon_tel:after {
	font-family: "Material Symbols Outlined";
	content: "\e0b0";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 16px;
	margin-left: 5px;
	top: -4px;
	vertical-align: middle;
	line-height: normal;
}

/*picture_zoom*/
.icon_picture_zoom:after {
	font-family: "Material Symbols Outlined";
	content: "\e3d3";
	display: inline-block;
	position: relative;
	width: 14px;
	height: 14px;
	font-size: 16px;
	margin-left: 5px;
	top: -3px;
	vertical-align: middle;
	line-height: normal;
}

/*基本ボタン　背景透明、罫無し、文字黒、フチにエンボス*/

.button {
	display: inline-block;
	padding: 10px 2.5vw 10px 2.5vw;
	min-width: 160px;
	font-size: 1.5rem;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	border: solid 1px #254F89 !important;
	background-color: #254F89;
	color: #FFF;
	text-decoration: none;
	
	font-weight: normal !important;
	
	cursor: pointer;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.button:hover {
	display: inline-block;
	color: #ffffff !important;
	border: solid 1px #6885AD !important;
	background-color: #6885AD !important;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*hoverしたときのボタンのときのアイコンの色*/
a.button.icon_link:hover:after,
a.button.icon_blank:hover:after,
a.button.icon_mail:hover:after,
a.button.icon_pdf:hover:after,
a.button.icon_tel:hover:after,
a.button.icon_picture_zoom:hover:after {
	color: #ffffff;
}




.sp_only,
.sp_only {
	display:none;
}

.pc_only,
.pc_only {
}

.print_only,
.print_only {
	display:none;
}

/*PCの「p」だけマージンボトム20、スマホは0*/
.pc_only_mb20,
.pc_only_mb20 {
	margin-bottom:20px;
}









/* ---------- 要素の上下マージン ---------- */

/*p {
	margin-bottom:20px;
}*/

.mb200,
table.mb200 {
	margin-bottom:120px !important;
}

.mb180,
table.mb180 {
	margin-bottom:180px !important;
}

.mb150,
table.mb150 {
	margin-bottom:150px !important;
}

.mb120,
table.mb120 {
	margin-bottom:120px !important;
}

.mb100,
table.mb100 {
	margin-bottom:100px !important;
}

.mb90,
table.mb90 {
	margin-bottom:90px !important;
}

.mb80,
table.mb80 {
	margin-bottom:80px !important;
}

.mb70,
table.mb70 {
	margin-bottom:70px !important;
}

.mb60,
table.mb60 {
	margin-bottom:60px !important;
}

.mb50,
table.mb50 {
	margin-bottom:50px !important;
}

.mb40,
table.mb40 {
	margin-bottom:40px !important;
}

.mb30,
table.mb30 {
	margin-bottom:30px !important;
}

.mb20,
table.mb20 {
	margin-bottom:20px !important;
}

.mb15,
table.mb15  {
	margin-bottom:15px !important;
}

.mb10,
table.mb10 {
	margin-bottom:10px !important;
}

.mb5,
table.mb5 {
	margin-bottom:5px !important;
}

.mb0,
table.mb0 {
	margin-bottom:0px !important;
}

.mt0 {
	margin-top:0px !important;
}

.mt5 {
	margin-top:5px !important;
}

.mt10 {
	margin-top:10px !important;
}

.mt20 {
	margin-top:20px !important;
}

.mt30 {
	margin-top:30px !important;
}

.mt40 {
	margin-top:40px !important;
}

.mt50 {
	margin-top:50px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt70 {
	margin-top:70px !important;
}

.mt80 {
	margin-top:80px !important;
}

.mt90 {
	margin-top:90px !important;
}

.mt100 {
	margin-top:100px !important;
}

.mt-10 {
	margin-top:-10px !important;
}

.mt-20 {
	margin-top:-20px !important;
}

.mt-30 {
	margin-top:-30px !important;
}

.mt-40 {
	margin-top:-40px !important;
}

.mt-50 {
	margin-top:-50px !important;
}

.mt-60 {
	margin-top:-60px !important;
}

.mt-70 {
	margin-top:-70px !important;
}

.mt-80 {
	margin-top:-80px !important;
}

.mt-90 {
	margin-top:-90px !important;
}

.mt-100 {
	margin-top:-100px !important;
}




/*--------------------

基本スタイルをベースとしてイベントフォーム用のスタイル調整

--------------------*/

.contents_area {
		display: block;
		/* overflow: hidden; */
		clear: both;
		/*min-width: 960px;*/
		width: 100%;
		padding-top: 50px;
		background-color: #ffffff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
}

.contents_area #contents_header {
		display: block;
		margin: 10px auto 40px auto;
		padding: 20px 30px 20px 30px;
		width: 900px;
		background-color: #fafaf1;
		text-align: left;
}

.entry_title{
	font-size: 24px;
}

.contents_area div.topicpath {
		display: block;
		margin: 0px auto 20px auto;
		width: 900px;
		padding: 10px 30px 10px 30px;
		text-align: left;
		line-height: 1.3;
		clear: both;
		font-size: 13px;
}

.contents_area .contents_outer {
		width: 900px;
		margin: 0 auto;
		padding: 0px 30px 0px 30px;
}

#contents_section{
	text-align: left;
}


/*--------------------

ログインページ（トップページ）

--------------------*/

.frontpage_title_box {
	/*border: solid 6px #829cbf;*/
	padding: 20px;
	background-color: #e5eaef
}

.frontpage_title_box h1{
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 45px;
	line-height: 1.3;
	letter-spacing: -0.04em;
	font-weight: 600;
	color: #254F89;
}

.photo_sample_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	
	letter-spacing: -.40em;
}

.photo_sample_box .column_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}

.photo_sample_box .column_inner:nth-of-type(1){
	width: 40%;
	padding-right: 8%;
	margin-right: 2%;
}

.photo_sample_box .column_inner:nth-of-type(1):after{
	content:"";
	display: inline-block;
	position: absolute;
	top:calc(50% - 30px);
	right:0;
	width: 60px;
	height: 60px;
	background: url("../img/arrow_red.svg") no-repeat center center;
	background-size: contain;
}

.photo_sample_box .column_inner:nth-of-type(2){
	width: 28%;
	margin-right: 2%;
}

.photo_sample_box .column_inner:nth-of-type(3){
	width: 28%;
}

/*--------------------

ログイン後（本人確認）ページ

--------------------*/



/*--------------------

フォーム入力ページの共通パーツ

--------------------*/

/*div*/
.step_chart_box{
	display: block;
	margin: 10px auto 40px auto;
	width: 900px;
	text-align: center;
}

.step_chart_box ul{
	display: inline-block;
	position: relative;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	width: auto;
	font-size: 0;
}

.step_chart_box ul:before{
	content:"";
	display: inline-block;
	position: absolute;
	width: 100%;
	background-color: #dfdfdf;
	top:40%;
	bottom:40%;
	
}

.step_chart_box ul li{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	letter-spacing: normal;
	padding: 5px 5px 5px 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 15px;
	color: #ffffff;
	background-color: #cfcfcf;
	font-size: 1.4rem;
	line-height: 100%;
}

.step_chart_box ul li:last-of-type{
	margin-right: 0px;
}
	

.step_chart_box ul li.current{
	background-color: #6885AD;
}


/*--------------------

顔写真データのドラッグエリア

--------------------*/

.file_drag_drop_area{
	display: block;
	position: relative;
	text-align: center;
	padding: 50px 30px 50px 30px;
	border: dashed 3px #6885AD;
	/*border: dashed 3px #3e3e3e;*/
	/*background-color: #f3f3f3;*/
	margin-bottom: 30px;
}

.file_input{
	font-size: 1.5rem;
}

/* テキストボックス本体 */
.file_drag_drop_area input[type="file"]{
	border: none;
	background-color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.imagefile img{
	max-width: 360px;
}

.img_preview_box{
	display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
	letter-spacing: -.40em;
	max-width: 580px;
	margin: 0 auto;
}

.img_preview_box .column_inner{
	display: inline-block;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
	width: 49%;
	margin-right: 2%;
}

.img_preview_box .column_inner:nth-of-type(2n){
	margin-right: 0%;
}

/*ダミーHTML用のclass*/
.sample_box2 {
	display: none;
}



/*--------------------

顔写真データ禁止画像の確認ウィンドウ

--------------------*/

/*下部の固定バナー欄　トップのみ*/
.photo_attention_box_wrapper{
display: flex; /* 子要素をflexboxで揃える */
flex-direction: column; /* 子要素をflexboxにより縦並びに揃える */
justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: center;
	position: fixed;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 10px 10px 10px;
	overflow-y: auto; 
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	z-index: 9999;
}


.photo_attention_box {
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦並びに揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより上下中央に配置する*/
	position: relative;
	letter-spacing: -.40em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	justify-content: center;
}


.closeButton{
	display: inline-block;
	position: relative;
	letter-spacing: normal;
	margin-top: -70px;
}

@media screen and ( max-width: 767px ){
	.closeButton{
		margin-top: -30px;
	}
}

.closeButton p{
	display: inline-block;
	padding: 10px 20px 10px 20px;
	min-width: 140px;
	font-size: 16px;
	border: solid 1px #ffffff !important;
	background-color: #e08a00;
	color: #FFF;
	text-decoration: none;
	white-space: nowrap;
	font-weight: normal !important;
	
	cursor: pointer;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.closeButton p span{
	display: inline-block;
	line-height: 100%;
	padding: 0px 3px 0px 3px;
	border: solid 1px #ffffff;
	margin-right: 6px;
	color: #e08a00;
	background-color: #ffffff;
}

.closeButton p:hover{
	background-color: #e99612;
}



/*--------------------

フォームのスタイル

--------------------*/

/*フォームのtableを囲んだdiv*/
.form_table_box{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}

/*フォームのtable*/
.form_table_box table{
	border-top: #e7e7e7 solid 0px;
	border-left: #e7e7e7 solid 0px;
	width: 100%;
}

.form_table_box table.width_auto{
	width: auto;
	margin: 0 auto;
	min-width: 240px;
}

.form_table_box table tr {
	border-bottom: #e7e7e7 solid 0px;
	border-right: #e7e7e7 solid 0px;
	font-size: 100%;
}

.form_table_box table th {
	padding: 18px 4vw 12px 0px;
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
	font-size: 100%;
	background-color: #ffffff;
	width: 38%;
}

.form_table_box table td {
	padding: 12px 0px 12px 0px;
	border-bottom: #e7e7e7 solid 1px;
	border-right: #e7e7e7 solid 0px;
	font-size: 100%;
}

.form_table_box.td_noborder table th,
.form_table_box.td_noborder table td{
	border-bottom: #e7e7e7 solid 0px !important;
}

.form_table_box table th.width_auto,
.form_table_box table td.width_auto {
	width: auto;
}

/*確認ページのテーブルのみ*/
.form_table_box.check_table table tr {
	border-bottom: #e7e7e7 dotted 1px;
}

.form_table_box.check_table table th {
	padding-right:5%;
	width: 45%;
}

.form_table_box.check_table table td {
	font-size: 110%;
}


/* テキストボックス本体 */
.form_table_box table td input[type="text"],
.form_table_box table td input[type="email"] {
	width: 100%;
	padding: 8px 8px 8px 8px !important;
	font-size: 17px;
	border: #c5bebe solid 1px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}


.form_table_box table td span.age input[type="text"]{
	width: 4em;
}

.form_table_box table td span.zip-code input[type="text"],
.form_table_box table td span.area input[type="text"],
.form_table_box table td span.shop_name input[type="text"]{
	width: 12em;
}



/*テキストエリア*/
.form_table_box table td textarea{
	width: 100%;
	padding: 8px 8px 8px 8px;
	font-size: 16px;
	border:solid 1px #c5bebe;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}



/*プルダウン欄　div*/
.form_table_box select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	box-sizing: content-box;
	cursor: pointer;
	width: auto;
	padding: 10px 8px 9px 8px;
	background: #efefef;
	color: #555e64;
	font-size: 14px;
	line-height: 1;
	transition: .2s;
	border: #d8d8d8 solid 1px;
	border-radius: 8px 8px 8px 8px;
	
	font-size: 17px;
	border: #d8d8d8 solid 1px;
	border-radius:		6px;
}



/*チェックボックスにstyleをつけるために、チェックボックスと確認ボタンをくくったdivに付加*/
.chkbox_box,
.radio_box {
	margin:0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
}

/* ラベルのスタイル　*/
.chkbox_box label,
.radio_box label {
	padding-left:		30px;
	font-size:		18px;
	line-height:		18px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin-bottom: 1.4rem;
	margin-right: 14px;
}

/* チェックボックスのスタイル */
.chkbox_box label:before {
	content:		'';
	width:			20px;			/* ボックスの横幅 */
	height:			20px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			0;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 2px solid #dcdcdc;
	border-radius:		3px;
}

/* ラジオボタンのスタイル */
.radio_box label:before {
	content:		'';
	width:			20px;			/* ボックスの横幅 */
	height:			20px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-4px;
	left:			0;
	background-color:	#fff;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 2px solid #dcdcdc;
	border-radius:		24px;
}

/* 元のチェックボックスを表示しない */
.chkbox_box input[type=checkbox],
.radio_box input[type=radio] {
	display:		none;
}

/* チェックした時のスタイル */
.chkbox_box input[type=checkbox]:checked + label:before{
	content:		'';		/* チェックの文字 */ 
	font-size:		16px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#254F89;			/* チェックした時の色 */
	border: 2px solid #254F89;
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .3s ease 0s 1;
	opacity: 1;
}

.chkbox_box input[type=checkbox]:checked + label:after{
	content:		'✓';
	color: #ffffff;
	position: absolute;
	top:-1px;
	left: 1px;
	font-size: 24px;
	transform: scale(1.0, 0.8);

	opacity: 1;
}


.radio_box input[type=radio]:checked + label:before {
	content:		'';		/* チェックの文字 */ 
	font-size:		16px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#254F89;			/* チェックした時の色 */
	border: 2px solid #254F89;
	
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .2s ease 0s 1;
	opacity: 1;
}

.radio_box input[type=radio]:checked + label:after {
	content:		'';
	width:			10px;			/* ボックスの横幅 */
	height:			10px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	top:-1px;
	left:3px;
	/*box-shadow:		inset 1px 2px 3px 0px #000;*/
	border: 4px solid #FFFFFF;
	border-radius:		24px;
	
	-webkit-animation: form-bound .3s ease 0s 1;
	animation: form-bound .2s ease 0s 1;
	opacity: 1;
}

@-webkit-keyframes form-bound {
    0% {
        -webkit-transform: scale(1);
        transform:scale(1)
    }

    25% {
        -webkit-transform: scale(1.15);
        transform:scale(1.15)
    }

    75% {
        -webkit-transform: scale(0.95);
        transform:scale(0.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}

@keyframes form-bound {
    0% {
        -webkit-transform: scale(1);
        transform:scale(1)
    }

    25% {
        -webkit-transform: scale(1.15);
        transform:scale(1.15)
    }

    75% {
        -webkit-transform: scale(0.95);
        transform:scale(0.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform:scale(1)
    }
}


input.inline{
	display: inline-block;
	width: auto !important;
}

.form_table_box table .CSS_email td input[type="text"],
.form_table_box table .CSS_email td input[type="email"] {
	max-width: 360px !important;
}

/*記入例　span*/
.form_table_box .ex_text{
	display: inline-block;
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
	font-size: 90%;
	color: #666;
}

/*必須　span*/
.form_table_box .required{
	font-size: 86%;
	color:#ff3333;
}


.item_subtitle{
	display: inline-block;
	text-align: center;
	vertical-align: text-top ;
	padding: 4px 4px 4px 4px;
	margin-top: 0px;
	line-height: 100% !important;
	background-color: #b7c833;
	letter-spacing: 0.05rem;
	min-width: 70px;
	margin-right: 10px;
	font-size: 1.1rem;
	color: #FFFFFF;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


/*未記入の入力欄 span*/
.form_table_box th span.errwrap {
	/*
	color: #ff3333;
	font-weight: 600;
	*/
}

/*未記入の項目名 span*/
.form_table_box td span.errwrap{
	/*
	display: inline-block;
	overflow: hidden;
	padding: 0;
	border: 5px solid #ffcccc;
	background: #ffcccc;
	width: 100%;
	*/
}

.form_table_box td span.errwrap:after{
	content:"";
	display: block;
	position: relative;
	width: 100%;
	height: 0px;
	clear: both;
	float: none;
}

/*「年」「月」「日」などの小さい文字　下揃えspan*/
.mini_text{
	font-size: 1.5rem;
	vertical-align: bottom;
	margin-left: 3px;
	margin-right: 3px;
}

.address_copy_btn_box{
	text-align: right;
}

/*「入学後の住所」をコピー等のボタン*/
.copy_button{
	
}

/*box_grayと併用してスクロールを追加　div*/
.scroll_box{
	width: auto;
	overflow-y:scroll;
	overflow-x:hidden;
	height: 220px;
}






/*確認、戻る、送信ボタン等を格納したdiv*/
.form_submit_btn_box{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}




/*確認と送信ボタン（ブルー）*/
.button_to_check,
.button_send{
	display: inline-block;
	padding: 10px 2.5vw 10px 2.5vw;
	min-width: 200px;
	font-size: 17px;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	border: solid 1px #254F89 !important;
	background-color: #254F89;
	color: #FFF;
	text-decoration: none;
	
	font-weight: normal !important;
	
	cursor: pointer;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_to_check.skyblue,
.button_send.skyblue{
	border: solid 1px #6183b3 !important;
	background-color: #6183b3;
}


.button_to_check:hover,
.button_send:hover,
.button_to_check:active,
.button_send:active{
	display: inline-block;
	opacity: 0.8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


/*ボタン（白背景）*/
.button_to_back{
	display: inline-block;
	padding: 10px 2.5vw 10px 2.5vw;
	min-width: 200px;
	font-size: 17px;
	margin-left: 0.5vw;
	margin-right: 0.5vw;
	border: solid 1px #dfdfdf !important;
	background-color: #ffffff;
	color: #444444;
	text-decoration: none;
	
	font-weight: normal !important;
	
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.button_to_back:hover{
	display: inline-block;

	border: solid 1px #dfdfdf !important;
	background-color: #f8f8f8;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}


.contact_check_text{
	text-align: center;
}


/*戻る、次へボタンの下に表示するテキスト枠*/
.button_attention_text_box{
	margin-bottom: 100px;
}


/*=========================スマホ用スタイルここから=========================*/

@media screen and ( max-width: 767px ) {
	
	/* -------------------- 
	
	ヘッダー指定
	
	-------------------- */
	
	/* ----------ヘッダー---------- */
	
	.header_area { /*section*/
		display: block;
		position:relative;
		width:100%;
		margin:0 auto;
		padding:10px 15px 10px 15px;
		border-bottom:solid 1px #ececec;
		background: transparent;
		z-index: 999;
	
			
			box-sizing: border-box;/*width:100%で、padding分をハミ出させないためのスタイル*/
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.header_outer {
	}
	
	.header_inner {
		
	}
	
	/* ---------- PC：メインロゴ ---------- */
	
	.site_logo {
		position:relative;
		display: block;
		width: 150px;
		height:36px;
		text-align:left;
	}
	
	.site-title {
		position:relative;
		display: block;
		width: 270px;
		height:36px;
		text-align:left;
	}
	
	.site-title a {
		display: block;
		width: 100%;
		height: 36px;
		text-decoration: none;
		float: left;
		background: url(../img/site_logo.svg) no-repeat 0px center;
		background-size: auto 36px;
		-moz-transition: background-position 0.3s;
		-webkit-transition: background-position 0.3s;
		-o-transition:background-position 0.3s;
		-ms-transition: background-position 0.3s;
	}
	
	.site-title span {
		display: none;
	}
	
	
	.uni_logo{
		width: 110px;
	}
		
	
	/*------------------------------
	
	各パーツ設定
	
	------------------------------*/
	
	/* -------------------- H1 -------------------- */
	
	h1{
		font-size: 2.0rem;
		line-height: 130%;
	}
	
	
	
	/* -------------------- H2 -------------------- */
	
	h2{
		font-size: 1.9rem;
		line-height: 130%;
	}
	
	
	/* -------------------- H3 -------------------- */
	
	h3{
		font-size: 1.7rem;
		line-height: 130%;
	}
	
	
	/* -------------------- H4/H5/H6 見出し設定 -------------------- */
	
	h4{
		font-weight:bold;
	}
	
	h5{
		font-weight:bold;
	}
	
	h6{
		font-weight:bold;
	}
	
	/* ---------- 記事のpノーマル ---------- */
	
	/*コメントタグをpダグで入れる場合に使用（<p class="comment">コメント</p>）*/
	p.comment {
		display: none;
	}
	
	/*右にfloatさせる　主にpタグに指定*/
	.float_left{
		float: left;
		padding-right: 10px;
	}
	
	.float_none{
		float:none;
		margin-right: 0px;
	}
	
	
	
	
	/* -----------------------
	
	各パーツ設定
	
	----------------------- */
	
	
	/* ---------- 記事のpノーマル ---------- */
	/*PCのスタイルをそのまま利用*/
	
	/*サイズアップ*/
	/*基本はPCのスタイルをそのまま利用*/
	/*SPのみフォントサイズを変更する場合*/
	.sp_fs_100{font-size:110% !important;}
	.sp_fs_110{font-size:110% !important;}
	.sp_fs_120{font-size:120% !important;}
	.sp_fs_130{font-size:130% !important;}
	.sp_fs_140{font-size:140% !important;}
	.sp_fs_150{font-size:150% !important;}
	.sp_fs_160{font-size:160% !important;}
	.sp_fs_170{font-size:170% !important;}
	.sp_fs_180{font-size:180% !important;}
	.sp_fs_190{font-size:190% !important;}
	.sp_fs_200{font-size:200% !important;}
	.sp_fs_210{font-size:210% !important;}
	.sp_fs_220{font-size:220% !important;}
	.sp_fs_230{font-size:230% !important;}
	.sp_fs_240{font-size:240% !important;}
	.sp_fs_250{font-size:250% !important;}
	.sp_fs_260{font-size:260% !important;}
	.sp_fs_270{font-size:270% !important;}
	.sp_fs_280{font-size:280% !important;}
	.sp_fs_290{font-size:290% !important;}
	.sp_fs_300{font-size:300% !important;}
	
	/*サイズダウン*/
	/*基本はPCのスタイルをそのまま利用*/
	/*SPのみフォントサイズを変更する場合*/
	.sp_fs_95{font-size:95% !important;}
	.sp_fs_90{font-size:90% !important;}
	.sp_fs_85{font-size:85% !important;}
	.sp_fs_80{font-size:80% !important;}
	.sp_fs_75{font-size:75% !important;}
	.sp_fs_70{font-size:70% !important;}
	.sp_fs_60{font-size:60% !important;}
	.sp_fs_50{font-size:50% !important;}
	.sp_fs_40{font-size:40% !important;}
	.sp_fs_30{font-size:30% !important;}
	.sp_fs_20{font-size:20% !important;}
	.sp_fs_10{font-size:10% !important;}
	
	
	
	/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
	.sp_none{
		display: none !important;
	}
	
	/* ---------- スマホで非表示（display: none）にしたいものを囲むspanのclass ---------- */
	.sp_none{
		display: none !important;
	}
	
	.sp_mb0{
		margin-bottom: 0px !important;
	}
	
	.sp_mb1{
		margin-bottom: 1px !important;
	}
	
	.sp_mb2{
		margin-bottom: 2px !important;
	}
	
	.sp_mb3{
		margin-bottom: 3px !important;
	}
	
	.sp_mb4{
		margin-bottom: 4px !important;
	}
	
	.sp_mb5{
		margin-bottom: 5px !important;
	}
	
	.sp_mb6{
		margin-bottom: 6px !important;
	}
	
	.sp_mb7{
		margin-bottom: 7px !important;
	}
	
	.sp_mb8{
		margin-bottom: 8px !important;
	}
	
	.sp_mb9{
		margin-bottom: 9px !important;
	}
	
	.sp_mb10{
		margin-bottom: 10px !important;
	}
	
	.sp_mb15{
		margin-bottom: 15px !important;
	}
	
	.sp_mb20{
		margin-bottom: 20px !important;
	}
	
	.sp_mb25{
		margin-bottom: 25px !important;
	}
	
	.sp_mb30{
		margin-bottom: 30px !important;
	}
	
	.sp_mb40{
		margin-bottom: 40px !important;
	}
	
	.sp_mb50{
		margin-bottom: 50px !important;
	}
	
	.sp_mb60{
		margin-bottom: 60px !important;
	}
	
	.sp_mb70{
		margin-bottom: 70px !important;
	}
	
	.sp_mb80{
		margin-bottom: 80px !important;
	}
	
	.sp_mb90{
		margin-bottom: 90px !important;
	}
	
	.sp_mb100{
		margin-bottom: 100px !important;
	}
	
	
	
	.sp_mt0{
		margin-top: 0px !important;
	}
	
	.sp_mt10{
		margin-top: 10px !important;
	}
	
	.sp_mt20{
		margin-top: 20px !important;
	}
	
	.sp_mt30{
		margin-top: 30px !important;
	}
	
	.sp_mt40{
		margin-top: 40px !important;
	}
	
	.sp_mt50{
		margin-top: 50px !important;
	}
	
	.sp_mt60{
		margin-top: 60px !important;
	}
	
	.sp_mt70{
		margin-top: 70px !important;
	}
	
	.sp_mt80{
		margin-top: 80px !important;
	}
	
	.sp_mt90{
		margin-top: 90px !important;
	}
	
	.sp_mt100{
		margin-top: 100px !important;
	}
	
	
	.sp_mt-10{
		margin-top: -10px !important;
	}
	
	.sp_mt-20{
		margin-top: -20px !important;
	}
	
	.sp_mt-30{
		margin-top: -30px !important;
	}
	
	.sp_mt-40{
		margin-top: -40px !important;
	}
	
	.sp_mt-50{
		margin-top: -50px !important;
	}
	
	.sp_mt-60{
		margin-top: -60px !important;
	}
	
	.sp_mt-70{
		margin-top: -70px !important;
	}
	
	.sp_mt-80{
		margin-top: -80px !important;
	}
	
	.sp_mt-90{
		margin-top: -90px !important;
	}
	
	.sp_mt-100{
		margin-top: -100px !important;
	}
	
	
	
	.sp_pb0{
		padding-bottom: 0px !important;
	}
	
	.sp_pb1{
		padding-bottom: 1px !important;
	}
	
	.sp_pb2{
		padding-bottom: 2px !important;
	}
	
	.sp_pb3{
		padding-bottom: 3px !important;
	}
	
	.sp_pb4{
		padding-bottom: 4px !important;
	}
	
	.sp_pb5{
		padding-bottom: 5px !important;
	}
	
	.sp_pb6{
		padding-bottom: 6px !important;
	}
	
	.sp_pb7{
		padding-bottom: 7px !important;
	}
	
	.sp_pb8{
		padding-bottom: 8px !important;
	}
	
	.sp_pb9{
		padding-bottom: 9px !important;
	}
	
	.sp_pb10{
		padding-bottom: 10px !important;
	}
	
	.sp_pb15{
		padding-bottom: 15px !important;
	}
	
	.sp_pb20{
		padding-bottom: 20px !important;
	}
	
	.sp_pb25{
		padding-bottom: 25px !important;
	}
	
	.sp_pb30{
		padding-bottom: 30px !important;
	}
	
	.sp_pb40{
		padding-bottom: 40px !important;
	}
	
	.sp_pb50{
		padding-bottom: 50px !important;
	}
	
	.sp_pb60{
		padding-bottom: 60px !important;
	}
	
	.sp_pb70{
		padding-bottom: 70px !important;
	}
	
	.sp_pb80{
		padding-bottom: 80px !important;
	}
	
	.sp_pb90{
		padding-bottom: 90px !important;
	}
	
	.sp_pb100{
		padding-bottom: 100px !important;
	}
	
	
	
	.sp_pt0{
		padding-top: 0px !important;
	}
	
	.sp_pt10{
		padding-top: 10px !important;
	}
	
	.sp_pt20{
		padding-top: 20px !important;
	}
	
	.sp_pt30{
		padding-top: 30px !important;
	}
	
	.sp_pt40{
		padding-top: 40px !important;
	}
	
	.sp_pt50{
		padding-top: 50px !important;
	}
	
	.sp_pt60{
		padding-top: 60px !important;
	}
	
	.sp_pt70{
		padding-top: 70px !important;
	}
	
	.sp_pt80{
		padding-top: 80px !important;
	}
	
	.sp_pt90{
		padding-top: 90px !important;
	}
	
	.sp_pt100{
		padding-top: 100px !important;
	}
	
	
	/*スマホのみ左右中央揃えの指定　text-alignの略*/
	.sp_ta_center{text-align: center !important;}
	.sp_ta_left{text-align: left !important;}
	.sp_ta_right{text-align: right !important;}
	
	
	/* ---------- 記事内のグレー罫線の囲み（div） ---------- */
	
	.box_gray,
	.box_blue,
	.box_emerald,
	.box_white,
	.box_gray_compact,
	.box_blue_compact,
	.box_white_compact,
	.box_gray5,
	.box_blue5,
	.box_blue3,
	.box_gray10,
	.box_blue10,
	.box_gray_beige5
 	{
		padding:15px 15px 15px 15px !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	/*お問い合わせ先フォーマット（「box_gray_beige5」と同じ）*/
	.contact_info_box {
		padding:15px 15px 15px 15px !important;
		margin:10px 0px 25px 0px;
		border: solid 5px #F3EFE9;
	}
	
	
	.box_gray img,
	.box_blue img,
	.box_emerald img,
	.box_white img,
	.box_gray_compact img,
	.box_blue_compact img,
	.box_white_compact img,
	.box_gray5 img,
	.box_blue5 img,
	.box_blue3 img,
	.box_gray10 img,
	.box_blue10 img,
	.box_gray_beige5 img {
		width: 100%;
		height: auto !important;
	}
	
	
	/* 背景が薄いグレーのボックス */
	
	.box_bg_gray{
		padding:6px 10px;
	}
	
	.box_bg_beige{
		padding:6px 10px;
	}
	
	
	/*「box_gray_XX」と併記して利用*/
	
	/*inline-blockを追加する*/
	.display_ib{
		overflow: hidden;
		display: inline-block
	}
	
	/*スマホではblock*/
	.sp_display_b{
		display: block !important;
	}
	
	
	/* ---------- 記事内のol ---------- */
	
	ol {
		margin-left: 0rem !important;
		padding-left: 2.6rem;
		padding-bottom: 8px;
		list-style-type: decimal;
	}
	
	ol > li {
		padding: 2px 0px 6px 0rem;
		text-indent: 0rem;
	}
	
	ol > li > ul {
		list-style:none;
		background: none;
		padding: 0px 0px 0px 2.3rem;
		margin-left: -2.3rem;
	}
	
	ol > li > ul li {
		text-indent: 0rem;
		padding: 2px 0px 4px 2px;
		padding-left:22px;
		background-image:url(img/icon_32_disc_black.png) ;
		background-size: 16px 16px;
		background-repeat:no-repeat;
		background-position:0 5px;
	}
	
	
	
	/* ---------- 記事内のul ---------- */
	
	
 	ul.float{
		float: none;
		clear: both;
	}
	
 	ul.float li {
		width: 100% !important;
		display: block !important;
		padding: 2px 10px 4px 0px;
		float: none !important;
		background:none;
	}
	
	
	
	
	
	.sp_only {
		display:inline-block !important;
	}
	
	.pc_only {
		display: none !important;
	}
	
	.print_only {
		display:none;
	}
	
	/*PCの「p」だけマージンボトム20、スマホは0*/
	.pc_only_mb20 {
		margin-bottom:0px !important;
	}
	
	
	
	/*--------------------
	
	基本スタイルをベースとしてイベントフォーム用のスタイル調整
	
	--------------------*/
	
	.contents_area {
			display: block;
			/* overflow: hidden; */
			clear: both;
			/*min-width: 960px;*/
			width: 100%;
			padding-top: 0px;
			background-color: #ffffff;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-ms-box-sizing: border-box;
	}
	
	.contents_area #contents_header {
			display: block;
			margin: 0px auto 10px auto;
			padding: 20px 20px 20px 20px;
			width: 100%;
			background-color: #fafaf1;
			text-align: left;
	}
	
	.entry_title{
	}
	
	.contents_area div.topicpath {
			display: block;
			margin: 0px auto 20px auto;
			width: 100%;
			padding: 10px 30px 10px 30px;
			text-align: left;
			line-height: 1.3;
			clear: both;
			font-size: 13px;
	}
	
	.contents_area .contents_outer {
			width: 100%;
			margin: 0 auto;
			padding: 0px 20px 0px 20px;
	}
	
	
	
	#contents_section{
		text-align: left;
	}
	
	
	/*--------------------
	
	ログインページ（トップページ）
	
	--------------------*/
	
	.frontpage_title_box {
		/*border: solid 6px #829cbf;*/
		padding: 15px;
		background-color: #e5eaef
	}
	
	.frontpage_title_box h1{
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 3.0rem;
		line-height: 1.3;
		letter-spacing: -0.04em;
		font-weight: 600;
		color: #254F89;
	}
	
	.photo_sample_box{
		display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
		
		letter-spacing: -.40em;
	}
	
	.photo_sample_box .column_inner{
		display: inline-block;
		position: relative;
		vertical-align: top;
		letter-spacing: normal;
	}
	
	.photo_sample_box .column_inner:nth-of-type(1){
		width: 40%;
		padding-right: 8%;
		margin-right: 2%;
	}
	
	.photo_sample_box .column_inner:nth-of-type(1):after{
		content:"";
		display: inline-block;
		position: absolute;
		top:calc(50% - 30px);
		right:0;
		width: 60px;
		height: 60px;
		background: url("../img/arrow_red.svg") no-repeat center center;
		background-size: contain;
	}
	
	.photo_sample_box .column_inner:nth-of-type(2){
		width: 28%;
		margin-right: 2%;
	}
	
	.photo_sample_box .column_inner:nth-of-type(3){
		width: 28%;
	}
	
	/*--------------------
	
	ログイン後（本人確認）ページ
	
	--------------------*/
	
	
	
	/*--------------------
	
	フォーム入力ページの共通パーツ
	
	--------------------*/
	
	/*div*/
	.step_chart_box{
		display: block;
		margin: 10px auto 40px auto;
		width: 100%;
		text-align: center;
	}
	
	.step_chart_box ul{
		display: inline-block;
		position: relative;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		width: auto;
		font-size: 0;
	}
	
	.step_chart_box ul:before{
		content:"";
		display: inline-block;
		position: absolute;
		width: 100%;
		background-color: #dfdfdf;
		top:40%;
		bottom:40%;
		
	}
	
	.step_chart_box ul li{
		display: inline-block;
		position: relative;
		vertical-align: middle;
		letter-spacing: normal;
		padding: 3px 5px 3px 5px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 10px;
		color: #ffffff;
		background-color: #cfcfcf;
		font-size: 1.2rem;
		line-height: 100%;
	}
	
	.step_chart_box ul li:last-of-type{
		margin-right: 0px;
	}
		
	
	.step_chart_box ul li.current{
		background-color: #6885AD;
	}
	
	
	/*--------------------
	
	顔写真データのドラッグエリア
	
	--------------------*/
	
	.file_drag_drop_area{
		display: block;
		position: relative;
		text-align: center;
		padding: 20px 20px 20px 20px;
		border: dashed 3px #6885AD;
		/*border: dashed 3px #3e3e3e;*/
		/*background-color: #f3f3f3;*/
		margin-bottom: 30px;
	}
	
	.file_input{
		font-size: 1.5rem;
	}
	
	/* テキストボックス本体 */
	.file_drag_drop_area input[type="file"]{
		border: none;
		background-color: transparent;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
	}
	
	.imagefile img{
		max-width: 220px;
	}
	
	.img_preview_box{
		display:-webkit-box; display:-moz-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
		letter-spacing: -.40em;
		max-width: 580px;
		margin: 0 auto;
	}
	
	.img_preview_box .column_inner{
		display: inline-block;
		position: relative;
		vertical-align: top;
		letter-spacing: normal;
		width: 49%;
		margin-right: 2%;
	}
	
	.img_preview_box .column_inner:nth-of-type(2n){
		margin-right: 0%;
	}
	
	/*ダミーHTML用のclass*/
	.sample_box2 {
		display: none;
	}
	
	/*--------------------
	
	フォームのスタイル
	
	--------------------*/
	
	/*テーブル*/
	.form_table_box {
		margin-bottom: 20px;
	}
	
	.form_table_box table tr{
		display: block;
		border: none !important;
		border-bottom: #e7e7e7 dotted 0px !important;
		padding: 0px 0px 0px 0px;
		margin-bottom: 10px !important;
		width: 100% !important;
		
		box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	}
	
	.form_table_box table tr{
		border-bottom: #e7e7e7 dotted 1px !important;
	}
	
	.form_table_box table th{
		padding: 0px 0px 0px 0px !important;
		margin-bottom: 0px !important;
		background-color: #ffffff;
		/*white-space: nowrap;*/
		overflow: hidden;
		display: block;
		border: none !important;
		width: 100% !important;
		font-size: 1.3rem;
		font-weight: 600;
		color: #666666;
		box-sizing: border-box;/*width:100%で､padding分をハミ出させないためのスタイル*/
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}
	
	.form_table_box table td {
		display: block;
		width: 100%;
		padding: 3px 0px 10px 0px;
		border-bottom: #c5bebe solid 0px;
		border-right: #c5bebe solid 0px;
		font-size: 100%;
	}
	
	/*確認ページのテーブルのみ*/
	.form_table_box.check_table table tr {
		border-bottom: #e7e7e7 dotted 1px;
	}
	
	.form_table_box.check_table table th {
		padding-right:0%;
		width: 100%;
	}
	
	.form_table_box.check_table table td {
		font-size: 100%;
	}
	
	/* テキストボックス本体 */
	.form_table_box table td input[type="text"],
	.form_table_box table td input[type="email"] {
		width: auto;
		max-width: 100% !important;
		padding: 8px 8px 8px 8px !important;
		font-size: 17px;
		border: #c5bebe solid 1px;
		
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	.form_table_box table .CSS_email td input[type="text"],
	.form_table_box table .CSS_email td input[type="email"] {
		max-width: 250px !important;
	}
	
	/*テキストエリア*/
	.form_table_box table td textarea{
		display: block;
		position: relative;
		width: 100% !important;
		max-width: 100% !important;
		padding: 8px 8px 8px 8px;
		font-size: 16px;
		border:solid 1px #c5bebe;
		
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	
	/*確認、戻る、送信ボタン等を格納したdiv*/
	.form_submit_btn_box{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	/*確認と送信ボタン（ブルー）、ボタン（白背景）*/
	.button_to_check,
	.button_send,
	.button_to_back{
		display: inline-block;
		padding: 8px 2.5vw 8px 2.5vw;
		min-width: 80px;
		font-size: 16px;
	}





}/*iPhoneスタイルここまで*/