@charset "utf-8";

/**
 *
 *  トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
.container,
.container-fluid {
	padding-left: 0;
	padding-right: 0
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

#Content {}

/* Main
-----------------------------------------------------------------*/
#Main {}

#Main .wrap {
	width: 100%;
	margin: 0 auto;
}

/* hide-hdg */
#Main .hide-hdg {
	display: none;
}

.paddingSet {
	padding: 0;
}

body {
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}

/*--------------------------------------------------------------------------
   Other
---------------------------------------------------------------------------*/

/* clearfix
-----------------------------------------------------------------*/
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

.txt-l {
	text-align: left;
}

.txt-r {
	text-align: right;
}

.txt-c {
	text-align: center;
}

.br-set {
	margin-left: 1em;
	text-indent: -1em;
}

/* mission
-----------------------------------------------------------------*/
#sec {
	margin-top: 30px;
	/*	background: url(../common/images/bg_repeat01.png) repeat;*/
}

#sec .lead {
	margin-bottom: 60px;
	text-align: center;
	line-height: 1.5;
	font-size: 147%;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}


#sec .lead1 {
	margin: 20px 0;
	text-align: center;
	line-height: 1.3;
	font-size: 120%;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}

#sec .lead2 {
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.2;
	font-size: 100%;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}


/* news */
.news {
	width: 100%;
	position: relative;
	/* 	letter-spacing: -0.4em;*/
	background: #fff;

}

#sec .contents display: inline-block;
/display: inline;
/zoom: 1;
/* 	letter-spacing: -0.4em;*/
vertical-align: top;
}

#sec .contents {
	width: 100%;
	background: #fff;
}

#sec .unit {
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-top: 50px;
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	vertical-align: top;
	border-left: 1px solid #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	z-index: 20;
}

#sec .unit:after {
	content: '';
	position: absolute;
	height: 11px;
	width: 35px;
	top: -50px;
	left: 50%;
	margin-left: -17px;
	/*	background: url(../img/service_arrow_bg.png) no-repeat;*/
}

#sec .unit:first-child {
	border-left: none;
}

#sec .contents .unit {
	width: 33%;
}

#sec .ico {
	margin-bottom: 10px;
}

#sec dt {
	margin-bottom: 13px;
	font-size: 139%;
	line-height: 1.7;
}

#sec dt span {
	display: block;
	font-size: 150%;
	line-height: 1.6;
}

#sec .list li {
	font-size: 108%;
}

/* more-btn */
#sec .more-btn {
	letter-spacing: 0;
	margin: 27px auto 34px;
}

#sec .contents .more-btn {
	width: 180px;
}

#sec .serviceArea {
	width: 100%;
	background-color: #fff;
	height: 400px;
}

#sec .subMainarea {
	width: 100%;
	background-color: #fff;

}



/* scale 画像拡大
-----------------------------------------------------------------*/


.scale {
	overflow: hidden;
	margin: auto 0;
	padding: 10px;
}

.scale img {
	-moz-transition: -moz-transform 0.5s linear;
	-webkit-transition: -webkit-transform 0.5s linear;
	-o-transition: -o-transform 0.5s linear;
	-ms-transition: -ms-transform 0.5s linear;
	transition: transform 0.5s linear;
}

.scale img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}



/* news
-----------------------------------------------------------------*/
#news {
	padding: 54px 0 40px;
	/*	background: #f6f4ed;*/
	background: #ffffff;
}

#news h2 {
	text-align: center;
	width: 1000px;
}


#news .area {
	width: 80%;
	padding: 5px 30px 40px;
	margin: 20px auto 0;
	font-size: 1.1em;
}



#news .btn-more {
	width: 220px;
	margin: 40px auto 0;
}

#frame_lan {
	padding: 3px;
	width: 100px;
	/*background-color:#4d9e96;*/
	border-radius: 5px;
	/* CSS3草案 */
	-webkit-border-radius: 5px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	/* Firefox用 */
	margin: 5px;
	border: solid 2px #ee524f;
}

.nami {
	text-decoration: underline wavy;
	color: #E91E63;
}


/* コンテンツタイトル
-----------------------------------------------------------------*/

#topTitle {
	padding: 0;
	margin: 20px 0;
	/*background: #EDF5F9;*/
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
}

#topTitle .wrap {
	position: relative;
	text-align: center;
	/* 	background: #fff;*/
	/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#topTitle .note {
	padding: 2%;
	margin: 0 auto;
	max-width: 1200px;
	margin-bottom: 0px;
	width: 100%;
}

#topTitle .note h2 {
	color: #333;
	line-height: 1.9;
	font-size: 30px;
	font-weight: 600;
	/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
	margin-top: 50px;
}

#topTitle .note h2 span1 {
	color: #333;
	line-height: 1.9;
	font-weight: 500;
	font-size: 40%;
	font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', serif;
}

#topTitle .note h2 span {
	color: #333;
	line-height: 1.9;
	font-size: 60%;
	font-weight: 600;
	font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', serif;
}


#topTitle .note p {
	/* margin-top: 20px; */
	color: #4f4f4f;
	line-height: 1.7;
	font-size: 17px;
	font-weight: 400;
	/* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
	text-align: left;
}

#topTitle .note p span {
	/* font-size: 200%; */
}

#topTitle .note h3 {
	padding-top: 8px;
	line-height: 1.6;
	/* text-align: right; */
	font-weight: 500;
	color: #000;
	font-size: 32px;
}

#topTitle .note img {
	padding: 20px;
	/* width: 100%; */
}




#topTitle .note10 {
	padding: 0;
	margin: 20px 0;
	/* background: #EDF5F9; */
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


#topTitle .flex_01 {
	display: flex;
	flex-wrap: wrap;
	/* border: 1px solid #ddd; */
	padding: 0.4em;
	margin: 0 0 2em;
}

#topTitle .flex_01 img {
	width: 100%;
}

#topTitle .flex_01>div {
	/* background: #ddd; */
	padding: 1em;
	flex: 1 0 0;
	margin: 0.4em;
}


