@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {
}
#wrap {
}
a{transition: ease-in-out .2s;}
a:hover {
	text-decoration: none;
}
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/

.accbox {
	padding: 0;
	width: 100%
}
.pullBtn, .accbox label {
	display: block;
	color : #006699;
	cursor : pointer;
	transition: all 0.2s;
	font-size: 26px;
	text-align: center;
}
.accbox input {
	display: none;
}
.accshow {
	height: auto;
	padding: 5px;
	background: #f5f5f5;
	opacity: 1;
	margin-top: 20px;
	padding: 20px 40px;
}
.accbox .accshow h5 {
	text-align: center;
	font-size: 27px;
	color: #e73278;
	margin-bottom: 10px;
	margin-top: 10px;
}
.meritInfo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 24px;
}
.meritInfo .meritBox {
	width: 48%;
	position: relative;
	margin-bottom: 24px;
}
.meritInfo .meritBox dl {
}
.meritInfo .meritBox dl dt {
	font-size: 18px;
	border-bottom: 1px solid black;
	padding-bottom: 4px;
}
.meritInfo .meritBox dl dt span {
	font-size: 14px;
	color: #fff;
	background-color: #ed7842;
	padding: 0px 8px;
	border-radius: 5px;
	font-weight: 400;
	margin-right: 6px;
}
.meritInfo .meritBox dl dt .gol {
	background-color: #22aeb7;
}
.meritInfo .abroadImg {
	margin: auto;
}
/*----------------------------------------------------------------------------
 ***                                                          Header - gNavi
----------------------------------------------------------------------------*/
#gnavi {
}
#gnavi li {
}
/*----------------------------------------------------------------------------
 ***                                                                 mainimg
----------------------------------------------------------------------------*/
#mainImgSec {
	height: 560px;
	position: relative;
	overflow: hidden;
	background: url(../../counseling/images/counselinglp/main_background.jpg) no-repeat center top;
}
#mainImgSecInner p tac,
#mainImgSecInner p h2_sub{
	margin-right: 10px;
}
#titleSec {
	width: 960px;
	margin: 0 auto;
	padding-top: 44px;
	display: flex;
	flex-direction: column;
	position: relative;
}
#titleSec h2, #titleSec p {
	color: #fff;
	text-align: center;
}
#titleSec h2 {
	margin-top:-32px;
}
#titleSec p {
}
#titleSec .h2_sub {
	margin-bottom: 10px;
}
#titleSec .sub_title {
	position: absolute;
	top: 72px;
	right: 80px;
}
#titleSec .posiAbu_Dis {
	position: absolute;
	left: 3em;
	bottom: -4em;
	animation: horizontal 1s ease-in-out infinite alternate;
}
 @keyframes horizontal {
 0% {
transform:rotate(10deg);
}
 100% {
transform:rotate(-10deg);
}
}
/*----------------------------------------------------------------------------
 ***                                                             contentsArea
----------------------------------------------------------------------------*/
#contentsArea {
}
#contentsAreaInner {
}
/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {
}
.mainSectionInner {
}
/*----------------------------------------------------------------------------
 ***                                                                pointSec
----------------------------------------------------------------------------*/
#pointSec {
	margin-bottom: 70px;
}
#pointSecInner {
	width: 960px;
	margin: 0 auto;
}

#intro {margin: 3em 0 0 0;}

#intro h3 {text-align:center;}

#intro h3{font-size: 32px;margin-bottom: 1em;line-height: 1.6em;color: #1c1c1c;}

#intro h3 span{color: #e50012;font-size: 1.2em;}

#intro p {font-size: 15px;line-height:1.8em;margin: 1em auto;text-align: center;}

#intro p span { font-size:25px; font-weight:bold; background-color:#FFFA5A; line-height:2em;}

#intro #ryugaku { font-size:42px;}

#intro ul { width:524px; margin:0 auto; padding-top:25px;}

#intro li { float:left;}

#intro li:first-child{ padding-right:15px}

.titleBox {
/*	display: inline-block;*/
	margin-bottom: 40px;
}
.titleBox p {
/*	float: left;*/
}

#pointBox p { font-size:14px; text-align:left; line-height:1.6em;}


#pointBox h3 {
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	position: relative;
	margin: 60px 0 42px;
	color:#1E2C5C;
	background: url(../images/img_hukidashi01.png) no-repeat 96px 13px;
}

#pointBox h3 span { font-size:42px; color:#FF3939;}

