@charset "UTF-8";

/* --------------------------------------
リセット
--------------------------------------- */
 
* {margin:0px;padding:0px;}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a {text-decoration:none;overflow:hidden;}
img {border:none;vertical-align:top;}
li {list-style-type:none;}
hr {display:none;clear:both;}
br.clear {clear:both;}

/* --------------------------------------
共通
--------------------------------------- */

html {color:#000;
	font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;}

body {
	width:100%;
	background-color:#fff;}




	/* font size.
	* --------------------------------------- */

	.fs_12 {font-size:12px;}
	
	.fw_n { font-weight:normal; }
		
	/* contens main.
	* --------------------------------------- */		
	
	#contents {
		margin:0px 0px 0px;
		padding:0px;
		width:100%;
		color:#222;
		
	}
		
	#title {
		padding-top:25px;
		padding-bottom:10px;
		background-color:#ED6D00;
		text-align:center;
		font-size:26px;
		color:#FFFFFF;
	}
		
	#title_contact {
		padding-top:100px;
		padding-bottom:10px;
		background-color:#ED6D00;
		text-align:center;
		font-size:26px;
		color:#FFFFFF;
	}
		
	#title_about {
		padding-top:100px;
		padding-bottom:10px;
		background-color:#ED6D00;
		text-align:center;
		font-size:26px;
		color:#FFFFFF;
	}
	
	#title h1,
	#title_contact h1 {
		font-weight:bold;
	}
	
	
	#title_about h1 {
		font-weight:bold;
	}
	
	#pp_title {
		padding-top:110px;
		padding-bottom:10px;
		background-color:#FFFFFF;
		text-align:center;
		font-size:20px;
		color:#ED6D00;
	}
	
	#pp_title h1 {
		font-weight:bold;
	}
	
	#excel_title {
		padding-top:110px;
		padding-bottom:13px;
		background-color:#83B851;
		text-align:center;
	}
	
	#word_title {
		padding-top:110px;
		padding-bottom:13px;
		background-color:#70A9CB;
		text-align:center;

	}
	#word_title_tmp {
		padding-top:110px;
		padding-bottom:13px;
		background-color:#0E88B5;
		text-align:center;
	}

	#write_title {
		padding-top:25px;
		padding-bottom:13px;
		background-color:#FF9D46;
		text-align:center;
	}

	#main {
		margin:0 auto;
		padding:0px 0px 0px;
		width:1000px;
	}
	
	
	
	/* bk.
	* --------------------------------------- */
	

	#about_main_bk {
		background-color:#F7AC00;
	}	

	/* about.
	* --------------------------------------- */


	#about_text_a {
		font-size:20px;
		font-weight:bold;
		padding:26px 0px 0px 35px;
		height:35px;
	}

	#about_text_b {
		padding:0px 0px 0px 0px;
		height:341px;
		text-align:center;
	}	
	
	#about_text_c {
		font-size:20px;
		font-weight:bold;
		text-align:center;
		padding:0px 0px 0px 0px;
		height:40px;
	}	

	#about_text_d {
		font-size:26px;
		font-weight:bold;
		text-align:center;
		padding:12px 0px 0px 0px;
	}

	#about_text_d p {
		padding:5px 0px 0px 0px;
	}	
	
	#about_text_d h2 {
		font-size:40px;
		font-weight:bold;
		color:#FFFFFF;
		display:inline;
	}	
	


	/* excel.
	* --------------------------------------- */

	#excel_text_01 {
		margin:0px;padding:0px 0px 5px;
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:#FFF200;
	}

	.u_y {
		border-bottom:#FFF200;
		border-bottom-style:dotted;
		border-bottom-width:2px;
	}	
	
	#excel_text_02 {
		text-align:center;
	}
	
	#excel_text_02 h1 {
		margin:0px;padding:0px;
		font-size:60px;
		font-weight:bold;
		color:#FFF200;
		text-shadow: 0px 0px 8px #008750 , 0px 0px 8px #008750 , 0px 0px 8px #008750;		
	}
	
	#excel_main_top {
		text-align:center;
		height:563px;
		background-color:#00A73C;
	}
	
	#excel_fig {
		margin:0 auto;
		padding:20px 0px;
		width:960px;
		min-height:500px;
	}

	#excel_fig_bk {
		background-color:#E1EFD8;
	}
		
	#excel_fig_num {
		float:left;
		margin:0px 0px 0px 80px;
		width:80px;
		height:80px;
		text-align:center;
		color:#00A63C;
		font-size:60px;
		font-family:Arial, Helvetica, sans-serif;
	}
		
	#excel_fig_text {
		float:left;
		margin:12px 0px 0px 0px;
		text-align:left;
		color:#00A63C;
		font-size:16px;
		line-height:23px;
	}
	
	
	#excel_fig_fig {
		margin:12px 0px;
		text-align:center;
	}
	
	#excel_fig_fig img{
		text-align:center;
		background-position: center;
	}
	
	/* fig_contact. otameshi_contact.
	* --------------------------------------- */	
	
	#fig_contact {
		margin:0 auto;
		padding:40px 0px 50px;
		width:1000px;	
	}
	
	#fig_contact_text_01 {
		text-align:center;
		background-image:url(../img/contact_001.png);
		background-repeat:no-repeat;
		height:56px;
	}
	
	#fig_contact_text_01 h1 {
		margin:0px;
		padding:10px 0px 0px 0px;
		font-size:28px;
		font-weight:bold;
		color:#ED6D00;	
	}

	#fig_contact_text_02 {
		text-align:center;
		padding:0px 8px 0px 0px;
	}		
		
		
	#otameshi_contact {
		margin:0 auto;
		padding:60px 0px 30px 0px;
		width:1000px;	
	}
	
	#otameshi_contact_text_01 {
		text-align:center;
		background-image:url(../img/otameshi_bk.png);
		background-repeat:no-repeat;
		height:42px;
		margin:0px;
		padding:10px 0px 0px 0px;
		font-size:28px;
		font-weight:bold;
		color:#2FA7E0;
		text-shadow: 1px 1px 3px #bbb;	
	}

	#otameshi_contact_text_02 {
		text-align:center;
	}	

	#otameshi_contact_text_02 video{
		width: 100%;
	}	
	
	#make_contact {
		margin:0 auto;
		padding:80px 0px 120px 0px;
		width:1000px;	
	}
	
	#make_contact_text_01 {
		text-align:center;
	}


	#make_contact_text_02 {
		float:left;
		padding:0px 20px 0px 210px;
	}	
	
	#make_contact_text_03 {
		float:left;
	}	


	/* word.
	* --------------------------------------- */

	#word_text_01 {
		margin:0px;padding:0px 0px 5px;
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:#FFF200;
	}

	#word_text_02 {
		text-align:center;
	}
	
	#word_text_02 h1 {
		margin:0px;padding:0px;
		font-size:60px;
		font-weight:bold;
		color:#FFF200;
		text-shadow: 0px 0px 8px #008750 , 0px 0px 8px #008750 , 0px 0px 8px #008750;		
	}
	
	#word_main_top {
		text-align:center;
		height:563px;
		background-color:#0E88B5;
	}

	
	#word_fig {
		clear:left;
		margin:0 auto;
		padding:20px 0px;
		width:980px;
		min-height:650px;
	}

	#word_fig_bk {
		background-color:#E2EDF5;
		clear:left;
	}

	.word_fig_bk2  {
		position:relative;
		left: 405px;
		top: 65px;
		width: 197px;
		height: 132px;
		background-image:url(../img/yajirusi.png);
		background-repeat:no-repeat;
	}

		
	#word_fig_num {
		float:left;
		margin:0px 0px 0px 80px;
		width:80px;
		height:80px;
		text-align:center;
		color:#0D88B4;
		font-size:60px;
		font-family:Arial, Helvetica, sans-serif;
	}
		
	#word_fig_text {
		float:left;
		margin:12px 0px 30px 0px;
		text-align:left;
		color:#0D88B4;
		font-size:16px;
		line-height:23px;
	}

	#word_fig_text2 {
		padding:50px 0px 0px 0px;
		text-align:left;
		color:#ED6D00;	
		font-size:24px;
		line-height:32px;
		text-align:center;
		font-weight:bold;
	}
	
	#word_fig_fig {
		clear:left;
		margin:12px 0px;
		text-align:center;
	}

	#word_fig_dw {
		float:left;
		text-align:center;
		padding:30px 70px 30px 50px;
	}
	
	#word_fig_r {
		text-align:center;
		float:left;
		padding:30px 0px 30px 20px;
	}

	#word_fig_w {
		text-align:center;
		padding:30px 0px 30px 0px;
	}


	/* wordtmp.
	* --------------------------------------- */

	#wordtmp_main_top {
		text-align:center;
		height:563px;
		background-color:#70A9CB;
	}

	#wordtmp_main_top h1 {
		padding:30px 0px 0px 0px;
	}

	#wordtmp_main_text {
		text-align:center;
	}

	#wordtmp_fig {
		clear:left;
		margin:0 auto;
		padding:20px 0px;
		width:980px;
		min-height:650px;
	}

	#wordtmp_fig_bk {
		background-color:#E1E1E1;
		clear:left;
	}

	#wordtmp_fig_num {
		float:left;
		margin:0px 0px 0px 80px;
		width:80px;
		height:80px;
		text-align:center;
		color:#0D88B4;
		font-size:60px;
		font-family:Arial, Helvetica, sans-serif;
	}

	#wordtmp_fig_text {
		float:left;
		margin:12px 0px 30px 0px;
		text-align:left;
		color:#0D88B4;
		font-size:16px;
		line-height:23px;
	}

	#wordtmp_fig_fig {
		clear:left;
		margin:12px 0px;
		text-align:center;
	}


	#wordtmp_hyo {
		clear:left;
		margin:12px 0px;
		text-align:center;
	}

	#wordtmp_hyo table {
		border:3px solid #ccc;
		border-collapse:collapse;
	}

	#wordtmp_hyo th {
		border:1px solid #ccc;

	}

	/* write.
	* --------------------------------------- */

	#write_text_01 {
		margin:0px;padding:0px 0px 5px;
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:#FFF200;
	}

	#write_text_02 {
		text-align:center;
	}
	
	#write_text_02 h1 {
		margin:0px;padding:0px;
		font-size:60px;
		font-weight:bold;
		color:#FFF200;
		text-shadow: 0px 0px 8px #EC6E00 , 0px 0px 8px #EC6E00 , 0px 0px 8px #EC6E00;		
	}
	
	#write_main_top {
		text-align:center;
		height:563px;
		background-color:#EC6E00;
		padding:75px 0 0 0;
	}

	
	#write_fig {
		margin:0 auto;
		padding:20px 0px;
		width:960px;
		min-height:650px;
	}

	#write_fig_bk {
		background-color:#FDF5E6;
	}
		
	#write_fig_num {
		float:left;
		margin:0px 0px 0px 80px;
		width:80px;
		height:80px;
		text-align:center;
		color:#EC6E00;
		font-size:60px;
		font-family:Arial, Helvetica, sans-serif;
	}

	.write_fig_title {
		text-align:left;
		color:#EC6E00;
		font-size:36px;
		line-height:32px;
	}
		
	#write_fig_text {
		float:left;
		margin:16px 0px 5px 0px;
		text-align:left;
		color:#EC6E00;
		font-size:16px;
		line-height:21px;
	}
	
	#write_fig_fig {
		clear:left;
		margin:12px 0px;
		text-align:center;
	}
	
	#write_fig_fig_k {
		clear:left;
		padding:30px 0px;
		text-align:center;
	}

	/* service.
	* --------------------------------------- */
	
	#service_title {
		margin:50px 0px 0px 0px;
		text-align:center;
		font-size:20px;
		font-weight:bold;
	}
	
	#service_top {
		margin:20px 0px 30px;
		height:332px;
		background-image:url(../service/img/top_01.png);
		background-repeat:no-repeat;
		font-size:16px;
		line-height:20px;
		font-weight:bold;
	}

	#service_title_top{
		color:red;
		margin:50px 0px 0px 0px;
		font-size:16px;
		line-height:26px;
		font-weight:bold;
	}

	#service_top_text_a {
		margin:30px 0px 0px 42px;
		float:left;
		width:312px;
		text-align:center;
	}

	#service_top_text_b {
		margin:50px 0px 0px;
		float:left;
		width:294px;
		text-align:center;
	}

	#service_top_text_c {
		margin:42px 0px 0px;
		float:left;
		width:317px;
		text-align:center;
	}
	
	#service_text {
		clear:left;
		margin:35px auto 0px;
		width:784px;
	}

	#service_text_douga {
		font-size:20px;
		line-height:26px;
		font-weight:bold;
		text-align:center;
		padding:60px 0 50px 0;
	}	
	
	.service_douga {
		padding:20px 0 50px 0;
	}	

	#service_text_top {
		font-size:20px;
		line-height:26px;
		font-weight:bold;
	}

	#service_text_mtop {
		margin:25px 0px 0px;
		color:red;
		font-size:20px;
		line-height:26px;
		font-weight:bold;
	}
		
	#service_text_top a {
		color:#0068B7;
		text-decoration:underline;
	}
	
	#service_text_top a:hover {
		color:#ff6600;
		text-decoration:underline;
	}
	
	#service_text_mid {
		margin:55px 0px 0px;
		font-size:16px;
		line-height:22px;
	}
	
	.red_b {color:#E60013;
			font-weight:bold;}

	#service_text_mid li {
		margin:5px 0px 0px 30px;
		list-style-type:disc;
	}
	
	#service_text_mid_s {
		margin:0px 0px 0px 0px;
		font-size:12px;
		line-height:18px;
	}

	#ms_copy {
		margin:0px auto 50px;
		width:745px;
		font-size:12px;
		
	}
	
	
	/* form.
	* --------------------------------------- */
	