#topTitle .flex_02 {
	display: flex;
	flex-wrap: wrap;
	/* border: 1px solid #ddd; */
	padding: 0.4em;
	margin: 0 0 2em;
}

#topTitle .flex_02 img {
	width: 100%;
}

#topTitle .flex_02>div {
	/* background: #ddd; */
	padding: 1em;
	flex: 1 0 0;
	margin: 0.4em;
}





.right {
	float: right;
	margin-right: 10px;
	padding: 5px 0 5px 5px;
}

#topTitle .img {
	display: none;
	margin-right: 30px;
	float: right;
	padding: 5px;
}


#topBtn {
	padding: 0;
	margin: 20px 0;
	/*background: #EDF5F9;*/
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
}

#topBtn .wrap {
	position: relative;
	text-align: center;
	/* 	background: #fff;*/
	/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
}

#topBtn .note {
	padding: 2%;
	margin-bottom: 0px;
}

#newsArea {
	padding: 35px 0;
	margin: 20px 0;
	background: #e5e3e3;
	/*background: #EDF5F9;*/
	/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
	z-index: 0;
}

#newsArea .wrap {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	/* 	background: #fff;*/
	/*	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	*/
	z-index: 0;
}


#newsArea .unit {
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	vertical-align: top;
	background-color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	z-index: 10;
	margin-right: 1%;
	height: 500px;
}


#newsArea .unit:first-child {
	border-left: none;
	margin-left: 1%;
}


#newsArea .unit {
	width: 42%;
	float: left;
	padding: 0 0.5%;
	margin: 2% 5%;
	z-index: 0;
}

#newsArea .unit img {
	/* width: 98%; */
}



#newsArea .ico1 {
	text-align: left;
	color: #212270;
	height: 58px;
	/*	margin-bottom: 10px;*/
	padding: 5px 20px;
	font-size: 20px;
	line-height: 2;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}



#newsArea .ico1:before {
	padding-right: 10px;
	font-size: 22px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f1ea";
	font-weight: normal;
	color: #3F51B5;
}



#newsArea .ico2 {
	text-align: left;
	color: #212270;
	height: 58px;
	/*	margin-bottom: 10px;*/
	padding: 5px 20px;
	font-size: 20px;
	line-height: 2;
	border-bottom: 1px solid #eee;
	margin-bottom:
}



#newsArea .ico2:before {
	padding-right: 10px;
	font-size: 22px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f230";
	font-weight: normal;
	color: #3F51B5;
}




#newsArea .ico2 {
	text-align: left;
	/* background-color: #3b5998; */
	height: 58px;
	margin-bottom: 10px;
}

#newsArea .ico3 {
	text-align: left;
	/* 	background-color: #00aff0; */
	height: 58px;
	/*	margin-bottom: 10px;*/
}



#newsArea .ico3 {
	text-align: left;
	color: #212270;
	height: 58px;
	/*	margin-bottom: 10px;*/
	padding: 5px 20px;
	font-size: 20px;
	line-height: 2;
	border-bottom: 1px solid #eee;
	margin-bottom:
}



#newsArea .ico3:before {
	padding-right: 10px;
	font-size: 22px;
	text-align: left;
	font-family: 'FontAwesome';
	content: "\f099";
	font-weight: normal;
	color: #03A9F4;
}




#newsArea .ico3 {
	text-align: left;
	/* background-color: #3b5998; */
	height: 58px;
	margin-bottom: 10px;
}








#newsArea .ico1 img,
#newsArea .ico2 img,
#newsArea .ico3 img {
	position: absolute;
	top: 15px;
	left: 2%;

}

#newsArea .ico4 img {
	position: absolute;
	top: 15px;
	right: 2%;

}




/* newsbox news facebook twitter
-----------------------------------------------------------------*/
#newsbox {
	margin: 20px auto;
	width: 100%;
	/*	height: 450px;画像の幅に合わせる　この幅がセルの幅　*/
	background: #e5e3e3;
	position: relative;

}

#newsbox .contents {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;

}


#newsbox .unit {
	position: relative;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-top: 40px;
	margin-bottom: 15px;
	color: #fff;
	text-align: center;
	letter-spacing: 0;
	vertical-align: top;
	background-color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	z-index: 20;
	margin-right: 1%;
	height: 320px;
}

/*
#newsbox .unit:after{
	content: '';
	position: absolute;
	height: 11px;
	width: 35px;
	top: -50px;
	left: 50%;

/*	background: url(../img/service_arrow_bg.png) no-repeat;
}*/
#newsbox .unit:first-child {
	border-left: none;
	margin-left: 1%;

}


#newsbox .contents .unit {
	width: 32%;
	float: left;
	margin-bottom: 15px;
}

#newsbox img {
	padding-top: 15px;
	padding-left: 15px;

}


#newsbox .ico {

	margin-bottom: 10px;
}


#newsbox .ico1 {
	text-align: left;
	background-color: #212270;
	height: 58px;
	/*	margin-bottom: 10px;*/
}

#newsbox .ico2 {
	text-align: left;
	background-color: #3b5998;
	height: 58px;
	/*	margin-bottom: 10px;*/
}

#newsbox .ico3 {
	text-align: left;
	background-color: #00aff0;
	height: 58px;
	/*	margin-bottom: 10px;*/
}

#newsbox .ico3 img {
	position: absolute;
	top: 0.5%;
	left: 1%;

}

#newsbox .ico4 img {
	position: absolute;
	top: 0.5%;
	right: 2%;

}



#newsbox dt {
	margin-bottom: 13px;
	font-size: 139%;
	line-height: 1.7;
}

#newsbox dt span {
	display: block;
	font-size: 150%;
	line-height: 1.6;
}

#newsbox .list li {
	font-size: 108%;
}

/* more-btn */
#newsbox .more-btn {
	letter-spacing: 0;
	margin: 27px auto 34px;
}

#newsbox .contents .more-btn {
	width: 180px;
}




#section_btn {
	margin: 0 auto;
	width: 100%;
	padding: 20px;
	max-width: 500px;
}

