@charset="utf-8";
*{
	box-sizing:border-box;
}
html, body, div span, spplet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockqute, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
samll, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, ffoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
mene, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
/*HTML5　display-role rest for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}
body{
	width:100%;
	height:100%;
	line-height: 1.7;
	font-family:roboto,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#333;
	font-size:15px;
	-webkit-text-size-adjust: 100%;
	/*! border: 10px solid #ef2021; */
	box-sizing:  border-box;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="text"], input[type="password"], textarea, 
select {
	outline: none;
}

img{
	vertical-align:bottom;
}

a{
	text-decoration:none;
	color:#fff;
	transition:.3s;
	border:0;
	outline:0;
}
a:hover{
	font-weight:600;
}
/*画像リンク付き*/
.anchor_pic:hover{
	opacity:0.6;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/*==================================
共通(header・wrap・footer基本設定)
==================================*/
#wrap{
	width:100%;
	max-width:2400px;
}
/* ------------------------- 
header ヘッダー設定
---------------------------*/
/*-------ヘッダーー---------*/
.page_h{
	height: 80px;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.contact_h_inner{
	background-color:#fff;
	clear:both;
	width:900px;
	margin:13px auto 0px;
	border-radius: 3px 3px 0px 0px
}
/*ヘッダー下線　紫色*/
.contact_h_inner::after{
	display:block;
	clear:both;
	content:"";
	width:93.5%;
	margin:0px auto 0;
	border-bottom:2.5px solid #7B1451;
}

/*-------ロゴマークと文字---------*/
.p_logotitle{
	width:190px;
	margin:10px 1px 0;
	padding:10px 0 20px;
	position:relative;
	overflow:hidden;
	float:left;
	clear:both;
}
.p_logotitle .main_logo{
	float:left;	
	width:35px;
	height:35px;
	margin:10px 5px 0 30px;
}
.p_logotitle .c_name{
	color:#014479;
	font-size:32px;
	font-weight:normal;
	float:left;
}
/*ホームアイコン親要素 tohome_icon*/
.tohome_icon{
	float:right;
	margin:22px 26px 0 0;
}
/*ホームアイコン to_home_icon*/
.to_home_icon{
	width:50px;
}
/*---------ヘッダーナビ---------*/
.h_nav{
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	float:right;
}
.h_nav_list{
	display:flex;
	margin:27px 115px 0 0px;
	padding: 0px 0px 0px calc(100% - 675px);
}
.nav_items{
	font-size:1.0rem;
	text-align:center;
	margin: 0px 17.5px 0px;
}
.nav_items_long{
	font-size:1.0rem;
	text-align:center;
	padding: 0px 18px 0;
	letter-spacing:-0.2px;
}
/* ------------------------- 
footer フッター設定
---------------------------*/
/*フッター背景設定*/
.f_inner{
	width:900px;
	background-color:#fff;
	border-radius: 0px 0px 3px 3px;
	margin:0 auto 10px;
	text-align:center;
}
/*コピーライト*/
.f_inner_copyright{
	margin:0 auto;

}
/*=============================== 
   お問い合わせページ contact.html
 ================================*/
/*お問い合わせページ全体背景設定 body*/
#contact{
	width:100%;
	background-color:#F2F2F2;

	/*background:url(../images/contact.jpg);
	background-repeat:no-repeat;
	background-position: -15px 18px;
	background-size:100%;
	*/

}
/*---メインコンテンツ main_contents---*/
.main_contents{
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
/*---メインコンテンツインナー m_inner---*/
.m_inner{
	width:900px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	/*border:1px solid red; */
}
/*---コンテンツ No2 contact_content_no2---*/
.contact_content_no2{
	margin-bottom:100px;
}
/*---お問い合わせフォームタイトル contact_page_title---*/
.contact_page_title{
	margin:3px 8px 0;
}
/*---お問い合わせフォーム　contact_form_title----*/
.contact_form_title{
	font-size:19px;
	font-weight:700;
	letter-spacing:-0.5px;
	color:#7b1451;
}
/*---下線　疑似要素 .contact_page_title---*/
.contact_page_title::after{
	display:block;
	content:"";
	margin:5px 0 0 ;
	border-bottom:1.5px solid #ecedf5;
}
/*---お問い合わせ項目 背景設定 request---*/
.request{
	margin:0 10px 0;
	overflow:hidden;
	clear:both;
}
/*---質問事項と回答欄 request_items---*/
.request_items{
	overflow:hidden;
	clear:both;
	display:flex;
	width:100%;
	margin:6px 0 8px;
	padding: 0 0 10px;
	border-bottom:1.5px solid #ecedf5;
}
/*---項目左側要素 q_left ---*/
.q_left{
	width:21%;
	margin:5px 0px 5px 12px;
	line-height:24px;
}
/*---質問文 q_title---*/
.q_title{
	font-size:14px;
	font-weight:700;
	margin:3px 0 0;
}
/*---必須マーク requiredmark---*/
.requiredmark{
	height:15px;
	background-color:#d9534f;
	color:#fff;
	margin:0px 7px 0;
	padding: 0px 5px 0px;
	font-size:12px;
}
/*---入力項目 右側 q_right---*/
.q_right{
	width:75%;
	margin:8px 23px 2px 50px;
}
/*---右側 親要素 q_input---*/
.q_input{
	clear:both;
	position:relative;
}
/*---チェックボックス親要素 request_check ----*/
.request_check{
	clear:both;
	position:relative;
	display:flex;
	-webkit-flex-direction:column; /* Safari etc. */
	-ms-flex-direction:column;     /* IE10        */
	flex-direction:column;
}
/*---お問い合わせ理由 reason_checkbox ---*/
.reason_checkbox{
	position:relative;
	overflow:hidden;
	display :-webkit-box;     /* old Android */
	display :-webkit-flex;    /* Safari etc. */
	display :-ms-flexbox;     /* IE10        */
	display :flex;
	-webkit-flex-direction:row; /* Safari etc. */
	-ms-flex-direction:row;     /* IE10        */
	flex-direction:row;
}
/*---お問い合わせチェックボックス reason_check_point ---*/
.reason_check_point{
	width:15px;
	height:15px;
}
/*---理由選択 reason_sentence ---*/
.reason_sentence{
	font-weight:700;
	line-height:20px;
	margin:0 0 3px;
}
/*--- 入力項目 q_input---*/
.input_words_space{
	font-size:16px;
	margin:1px 0px 1px;
	padding:4.5px;
	width:100%;
}
/*---性別 gender----*/
.gender{	
	width:15px;
	height:15px;
	margin:10px 7px 15px;
	padding:15px 0 15px;

}
/*--- 性別　文章 sex ---*/
.sex{
	font-weight:700;
}
/*---ラジオボタン親要素 radio_input_area ---*/
.radio_input_area{
	width:100%;
}
/*----現在の仕事　ラジオボタンと文章 親要素 radion_button_sentence---*/
.radion_button_sentence{
	clear:both;
	position:relative;
	display: inline-block;
	width:120px;
	height:35px;
}
/*---現在の仕事 occupation----*/
.occupation{
	position:absolute;
	top:0; left:0;
	width:15px;
	height:15px;
	margin:8px 5px 8px;
}
/*職業文章 job*/
.job{
	position:absolute;
	top:2px; left:30px;
	font-weight:700;
	font-size:15px;
}
/*---入力項目下　記入例 note_comment---*/
.note_comment{
	font-size:16px;
	font-weight:700;
	margin:0px 5px; 0;
}
.note_comment2{
	font-size:16px;
	font-weight:700;
	margin:2px 5px 4px;
}
/*---相談内容 input_free_space---*/
.input_free_space{
	font-size:16px;
	margin:3px 4px -2px;
	padding:4.5px;
	width:100%;
}
/*---内容確認ボタン check_btn---*/
.check_btn{
	display:block;
	width:150px;
	text-align:center;
	margin:20px auto 0px;
}
.send_contact_modify_btn{
	background-color:#fff;
	border:2px solid #d9534f;
	color:#d9534f;
	border-radius:5px;
	padding:4.5px 0px 10px;
	font-size:18px;
	height:40px;
	width:128px;
}
/*----未入力チェックメッセージ ----*/
.not_enter_check{
	margin: 3px 5px 3px;
}
.errer_msg{
	font-size:13px;
	color:red;
	font-weight:700;
}

/*=============================== 
   内容確認ページ confirm.php
 ================================*/
/*内容確認ページ全体背景設定 body*/
#confrim{
	width:100%;
	background-color:#F2F2F2;
	
	/*background:url(../images/confirm.jpg);
	background-repeat:no-repeat;
	background-position: -7px -1px;
	background-size:100%;
	*/
}
/*---お問い合わせフォームタイトル confrim_page_title---*/
.confrim_page_title{
	margin:3px 65px 0;
}
/*---お問い合わせフォーム　confrim_form_title----*/
.confrim_form_title{
	font-size:19px;
	font-weight:700;
	letter-spacing:-0.5px;
	color:#7b1451;
}
/*確認項目 confrim_area */
.confrim_area{
	margin:10px 60px 0; 
}
/*---入力項目 右側 confrim_right---*/
.confrim_right{
	width:50%;
	margin:0px 23px 2px 65px;
}
/*---お問い合わせ理由（確認表示） confrim_reason ---*/
.confrim_reason{
	margin:10px 0 0 ;
	position:relative;
	overflow:hidden;
	display :-webkit-box;     /* old Android */
	display :-webkit-flex;    /* Safari etc. */
	display :-ms-flexbox;     /* IE10        */
	display :flex;
	-webkit-flex-direction:row; /* Safari etc. */
	-ms-flex-direction:row;     /* IE10        */
	flex-direction:row;
}
/*---記入された内容 input_value---*/
.input_value{
	font-size:16px;
	font-weight:700;
	margin:5px 5px 0;
}
.input_value2{
	font-size:16px;
	font-weight:700;
	margin:3px 5px 6px;
}
/*現在の職業 selected_job*/
.selected_job{
	font-weight:700;
	font-size:15px;
	margin:3px 3px 0px;
}

