@charset "utf-8";

@media screen and (max-width: 640px){

.sp{ display: block;}
.pc{ display: none;}


body{ background:#fff;}

/*=============================================== 
	wrapper
===============================================*/
#wrapper{ background:#fff; width:640px; margin:0; padding:0 20px; border:none; box-shadow:none;}
.spCenter{ float:none !important; text-align:center; margin:0 0 10px !important; padding:0 !important;}
.spCenter2{ float:none !important; text-align:center; margin:0 !important; padding:0 0 15px !important;}

.spView{display: block !important;}

/*=============================================== 
	head
===============================================*/
#head{width:auto; margin:0 auto 15px;}

h1{font-size:14px; background:#777; padding:3px 5px; color:#fff;}
.header{width:auto;}

#logo{float:left;}

.headMenu {padding:4px 10px; margin:10px 0 0; float:right;}
.headMenu li{font-size:11px; float:left; background:url(../img/common/Icon01.png) no-repeat center left; padding-left:20px; font-weight:bold;}

/*=============================================== 
	global navi
===============================================*/
.js .selectnav {display: block;}
.selectnav {}
.js #responsive {display: none;}

select{
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-radius:10px;
    width: auto;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
	 font-weight:bold;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    background:#69A1C8;
	 padding:0 15px;
}

/*===============================================
	メイン
===============================================*/
.main{margin:0 auto 15px; position:relative;}
h2{width:530px; text-align:left; color:#fff; font-size:16px; position:absolute; left:10px; bottom:9px; font-weight:bold; line-height:1.2em;}


/*=============================================== 
	コンテンツ
===============================================*/
#page{width:100%; height:100%; margin:0; padding:0; border:none; background:none;}
#midConte{ display: inline !important;}

.center img{width:100%;}

/*=============================================== 
	基本コンテンツ
===============================================*/
#contents{float:none; width:auto; height:auto; margin:0; line-height:2em;}
.spImg{ text-align: center;}

.conte{padding:0; margin:0 0 30px; width:auto; font-size:18px;}
.conte .menu1{min-height:30px; background: url(../img/common/Icon05.png) no-repeat 5px 5px,url(../img/common/menu1.png) no-repeat bottom left; padding:0 0 0 25px; margin:0 0 10px; font-size:18px; font-weight:bold;}
.conte .menu2{min-height:30px; background:#F4C83F; border-radius: 15px 15px 0 0; padding:5px 0; margin:0 0 10px; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center;}
.conte .menu3{min-height:30px; background:#5e9b35; padding:5px; margin:0 0 0; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center; color:#fff;}
.conte .menu4{min-height:30px; background:#5E9B35; border-radius: 15px 15px 0 0; padding:5px 0; margin:0 0 10px; font-size:18px; font-weight:bold; letter-spacing:0.2px; text-align:center; color:#fff;}
.conte .menu5{min-height:30px; text-align:center; margin:0 0 10px; font-size:20px; font-weight:bold; color:#a18362;}
.conte .menu6{background: url(../img/common/menu3.png) no-repeat,#69A242; color:#fff; font-size:24px; height:auto; padding:30px 0 5px 80px; margin:0 0 20px;}

.conte .text1{ width:480px; float:right;}
.conte .text2{background:#f1f1f1; border:#c6c6c6 solid 1px; padding:10px; }
.conte .text3{background:#AF8F6D; padding:20px; }
.conte .text3 p{background: url(../img/common/textBg01Sp.png); color:#fff;line-height:32px; font-weight:bold; font-size:15px;}

.pickup ul{width:196px;}
.pickup li{background:#EFE9E0; padding:8px; margin:10px 0 0; border-radius:5px; font-size:18px; line-height:1.5em; margin-bottom:5px;}

.down ul{width:230px;}

.link{color:#0080de; text-decoration:underline; font-size:18px; background:url(../img/common/Icon03.png) no-repeat left; padding-left:15px; float:right;}
.link:hover{text-decoration:none;}

.RedLine{border:3px solid #EF5353;}
.BlueLine{border:3px solid #69a1c8;}
.BrownLine{border:3px solid #a18362;}
.GreenLine{border:3px solid #5e9b35;}

.rank{padding:10px 28px 20px;}
.rank1{background: url(../img/common/rank1.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank2{background: url(../img/common/rank2.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank3{background: url(../img/common/rank3.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank4{background: url(../img/common/rank4.png) no-repeat; color:#fff; font-size:24px; height:61px; padding:30px 0 0 100px; margin:0 0 20px;}
.rank1 a{color:#fff;}
.rank1 a:hover{text-decoration:none;}
.rank2 a{color:#fff;}
.rank2 a:hover{text-decoration:none;}
.rank3 a{color:#fff;}
.rank3 a:hover{text-decoration:none;}
.rank4 a{color:#fff;}
.rank4 a:hover{text-decoration:none;}


.rank .img{ text-align:center; width:230px; height:auto; padding:30px; border:#E2DCD4 solid 2px; float:none; margin:0 auto 20px;}
.rank .text{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:20px; line-height:1.5em; width:auto; float:none; letter-spacing:0.7px;}
.rank .btn{background:#FFA800; border-radius:5px; box-shadow:0 3px 0 #DF9C1B; text-align:center;}
.rank .btn a{ padding:10px 0; display:block; font-size:18px; font-weight:bold; letter-spacing:0.3px; color:#fff; line-height:1em; text-shadow:0 1px 0 #6C6C6C;}
.rank .btn a:hover{text-decoration:none;}
.rank .btn img{ margin:0 0 3px 10px;}

.first{padding:20px;}

.corpimg{ text-align:center; width:230px; height:auto; padding:30px; border:#E2DCD4 solid 2px; float:left;}

.btmApp{margin:0 0 15px;}

.experiences{padding:10px 28px 20px;}
.experiences .img{ text-align:center; height:auto; margin:0 0 20px}
.experiences .img img{width:100%;}
.experiences .text{background:#F6F2EC; border:#e2dcd4 solid 1px; padding:10px 20px; line-height:1.5em; letter-spacing:0.7px;}
.experiences .text p{background: url(../img/common/textBg01Sp.png);line-height:27px; font-size:14px;}


/*=============================================== 
	サイドメニュー
===============================================*/
#side{float:none; width:auto; padding:0;}
#side a{display:block;}
#side ul{margin:0 0 15px;}
.side li{font-size:18px;}

.side01{background:#f3efea; border-radius: 5px; border:#51943b solid 1px; padding:10px 10px 0; margin:0 0 10px;}
.side01 .menu{background:url(../img/common/sideMenu01.png) no-repeat bottom; height:30px; font-weight:bold; font-size:16px; text-align:center; letter-spacing:0.2em; margin:0 0 10px;}
.side01 .sideMenuA{background:url(../img/common/sideIcon01.png) no-repeat left center,#FFF; border-radius:5px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); border:#51943b solid 1px; padding:0 8px 0 17px; font-size:14px; font-weight:bold; line-height:1.2em;}
.side01 .sideMenuB{background:url(../img/common/sideIcon02.png) no-repeat left center; margin:5px 0 0 15px; font-size:12px; padding:0 0 0 15px;}
.side01 .sideMenuA a{padding:8px 0;}

.side02{background:#f3efea; border-radius: 5px; border:#3b6f94 solid 1px; padding:10px 10px 0; margin:0 0 10px;}
.side02 .menu{background:url(../img/common/sideMenu02.png) no-repeat bottom; height:30px; font-weight:bold; font-size:16px; text-align:center; letter-spacing:0.2em; margin:0 0 10px;}
.side02 .sideMenuA{background:url(../img/common/sideIcon03.png) no-repeat left center,#FFF; border-radius:5px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); border:#3b6f94 solid 1px; padding:0 8px 0 17px; font-size:14px; font-weight:bold; line-height:1.2em;}
.side02 .sideMenuB{background:url(../img/common/sideIcon04.png) no-repeat left center; margin:5px 0 0 15px; font-size:12px; padding:0 0 0 15px;}
.side02 .sideMenuA a{padding:8px 0;}

.sideApp{background:url(../img/common/sideApp04Bg.png) no-repeat; text-align:center; width:220px; height:124px; padding:84px 0 0; margin:0 auto 15px;}

/*=============================================== 
	footer
===============================================*/
.footer{width:auto; padding:30px 10px; background:#69A1C8;}

.fotLogo{float:left; margin-left:30px;}
.footUl{width:610px; float:right;}
.footUl li{background:url(../img/common/fotIcon2.png) no-repeat center left; padding-left:15px; font-size:13px; float:left; margin:0 25px 5px 0; color:#fff; font-weight:bold;}
.footUl li a{color:#fff; text-decoration:none;}
.footUl li a:hover{color:#fff; text-decoration:underline;}

#copy{background:#777777; height:29px; font-size:10px; color:#fff; text-align:center; padding-top:9px;}

/*=============================================== 
	pankuzu
===============================================*/
.pankuzu{font-size:12px; width:auto; padding:10px;}


/*=============================================== 
	table
===============================================*/
.table2 {margin:10px auto 15px; width: 100%; font-size:14px; border-color: #DDDDDD; border-style: solid; border-width: 1px; border-top: 0 none; font:"メイリオ", Meiryo, Osaka}
.table2 th {background-color: #EEEEEE; text-align: right; font-weight: bold; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; width:50%;}
.table2 td {border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; line-height: 20px; padding: 8px; text-align: left;}
.table2 textarea{width:100%;}

.table3 th{width:70px; border:#999 1px solid; text-align:center; padding:5px; background-color:#f1f1f1; font-size:13px; color:#399AC3;}
.table3 td{border:#999 1px solid; background:#fff; padding:5px;}

/*=============================================== 
	Icon
===============================================*/
.icon01{background:url(../img/common/fotIcon1.png) no-repeat left center; font-size: 13px; margin: 0; padding-left: 20px;}
.icon02{background:url(../img/common/fotIcon2.png) no-repeat left center; padding-left:15px; margin:0; font-size:12px;}
.icon01 a:hover,.icon02 a:hover{text-decoration:underline; font-weight:bold;}



.nomalBtn{width:auto; height:auto; padding:0; margin:0 0 10px;}
.nomalBtn li{background:url(../img/common/nomalBtnBg.png) no-repeat; background-size:100%; width:auto; height:40px; float:none; margin:0 auto 10px; font-size:12px; font-weight:bold;}
.nomalBtn li:hover{background:url(../img/common/nomalBtnBg_on.png) no-repeat; background-size:100%;}
.nomalBtn li a{display:block; padding:8px 0 12px 30px;}


/*=============================================== 
	column
===============================================*/

.column{padding:10px 28px 20px;}
.columnIn .menu1{background:#69a1c8; font-size:24px; height:auto; padding:10px 20px; margin:0 0 20px; color:#fff; line-height: 1.5em;}

/*=============================================== 
	12/20追加
===============================================*/

table.basetable.text {
	width: 100%;
}
.ribbon::before, .ribbon::after {
    position: absolute;
    top: 20px;
}

}