#section_btn p {
	font-size: 1.5em
}

/* service サービス内容 4つのコンテンツ
-----------------------------------------------------------------*/
#service {
	margin: 20px auto;
	width: 1000px;
	/*	height: 450px;画像の幅に合わせる　この幅がセルの幅　*/
	background: #fff;
	position: relative;
	text-align: center;
}

#service h2 {
	line-height: 1.5;
	font-size: 1.9rem;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	/* padding: 2%; */
}

#service img {
	width: 90%;
	margin: 0 auto;
	/* max-width: 250px; */
}

#service .contents {
	text-align: center;
	margin-bottom: 80px;
	display: flex;
	flex-wrap: wrap;
	/* border: 1px solid #ddd; */
	padding: 0.4em;
	margin: 0 0 1em;
}




#service .contents a: hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#service .after {
	clear: both;
}




/*50 追加*/

#service .area50,
#service .area50n {
	/* background: #ddd; */
	padding: 1em;
	flex: 1 0 300px;
	margin: 0.4em;
}

#service .area50 img,
#service .area50n img {
	max-width: 250px;
}




#service .area50 h2,
#service .area50n h2 {
	margin: 10px 0;
	font-size: 25px;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
	color: #041571;
	text-align: left;
}


#service .area50 h2:after {
	width: 95px;
	height: 22px;
	content: url(/img/student/common/btn_more.png);
	margin-left: 5px;
}


#service .area50 h2 a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#service .area50 p,
#service .area50n p {
	margin: 10px 0;
	font-size: 18px;
	padding: 0 10px;
	text-align: left;
}






#service2 {
	margin: 20px auto;
	width: 1000px;
	/*	height: 450px;画像の幅に合わせる　この幅がセルの幅　*/
	background: #fff;
	position: relative;
	text-align: center;
}

#service2 h2 {
	line-height: 1.5;
	font-size: 1.9rem;
}

#service2 img {
	width: 40%;
}

#service2 .contents {
	width: 1000px;
	text-align: center;
	margin-bottom: 80px;
}

#service2 .contents a: hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#service2 .area30 {
	width: 30%;
	text-align: center;
	float: left;
}


#service:hover>#area30 {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#service2 .area70,
#service2 .area70n {
	width: 68%;
	text-align: left;
	float: left;
}


#service2 .area70 h2,
#service2 .area70n h2 {
	margin: 10px 0;
	font-size: 220%;
	padding: 0 10px;
	border-bottom: 1px solid #ccc;
}


#service2 .area70 h2:after {
	width: 95px;
	height: 22px;
	content: url(/img/student/common/btn_more.png);
	margin-left: 5px;
}


#service2 .area70 h2 a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#service2 .area70 p,
#service2 .area70n p {
	margin: 10px 0;
	font-size: 1.2em;
	padding: 0 10px;
}

#service2 .after {
	clear: both;
}

/* サービスの内容
-----------------------------------------------------------------*/



#text01 {
	width: 500px;
	text-align: left;
	margin: 10px 20px 10px 0;
	float: right;

	/*	margin-bottom: 10px;*/
}


#service .ico2 {
	text-align: left;
	background-color: #3b5998;
	height: 58px;
	/*	margin-bottom: 10px;*/
}

#service .ico3 {
	text-align: left;
	background-color: #00aff0;
	height: 58px;
	/*	margin-bottom: 10px;*/
}

#service dt {
	margin-bottom: 13px;
	font-size: 139%;
	line-height: 1.7;
}

#service dt span {
	display: block;
	font-size: 150%;
	line-height: 1.6;
}

#service .list li {
	font-size: 108%;
}

/* more-btn */
#service .more-btn {
	letter-spacing: 0;
	margin: 27px auto 34px;
}

#service .contents .more-btn {
	width: 180px;
}


/* balloon4 */
.balloon4 {
	position: relative;
	width: 70%;
	margin: 2em 40px 2em 0;
	padding: 15px;
	background: #ff8f33;
	border-radius: 30px;
	color: #fff;
	margin: 0 15%;
}

.balloon4:before {
	content: "";
	position: absolute;
	right: 50%;
	width: 13px;
	height: 12px;
	bottom: -40px;
	background: #ff9c4a;
	border-radius: 50%;
}

.balloon4:after {
	content: "";
	position: absolute;
	right: 48%;
	width: 20px;
	height: 18px;
	bottom: -20px;
	background: #ffaa64;
	border-radius: 50%;
}

.balloon4 p {
	margin: 0;
	padding: 0;
	color: #fff;
}

/* blockTtl3
-----------------------------------------------------------------*/
.blockTtl3 {
	position: relative;
	margin-bottom: 2px;
	text-align: center;
	font-size: 2.3rem;
	font-weight: 500;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
}

.blockTtl3:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 3px;
	/*left: 50%;
	margin: 18px 0 0 -20px;*/
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background: #e95532;
}

.blockTtl3.en {
	margin-bottom: 5px;
	font-size: 2.3rem;
	font-family: 'Noto Serif', serif;
}

.blockTtl3.en:after {
	bottom: -6px;
	margin-top: 0;
}

.sankaku_orange {
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: 20px solid #e95532;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
}

/* blockTtl4
-----------------------------------------------------------------*/
.blockTtl4 {
	position: relative;
	margin-bottom: 52px;
	text-align: center;
	font-size: 3.0rem;
	line-height: 1.3;
	font-weight: 500;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;
	color: #000;
}

.blockTtl4:after {
	position: absolute;
	content: '';
	width: 30%;
	height: 3px;
	/*left: 50%;
	margin: 18px 0 0 -20px;*/
	left: 0;
	right: 0;
	margin: 15px auto;
	display: block;
	background: #c1272d;
}

.blockTtl4.en {
	margin-bottom: 5px;
	font-size: 50px;
	font-family: 'Noto Serif', serif;
}

.blockTtl4.en:after {
	bottom: -6px;
	margin-top: 0;
}





.sankaku_red {
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: 20px solid #c1272d;
	border-right: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid transparent;
}