#pointBoxInner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
#pointBoxInner .card {
	width: 960px;
	margin-bottom: 50px;
	border: #6B80AF 4px dashed;
	padding:30px 25px 30px 50px;
	position:relative;
}

#pointBoxInner .card #check { position:absolute; top:-35px; left:-29px;}

#pointBoxInner .card dl {
	float:left;
	width:650px;
	}

#pointBoxInner .card dt {
	padding-top:20px;
	font-size: 26px;
	font-weight:900;
	color:#000;
}

#pointBoxInner .card dt span {
	font-size: 30px;
    color:#FF3939;
}

#pointBoxInner .card dd {
	margin-top:7px;
	line-height:1.5em;
	}

#pointBoxInner .card .imgR { float:right; width:210px; }

#pointBoxInner #last { margin-bottom:18px;}



/*----------------------------------------------------------------------------
 ***                                                                  FormSec
----------------------------------------------------------------------------*/

#FormSec h3 {
    font-size:30px;
    color:#fff;
    height:65px;
    width:505px;
    margin:0 auto;
    text-align:center;
    background: url(../images/counselinglp/img_contents12.png) no-repeat 0px -2px;
    padding:5px 0 0 0;
}



#officeSec{ background-color:#D6E8DA; border-top:#6AAF4E 4px solid;}


#officeSecInner { background:url(../images/img_character01.png) no-repeat 635px 47px; width:740px; margin:0 auto;}
	
#officeSecInner h4 { font-size:25px; text-align:center; margin-top:50px;} 

#officeSecInner h4 span { color:#1E2C5C; font-size:31px;} 

#officeSecInner p {margin-top:10px;text-align: center;}

#officeSecInner ul { width:680px; margin:0 auto; padding:20px 0 70px 0;}

#officeSecInner li { float:left; padding: 0 15px; border-right:1px solid;}

#officeSecInner li a { color:#333;}

#officeSecInner li a:hover{ color:#8C8C8C; }

#officeSecInner li:last-child { border-right:none;} 

#contentsSec{ border-top:#396987 4px solid;}

#contentsSec h3 {
	background: url(../images/counselinglp/img_contents13.png) no-repeat 0px -2px;
}

#contentsSecInner { padding:70px 0 80px 0;}

#contentsSecInner .purposeList { width:1108px; margin:0 auto; padding:0 0 45px 0;}

#contentsSecInner dl { float:left; padding:0 0 0 20px;}

#contentsSecInner dl:nth-child(1) { padding: 0 0 0 0;}

#contentsSecInner dt a{
	text-align:center;
	height:80px;
	box-sizing:border-box;
	width:204px;
	font-weight:400;
	font-size:22px;
	text-decoration:none;
	color:#333;
	background-color:#EAEAEA;
	padding:28px 0 28px 10px;
	display:block;
	background-repeat:no-repeat;
	background-size:35px;
	background-position:left 20px center;
	
}
#contentsSecInner dl:nth-child(1) a{ background-image:url(/images/icon_short_study.png);}
#contentsSecInner dl:nth-child(2) a{ background-image:url(/images/icon_long_study.png);}
#contentsSecInner dl:nth-child(3) a{ background-image:url(/images/icon_study_abroad.png);}
#contentsSecInner dl:nth-child(4) a{ background-image:url(/images/icon_working_holiday.png);}
#contentsSecInner dl:nth-child(5) a{ background-image:url(/images/icon_home_stay.png); background-position:left 10px center; border:none;}
#contentsSecInner dt a:hover{ background-color:#F0F0F2;}
#contentsSecInner dt a span{ color:#333; font-size:16px;}


#contentsSecInner dd { width:204px; font-size:14px; margin-top:7px;}

#contentsSecInner p {font-size:18px;font-weight:bold;text-align: center;}

#contentsSecInner ul { width:950px; margin:0 auto;}
#contentsSecInner li{ width:470px; text-align:center; box-sizing:border-box; position:relative; float:left;}
#contentsSecInner li:last-child{ padding-left:10px;}
#contentsSecInner li a{
	font-weight:300;
	color:#fff;
	font-size:22px;
	text-decoration:none;
	padding:13px 0 18px;
	display:block;
	background-color:#396987;
	background-image:url(/images/icon_search.png);
	background-position:right 25px center;
	background-size:25px;
	background-repeat:no-repeat;
}

#contentsSecInner li a:hover{ opacity:0.8;}

#contentsSecInner li a:before{
	content:"";
	width:25px;
	height:25px;
	position:absolute;
	top:12px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:25px;
}
#contentsSecInner li:first-child a:before{ left:140px; background-image:url(/images/icon_ageSearch.png);}
#contentsSecInner li:last-child a:before{ left:160px; background-image:url(/images/icon_countrySearch.png);}