/*---入力変更・送信ボタン親要素 send_btn---*/
.send_btn{
	display:block;
	text-align:center;
	margin:58px auto 0px;
}
/*---入力変更ボタン send_btn---*/
.to_back_btn{
	background-color: #fff;
	border:2px solid #B8B8B8;
	color: #555;
	border-radius: 5px;
	padding: 7px 8px 9px;
	margin:0 15px 0;
	font-size: 16px;
	height: 43px;
	width: 135px;
}
/*---送信ボタン send_btn---*/
.sending_contact_btn{
	background-color:#fff;
	border:2px solid #d9534f;
	color:#d9534f;
	border-radius:5px;
	padding:7px 0px 9px;
	margin:0 15px 0;
	font-size:18px;
	height:43px;
	width:160px;
}
/*=============================== 
   送信完了ページ sent.php
 ================================*/
/*送信完了ページ全体背景設定 body*/
#sent{
	width:100%;
	background-color:#F2F2F2;
	
	/*background:url(../images/sent.jpg);
	background-repeat:no-repeat;
	background-position: -7px -1px;
	background-size:100%;
	*/
}
/*---送信完了タイトル confrim_page_title---*/
.sent_page_title{
	margin:3px auto 0;
	text-align:center;
}
/*---送信完了フォーム　confrim_form_title----*/
.sent_form_title{
	color:#7b1451;
	font-size:19px;
	font-weight:700;
	letter-spacing:-0.5px;
}
/*送信完了 sent_area */
.sent_area{
	margin:10px auto 0; 
}
/*---sent_items---*/
.sent_items{
	margin:42px 0 8px;
	text-align:center;
}
/*---送信完了メッセージ sent_msg---*/
.sent_msg{
	font-size:15px;
	font-weight:700;
	margin:0 0 10px;
}
/*---クローズボタン close_btn---*/
.close_btn a{
	color:#000;
	display:block;
	width:150px;
	text-align:center;
	margin:58px auto 0px;
}