.blockTtl0 {
	position: relative;
	margin-bottom: 28px;
	margin-top: 80px;
	text-align: center;
	font-size: 3.5rem;
	font-weight: 500;
	color: #c1272d;
	font-family: 'Noto Sans Japanese', "メイリオ", "Meiryo", serif;

}

.sankaku_red1 {
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: 30px solid #c1272d;
	border-right: 40px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 40px solid transparent;
}


#subTitle {
	clear: both;
	position: relative;
	margin-bottom: 50px;
	width: 90%;
	margin: 20px auto;
}

#subTitle .stitle {
	margin-bottom: 5px;
	font-size: 2.5rem;
	font-weight: 500;
	color: #333;
	line-height: 1.5em;
	text-align: center;
}

#subTitle .stitle2 {
	margin: 20px 15%;
	font-size: 2.5rem;
	font-weight: 500;
	color: #333;
	line-height: 1.5em;
	text-align: center;
	background: #c1272d;
	border-radius: 30px;
	padding: 10px;
	color: #fff;
	width: 70%;
}



#subTitle .stitle span {
	font-size: 4.5rem;
	color: #c1272d;
	font-weight: 600;
	padding: 0 15px;
	margin-top: 5px;
	line-height: 1.5;
}


#subTitle .text {
	margin-bottom: 2px;
	font-size: 1.4em;
	line-height: 1.47em;
}


#subTitle .titleSub1 {
	margin-bottom: 1px;
	font-size: 1.3em;
	color: #c1272d;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px sloid #fff;
	padding-left: 60px;
}

#subTitle .titleSub2 {
	margin-bottom: 0px;
	font-size: 1.3em;
	color: #4d4d4d;
	/*c1272d*/
	font-weight: bold;
	text-align: left;
	border-bottom: 1px sloid #fff;
	padding-left: 10px;
}



/** -----------------------------------------------------------------
 *
 *  Facebook
 *
 ----------------------------------------------------------------- */
#fb-root {
	display: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
	width: 100% !important;
}




.pc {
	display: block !important;
}

.sp {
	display: none !important;
}


/** -----------------------------------------------------------------
 *
 *  レスポンシブ 1200
 *
 ----------------------------------------------------------------- */

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


	#news {
		width: 750px;
		margin: 0 auto;
	}

	#news h2 {
		text-align: center;
	}




	#service {
		width: 100%;
		/*	height: 450px;画像の幅に合わせる　この幅がセルの幅　*/
		background: #fff;
		position: relative;
		padding: 1%;
	}

	#service .contents {
		/* width: 94%; */
		/* margin: auto 3%; */
	}



	#service .area30 {
		width: 28%;
		text-align: center;
		float: left;
	}

	#service .area30 img {
		width: 100%;

	}

	#service:hover>#area30 {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}


	#service .area70 {
		width: 70%;
		text-align: left;
		float: left;
	}



	#service2 {
		width: 100%;
		/*	height: 450px;画像の幅に合わせる　この幅がセルの幅　*/
		background: #fff;
		position: relative;

	}

	#service2 .contents {
		width: 94%;
		margin: auto 3%
	}



	#service2 .area30 {
		width: 28%;
		text-align: center;
		float: left;
	}

	#service2 .area30 img {
		width: 100%;

	}

	#service:hover>#area30 {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}


	#service2 .area70 {
		width: 70%;
		text-align: left;
		float: left;
	}





}

/** -----------------------------------------------------------------
 *
 *  レスポンシブ 800
 *
 ----------------------------------------------------------------- */

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


	#news {
		width: 600px;
		margin: 0 auto;
	}

	#news h2 {
		text-align: center;
	}

	#topTitle .note img {
		margin: 0;
		width: 100%;
	}




}


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


	#topTitle .note h2 {
		margin-top: 20px;
		line-height: 1.5;
		font-size: 20px;
	}


	#topTitle .flex_02>div {
		flex: 1 0 300px;
	}



	#topTitle .note h3 {
		font-size: 20px;
	}





	#topTitle .note h3 span {
		display: block;
	}


	#newsArea {
		padding: 25px;
		margin: 20px 0;
		background: #e5e3e3;
		/* background: #EDF5F9; */
	}


	#newsArea .unit:last-child {
		border-left: none;
		margin-left: 0;
		margin: 0 0 10px;
		width: 96%;
		clear: both;
		padding: 0 2%;
		margin: 0 2% 0px;
	}


	#newsArea .unit {
		width: 96%;
		clear: both;
		padding: 0 2%;
		margin: 0 2% 10px;
	}




	#service .contents {
		width: 94%;
		margin: auto 3%;
	}



	#service .area50 h2,
	#service .area50n h2 {
		font-size: 20px;
		margin-left: 1em;
		text-indent: -1em;

	}

	#service .area50 p,
	#service .area50n p {
		font-size: 16px;
	}

	#service .area50 img,
	#service .area50n img {
		width: 80%;
	}




	#service .area50n {
		order: 1;
	}


}