#webSec{ border-top:#FC7F92 4px solid; background-color:#E3E4E5;}

#webSec h3 {
	background: url(../images/counselinglp/img_contents14.png) no-repeat 0px -2px;
}

#webSecInner { padding:50px 0 60px 0;}

#webSecInner ul { width:960px; margin:0 auto;}

#webSecInner li{ float:left; width:294px;}
#webSecInner li.midLi{ width:372px;}
#webSecInner dt,
#webSecInner dd{ text-align:center; line-height:1.2em; font-size:14px;}
#webSecInner dt{ font-size:18px;}
#webSecInner dd img{ margin:3px 0 6px 0;}


#formSec {
	background: url(../../spring_abroad/images/back_border-shadow.png) repeat-x;
	padding-top: 40px;
	padding-top: 50px;
	margin-bottom: 50px;
}
#formSec .sectionInner {
	width: 960px;
	margin: 0 auto;
}
/*----------------------------------------------------------------------------
 ***                                                                 formBox
----------------------------------------------------------------------------*/


#formBox {
	background-color: #E5E5E5;
	padding: 30px;
}
#formBoxInner {
	padding: 30px 35px;
	background-color: #FFF;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.35);
	position: relative;
}
#formBox h3 {
	font-size: 33px;
	text-align: center;
	border: none;
	margin-bottom: 20px;
}
#formBox .btn_flyer {
	position: absolute;
	top: 12px;
	right: 100px;
}
#formBox h3 span {
	color: #F00;
}
#formBox h4 {
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px solid #000;
}
#formBox h4 span {
	font-size: 16px;
	color: #58595b;
}
.formInfo {
}
.formInfoInner {
	width: 810px;
	margin: 0 auto;
}
#guestInfo {
	margin-bottom: 30px;
}
#guestInfo h4 {
}
#guestInfo .formInfoInner {
}
form {
}
form dl {
	border-bottom: 1px dotted #cfd1d2;
	padding: 15px 0;
}
form dt {
	width: 200px;
	float: left;
	font-size: 14px;
	font-weight: normal;
	padding-top: 6px;
}
form dt span.attention {
	margin-left: 10px;
}
form dd {
	padding-left: 210px;
}
form dd span.txtSizeS {
	font-size: 12px;
	color: #666;
	padding-left: 8px;
	vertical-align: -6px;
}
form dd ul {
}
form dd li {
	float: left;
	width: 33%;
	line-height: 1.8em;
}
.address {
}
.address dl {
	border-bottom: none;
	padding: 15px 0 0;
}
.address dl:last-child {
	border-bottom: 1px dotted #cfd1d2;
	padding: 15px 0;
}
.address dt {
}
.address dd {
}
.address dd span {
}
label {
	margin-right: 5px;
}
input[type="text"] {
	padding: 3px 0 4px 7px;
}
input[type="checkbox"] {
}
input[type="submit"] {
}
select {
	padding: 2px 3px 6px 5px;
}
option {
}
textarea {
	width: 100%;
}
input, select, label span {
	cursor: pointer;
}
input, select {
	font-size: 14px;
}
label span {
	color: #000;
}
label span.mgr5 {
	line-height: 2.3em;
}
.radioParts, .checkParts {
	font-size: 14px;
	color: #333;
	position: relative;
	padding-left: 21px;
}
.radioParts {
}
.checkParts {
}
.addInput {
	padding: 3px 10px 2px;
}
/* inputタグの調節 checkbox */
.checkInput {
	display: none;
}
.checkParts::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 1px;
	width: 12px;
	height: 12px;
	border: 1px solid #999;
	border-radius: 2px;
}
.checkInput:checked + .checkParts::after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 5px;
	width: 4px;
	height: 9px;
	transform: rotate(40deg);
	border-bottom: 3px solid #A41934;
	border-right: 3px solid #A41934;
}
/* inputタグの調節 submitボタン */
.submitBox {
	width: 180px;
	height: 50px;
	margin: 25px auto 20px;
}
.submitBtn {
	font-size: 18px;
	color: #FFF;
	text-align: center;
	width: 180px;
	height: 44px;
	border: none;
	border-radius: 10px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
	background-color: #98C852;
}
.submitBtn:hover {
	opacity: 0.7;
}
/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {
}
#footerAreaInner {
}
/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {
}
/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {
}
.sectionInner {
}