/* ------------------------- 
ver.smartphone nav(スマホ画面)
---------------------------*/
/*動画視聴画面　画面幅900px*/
@media screen and (max-width:900px){

	/*-------ヘッダーー---------*/
	.page_h{
	height: auto;
	width:100%;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	}
	/*-------ヘッダーインナー----*/
	.contact_h_inner{
	background-color:#fff;
	clear:both;
	width:99%;
	margin:13px auto 0px;
	border-radius: 3px 3px 0px 0px
	}

	/*---メインコンテンツインナー m_inner---*/
	.m_inner{
	width:99%;
	margin:0 auto;
	padding:2%;
	background-color:#fff;
	/*border:1px solid red; */
	}
/*---質問事項と回答欄 request_items---*/
	.request_items{
	overflow:hidden;
	clear:both;
	-webkit-flex-direction: column;          /* Safari etc. */
	-ms-flex-direction    : column;          /* IE10        */
	flex-direction        : column;
	width:100%;
	margin:6px 0 8px;
	padding: 0 0 10px;
	border-bottom:1.5px solid #ecedf5;
	}
/*---項目左側要素 q_left ---*/
	.q_left{
	width:100%;
	margin:5px 0px 5px 2%;
	line-height:24px;
	}
/*---入力項目 右側 q_right---*/
.q_right{
	width:100%;
	margin:15px 23px 2px 5px;
	}
/*--- 入力項目 q_input---*/
.input_words_space{
	font-size:16px;
	margin:1px 0px 1px;
	padding:4.5px;
	width:95%;
	}
	/*--- 性別選択 choise_sex---*/
	.choise_sex{
	position:relative;
	display:inline-block;
	}
	/*---性別 gender----*/
	.gender{
	width:15px;
	height:15px;
	padding:15px 0 15px;
	margin: auto;
	vertical-align:middle;
	}
	/*--- 性別　文章 sex ---*/
	.sex{
	vertical-align:middle;
	width:100px;
	font-weight:700;
	margin: 10px 0 15px;
	padding: 0 10px 10px;
	}
/*---相談内容 input_free_space---*/
.input_free_space{
	font-size:16px;
	margin:3px 4px -2px;
	padding:4.5px;
	width:95%;
	}
	/*--------------
	入力内容確認画面
	---------------*/
	/*---お問い合わせ項目 背景設定 request---*/
	.request{
	margin:0 2% 0;
	overflow:hidden;
	clear:both;
	}
	/*---お問い合わせフォームタイトル confrim_page_title---*/
	.confrim_page_title{
	margin:3px 0px 0;
	text-align:center;
	}
	/*---お問い合わせフォーム　confrim_form_title----*/
	.confrim_form_title{
	font-size:16px;
	font-weight:700;
	letter-spacing:-0.5px;
	color:#7b1451;
	}
	/*確認項目 confrim_area */
	.confrim_area{
	margin:10px 2% 0; 
	}
	/*---入力項目 右側 confrim_right---*/
	.confrim_right{
	width:100%;
	margin:0px 3% 2px;
	}
	/*--------------
	お問い合わせ送信画面
	---------------*/
	/*---sent_items---*/
	.sent_items{
	margin:21px 2% 8px;
	text-align:center;
	}

}