/** -----------------------------------------------------------------
 *
 *  レスポンシブ 400
 *
 ----------------------------------------------------------------- */

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


	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}


	#service {
		margin: 20px auto;
		width: 90%;
	}

	#service2 {
		margin: 20px auto;
		width: 90%;
	}

	#service2 img {
		width: 80%;
		padding-bottom: 20px
	}

	#topTitle .note h2 {
		color: #333;
		line-height: 1;
		font-size: 18px;
		font-weight: 700;
		font-family: "メイリオ", "Meiryo", 'Noto Sans Japanese', serif;
	}

	#topTitle .note h2 span1 {}


	#topTitle .note h2 span {
		color: #212270;
		line-height: 1.9;
		font-size: 70%;
	}

	#topTitle .note p {}

	#news {
		width: 600px;
		margin: 0 auto;
	}

	#news h2 {
		text-align: center;
	}



	#newsArea {
		padding: 35px 0;
		margin: 20px 0;
		background: #e5e3e3;
		/*background: #EDF5F9;*/
		/* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
	background-position: right;  */
	}

	#newsArea .wrap {
		width: 100%;
		max-width: 320px;
		margin: 0 auto;

	}


	#newsArea .unit {
		margin: 0;
		height: 500px;
		margin-bottom: 10px;
	}


	#newsArea .unit:first-child {
		margin-left: 0;

	}


	#newsArea .unit {
		width: 100%;
		float: left;
	}



	#service .contents {
		text-align: center;
		margin-bottom: 10px;
	}

	#service .contents a: hover {}

	#service .area30 {
		width: 30%;


	}

	#service .area30 img {
		width: 90px;
	}

	#service:hover>#area30 {}


	#service .area70,
	#service .area70n {
		width: 65%;
		margin: 0 auto;

	}


	#service .area70 h2,
	#service .area70n h2 {
		margin: 10px 0;
		font-size: 160%;
		padding: 0 10px;
		border-bottom: 1px solid #ccc;
	}


	#service .area70 h2:after {
		width: 95px;
		height: 22px;
		content: url(/img/student/common/btn_more.png);
		margin-left: 5px;
	}


	#service .area70 h2 a:hover {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}


	#service .area70 p,
	#service .area70n p {
		margin: 10px 0;
		font-size: 1.2em;
		padding: 0 10px;
	}

	#service .after {
		clear: both;
	}


	#service2 .contents {
		text-align: center;
		margin-bottom: 80px;
	}

	#service2 .contents a: hover {}

	#service2 .area30 {
		width: 30%;

	}

	#service2 .area30 img {
		width: 90px;
	}

	#service:hover>#area30 {}


	#service2 .area70,
	#service2 .area70n {
		width: 65%;
		margin: 0 auto;
	}

	#service2 .area70 h2,
	#service2 .area70n h2 {
		margin: 10px 0;
		font-size: 160%;
		padding: 0 10px;
		border-bottom: 1px solid #ccc;
	}

	#service2 .area70 h2:after {
		width: 95px;
		height: 22px;
		content: url(/img/student/common/btn_more.png);
		margin-left: 5px;
	}

	#service2 .area70 h2 a:hover {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

	#service2 .area70 p,
	#service2 .area70n p {
		margin: 10px 0;
		font-size: 1.2em;
		padding: 0 10px;
	}

	#service2 .after {
		clear: both;
	}

	.blockTtl4 {
		font-size: 2.5rem;
	}






}



/** -----------------------------------------------------------------
 *
 *  ボックス
 *
 ----------------------------------------------------------------- */

.boxFlexible {
	position: relative;
	margin: 5em auto;
	padding: 1em 1em;
	border: solid 2px #440e11;
	max-width: 1000px;
	width: 90%;
	/* overflow: auto; */
	text-align: left;
}

.boxFlexible img {
	max-width: 800px;
	width: 100%;
	margin: 10px auto;
}



.boxFlexible p {
	/* width:50%; */
	/* float:left; */
}


.boxFlexible .box-title {
	position: absolute;
	display: inline-block;
	top: -36px;
	left: -2px;
	padding: 0 9px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-size: 18px;
	background: #440e11;
	color: #ffffff;
	font-weight: bold;
	border-radius: 3px 3px 0 0;
}

.boxFlexible p {
	margin: 0;
	padding: 0;
	font-size: 17px;
	text-align: left;
}

.boxFlexible_img {
	width: 100%;
	text-align: right;
}

.boxFlexible_img img {
	width: 100%;
	max-width: 100px
}



.boxFlexible p.kaisai {
	font-size: 20px;
	text-align: center;
}

.boxFlexible p.comment {
	font-size: 18px;
	text-align: center;
}


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

	.boxFlexible p {
		width: 100%;
	}

}

.youtube_work {
	max-width: 1000px;
	margin: 0 auto;
	width: calc(100% - 20px);
}

.youtube_work .imgArea {
	overflow: hidden;
	position: relative;
	z-index: 1;
	/* background: #f7f6f6; */
	border: #ff8f33 3px solid;
	padding-bottom: 10px;
	margin-top: 50px;
	margin-bottom: 50px;
}

/* .youtube_work .imgArea:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";background: #fefefe;z-index: 5;opacity: 0;/* -webkit-transition: all 0.7s ease; */
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
/* transition: all 0.7s ease; */
}

*/ .youtube_work .imgArea:hover:before {
	content: "";
	background: rgb(247, 244, 241);
	opacity: 0.1;
}

.youtube_work .imgArea img {
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	width: 100%;
	padding: 1% 3%;
	float: left;
}

/*.youtube_work .imgArea:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 1; }*/
/* span.plus */
.youtube_work .imgArea span.plus {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	z-index: 6;
	overflow: hidden;
	text-indent: -999px;
}

.youtube_work .imgArea span.plus:before {
	position: absolute;
	top: 5%;
	left: 5%;
	margin-left: -25px;
	border-bottom: transparent 1px solid;
	width: 0px;
	height: 0;
	content: "";
}

.youtube_work .imgArea span.plus:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	border-right: transparent 1px solid;
	height: 0;
	content: "";
}

