@charset "UTF-8";

@media screen and (min-width: 640px) and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}



/****************************************

	ヘッダ

*****************************************/
header{min-width:100%;}
#header{background-image:url("images/common/bg_header_01.gif"); background-repeat:repeat-x; background-position:left top;}
#header_inner{width:100%; margin:0 auto;}

#logo{text-align:center;}
h1{padding:40px 0 15px 0;}

#header_side{width:482px; margin:0 auto;}
#header_side ul{margin:0 0 0 0;}
#header_side ul li{float:left; line-height:1.0;}
#header_side ul li#header_tel{padding:1px 20px 0 0;}
#header_side ul li#header_contact{padding:0 0 0 0;}



/****************************************

	ナビゲーション

*****************************************/
#navi{min-width:100%; background:#FFFFFF; position:relative; z-index:100; margin:30px 0 0 0;}

#navi_menu{display:none;}
#navi_menu li{width:100%; display:block; float:left; margin:0; padding:0; border-top:1px solid #FFFFFF;}
#navi_menu li a{display:block; padding:7px 0 7px; background-color:#13A76A; color:#FFFFFF; text-align:center; text-decoration:none;}
#navi_menu li a:hover{background:#11965F; color:#FFFFFF;}
#navi_menu li:last-child a{border:none;}
#navi_menu li img{display:none;}
#navi_menu li a:before{content: attr(data-label);}

#navi_toggle{display:block; position:relative; width:100%; margin:0 auto; background:#13A76A;}
#navi_toggle a{display:block; position:relative; padding:10px 0 10px; color:#FFFFFF; text-align:center; text-decoration:none;}
#navi_toggle:before{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:20px; margin-top:-10px; background:#FFFFFF;}
#navi_toggle a:before, #navi_toggle a:after{display:block; content:""; position:absolute; top:50%; left:10px; width:20px; height:4px; background:#009933;}
#navi_toggle a:before{margin-top:-6px;}
#navi_toggle a:after{margin-top: 2px;}




/****************************************

	ビジュアル

*****************************************/
#mainvisual{}
#mainvisual_inner{height:300px; width:100%; margin:0 auto 30px auto;}

#subvisual{min-width:100%; background-image:url("images/common/bg_visual_01.gif"); background-position:top left;}
#subvisual h2{margin:0 20px 40px 20px; padding:35px 0 35px 0; font-size:28px; line-height:1.2; color:#13A76A; font-weight:normal;}



/****************************************

	フッター

*****************************************/
footer{min-width:100%;}
#footer{background:#13A76A;}
#footer_inner{width:100%; margin:0 auto;}

#footer_section_01{margin:0 20px;}
#footer_logo{text-align:center; padding:30px 0 15px 0;}
#footer_address{padding:0 0 15px 0; color:#FFFFFF; font-size:14px; line-height:1.6;}
#footer_tel{padding:0 0 10px 0; color:#FFFFFF; font-size:14px; line-height:1.6; font-weight:bold;}

#footer_section_02{margin:0 20px;}
#footer_link ul{padding:20px 0 20px 0;}
#footer_link ul li{color:#FFFFFF; font-size:14px; line-height:1.2; background-image:url("images/common/bg_footer_01.gif"); background-repeat:repeat-x; background-position:left bottom;}
#footer_link ul li a{color:#FFFFFF; text-decoration:none; padding:10px 0 10px 0; display:block;}
#footer_link ul li a:hover{color:#FFFFFF; text-decoration:underline;}

#footer_copyright{}
#footer_copyright p{text-align:center; padding:20px 0 20px 0; color:#787878; font-size:12px; line-height:1.2;}



/****************************************

	テンプレート

*****************************************/
#contents{margin:0 20px;}


#pagetop{position:fixed; bottom:30px; right:30px; font-size:77%; z-index:9999;}
#pagetop a{background-image:url("images/common/pagetop.png"); background-repeat:no-repeat; background-position:left top; display:block; width:60px; height:60px;}


#contents h2{background-image:url("images/common/bg_h2_01.gif"); background-position:left top; border-left:5px solid #13A76A; padding:13px 15px 13px 15px; color:#787878; font-size:22px; line-height:1.2; font-weight:bold; margin:0 0 20px 0;}
#contents h3{background-image:url("images/common/bg_h3_01.gif"); background-position:left top; border-bottom:1px solid #13A76A; padding:13px 15px 13px 15px; color:#787878; font-size:20px; line-height:1.2; font-weight:bold; margin:0 0 20px 0;}
#contents h4{border-bottom:2px solid #13A76A; padding:10px 15px; color:#787878; font-size:18px; line-height:1.2; font-weight:bold; margin:0 0 20px 0;}
#contents h5{border-left:3px solid #13A76A; padding:0 10px; color:#787878; font-size:16px; line-height:1.2; font-weight:bold; margin:0 0 20px 0;}