table.form { border:1px solid #fff; border-collapse:collapse; margin-top:1em;width:784px; }
table.form th,td { text-align:left; border:1px solid #fff; padding:10px 5px 10px 15px; font-weight:normal; }
table.form th { background:#FDE1A6; font-weight:bold; width:230px;}
table.form td { background:#FDE1A6; width:510px; }
input {margin:2px; padding: 2px;}
textarea {margin:5px 2px; padding: 3px; width:740px;}

#form_check img {vertical-align:middle;padding:0px 1px 0px 3px;}
#form_check {font-size:16px;line-height:26px;margin:30px 0px 20px 50px; padding: 3px;}

	#form_check a {
		color:#0068B7;
		text-decoration:underline;
	}
	
	#form_check a:hover {
		color:#ff6600;
		text-decoration:underline;
	}	

#form_submit { text-align:left;margin:0px 0px 0px 110px; }
.form_submit_back {padding:11px 40px 0px 0px;}


.msg { color:#dd0000; }
p.msg { color:#dd0000; margin:2em; }



		/* contact.
	* --------------------------------------- */
	
	#contact_text {
		clear:left;
		margin:35px auto 0px;
		width:784px;
	}
	
	#contact_text_top {
		font-size:18px;
		line-height:26px;
		font-weight:bold;
	}
	
	#contact_text_top a {
		color:#0068B7;
		text-decoration:underline;
	}
	
	#contact_text_top a:hover {
		color:#ff6600;
		text-decoration:underline;
	}	
	
	.red {color:#E60013;}	
	
#form_submit_contact { text-align:left;margin:30px 0px 0px 110px; }	







		/* kiyaku. pp. 
	* --------------------------------------- */

	
	
	#pp_main {
		margin:30px auto ;
		padding:0px 0px 30px;
		width:790px;
		font-size:16px;
		line-height:24px;
	}
	
	#pp_main a {
		color:#0068B7;
		text-decoration:underline;
	}
	
	#pp_main a:hover {
		color:#ff6600;
		text-decoration:underline;
	}

	#pp_main h3 {
		margin:25px 0px 3px;
		padding:0px 0px;
		font-size:18px;
		line-height:22px;
		font-weight:bold;
	}	

	#pp_main li{
		margin:0px 0px 0px 40px;
		list-style-type: decimal;
	}
	
	#pp_t{
		margin:0px 0px 0px 10px;
	}	
	
	#pp_t_r{
		margin:30px 0px;
		text-align:right;
	}	
	
	#pp_01 li{
		padding:0px 0px 15px 0px;
	}
	
	
	#pp_tt_01{
		margin:30px 0px;
		padding:0px 0px 0px 520px;		
		text-align:left;
	}	
	
	#pp02_tt01{	
		margin:0px 0px 0px 42px;
		font-size:12px;
	}
	
	#pp02_tt02{	
		margin:5px 0px 5px 20px;
	}
	
	#pp02list li{
		margin:0px 0px 0px 20px;
		list-style:disc;
	}	
	
	#pp_tt_02{
		margin:30px 0px;
		padding:0px 0px 0px 500px;		
		text-align:left;
	}
	
	.pp_tt_03{
		padding:0px 0px 0px 42px;
	}
	
	
		/* sitemap. 
	* --------------------------------------- */
	
	
	#sitemap_main {
		margin:30px auto ;
		padding:0px 0px 30px;
		width:790px;
		font-size:16px;
		line-height:24px;
	}
	
	#sitemap_main a {
		color:#000;
		text-decoration:none;
	}
	
	#sitemap_main a:hover {
		color:#ff6600;
		text-decoration:underline;
	}

	#sitemap_main h1 {
		margin:25px 0px 15px;
		padding:5px 5px 5px 20px ;
		font-size:18px;
		line-height:22px;
		font-weight:bold;
		border-bottom: 1px solid #333;
	}
	
	#sitemap_main h1 a {
		color:#000;
		text-decoration:none;
	}
	
	#sitemap_main h1 a:hover {
		color:#ff6600;
		text-decoration:underline;
	}
	
	#sitemap_main li{
		margin:0px 0px 10px 60px;
	}
	
	
	
		
		/* top_co. 
	* --------------------------------------- */

	.top_go_menu{
		position: fixed;
		display: flex;
		justify-content: right;
		right: 0;
		bottom: 0;
		margin-right: 5px;
		transform: translateX(100%);
		transition: .3s;
	}