.youtube_work .imgArea span.plus:before,
.youtube_work .imgArea span.plus:after {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.youtube_work .imgArea:hover span.plus:before {
	border-bottom: #fff 1px solid;
	width: 50px;
}

.youtube_work .imgArea:hover span.plus:after {
	border-right: #fff 1px solid;
	height: 50px;
}

/* --- .txtArea --- */
.youtube_work .txtArea {
	text-align: center;
}

.youtube_work .txtArea p.no {
	display: block;
	width: 50px;
	height: 50px;
	margin: -25px auto 0;
	background: #fefefe;
	font-size: 14px;
	/*font-family: 'Catamaran', sans-serif;*/
	font-weight: 700;
	line-height: 50px;
	letter-spacing: 1px;
	position: relative;
	z-index: 3;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.youtube_work .txtArea p.no:after {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	content: "";
	border: #fefefe 1px solid;
	z-index: 10;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.youtube_work h2 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-top: -5px;
	position: relative;
	z-index: 4;
	margin-top: 15px;
	padding: 0 2%;
	/* width: 64%; */
	float: left;
	font-weight: 600;
}

.youtube_work a h2 {
	color: #010590
}

.youtube_work h2 span {
	font-size: 23px;
	color: #de3039
}

.youtube_work h3 {
	font-size: 18px;
	line-height: 1.8;
	text-align: left;
}

.youtube_work p {
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 1.5;
	margin-top: 5px;
	position: relative;
	z-index: 4;
	margin-top: 5px;
	padding: 0 2%;
	width: 100%;
	float: left;
	text-align: left;
}

.youtube_work p:before {
	width: 25px;
	font-size: 18px;
	text-align: left;
	font-family: 'themify';
	content: "\e60a";
	font-family: 'FontAwesome';
	content: "\f14a";
	font-weight: normal;
	color: #ff8f33;
	padding-right: 5px;
}

.youtube_work h4 {
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 1.7;
	margin-top: -5px;
	position: relative;
	z-index: 10;
	margin-top: 0;
	padding: 1% 2%;
	/* width: 100%; */
	float: right;
	text-align: center;
	margin: 0 20px;
}

.youtube_work h1 {
	margin: 1%;
	/* background: #fde6e6; */
	color: #396800;
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 1.7;
	position: relative;
	z-index: 10;
	padding: 1% 2%;
	/* width: 100%; */
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	text-align: left;
}

.youtube_work h1:before {
	width: 25px;
	font-size: 25px;
	text-align: left;
	font-family: 'themify';
	content: "\e60a";
	font-family: 'FontAwesome';
	content: "\f005";
	font-weight: normal;
	padding-right: 5px;
}




.video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10px;
}

.video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


.flex_movie {
	/* 　flex-wrap: wrap; */
	display: flex;
	flex-direction: column;

}

.item_40 {
	width: 100%;
	padding: 2%;
}

.item_60 {
	width: 100%;
	padding: 2%;
}


@media (min-width : 600px) {
	.flex_movie {
		display: flex;
		/* 		flex-wrap: wrap; */
		flex-direction: row;
		width: 100%;
		/* max-width: 1200px; */
		/* justify-content: center; */
		/* 子要素をflexboxにより中央に配置する */
		/* align-items: center; */
		/* 子要素をflexboxにより中央に配置する */
		/* margin-bottom: 100px; */
	}

	.item_40 {
		width: 45%;
		padding: 2%;
	}

	.item_40 img {
		width: 100%;
		padding: 3%;
	}

	.item_60 {
		width: 54%;
		padding: 2%;
		text-align: left;
	}

	.item_60 img {
		width: 100%;
	}

	.item_40 .tTaisho,
	.item_60 .tTaisho {
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: 600;
		margin-top: 0;
	}

	.item_60 .kyu {
		font-size: 16px;
		color: #000;
		font-weight: 500;
		border: 0px solid #ddd;
		padding: 1%;
		margin: 1%;
		background: #f0d174;
	}


	.item2 {
		width: 100%;
	}

	.item2 img {
		width: 50%;
	}

	.item p,
	.item2 p {
		/* text-align:left; */
		/* font-size: 17px; */
		/* font-weight:600; */
		/* line-height: 1.7; */
		/* padding: 2%; */
	}

	.item2_pic {
		background: #000;
		color: #fff;
		padding: 3px;
		position: absolute;
		top: -35px;
		padding: 1%;
		font-size: 18px;
		left: 40px;
	}

	.item2_picA {
		background: #ffb03f;
		color: #000;
		padding: 3px;
		position: absolute;
		top: -15px;
		padding: 2%;
		font-size: 18px;
	}

	.item2_txt {
		text-align: left;
		font-size: 16px;
		font-weight: 500;
		line-height: 2;
		padding: 2%;
		padding-top: 3%;
	}

	/* 	.item2_title span color:#fff; padding:5px;} */

}




.interview {}

.interview .wrap {}

.boxUp {
	display: flex;
}

.country_iCon {
	width: 40%
}

.iName {
	width: 60%
}

.boxDown {
	display: flex;
}

.iComment {
	width: 60%
}

.iPhoto {
	width: 40%
}


.contents-wrap {
	display: flex;
	justify-content: space-between;
	/* margin-bottom: 7rem; */
	/* justify-content: center; */
	align-items: center;
	width: 95%;
	max-width: 1000px;
	margin: 20px auto 0px;
}

.contents-wrap:nth-child(odd) {
	flex-direction: row-reverse;
	margin-bottom: 100px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px;
}

.contents-wrap:nth-child(even) {
	/* 	background:#eee; */
}

.contents-text {
	width: 70%;
	padding: 2% 0;
	/*flex: 2;*/
}

.flow_title {
	border-bottom: solid 2px
}




.contents-text p {
	/* font-size:18px; */
	line-height: 1.5;
}

.contents-img {
	/* width: 90%; */
	/* flex: 1; */
	padding: 0 0em;
	margin: 0 auto;
}

.contents-text h2 {
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-size: 20px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	color: #0e222d;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: left;
}

.contents-img img {
	display: block;
	max-width: 200px;
	overflow: hidden;
	position: relative;
	object-fit: cover;
	margin: 0 auto;
	border-radius: 0.2em;
	width: 100%;
	/* border-radius: 0.5%; */
}

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

	.contents-wrap,
	.contents-wrap:nth-child(odd) {
		flex-direction: column;
	}

	.contents-text,
	.contents-img img {
		width: 100%;
		/*flex: 1;*/
	}

	.contents-text {
		padding: 3rem;
	}

	.contents-text h2 {
		/* text-align: center; */
	}
}

@media(max-width:499px) {
	h2.sub-ttl2 {
		font-size: 1.5rem;
	}


	.contents-text {
		padding: 1rem 0;
	}


	.contents-img img {
		/* width: 150px; */
	}

}

.stepBox {
	margin: 2em 0;
}

@media(max-width:600px) {
	.stepBox {
		margin: 1em 0.5em 0.5em;
	}

	.stepBox img {
		width: 100%;
	}
}




