﻿@charset "utf-8";

/*
Theme Name: テーマ
Version 1.0
*/ 

@import "base.css";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body{
	padding:0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:16px;
	color:#000000;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	padding:0;
	width:100%;
	background-image:url(../img/common/main_bg.png);
	background-position:left top;
	background-repeat:repeat;
}

/*　header　
----------------------------------------------------------*/
header{
	height:auto;
	background-image:url(../img/common/h_bg02_l.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.header_inner{
	width:1500px;
	height:645px;
	/*
	background-color:#ffffff;
	background-image:url(../img/common/h_bg02_2.png);
	background-position:left top;
	background-repeat:no-repeat;
	*/
	margin:0 auto;
}
.header_inner h1{
	color:#939393;
	font-size:12px;
}

header.index{
	height:auto;
	background-image:url(../img/common/h_bg02_index_l.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.index .header_inner{
	width:1500px;
	height:890px;
	/*
	background-color:#ffffff;
	background-image:url(../img/common/h_bg02_index_2.png);
	background-position:left top;
	background-repeat:no-repeat;
	*/
	margin:0 auto;
	position:relative;
}

.h_logo {
	margin-top: 30px;
	margin-right: 30px;
	float: left;
}

.h_box01{
	width:400px;
	color:#939393;
	font-size:16px;
	/*float:right;*/
	float:left;
	margin-bottom:50px;
}
.h_box_text{
	width:400px;
	color:#066ac4;
	font-size:14px;
	/*float:right;*/
	float:left;
	margin-top: 30px;
	margin-right: 30px;
}
.h_box02{
	/*margin:120px 0 0 10px;*/
	margin:165px 0 0 210px;
	float:left;
}
.index .h_box02{
	position:absolute;
    right:60px;
    bottom:0;
	z-index:100;
	float:none;
	margin:0;
}

#slide {
    width:981px;
    height:675px;
    margin:0 auto;
    position:relative;
}
#slide img {
    position:absolute;
    left:0;
    top:15px;
}

.topBtn{
	display:block;
	width:200px;
	height:32px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	background-color:#ea0c5a;
	color:#ffffff;
	text-align:center;
	padding-top:8px;
}
a.topBtn{
	text-decoration:none;
}
.topBtn:hover{
	text-decoration:none;
	opacity:0.8;
}
#page-top {
    position: fixed;
    bottom: 0;
    right: 20px;
}

/*　nav
----------------------------------------------------------*/
nav{
	width:1100px;
	height:170px;
	background-color:#ffffff;
	margin:0 auto;	
}
nav ul{
	width:1080px;
	margin:0 auto;
}
nav ul li{
	float:left;
	margin:40px 5px 30px;
}
nav.underbar7{
	width:1100px;
	height:290px;
	background-color:#ffffff;
	margin:0 auto;	
	padding:20px 0 40px;
}
nav.underbar7 ul{
	width:830px;
	margin:0 auto;
	padding:10px 0;
}
nav.underbar7 ul li{
	float:left;
	margin:10px 20px;
}




/*　footer　
----------------------------------------------------------*/
footer{
	height:auto;
	background-color:#f4f1e9;
	color:#939393;
	font-size:16px;
}
footer a{
	color:#939393;
	text-decoration:none;
}
footer a:hover{
	color:#299500;
}
footer table{
	float:left;
    margin:30px 0 10px 0;
}
footer table th , footer table td{
	padding:2px;
}
footer table th{
	font-weight:bold;
}
footer table td{
	font-size:14px;
}
.footer_inner{
	width:1100px;
	margin:0 auto;
}
.f_box01{
	float:left;
    margin:20px 20px 0 60px;
}
.f_txt01{
	font-weight:bold;
	margin-left:20px;
}
.copyright{
	border-top:1px solid #939393;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}

/*　main　
----------------------------------------------------------*/
#main{
	width:100%;
}

article{
	width:1100px;
	background-color:#ffffff;
	margin:0 auto;
	padding-bottom:70px;
}






/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  index.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.index section{
	width:824px;
	margin:0 auto;
}
.index_box01{
	height:150px;
	background-image:url(../img/index/index_bg01.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:10px auto;
}
.index_box01 p{
	line-height:1.3;
	padding:68px 0 0 60px;
}
.index_box02{
	height:288px;
	background-image:url(../img/index/index_bg02.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:30px auto;
}
.index_box02 p{
	line-height:1.3;
	padding:68px 0 0 45px;
}
.index_box03{
	font-size:23px;
	margin:30px auto 20px;
}

.left-box-a {
	float:left;
	margin-top: 25px;
	margin-left: 62px;
	width:387px;
}

.index_txt01{
	color:#d91956;
	font-size:34px;
	font-weight:bold;
}
.index_txt02{
	font-size:30px;
}
.index_txt03{
	font-size:23px;
}
.index_txt04{
	font-size:20px;
}
.index_txt05{
	width:373px;
	text-align:center;
	float:left;
}
.index_txt06{
	font-size:16px;
	margin:20px auto 50px;
}

.index_news01{
	border:1px solid #231815;
	font-size:16px;
	position:relative;
}
.index_news02{
	height:20px;
	background-color:#94ca7f;
	margin-bottom:10px;
}
.index_news03{
	padding:20px 25px 20px 25px;
}
.index_news03 img{
	float:left;
    margin-left:15px;
}
.index_news04{
	float:left;
}
.index_news05{
	width:480px;
	height:121px;
	overflow:hidden;
	float:left;
    margin-left:15px;
}
.index_news05 a{
	color:#000000;
	font-size:18px;
	text-decoration:none;
}
.index_news06{
	width:125px;
	height:29px;
	border:2px solid #299500;
	border-radius:5px;
	color:#299500;
	text-align:center;
	float:right;
	margin:10px 10px 0 0;
	padding-top:5px;
}
.index_news06 a{
	color:#299500;
	text-decoration:none;
}
.index_news06 a:hover{
	color:#207101;
	text-decoration:none;
}
.index_news07{
	position:absolute;
	margin:-20px 0 0 10px;
	z-index:5;
}

.index_shop {
	width: 1090px;
	background-color: #ffffed;
	box-sizing: border-box;
	padding-top: 96px;
	padding-left: 150px;
	padding-bottom: 85px;
	margin: 100px auto 0;
	color: #231815;
	font-size: 16px;
	position: relative;
}

.index_shop p {
	color: #329cd1;
	font-size: 24px;
}
.index_shop img {
	position: absolute;
	bottom: 0;
	right: -85px;
}
.index_shop_map {
	width: 1180px;
	margin: auto;
	
}

.index_shop_txt {
	width: 824px;
	margin: 100px auto 0;
	font-size: 16px;
}
.index_shop_txt p {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 20px;
	
}

.index_shop_imgl {
	margin: 30px auto;
	text-align: center;

}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  curriculum.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.curriculum article section ul{
	margin:0 0 10px;
}
.curriculum article section ul li{
	float:left;
}
.curriculum article section ul li.course01 ,
.curriculum article section ul li.course02 ,
.curriculum article section ul li.course03 ,
.curriculum article section ul li.course04 ,
.curriculum article section ul li.course05{
	width:90px;
	background-color:#72af2d;
	color:#ffffff;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}
.curriculum article section ul li.course01{
	height:112px;
	padding-top:60px;
}
.curriculum article section ul li.course02{
	height:96px;
	padding-top:50px;
}

.curriculum article section ul li.course02.ht250{
	height:190px;
	padding-top:130px;
}

.curriculum article section ul li.course03{
	height:92px;
	padding-top:35px;
}
.curriculum article section ul li.course04{
	height:140px;
	padding-top:85px;
}
.curriculum article section ul li.course05{
	height:66px;
	padding-top:12px;
}

.curriculum article section ul li.study01 ,
.curriculum article section ul li.study02 ,
.curriculum article section ul li.study03 ,
.curriculum article section ul li.study03_3 ,
.curriculum article section ul li.study04 ,
.curriculum article section ul li.study05 ,
.curriculum article section ul li.study06 ,
.curriculum article section ul li.study07 ,
.curriculum article section ul li.study07_3 ,
.curriculum article section ul li.study08 ,
.curriculum article section ul li.study09{
	width:205px;
	height:112px;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.1;
	margin:0 10px;
	padding-top:60px;
}
.curriculum article section ul li.study01 p ,
.curriculum article section ul li.study02 p ,
.curriculum article section ul li.study03 p , 
.curriculum article section ul li.study03_3 p , 
.curriculum article section ul li.study04 p ,
.curriculum article section ul li.study05 p ,
.curriculum article section ul li.study06 p ,
.curriculum article section ul li.study07 p ,
.curriculum article section ul li.study07_3 p ,
.curriculum article section ul li.study08 p ,
.curriculum article section ul li.study09 p{
	font-size:24px;
}

.curriculum article section ul li.study01 ,
.curriculum article section ul li.study02{
	height:112px;
	padding-top:60px;
}
.curriculum article section ul li.study03 ,
.curriculum article section ul li.study05 ,
.curriculum article section ul li.study06 ,
.curriculum article section ul li.study07{
	height:96px;
	padding-top:50px;
}
.curriculum article section ul li.study03.ht250 {
	height: 186px;
	padding-top: 136px;
}

.curriculum article section ul li.study03_3 ,
.curriculum article section ul li.study07_3{
	height:106px;
	padding-top:40px;
}
.curriculum article section ul li.study04{
	height:87px;
	padding-top:40px;
}
.curriculum article section ul li.study08{
	height:140px;
	padding-top:85px;
}
.curriculum article section ul li.study09{
	height:64px;
	padding-top:14px;
}

.curriculum article section ul li.study01 ,
.curriculum article section ul li.study07 ,
.curriculum article section ul li.study07_3{
	background-color:#abd05e;
}
.curriculum article section ul li.study02 ,
.curriculum article section ul li.study08{
	background-color:#7dcbe5;
}
.curriculum article section ul li.study03 ,
.curriculum article section ul li.study03_3{
	background-color:#f5b252;
}
.curriculum article section ul li.study04{
	background-color:#e8568a;
}
.curriculum article section ul li.study05 ,
.curriculum article section ul li.study09{
	background-color:#b084b9;
}
.curriculum article section ul li.study06{
	background-color:#f5c14d;
}

.curriculum article section ul li.contents01 ,
.curriculum article section ul li.contents02 ,
.curriculum article section ul li.contents02_b ,
.curriculum article section ul li.contents03 ,
.curriculum article section ul li.contents04 ,
.curriculum article section ul li.contents05{
	width:500px;
	background-color:#ffffff;
	font-size:16px;
	padding:10px 10px 10px 15px;
}
.curriculum article section ul li.contents01{
	height:152px;
}
.curriculum article section ul li.contents02{
	height:126px;
}
curriculum article section ul li.contents02_b{
	height:256px;
}
.curriculum article section ul li.contents03{
	height:107px;
}
.curriculum article section ul li.contents04{
	height:205px;
}
.curriculum article section ul li.contents05{
	height:58px;
}

.curriculum_box01{
	width:840px;
	background-image:url(../img/curriculum/curriculum_middle01.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0 70px;
}
.curriculum_box02{
	width:840px;
	background-image:url(../img/curriculum/curriculum_middle02.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0 70px;
}
.curriculum_boxlink{
	width:840px;
	background-image:url(../img/curriculum/curriculum_middle03.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:0 70px;
}


.curriculum_box03{
	width:840px;
	margin:20px auto 0;
	padding:0 70px;
	font-size:26px;
}
.curriculum_box03 img{
	float:left;
}
.curriculum_box04{
	width:513px;
	height:55px;
	background-color:#ff081e;
	border-radius:30px;
	color:#ffffff;
	font-size:34px;
	text-align:center;
	margin:20px 0;
	padding-top:8px;
	float:right;
}
.curriculum_box05{
	width:350px;
	height:185px;
	border:1px solid #2f8e3a;
	font-size:20px;
	margin:20px 0;
	padding:10px;
	float:left;
}
.curriculum_box05 p{
	padding:10px 20px;
}
.curriculum_box06{
	width:325px;
	height:35px;
	background-image:url(../img/curriculum/curriculum_img02.png);
	background-position:center top;
	background-repeat:no-repeat;
	color:#ffffff;
	font-size:22px;
	padding:5px 0 0 15px;
}
.curriculum_box07 p{
	color:#2f8e3a;
	float:left;
}
.curriculum_box07 img{
	float:left;
	margin:6px 0 0 60px;
}

ul.curriculum_box03 li{
	float:left;
}
ul.curriculum_box03 li img{
	float:left;
	margin:100px 10px 0;
}

.curriculum_txt01{
	color:#d91956;
	font-size:28px;
	font-weight:bold;
}
.curriculum_txt02{
	font-size:23px;
	font-weight:bold;
}
.curriculum_txt03{
	font-size:16px;
}
.curriculum_txt04{
	color:#72df2d;
	margin-top:10px;
}
.curriculum_txt05{
	color:#e50012;
	text-align:right;
}
.curriculum_txt06{
	font-size:31px;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
	margin-top:15px;
}
.curriculum_txt07{
	font-size:28px;
	font-weight:bold;
	line-height:1.3;
	text-align:left;
	margin-top:10px;
}
.curriculum_txt08{
	font-size:16px;
	color:#e50012;
	text-align:right;
}

.box12{
	float:right;
    padding: 0.5em 1em;
	margin-right:100px;
	margin-top:10px;
    color: #5989cf;
    background: #c6e4ff;
    border-bottom: solid 6px #aac5de;
    border-radius: 9px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}



.box13 {
	float:right;
    padding: 0.8em 1.5em;
    margin-right:50px;
    color: #FFF;
	font-size:21px;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
	font-weight: bold;
}
.box13 p {
    margin: 0; 
    padding: 0;
}

.box14 {
	float:left;
	width: 320px;
    padding: 0.8em 1.5em;
    margin-left: 50px;
    color: #FFF;
	font-size:21px;
	font-weight: bold;
    background: #fa7d03;
    border-bottom: solid 6px #fd9e15;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
	box-sizing: border-box;
	text-align: center;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.but_box {
	width: 800px;
	margin: 30px auto;
}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  company.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.company_box01{
	width:880px;
	border:1px solid #2f8e3a;
	margin:0 auto;
	padding:40px 30px 30px 30px;
}
.company_box02{
	width:340px;
	text-align:center;
	float:left;
}
.company_box02 img{
	margin:10px 0;
}
.company_box03{
	width:510px;
	float:left;
	margin-left:30px;
}
.company_box03 img{
	margin:15px 0;
}
.company_txt01{
	/*font-family : ＭＳ 明朝,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;*/
	font-size:20px;
	line-height:1.5;
	margin:0 0 15px 30px;
}
.company_txt02{
	font-size:18px;
	margin-left:30px;
}

.company table{
	width:800px;
    border-top:1px solid #848484;
	border-left:1px solid #848484;
	font-size:18px;
	margin:50px auto 0;
}
.company table th , .company table td{
    border-bottom:1px solid #848484;
	border-right:1px solid #848484;
}
.company table th{
	width:220px;
	text-align:center;
	vertical-align:top;
	padding:7px 0;
}
.company table td{
	padding:7px 0 7px 50px;
}






/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  voice.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.voice article section{
	margin-bottom:20px;
}
.voice_box01{
	width:847px;
	background-image:url(../img/voice/voice_middle.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0 auto;
	padding:10px 60px;
}
.voice_box01 img{
	float:left;
}
.voice_txt00{
    width:912px;
	font-size:23px;
	text-align:left;
	margin:0 auto;
}
.voice_txt01{
    width:480px;
	font-size:16px;
	float:left;
	margin-left:30px;
}
.voice_txt01 p{
    font-size:20px;
	margin-bottom:10px;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  inquiry.html
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.inquiry table{
	width:960px;
    border-top:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	font-size:22px;
	margin:30px auto 40px;
}
.inquiry table th , .inquiry table td{
    border-bottom:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
}
.inquiry table th{
	width:275px;
	background-color:#f0f0f0;
	font-weight:bold;
	vertical-align:top;
	padding:7px 0 7px 20px;
}
.inquiry table td{

}
.inquiry_txt01{
	font-size:21px;
	text-align:center;
	margin-top: 30px;
}
.inquiry_btn{
	width:400px;
	height:60px;
	background-color:#ff801e;
	border-radius:10px;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
}
.inquiry_btn:hover{
	opacity:0.8;
}
.input_box{
	width:95%;
	font-size:22px;
	margin:0.5% 2%;
	padding:3px;
}
.textarea_box{
	width:95%;
	height:200px;
	font-size:22px;
	margin:1% 2%;
	padding:3px;
}

.detailUpfile {
	font-size: 24px;
	font-weight: bold;
	background-color: #FB994F;
	padding: 5px 10px 0 10px;
}

