.top_go_menu.active {
		transform: translateX(0); 
	}

	.topBtn{
		width: 40%;
	}
	.topBtn p{
		width: 20px;
		height: 20px;
		margin-left: auto;
		text-align: center;
		padding: 7px 7px;
		font-weight: bold;
		border-radius: 50%;
		cursor: pointer;
	}
	.topBtn p:hover{
		opacity: 0.7;
	}
	.topBtn a img{
		width: 100%;
	}
	.topBtn a video.btn-video{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;      /* 任意 */
  object-fit: cover;       /* トリミングして枠にフィット */
  background: #000;        /* 読み込み前の背景 */
}

	.wordver{
		background: #3778be;
		color: #dddddd;
	}
	.writever{
		background: #df6111;
		color: #dddddd;
	}
	.excelver{
		background: #6bb031;
		color: #dddddd;
	}

			
		/* info 
	* --------------------------------------- */
	#info{
		width: 800px;
		margin: 0 auto;
	}
	
	.info_title {
		padding-top:110px;
		padding-bottom:50px;
		background-color:#FFFFFF;
		text-align:center;
		font-size:28px;
		color:#ED6D00;
	}
	
	.info_title h1 {
		font-weight:bold;
	}

	.info_text-item{
		padding: 20px 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 15px;
		border-right: 2px solid #13cba3;
		border-left: #13cba3 2px solid;
	}
	.info_text-item:first-child{
		justify-content: space-between;
		font-size: 15px;
	}

	.info_text-day{
		width: 15%;
	}
	
	.info_text-type{
		width: 18%;
	}
	.info_text-type span{
		display: block;
		text-align: center;
		padding: 2px 2px;
		border-radius: 10px;
		font-weight: bold;
	}
	.info_text-type .info_text-type-new{
		border: #13cba3 2px solid;
		color: #13cba3;
	}
	.info_text-type .info_text-type-ment{
		border: #ec1515 2px solid;
		color: #ec1515;
	}
	.info_text-con{
		width: 60%;
	}