.iBox_wrap {
	position: relative;
	margin: 2em auto;
	padding: 25px 10px 7px;
	/* max-width: 1200px; */
	width: 100%;
	border: solid 1px #999;
	background: #fff;
}

.iBox_wrap .box-title {
	position: absolute;
	display: inline-block;
	top: -15px;
	left: 20px;
	padding: 0 9px;
	/* height: 40px; */
	line-height: 2;
	font-size: 16px;
	background: #df8e19;
	border-radius: 1em;
	color: #ffffff;
	font-weight: bold;
	/* font-family: 'Abel', sans-serif; */
	letter-spacing: 0.1em;
}

.iBox_wrap p {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	font-size: 16px;
	/* color: #000; */
	text-align: left;
}


.more_btn {
	margin-bottom: 5px;
	width: 100%;
	max-width: 250px;
}

.more_btn a {
	position: relative;
	z-index: 1;
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;
	background: #333;
	padding: 0;
	color: #fefefe;
	/* border: 1px solid #ff8900; */
	-moz-border-radius: 3px;
	/* -webkit-border-radius: 3px; */
	/* border-radius: 3px; */
}

.more_btn a:hover {
	color: #fff;
	background: #df8e19;
	border-color: #111;
	-webkit-transform: scale(.95, .95);
	-moz-transform: scale(.95, .95);
	-o-transform: scale(.95, .95);
	-ms-transform: scale(.95, .95);
	transform: scale(.95, .95)
}

.more_btn a:before {
	/*     position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
    font-size: 18px;
    font-family: themify;
    content: "\e608";
    font-weight: 400 */
}

.more_btn a:after {
	content: '>';
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 185%;
	font-family: 'icomoon';
	transition: all 0.3s;
	line-height: 14px;
	margin-top: -7px;
	vertical-align: middle;
}


/* ボタン */

.area_bmore {
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
	text-align: right;
	width: 100%;
}

@media screen and (max-width: 818px) {
	.area_bmore {
		width: 90%;
		margin: auto;
	}
}

a.btnMore {
	position: relative;
	color: #000;
	/* font-family: "Century Gothic",'Abel', sans-serif; */
	width: 250px;
	font-size: 0.9em;
}

a.btnMore::before {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 0;
	display: block;
	width: 30%;
	height: 1px;
	background-color: #000;
	transition: width 0.3s;
}

a.btnMore:after {
	font-weight: 400;
	font-size: 20px;
	content: '>';
	font-family: 'icomoon';
	transition: all 0.3s;
	line-height: 14px;
	margin-top: -7px;
	vertical-align: middle;
}


a.btnMore:hover::before {
	width: 100%;
}




.pickup {
	padding: 50px 0px;
	background-color: #f1efef;
	position: relative;
}


.pickup .wrap {
	max-width: 1100px;
	margin: 0 auto;
}




.pickup.mt {
	margin-top: 30px;
}

.pickup .img_pickup {
	width: 100px;
	margin-left: -50px;
	margin-bottom: 20px;
}

.pickup .title {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5;
	display: flex;
	align-items: center;
}

.pickup .title:before {
	font-family: 'FontAwesome';
	content: "\f097";
	padding-right: 5px;
	color: #6b0948;
	font-size: 1.2em;
}





.pickup .title span {
	font-size: 0.8rem;
	font-size: 1.2rem;
	display: block;
	margin-left: 10px;
}

@media screen and (max-width: 1024px) {
	.pickup .title {
		flex-direction: column;
	}
}


.pickup .title .underline {
	font-weight: bold;
}

.pickup .title .underline::before {
	height: 10px;
}

.pickup .txt {
	background: #fff;
	padding: 20px;
	border-radius: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	/* max-width: 1000px; */
	/* width: 95%; */
	margin: 0 auto;
	text-align: center;
}

.pickup .plan_title {
	font-size: 25px;
	line-height: 2;
	margin: 0;
	/* margin-bottom: 20px; */
	font-weight: 600;
	color: #df8e19;
}

.pickup .name {
	font-size: 25px;
	line-height: 2;
	margin-bottom: 20px;
	font-weight: 600;
	color: #0c438a;
}

.pickup .name span {
	background: #ddd;
	border-radius: 10em;
	background: #0c438a;
	color: #fff;
	font-size: 18px;
	padding: 5px 10px;
}



.pickup .cap {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 0;
	padding: 0 20px;
	font-weight: 600;
	text-align: center;
}

.pickup .phone_num,
.pickup .fax_num {
	font-size: 40px;
	/* line-height: 2; */
	padding: 10px 20px 0;
	/* border: 1px solid #ddd; */
	/* border-radius: 500px; */
	margin-bottom: 20px;
	/* display: block; */
}

.pickup .phone_num:before {
	font-family: 'FontAwesome';
	content: "\f095";
	padding-right: 5px;
	color: #6b0948;
	font-size: 0.8em;
}

.pickup .fax_num:before {
	font-family: 'FontAwesome';
	content: "\f1ac";
	padding-right: 5px;
	color: #666666;
	font-size: 0.7em;
	line-height: 1;
}

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

	.pickup .phone_num,
	.pickup .fax_num {
		font-size: 28px;
	}

	.pickup .phone_num:before,
	.pickup .fax_num:before {
		font-size: 0.8em;
	}

	.pickup .cap {
		text-align: left;
	}
}


.top_interview {
	display: flex;
}

.set_invew {
	width: 33.3333%;
	padding: 1%;
}

.set_invew img {
	width: 100%
}

.invew_name {
	font-size: 17px !important;
	padding: 5px;
}

.invew_info {
	font-size: 14px !important;
	padding: 3px;
	text-align: center;
}


@media screen and (max-width: 500px) {
	.top_interview {
		flex-direction: column;
	}

}

.set_invew {
	width: 100%;
	padding: 1%;
}



.top_campaign {
	max-width: 1000px;
	margin: 50px auto;
}