/*動画視聴画面　画面幅768px*/
@media screen and (max-width:768px){

	/*ヘッダー下線　紫色*/
	.contact_h_inner::after{
	display:block;
	clear:both;
	content:"";
	width:93.5%;
	margin:0px auto 0;
	border-bottom:2.5px solid #7B1451;
	}

	/*-------ロゴマークと文字---------*/
	.p_logotitle{
	width:190px;
	margin:5px 1px 0;
	padding:4px 0 8px;
	position:relative;
	overflow:hidden;
	float:left;
	clear:both;
	}
	.p_logotitle .main_logo{
	float:left;	
	width:20px;
	height:20px;
	margin:10px 5px 0 20px;
	}
	.p_logotitle .c_name{
	color:#000;
	font-size:16px;
	font-weight:normal;
	float:left;
	margin-top:7px;
	}
	/*ホームアイコン親要素 tohome_icon*/
	.tohome_icon{
	float:right;
	margin:13px 26px 0 0;
	}
	/*ホームアイコン to_home_icon*/
	.to_home_icon{
	width:30px;
	}
	/*---入力変更・送信ボタン親要素 send_btn---*/
	.send_btn{
	width:auto;
	display:flex;
	flex-direction:column;
	text-align:center;
	margin:20px auto 0px;
	}
	/*---入力変更ボタン send_btn---*/
	.to_back_btn{
	margin:2% 15px 2%;
	}
	/*---送信ボタン send_btn---*/
	.sending_contact_btn{
	margin:2% 15px 2%;
	}
	/*フッター背景設定*/
	.f_inner{
	width:99%;
	background-color:#fff;
	border-radius: 0px 0px 3px 3px;
	margin:0 auto 10px;
	text-align:center;
	}
}