#contents p{margin:0 0 20px 0; color:#787878; font-size:15px; line-height:1.6;}

.post_contact{margin:40px 0 50px 0; padding:5px; background-image:url("images/common/bg_post_contact_01.gif"); background-position:left top;}
.post_contact_inner{min-height:120px; background:#FFFFFF; background-image:url("images/common/bg_post_contact_02.png"); background-repeat:no-repeat; background-position:right bottom;}
.post_contact_inner ul{padding:0 !important; margin:0 0 0 0 !important;}
.post_contact_inner ul li{margin:0 !important; padding:0 !important; background-image:none !important;}
.post_contact_inner ul li:nth-child(1) {text-align:center; padding:35px 10px 20px 10px !important;}
.post_contact_inner ul li:nth-child(2) {text-align:center; padding:0 10px 20px 10px !important;}
.post_contact_inner ul li:nth-child(3) {text-align:center; padding:0 10px 20px 10px !important;}

#contents table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #13A76A;}
#contents table th{width:25%; background-color:#F3F1EA; padding:14px; border:1px solid #13A76A; border-right:none; color:#787878; font-weight:normal; font-size:15px; text-align:left;}
#contents table td{background-color:#FFFFFF; padding:14px; border:1px solid #13A76A; border-left:none; color:#787878; font-size:15px;}
#contents table a{text-decoration:underline; color:#13A76A;}
#contents table a:hover{text-decoration:none; color:#71CAA6;}

#contents table table{margin:0; border-collapse:collapse; border:1px solid #13A76A;}

#contents ul{padding:0 0 20px 0; color:#787878; font-size:15px; line-height:1.6;}
#contents ul li{background-image:url("images/common/prt_arrow_01.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#contents ul li ul{padding:0}
#contents ul li ul li{background-image:url("images/common/prt_arrow_02.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

#contents table ul{padding:0; color:#787878; font-size:15px; line-height:1.6;}
#contents table ul li{background-image:url("images/common/prt_arrow_01.png"); background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 15px;}
#contents table ul li ul{padding:0}
#contents table ul li ul li{background-image:url("images/common/prt_arrow_02.png"); background-position:5px 10px; background-repeat:no-repeat; padding:0 0 0 15px;}

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

.alignright{float:right; margin:0 0 20px 20px;}
.aligncenter{clear:both; display:block; margin:0 auto 20px auto;}
.alignleft{float:left; margin:0 20px 20px 0;}

.breadcrumbs{color:#787878; font-size:15px; padding:0 0 20px 0;}
.breadcrumbs a{text-decoration:underline;}
.breadcrumbs a:hover{text-decoration:none;}

.post_time{text-align:right; margin:0 0 15px 0;}
.wp-pagenavi{text-align:center; padding:30px 0;}



/****************************************

	トップページ

*****************************************/
#top_menu{margin:0 20px 10px 20px;}

.top_menu_box_01{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; background:url("images/top/prt_menu_01.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_01 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_01:hover{background-color: rgb(248,247,244); text-decoration:none;}

.top_menu_box_02{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; margin:0 0 20px 0; background:url("images/top/prt_menu_02.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_02 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_02:hover{background-color: rgb(248,247,244); text-decoration:none;}

.top_menu_box_03{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; background:url("images/top/prt_menu_03.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_03 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_03:hover{background-color: rgb(248,247,244); text-decoration:none;}

.top_menu_box_04{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; margin:0 0 20px 0; background:url("images/top/prt_menu_04.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_04 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_04:hover{background-color: rgb(248,247,244); text-decoration:none;}

.top_menu_box_05{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; background:url("images/top/prt_menu_05.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_05 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_05:hover{background-color: rgb(248,247,244); text-decoration:none;}

.top_menu_box_06{text-align:center; width:100%; height:218px; border:1px solid #CCCCCC; margin:0 20px 20px 0; display:block; float:left; -webkit-transition:0.3s; transition:0.3s; margin:0 0 20px 0; background:url("images/top/prt_menu_06.png") center top 54px no-repeat,url("images/top/bg_menu_01.png") right 4px bottom 4px no-repeat;}
.top_menu_box_06 p{font-weight:bold; font-size:16px; color:#787878; padding:145px 0 0 0;}
.top_menu_box_06:hover{background-color: rgb(248,247,244); text-decoration:none;}

/* 東内追加分 */
p.sub-copy {
	padding-top: 0.5em;
	font-size: 14px;
	font-weight: 400;
	color: #787878;
}
/* 東内追加分 2023.5.19 */
#top_menu {
	width:96%;
	margin:0 auto;
	padding:0 0 30px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	#top_menu a {
		width: 48%;
	}
.top_menu_box_07, .top_menu_box_08, .top_menu_box_09 {
	text-align :center;
	width: 100%;
	height: 218px;
	border: 1px solid #CCCCCC;
	transition: 0.3s;
	background-repeat: no-repeat, no-repeat;
	background-position: center top 54px, right 4px bottom 4px;
}
.top_menu_box_07 p:first-child, .top_menu_box_08 p:first-child, .top_menu_box_09  p:first-child {
	padding-top: 145px;
	font-weight: bold;
	font-size: 16px;
	color: #787878;
}
.top_menu_box_07 {
	background-position: center top 50px, right 4px bottom 4px;
}
.top_menu_box_07 {
	background-image: url("/wp-content/uploads/icon_kouza03a.png"), url("images/top/bg_menu_01.png");
}
.top_menu_box_01 {
	background-image: url("/wp-content/uploads/icon_brilliant_02.png"), url("images/top/bg_menu_01.png");
}
.top_menu_box_02 {
	background-image: url("/wp-content/uploads/icon_map_02.png"), url("images/top/bg_menu_01.png");
}
.top_menu_box_08 {
	background-image: url("/wp-content/uploads/icon_peach_nut_03b.png"), url("images/top/bg_menu_01.png");
}
.top_menu_box_09 {
	background-image: url("/wp-content/uploads/anime_staff_04a.gif"), url("images/top/bg_menu_01.png");
}
.top_menu_box_09:hover {
	background-image: url("/wp-content/uploads/anime_staff_04a.gif"), url("images/top/bg_menu_01.png");
}
.top_menu_box_03 {
	background-image: url("/wp-content/uploads/icon_recruit.png"), url("images/top/bg_menu_01.png");
}
.top_menu_box_04 {
	background-image: url("/wp-content/uploads/icon_product.png"), url("images/top/bg_menu_01.png");
}


#top_news{min-width:100%; background-image:url("images/top/bg_news_01.gif"); background-position:left top;}
#top_news_inner{margin:0 20px 0 20px; padding:30px 0 30px 0;}
#top_news_inner h2{border-bottom:2px solid #13A76A; padding:0 10px 15px 10px; color:#787878; font-size:22px; line-height:1.2; font-weight:normal; margin:0 0 10px 0;}
#top_news_inner dl{font-size:15px;}
#top_news_inner dt{float:left; width:135px; padding-top:15px; padding-left:15px; color:#787878; font-weight:normal;}
#top_news_inner dd{padding-top:15px; padding-bottom:15px; padding-left:165px; color:#787878; background-image:url("images/top/bg_news_02.png"); background-repeat:no-repeat; background-position:left bottom;}

#top_news_inner p.btn{text-align:right; font-size:15px; padding:20px 0 0 0;}
#top_news_inner p.btn span{background-image:url("images/top/prt_news_01.png"); background-repeat:no-repeat; background-position:left center; padding: 0 0 0 26px;}


#top_bnr{width:490px; margin:30px auto 10px auto;}
#top_bnr ul{}
#top_bnr ul li{float:left; margin:0 20px 20px 0;}
#top_bnr ul li:nth-child(2n) {margin:0;}


#top_bnr2{margin:0 20px 10px 20px;}
#top_bnr2 ul{}
#top_bnr2 ul li{text-align:center; margin:0 0 20px 0;}



/****************************************

	お役立ちセミナー

*****************************************/
.seminar_box_l{margin:0 0 20px 0;}
.seminar_box_l_image{float:left; width:250px;}
.seminar_box_l_txt{margin-left:270px;}

.seminar_box_r{margin:0 0 20px 0;}
.seminar_box_r_image{float:right; width:250px;}
.seminar_box_r_txt{margin-right:270px;}



/****************************************

	メディア掲載情報

*****************************************/
.media_sec01_box{margin:0 0 20px 0; border:1px solid #E3E3E3; padding:19px; background:#F8F7F4; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.media_sec01_box_image{width:21%; margin:0 3% 0 0; float:left;}
.media_sec01_box_image p{}
.media_sec01_box_contents{width:76%; float:left;}
.media_sec01_box_contents p.title{padding:0 0 10px 0 !important; margin:0 0 10px 0 !important; font-size:16px !important; line-height:1.6 !important; font-weight:bold !important; border-bottom:1px dotted #787878;}
.media_sec01_box_contents p.txt{padding:0 0 10px 0 !important; margin:0 0 20px 0 !important; font-size:15px !important; line-height:1.6 !important;}



/****************************************

	採用情報

*****************************************/
.recruit_box_l{margin:0 0 20px 0;}
.recruit_box_l_image{float:left; width:250px;}
.recruit_box_l_txt{margin-left:270px;}

.recruit_box_r{margin:0 0 20px 0;}
.recruit_box_r_image{float:right; width:250px;}
.recruit_box_r_txt{margin-right:270px;}



/****************************************

	メディア掲載情報

*****************************************/
.newsletter_sec01_box{margin:0 0 20px 0; border:1px solid #E3E3E3; padding:19px; background:#F8F7F4; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.newsletter_sec01_box_image{width:21%; margin:0 3% 0 0; float:left;}
.newsletter_sec01_box_image p{}
.newsletter_sec01_box_image p:last-child{margin:0 !important;}
.newsletter_sec01_box_contents{width:76%; float:left;}
.newsletter_sec01_box_contents p.title{padding:0 0 10px 0 !important; margin:0 0 10px 0 !important; font-size:16px !important; line-height:1.6 !important; font-weight:bold !important; border-bottom:1px dotted #787878;}
.newsletter_sec01_box_contents p.btn{margin:0 !important; border:2px solid #13A76A; width:calc(100% - 4px); background:#FFFFFF; text-decoration:none;}
.newsletter_sec01_box_contents p.btn a{display:block; text-decoration:none; transition: 0.2s linear; padding:10px 5px; text-align:center; color:#13A76A; font-size:16px !important; line-height:1.2; font-weight:500;}
.newsletter_sec01_box_contents p.btn a:hover{text-decoration:none; background:#13A76A; color:#FFFFFF;}
.newsletter_sec01_box_contents p.btn a::before{content:"≫"; font-size:12px; padding:0 5px 0 0;}



/****************************************

	お知らせ

*****************************************/
.news_btn{margin:0 !important; border:2px solid #13A76A; width:calc(100% - 4px); background:#FFFFFF; text-decoration:none;}
.news_btn a{display:block; text-decoration:none; transition: 0.2s linear; padding:10px 5px; text-align:center; color:#13A76A; font-size:16px !important; line-height:1.2; font-weight:500;}
.news_btn a:hover{text-decoration:none; background:#13A76A; color:#FFFFFF;}
.news_btn a::before{content:"≫"; font-size:12px; padding:0 5px 0 0;}



/****************************************

	お問い合わせ

*****************************************/
.contact_form table{margin:0 0 20px 0; border-collapse:collapse; border:1px solid #13A76A;}
.contact_form table th{width:25%; background-color:#F3F1EA; padding:14px; border:1px solid #13A76A; border-right:none; color:#787878; font-weight:normal; font-size:15px; text-align:left; vertical-align:top;}
.contact_form table td{background-color:#FFFFFF; padding:14px; border:1px solid #13A76A; border-left:none; color:#787878; font-size:15px;}

.contact_form span input[name="your-name"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-name-kana"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-company"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-company-kana"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-email"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-tel"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-fax"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-zip1"] {width:98%; color:#000000; font-size:16px;}
.contact_form span input[name="your-zip2"] {width:98%; color:#000000; font-size:16px;}
.contact_form span textarea[name="your-message"] {width:98%; color:#000000; font-size:16px;}
.contact_form input[type="submit"]{cursor:pointer; border:1px solid #13A76A; width:100%; display:block; padding:14px; text-decoration:none; background:#FFFFFF; color:#13A76A; font-size:16px; line-height:1.0; font-weight:500; transition:0.2s linear;}
.contact_form input[type="submit"]:hover{text-decoration:none; background:#13A76A; color:#FFFFFF; font-size:16px; line-height:1.0; font-weight:500;}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}