.top_campaign img {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.top_campaign h2 {
	color: #333;
	line-height: 1.9;
	font-size: 30px;
	font-weight: 600;
}

.top_campaign p {
	color: #333;
	line-height: 1.9;
	font-size: 16px;
}





/** -----------------------------------------------------------------
 *
 *  キャンペーンボックス
 *
 ----------------------------------------------------------------- */

.boxCampaign {
	position: relative;
	margin: 7em auto 5em;
	padding: 1em 1em;
	border: solid 3px #ff9800;
	max-width: 1000px;
	width: 90%;
	/* overflow: auto; */
	text-align: left;
	border-radius: 0em 1em 1em 1em;
}

.boxCampaign img {
	max-width: 800px;
	width: 100%;
	margin: 10px auto;
}



.boxCampaign p {
	/* width:50%; */
	/* float:left; */
}


.boxCampaign .box-title {
	position: absolute;
	display: inline-block;
	top: -36px;
	left: -3px;
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	font-size: 20px;
	background: #FF9800;
	color: #ffffff;
	font-weight: bold;
	border-radius: 3px 3px 0 0;
}

.boxCampaign p {
	margin: 0;
	padding: 0;
	font-size: 17px;
	text-align: left;
}



.boxCampaign p.kaisai {
	font-size: 20px;
	text-align: center;
}

.boxCampaign p.comment {
	font-size: 18px;
	text-align: center;
}


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

	.boxCampaign p {
		width: 100%;
	}

}



.plan_btn {
	position: relative;
	display: inline-block;
	min-width: 280px;
	background-color: #eb7a05;
	padding: 12px 10px 12px 24px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #fff;
	text-align: left;
	margin: 10px 10px;
	transition: all .5s;
	text-decoration: none;
}

.plan_btn2 {
	position: relative;
	display: inline-block;
	min-width: 280px;
	background-color: #185e7d;
	padding: 12px 10px 12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin: 0 10px;
	transition: all .5s;
	text-decoration: none;
}

.plan_btn2:hover {
	opacity: .8;
	color: #fff !important;
}

/*--- 矢印 ---*/
.plan_btn::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	width: 34px;
	height: 1px;
	background: #fff;
	transition: all .5s;
}

.plan_btn::after {
	content: '';
	position: absolute;
	top: 40%;
	right: 31px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .5s;
}

.plan_btn:hover {
	opacity: .8;
	color: #fff !important;
}

.plan_btn2:hover {
	opacity: .8;
	color: #fff !important;
}

.plan_btn:hover::before {
	right: 23px;
}

.plan_btn:hover::after {
	right: 24px;
}

@media only screen and (max-width:768px) {
	.plan_btn {
		margin-top: 14px;
		margin-bottom: 15px;
	}
}



/* ===============================================
topCard Styling
=============================================== */
.card_container {
	max-width: 1200px;
	padding: 20px 20px;
	margin: 80px auto;
	width: 100%;
	border-top: 1px solid #DDD;
}


p.title {
	text-align: center;
	font-size: 1.5em;
	line-height: 3;
	letter-spacing: 0.4em;
	color: #4d442e;
	font-weight: 600;
	margin-bottom: 10px;
}



.card_wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	/* width: 100%; */
	padding: 0 20px;
	gap: 20px;
}

.card {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px;
	padding: 20px 15px;
	border-radius: 5px;
	color: #323232 !important;
	text-decoration: none !important;
}

/* .card:hover  {
    transition: all .4s;
    opacity: .7;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  }
 */

.card_title::first-letter {
	font-size: 38px;
}


.card_title {
	font-size: clamp(0.75rem, 0.375rem + 0.781vw, 1rem);
	text-align: left;
	padding-bottom: 10px;
	font-size: 1.4em;
	line-height: 1.2;
	color: #396800;
	text-indent: -1.15em;
	padding-left: 1.9em;
}

.card_img {
	padding-top: calc(363 / 600 * 100%);
	position: relative;
}

.card_img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card_text {
	font-size: 15px;
	padding: 10px 0;
	flex-grow: 1;
	text-align: left;
}

.card_link {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	padding: 6px;
}

/* .card_link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 130px;
    height: 2px;
    background-color: #d8c9c9;
  } */

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

	.card_container {
		width: 92%;
		margin: 0 auto;
		padding: 0 0 50px;
	}

	.card_wrapper {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		/* width: 100%; */
		padding: 0 20px;
		gap: 20px;
	}



	.card_wrapper {
		grid-template-columns: repeat(1, 1fr);
		padding: 0;
		width: 100%;
	}
}



.box-campain {
	max-width: 1000px;
	margin: 100px auto;
	border: 2px solid #f4a930;
	border-radius: 3px;
	overflow: hidden;
	width: 90%;
	position: relative;
	padding-top: 40px;
	/* display:flex; */
	/* flex-direction: column; */
}

.box-campain span.title_set {
	padding: .4em .8em;
	font-size: 20px;
	background-color: #f4a930;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
}

.box-campain .area {
	width: 96%;
	margin: 0 auto;
	display: flex;
}


.imgBox {
	width: 50%;
	padding: 30px 0;
}


.imgBox p.kikan {
	/* text-decoration: underline wavy; */
	color: #f40000;
	background: linear-gradient(transparent 30%, #ffffb5 0%);
	font-size: 1.2em !important;
	font-weight: 600;
	background: #ffffb5;
	padding: 5px;
}

.imgBox p.kikan span {
	font-size: 1.4em !important;
}

.imgBox img {
	width: 80%;
	padding: 30px 0;
}




.txtBox {
	width: 50%;
	padding-top: 50px;
}

.box-campain .area p {
	font-size: 16px;
	text-align: left;
}

.box-campain .area p span {
	font-size: 16px;
	text-align: left;
}






.box-campain .area p.title {
	font-size: 20px;
	text-align: left;
	letter-spacing: 0.1em;
}

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

	.box-campain .area {
		width: 96%;
		margin: 2% auto;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}

	.imgBox {
		width: 98%;
		padding: 30px 0;
	}

	.txtBox {
		width: 100%;
		padding-top: 50px;
	}


}