@charset "utf-8";
/*============================
	base style
	module style
	media width 930
	media width 780
============================*/
/*============================
	html5 base style
============================*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,pre,address,code,
em,img,
small,strong,sub,sup,var,b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,figcaption,figure,
footer,header,menu,nav,section,
time,mark,audio,video {
margin:0;
padding:0;
line-height:1.6;
}
article,aside,figcaption,figure,
footer,header,menu,nav,section {
display:block;
}
ul,ol {
list-style:none;
}
a {
text-decoration:none;
color:#000;
cursor:pointer;
}
img{
vertical-align:bottom;
}
table {
border-collapse:collapse;
border-spacing:0;
}
input,select {
vertical-align:middle;
}
input,select,button {
border:0;
box-shadow:none;
-ms-appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
}
input:focus,select:focus,button:focus {
outline:0;
}

/*============================
    module style
============================*/

@media only screen and (max-width:1150px){
}
.iframe_wrap {
	width:100%;
	margin-bottom:20px;
}
.iframe_wrap iframe {
	width:100%;
}

/* clearfix */
.list_flow_tng,
.list_info,
.list_relatelink,
.list_define,
.list_horizon,
.cf{
	display:block;
}
.list_flow_tng:after,
.list_info:after,
.list_relatelink:after,
.list_define:after,
.list_horizon:after,
.cf:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* background */
.bg_blue	{ background-color:#3db7e4; }
.bg_lblue	{ background-color:#e6f9fe; }
.bg_lblue_90 { background-color:rgba(230,249,254,.9); }

.bg_grid {
	background-color:#dcdcdc;
	color: #000;
	margin-bottom:48px;
	padding:12px 20px 24px;
}

/* txt-color */
.c_red			{ color: #ff0000; }
.c_caution		{ color:#ff7493; font-weight:bold !important; }
.c_gray			{ color:#969595; }
.c_link_blue	{ color:#2da2fc; font-weight:bold; }

/* text */
.txt { font-size:16px; }
.txt_s { font-size:14px; }
.frm_text + .txt_s { margin-left:5px; }

.bold { font-weight: bold !important; }

.align_c { text-align: center; }
.align_r { text-align: right; }
.align_l { text-align: left; }

.notes { font-size:12px; }
.notes_txt {
	color:#ff3b3b;
	margin-left:4px;
}
.lbl_notes:after,
.notes:before {
	content:'*';
	color:#ff3b3b;
	font-size:16px;
}
.notes:before { margin-right:4px; }
.box_tab .notes {
	width:520px;
	margin:0 auto;
	padding-right:8px;
	box-sizing:border-box;
}
.box_tab .list_flow_inc + .notes { width:600px; }

.alert {
	color:#ff3b3b;
	font-size:12px;
	line-height:2;
}
.alert:before {
	content:'！';
	color:#ff3b3b;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:15px;
	display:inline-block;
	width:14px;
	height:14px;
	margin-right:4px;
	border:1px solid #ff3b3b;
	border-radius:100%;
}

/* space */
.m_t_0 { margin-top: 0 !important; }
.m_b_0 { margin-bottom: 0 !important; }
.m_r_0 { margin-right: 0 !important; }
.m_l_0 { margin-left: 0; }

.m_t_80 { margin-top:80px !important; }
.m_t_20 { margin-top:20px !important; }

.m_b_40 { margin-bottom:40px !important; }
.m_b_20 { margin-bottom:20px; }
.m_b_10 { margin-bottom:10px; }

.p_t_0 { padding-top: 0; }
.p_b_0 { padding-bottom: 0 !important; }
.p_r_0 { padding-right: 0 !important; }
.p_l_0 { padding-left: 0 !important; }

.p_t_80 { padding-top:80px !important; }

.p_r_20 { padding-right: 20px; }

.p_box { padding:32px 40px 40px; }

/* line */
.line_yellow {
	background:-moz-linear-gradient(transparent 60%, rgba(255,241,0,0.5) 30%);
	background:-webkit-linear-gradient(transparent 60%, rgba(255,241,0,0.5) 30%);
	background:linear-gradient(transparent 60%, rgba(255,241,0,0.5) 30%);
	padding-right:16px;
	margin-right:-16px;
	width: fit-content;
	width: -webkit-fit-content;
	font-weight: bold;
	
}
.sp_line_yellow_ct {
	background: linear-gradient(transparent 70%, rgba(255,241,0,0.5) 30%);
	width: fit-content;
	width: -webkit-fit-content;
}

/* border */
.b_caution { border-bottom:1px solid #ff7493; }

/* link */
a.textlink:hover { text-decoration: underline; }

.btn_link {
	background-color:#fff;
	display:block;
	margin-bottom:16px;
	border-bottom:4px solid transparent;
	transition-duration:.5s;
	position:relative;
}
.btn_link:hover {
	border-bottom-color:#2da2fc;
}
.btn_link_mail {
	font-size: 32px;
	line-height: 42px;
	padding: 20px 14px 20px 22px;
}
.btn_link_tel {
	font-size: 48px;
	line-height: 50px;
	text-align: center;
	padding:20px 10px;
}
.btn_link_partner {
	font-size: 24px;
	line-height: 65px;
	text-align: center;
	height: 65px;
	margin:28px auto 0;
}

/* list */
.list_vertical,.list_horizon {
	margin:10px 0;
}
.list_vertical_li {
	margin-bottom:5px;
}
.list_horizon_li {
	float:left;
	width:200px;
	margin-bottom:5px;
}
.list_horizon_in {
	letter-spacing:-.04em;
	margin-top:16px;
}
.list_horizon_in_li {
	letter-spacing:normal;
	display:inline-block;
	margin:0 8px 10px 0;
}

.list_define_title,
.list_define_content {
	float:left;
}
.list_define_title {
	width:16%;
}
.list_define_content {
	width:84%;
}

.list_unorder {
	margin:10px 0;
	padding:0 10px;
}

/* 更新情報 */
.list_info {
	padding:22px 24px 8px;
}
.list_info_head,
.list_info_content {
	float:left;
	line-height:28px;
}
.list_info_head {
	width:7em;
}
.list_info_content {
	width:100%;
	margin:0 0 8px -7em;
	padding-left:7em;
	box-sizing:border-box;
}

/* パンくずリスト */
.list_bread_wrap {
	width:100%;
	height:40px;
	margin-bottom:40px;
	overflow:hidden;
}
.list_bread {
	background-color:#e7f8fd;
	font-size:12px;
	letter-spacing:-.04em;
	height:80px;
	padding:0 24px;
	overflow:auto;
}
.list_bread_li {
	display:inline-block;
	letter-spacing:normal;
	line-height:41px;
	vertical-align:top;
	margin-right:22px;
}
.list_bread_li.is_current,
.list_bread_li a{
	color:#001d26;
	padding:0 16px;
}
.list_bread_li a {
	display:block;
	position:relative;
}
.list_bread_li a:before,
.list_bread_li a:after {
	content: '';
	display:block;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	position:absolute;
	top:0;
}
.list_bread_li a:before { border-left:20px solid #e7f8fd; right:-20px; z-index:1; }
.list_bread_li a:after { border-left:20px solid #001d26; right:-21px; }

/* 訓練フロー */
.list_flow_tng {
	font-size:16px;
	width:520px;
	margin:0 auto;
	padding:45px 0 30px;
	position:relative;
}
.list_flow_inc { width:600px; }
.list_flow_tng:before {
	content:'';
	background-color:#fff;
	width:98%;
	height:4px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.list_flow_li {
	background-color:#fff;
	letter-spacing:.2em;
	-webkit-writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr;
	writing-mode:vertical-lr;
	float:left;
	width:48px;
	height:280px;
	margin-right:30px;
	padding:30px 10px 15px;
	box-sizing:border-box;
	position:relative;
	z-index:2;
}
.list_flow_li.last {
	margin-right:0;
}
.list_flow_li.is_active {
	border:2px solid #000;
}

/* 制作の流れ */
.list_flow_svc {
	padding:0 40px;
}
.list_flow_cont {
	padding:10px 0 20px 65px;
	position:relative;
}
.list_flow_cont:before {
	content:'';
	background-color:#e6f9fe;
	display:block;
	width:4px;
	height:100%;
	position:absolute;
	left:22px;
	top:0;
}
.list_flow_cont.last:before {
	display:none;
}

/* チェックリスト */
.list_label { margin-top:30px; }

/* 関連サイトリンク */
.list_relatelink {
	width:600px;
	margin:60px auto 0;
}
.list_relatelink_li {
	display:table;
	width:135px;
	height:135px;
	float:left;
	margin:0 20px 20px 0;
}
.list_relatelink_li.end {
	margin-right:0;
}
.list_relatelink_li a {
	color:#414141;
	background-color:#e6f9fe;
	font-size:16px;
	line-height:1.75;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	padding:8px;
	box-sizing:border-box;
}
.list_relatelink_li a:hover { opacity:.7; }

/* 初めてお越しの方 */
.list_flow_gid {
	width:600px;
	margin:0 auto;
}
.list_gid_1,
.list_gid_2,
.list_gid_3 {
	min-height:40px;
	padding:8px 0 10px 56px;
	position:relative;
}
.list_gid_3 { padding-bottom:0; }
.list_gid_1:before,
.list_gid_2:before {
	content:'';
	background-color:#e6f9fe;
	display:block;
	width:2px;
	height:100%;
	position:absolute;
	top:0;
	left:19px;
}
.list_gid_1:after { content:'1.'; }
.list_gid_2:after { content:'2.'; }
.list_gid_3:after { content:'3.'; }
.list_gid_1:after,
.list_gid_2:after,
.list_gid_3:after {
	background-color:#e6f9fe;
	font-size:16px;
	text-align:center;
	line-height:41px;
	display:block;
	width:38px;
	height:40px;
	padding-left:2px;
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
}

/* table */
.tbl_wrap + .tbl_wrap { margin-top:40px; }
.tbl {
	font-size:16px;
	width:100%;
	border-top:2px solid #000;
	border-bottom:1px solid #e6f9fe;
}
.tbl table {
	width:100%;
}
.tbl_head {
	background-color:#e6f9fe;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	width:240px;
	padding:16px 25px 15px;
	border-bottom:1px solid #fff;
}
.tbl_cont {
	border-bottom:1px solid #e6f9fe;
	padding:16px 0 15px 25px;
}
.tbl_head.last,
.tbl_cont.last {
	border-bottom:0;
}

/* form */
input[type="radio"],input[type="checkbox"] {
	display: none;
}
.frm_text {
	width:88%;
	max-width:400px;
	padding:8px 10px;

	border-radius: 1px;
	box-sizing:border-box;
}
.frm_text:focus {
	border: 1px solid #000;
	box-shadow: inset 0 0 2px rgba(10, 195, 246, 0.3);
}
.frm_textarea {
	font-size:14px;
	line-height:1.6;
	width:88%;
	height:160px;
	border: 1px solid #8ddbf0;
	border-radius: 1px;
	padding:8px 10px;
	box-sizing:border-box;
	resize: none;
}
.frm_textarea:focus {
	border: 1px solid #000;
	box-shadow: inset 0 0 3px rgba(10, 195, 246, 0.3);
}
.frm_radio{
	display:block;
	padding:0 20px 4px 30px;
	cursor: pointer;
	position: relative;
}
.frm_radio:before {
	content: '';
	background: #fff;
	top:4px;
	left:0;
	width:16px;
	height: 16px;
	border: 1px solid #8ddbf0;
	border-radius: 100%;
	position: absolute;
}
input[type="radio"]:checked + .frm_radio:after {
	position: absolute;
	content: '';
	top:8px;
	left:4px;
	width:10px;
	height:10px;
	background: #000;
	border-radius: 100%;
}
.frm_check {
	position: relative;
	display: block;
	padding:0 20px 4px 30px;
	cursor: pointer;
}
.frm_check:before {
	content: '';
	background: #fff;
	top:4px;
	left:0;
	width:16px;
	height:16px;
	border: 1px solid #8ddbf0;
	position: absolute;
}
input[type="checkbox"]:checked + label:after {
	content: '';
	top:2px;
	left:6px;
	width:6px;
	height:12px;

	border-bottom: 4px solid #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
}
.frm_select_wrap {
	width:240px;
	border: 1px solid #8ddbf0;
	border-radius: 3px;
	overflow:hidden;
	position:relative;
}
.frm_select_wrap:after {
	content:'';
	display:block;
	width:0;
	height:0;
	margin:auto 0;
	border:4px solid transparent;
	border-bottom:0;
	border-top:6px solid #000;
	position:absolute;
	top:0;
	bottom:0;
	right:12px;
}
.frm_select {
	background-color:#fff;
	width:114%;
	padding:7px 10px 6px;
}
.frm_select:-ms-expand {
	display: none;
}
#bg{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.7);
	z-index:9999999;
}
#alertbox{
	background:#fff;
	text-align: center;
	width:300px;
	height:128px;
	margin:auto;
	padding-top:30px;
	border-radius:3px;
	box-shadow: 2px 2px rgba(0,0,0,0.3);
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
}

/* ボタン */
.btn_wrap {
	margin-top:32px;
}
.btn_default {
	background-color: #ffffff;
	color: #969595;
	font-size:16px;
	font-weight:bold;
	line-height:49px;
	height:48px;
	margin-right:20px;
	padding:0 24px;
	border: 1px solid #969595;
	border-radius: 2px;
	cursor:pointer;
}
.btn_default:hover {
	color: #414141;
	border: 1px solid #414141;
}
.btn_submit,.btn_more {
	color: #ffffff;
	background: #000;
	font-size:16px;
	line-height:49px;
	letter-spacing: .05em;
	font-weight:bold;
	width:240px;
	height:48px;
	border-radius: 2px;
	cursor:pointer;
}
.btn_more {
	text-align:center;
	margin:0 auto;
}
.btn_submit:hover,.btn_more:hover {
	background-color:rgba(10,195,246,.7);
}

/* layout */
.fl_l { float:left; }
.fl_r { float:right; }

.w_full { width:100%; height:auto; }

.w_pc_298 { width:298px; }
.w_pc_128 { width:128px; }
.w_120 { width:120px !important; }
.w_pc_m600	{ max-width:600px !important; min-width: 360px; }

/* label */
.lbl_dot {
	padding-left:24px;
	position:relative;
}
.lbl_dot + .lbl_dot {
	margin-top:10px;
}
.lbl_dot:before {
	content:'●';
	color:#000;
	font-size:16px;
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.lbl_dot_number {
	background-color:#e6f9fe;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:49px;
	vertical-align:middle;
	display:inline-block;
	width:45px;
	height:48px;
	margin-right:16px;
	padding-left:3px;
	border-radius:100%;
}

/* .lbl_new:before {
	content: 'NEW';
	background-color: #fff100;
	font-size:16px;
	font-weight: bold;
	line-height: 25px;
	display: inline;
	height: 24px;
	margin-right: 20px;
	padding: 0 10px;
} */

.lbl_flow_explan {
	position:relative;
}
.lbl_flow_explan:before {
	content:'本校で実施';
	color:#fff;
	background-color:#000;
	text-align:center;
	line-height:30px;
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	display:block;
	width:126px;
	height:30px;
	position:absolute;
	top:-45px;
	left:-2px;
}
.list_flow_inc .lbl_flow_explan:before {
	width:204px;
}

.lbl_check {
	margin-bottom:5px;
	padding-left:30px;
	position:relative;
}
.lbl_check.last { margin-bottom:0; }
.lbl_check:before,
.lbl_check:after {
	content:'';
	display:block;
	position:absolute;
}
.lbl_check:before {
	background-color:#fff;
	width:16px;
	height:16px;
	border-radius:2px;
	left:0;
	top:4px;
	z-index:1;
}
.lbl_check:after {
	width:6px;
	height:12px;
	border-right:4px solid #000;
	border-bottom:4px solid #000;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	left:6px;
	top:2px;
	z-index:5;
}
.lbl_ellipse {
	background-color:#ffffff;
	font-size:14px;
	white-space:nowrap;
	padding:4px 10px;
	border-radius:4px;
}

/* icon */
.ico {
	overflow:hidden;
}
.ico:before {
	content:'';
	background-image:url(/assets/img/ico_sprite.svgz);
	background-repeat:no-repeat;
	display:block;
}
.is_ico_hidden .ico:before {
	height:0;
	margin:0;
}
.ico_tng:before,
.ico_svc:before,
.ico_lsn:before,
.ico_cmp:before,
.ico_mmb:before,
.ico_gid:before {
	margin:3px auto 3px;
	height:48px;
}
.ico_tng:before {
    background-image: url("../images/FXtore.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80px 64px; /* 画像の縦横のサイズを指定 */
	margin-bottom: 0;
    content: "";
    display: block;
    width: 80px; /* 要素の幅を指定 */
    height: 64px; /* 要素の高さを指定 */

}
.ico_svc:before {
    background-image: url("../images/benkyo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80px 64px; /* 画像の縦横のサイズを指定 */
	margin-bottom: 0;
    content: "";
    display: block;
    width: 80px; /* 要素の幅を指定 */
    height: 64px; /* 要素の高さを指定 */
}
.ico_lsn:before {
    background-image: url("../images/biji.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80px 64px; /* 画像の縦横のサイズを指定 */
	margin-bottom: 0;
    content: "";
    display: block;
    width: 80px; /* 要素の幅を指定 */
    height: 64px; /* 要素の高さを指定 */
}
.ico_cmp:before {
    background-image: url("../images/goj.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 80px 64px; /* 画像の縦横のサイズを指定 */
	margin-bottom: 0;
    content: "";
    display: block;
    width: 80px; /* 要素の幅を指定 */
    height: 64px; /* 要素の高さを指定 */
}
.ico_mmb:before {
    background-image: url("../images/gatu.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100px 80px; /* 画像の縦横のサイズを指定 */
	margin-bottom: 0;
    content: "";
    display: block;
    width: 100px; /* 要素の幅を指定 */
    height: 80px; /* 要素の高さを指定 */
}
.ico_gid:before {
	background-position:-500px 0;
	width:38px;
}

.ico_tw,
.ico_fb {
	color:transparent;
	letter-spacing:normal;
	display:inline-block;
	vertical-align:top;
}
.ico_tw:hover,
.ico_fb:hover {
	opacity:.7;
}
.ico_tw { width:20px; height:18px; }
.ico_fb { width:18px; height:26px; margin-left:8px; }
.nav_sns_wrap .ico_tw { width:30px; height:26px; }
.nav_sns_wrap .ico_fb { width:26px; height:26px; margin-left:12px; }
.ico_tw:before { background-position:-100px -150px; width:20px; height:18px; }
.ico_fb:before { background-position:-200px -150px; width:18px; height:18px; }
.nav_sns_wrap .ico_tw:before { background-position:-100px -100px; width:30px; height:26px; }
.nav_sns_wrap .ico_fb:before { background-position:-200px -100px; width:26px; height:26px; }

.ico_home {
	color:transparent;
	display:block;
	width:18px;
	height:16px;
	padding:12px 0;
	overflow:hidden;
}
.ico_home:hover {
	opacity:.7;
}
.ico_home:before {
	background-position:0 -150px;
	width:18px;
	height:16px;
}

/* ellipsis */
.ellipsis_wrap {
	width:100%;
}
.ellipsis {
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* totop */
.totop {
	background-color:rgba(255,255,255,.3);
	color:transparent;
	text-indent:-100%;
	display:block;
	width:72px;
	height:72px;
	border:2px solid #001d26;
	box-sizing:border-box;
	cursor:pointer;
	overflow:hidden;
	position:fixed;
	bottom:-100px;
	right:20px;
	z-index:10;
	transition-duration:.5s;
}
.totop.is_show { bottom:80px; }
.totop:before {
	content:'';
	width:18px;
	height:18px;
	margin:auto;
	border-top:2px solid #001d26;
	border-left:2px solid #001d26;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:14px;
	bottom:0;
	right:0;
	left:0;
}

/*============================
    media width 930
============================*/
@media only screen and (max-width:930px){
.is_tab_none { display:none; }

/* text */
.box_tab .notes,
.box_tab .list_flow_inc + .notes { width:100%; }

/* link */
.btn_link {
	margin:0 auto 20px;
}

/* list */
/* 訓練フロー */
.list_flow_tng {
	font-size:1rem;
	width:100%;
	margin:0;
	padding:0 0 20px 50px;
	box-sizing:border-box;
}
.list_flow_inc { width:100%; }
.list_flow_tng:before {
	width:4px;
	height:90%;
	left:50px;
}
.list_flow_li {
	-webkit-writing-mode:horizontal-tb;
	-ms-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	text-align:center;
	float:none;
	width:100%;
	height:48px;
	margin:0 0 20px;
	padding:10px 0;
	box-sizing:border-box;
}
.list_flow_li.last {
	margin-bottom:0;
}
.list_flow_li.is_active {
	border:2px solid #000;
}
.lbl_flow_explan:before {
	-webkit-writing-mode:vertical-lr;
	-ms-writing-mode:tb-lr;
	writing-mode:vertical-lr;
	text-align:center;
	display:block;
	width:30px;
	height:116px;
	position:absolute;
	top:-2px;
	left:-50px;
}
.list_flow_inc .lbl_flow_explan:before {
	width:30px;
	height:184px;
}

/* 関連サイトリンク */
.list_relatelink {
	width:100%;
	margin:0;
	padding:0 20px;
	box-sizing:border-box;
}
.list_relatelink_li {
	display:block;
	width:100%;
	height:auto;
	float:none;
	margin:0 0 10px;
}
.list_relatelink_li.end {
	margin-right:0;
}
.list_relatelink_li a {
	font-size:1rem;
	line-height:1.4;
	display:block;
	text-align:left;
	height:auto;
	padding:20px 40px 18px 25px;
	position:relative;
}
.list_relatelink_li a:active { opacity:.7; }
.list_relatelink_li a:after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin: auto 0;
	border-right:1px solid #414141;
	border-top:1px solid #414141;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
}

/* layout */
.fl_l,.fl_r { float:none; }

.w_tab_m350 { max-width:350px; }

/* end media width 930 */
}

/*============================
    media width 780
============================*/
@media only screen and (max-width:780px){
.is_sp_none { display: none !important; }
.is_sp_none { margin:0; }

.iframe_wrap {
	height:320px;
	margin-bottom:10px;
}
.iframe_wrap iframe { height:100%; }

/* background */
.bg_grid { margin-bottom:30px; }

/* text */
.txt { font-size:1rem; }
.txt_s { font-size:0.875rem; }

/* link */
.btn_link_partner {
	font-size:1rem;
	line-height:normal;
	max-width:240px;
	height:auto;
	margin:20px auto 0;
	padding:16px 0 14px;
}

/* space */
.p_box { padding:12px 20px 10px; }
.sp_p_b_0 { padding-bottom:0 !important; }

/* list */
.list_vertical,
.list_horizon {
	margin:5px 0;
}
.list_horizon_li {
	float:none;
	width:100%;
}

.list_define_title { width:24%; }
.list_define_content { width:76%; }

/* パンくずリスト */
.list_bread_wrap {
	width:100%;
	height:48px;
	margin-bottom:30px;
	overflow-y:hidden;
	overflow-x:auto;
}
.list_bread_wrap:-webkit-scrollbar {
  display: none;
  height: 0 !important;
}
.list_bread {
	font-size:0.875rem;
	white-space:nowrap;
	margin-left:-10px;
	padding:0;
	-webkit-overflow-scrolling:touch;
}
.list_bread_li {
	line-height:49px;
	margin-right:28px;
}
.list_bread_li.is_current,
.list_bread_li a{
	padding:0 30px;
}
.list_bread_li a:before,
.list_bread_li a:after {
	border-top:25px solid transparent;
	border-bottom:25px solid transparent;
}
.list_bread_li a:before { border-left:25px solid #e7f8fd; right:-25px; z-index:1; }
.list_bread_li a:after { border-left:25px solid #001d26; right:-26px; }

/* 制作の流れ */
.list_flow_svc {
	padding:0 20px;
}
.list_flow_cont {
	font-size:0.875rem;
	padding:0 0 20px 65px;
	position:relative;
}

/* 初めてお越しの方 */
.list_flow_gid {
	width:100%;
	padding:0 20px;
	box-sizing:border-box;
}

/* table */
.tbl_wrap { padding:0 20px; }
table,tbody,tr,th,td {
	display:block;
	width:100%;
}
.tbl {
	font-size:1rem;
	border-top:0;
}
.tbl_head,.tbl_cont { box-sizing:border-box; }
.tbl_head {
	width:100%;
	padding:10px 12px;
	border-bottom:0;
}
.tbl_cont {
	border-bottom:0;
	padding:10px 0 20px;
}

/* form */
.frm_text,.frm_textarea,.frm_select_wrap {
	width:100%;
}
.frm_text {
	max-width:none;
}
.frm_text,.frm_textarea{
	padding:14px 12px 14px;
}
.frm_select_wrap {
	box-sizing:border-box;
}
.frm_select {
	padding:13px 12px 12px;
}

/* btn */
.btn_default {
	font-size:0.875rem;
	margin-right:10px;
	padding:0 16px;
}
.btn_submit,.btn_more {
	font-size:0.875rem;
	width:200px;
}

/* layout */
.w_pc_298,.w_pc_128 { width:100%; }
.w_pc_m600 { max-width:none !important; min-width:0; }

.h_sp_160 { height:160px !important; }

/* icon */
.ico_tng:before,
.ico_svc:before,
.ico_lsn:before,
.ico_cmp:before,
.ico_mmb:before,
.ico_gid:before { margin:0 auto 5%; }

.nav_sns_wrap .ico_tw { width:35px; height:35px; }
.nav_sns_wrap .ico_fb { width:35px; height:35px; margin-left:20px; }
.nav_sns_wrap .ico_tw:before { background-position:-300px -100px; width:35px; height:35px; }
.nav_sns_wrap .ico_fb:before { background-position:-400px -100px; width:35px; height:35px; }

.ico_home {
	width:32px;
	height:28px;
	padding:10px 0;
}
.ico_home:active {
	opacity:.7;
}
.ico_home:before {
	background-position:0 -100px;
	width:32px;
	height:28px;
}

/* label */
.lbl_new:before {
	font-size:0.875rem;
	line-height:19px;
	height:18px;
	margin-right:8px;
	padding:0 4px;
}
.lbl_dot_number {
	font-size:1rem;
}
.lbl_ellipse {
	font-size:0.875rem;
}

/* link */
a.textlink:hover,
a.textlink:active {
  text-decoration: none; /* ホバー時とクリック時にテキストの下線をなくす */
  background-color: rgba(230, 249, 254, 0.9); /* クリック時の背景色を設定 */
}
/* to top */
.totop {
	width:48px;
	height:48px;
	border-width:1px;
}
.totop.is_show { bottom:20px; }
.sp_fix_footer.is_active .totop { bottom:80px; }
.totop:before {
	width:12px;
	height:12px;
	top:10px;
}

/* end media width 780 */
}


/* 追記した記述 */

h2{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

h4{
	text-shadow: 2px 2px 4px red;
	margin-top: 2em;
	font-size: 1.8em;
	font-weight: bold;
}

h5{
	font-size: 30px;
	text-align: center;
	color: #000;
	text-shadow: 2px 2px 4px yellow;
}

.onra{
	width: 400px;
	height: auto;
	display: block;
	margin: 0 auto 50px;
	transition: transform 0.3s ease;
	border:10px solid hsl(46, 100%, 72%);
	cursor: pointer;
}
.onra:hover {
	transform: scale(1.2);
}

.onyu{
	width: 504px;
	height: 315px;
	display: block;
	margin: 0 auto 50px ;
	transition: transform 0.3s ease;
	border:3px solid #000;
	cursor: pointer;

}
.onyu:hover {
	transform: scale(1.2);
}

.csura:hover {
	transform: scale(1.2);
}


main {
	max-width: 1280px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
  }
  
  html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.wrap {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
}

div .dayo{
	margin-left: 198px;
	margin-top: 32px;
	justify-content: center;
	text-align: left;
	font-size: 20px;

}

.bold{
	font-weight: bold;
	font-size: 20px;
}

/* チェックボックスのデフォルトスタイルを非表示にする */
.nav-toggle {
    display: none;
}

/* カスタムスタイルを適用 */
.btn-burger {
    display: block;
    width: 64px;
    height: 50px;
    background-image: url(../images/MENU.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}

/* チェックされた状態のボタン */
.nav-toggle:checked + .btn-burger {
    background-image: url(../images/CLOSE.png);
    background-size: contain;
}

/* ナビゲーションの表示・非表示を切り替える */
.nav-toggle:checked + .btn-burger + .navv {
    display: flex; /* 表示する際にflexに変更 */
    opacity: 1;
}

/* ナビゲーションのスタイル */
.navv {
    display: flex;
    border-color: #000;
    height: 100%;
    width: 1500px;
    justify-content: center;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff; /* ナビゲーションの背景色を指定 */
}




.nav-menu {
	text-align: center;
	position: relative;
	top:0px;
	left:0px;

  }

  .scroll-to-top {
	position: fixed; /* 位置を固定 */
	bottom: 20px; /* 画面の下からの位置 */
	right: 20px; /* 画面の右からの位置 */
	z-index: 100; /* 他の要素の上に表示 */
  }
  
  .scroll-to-top img {
	width: 100px; /* 幅の設定 */
	height: 100px; /* 高さの設定 */
  }

  #slider li {
	display: none; /* すべてのスライドを非表示にする */
  }
  
  #slider li:first-child {
	display: block; /* 最初のスライドだけは表示する */
  }

  /* 中央ぞろえ */
  .tyuuou {
	width: 90%;
	position: relative;
	left: calc(50% - 30px);
	transform: translateX(-50%);
  }

  /* スペース開ける */
.snsicon{
	margin: 20px;
}