@charset "utf-8";

/*-------------------------------------------------------------------------
	株式会社DYM
	Style Sheet for Common Setting (#services)
	Date: 2015-01
	All content (c) RYNAPSE
-------------------------------------------------------------------------*/

/* =page structure
-------------------------------------------------------------------------*/
.lead li a:before,
.lead li span:before,
p.result:before,
.listset ul>li:before,
.imageset ul>li:before,
.listset dt:before,
section.sp h3,
.data div dt:before,
.data div h2+ul li:before,
.data div h3+p:after,
.data ol li:after,
.web-promotion section>ol li:after,
.new-graduates section.sp>div h2+ul li:before,
.new-graduates section.sp ul.extra li span:before,
.new-graduates section.extra:last-of-type dt:before,
.web-promotion .pkg dl.rel:after,
.medicine section#medicm dt:before,
.medicine section#medicm dd li:before, 
.medicine section#docknet dt:before,
.medicine section#docknet dd li:before {
	font-weight: normal !important;
	font-family: 'FontAwesome';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

section[id] { padding-top: 10px; }

article a[target] {
	display: inline-block;
	font-size: 1.4rem;
	margin: .5em 0;
	padding: 0 10px;
	color: #131B3F;
	background: #EEE;
	}

a[target]:hover { background: #DDD; }

.lead {
	border-bottom: 1px solid #DDD;
	}

.lead figure {
	margin: 0 0 15px;
	text-align: left;
	}

.lead p { margin: 0; }
.lead ul { margin: 30px 0; }

.lead li a {
	display: block;
	padding: .25em 0;
	color: #999;
	}

.lead li a:hover { color: #131B3F; }

.lead li a:before {
	content: '\f13a';
	font-size: 1.2em;
	margin-right: 10px;
	}

.lead li span:before {
	content: '\f1db';
	margin-right: 10px;
	}

p.result {
	clear: both;
	position: relative;
	margin: 50px 0 0;
	padding: 10px;
	text-align: center;
	color: #131B3F;
	border: 1px solid #131B3F;
	}

p.result:before {
	content: '\f078';
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -.5em;
	font-size: 2rem;
	}

.listset {
	margin: 0 0 30px;
	overflow: hidden;
	}

.listset:not(:last-of-type) { margin-bottom: 60px; }

.listset h2 {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 0 1em;
	padding: 1em 20px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

.listset h3,
.imageset h3 {
	font-weight: normal;
	font-size: 2rem;
	line-height: 1.4;
	margin: 0 0 1.5em;
	}

.listset figure+ul { margin-top: 30px; }

.listset ul>li:before,
.imageset ul>li:before,
.listset dt:before,
section.sp h3:before,
.data div dt:before,
.data div h2+ul li:before,
.new-graduates section.sp>div h2+ul li:before,
.new-graduates section.extra:last-of-type dt:before,
.medicine section#medicm dt:before,
.medicine section#docknet dt:before {
	content: '\f0c8';
	color: #131B3F;
	margin-right: 10px;
	}

.listset dt:before { color: #999; }
.icons>ul { margin: 0 0 30px; }

.icons figure {
	width: 33%;
	float: left;
	margin-right: 4%;
	}

.hb figure { width: 128px; }

.icons dl {
	width: 60%;
	float: left;
	}

.listset dt:not(:first-of-type) { margin-top: 1em; }
section:not([class]) header { margin: 60px 0; }

section:not([class]) header h1 {
	font-size: 2rem;
	line-height: 1.4;
	color: #131B3F;
	}

section:not([class]) header h1 span {
	display: block;
	font-weight: 400;
	font-family: 'Nunito',sans-serif;
	font-size: 1.4rem;
	line-height: 2;
	color: #888;
	}

section:not([class]) header p,section:not([class]) header ul,section:not([class]) header figure { margin: 30px 0 0; }

section.sp {
	clear: both;
	margin: 60px 0;
	border-top: 1px solid rgba(0,0,0,.8);
	border-bottom: 4px solid rgba(0,0,0,.8);
	}

section.sp h1 {
	padding: 1em 0;
	font-weight: normal;
	font-size: 2.2rem;
	line-height: 2;
	color: #999;
	text-transform: uppercase;
	}

section.sp h2 {
	font-size: 1.8rem;
	line-height: 1.6;
	}

section.sp h2 span { display:inline-block; }

section.sp h3 {
	font-size: 1.3rem;
	line-height: 2;
	margin: 2em 0;
	}

section.sp dt {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	}

section.sp dt:not(:first-of-type) { margin-top: 20px; }
section.sp dd { color: #333; }
.imageset,.imageset ul { margin: 0 0 45px; }
section:not([class]) header+ul.nl { margin-top: -30px; }

ul.nl li {
	position: relative;
	min-height: 4em;
	margin: 0 0 .5em;
	padding: 1em 1em 1em 4.25em;
	color: #131B3F;
	background: #F9F9F9;
	}

ul.nl li:before {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 2em;
	height: 2em;
	float: left;
	font-weight: 400;
	font-family: 'Nunito',sans-serif;
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	margin-right: 10px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

ul.nl li:nth-of-type(1):before { content: '1'; }
ul.nl li:nth-of-type(2):before { content: '2'; }
ul.nl li:nth-of-type(3):before { content: '3'; }
ul.nl li:nth-of-type(4):before { content: '4'; }
ul.nl li:nth-of-type(5):before { content: '5'; }
ul.nl li:nth-of-type(6):before { content: '6'; }
ul.nl li:nth-of-type(7):before { content: '7'; }
ul.nl li:nth-of-type(8):before { content: '8'; }
ul.nl li:nth-of-type(9):before { content: '9'; }
ul.nl li:nth-of-type(10):before { content: '10'; }

ul.dnl li em {
	display: block;
	margin: 1em 0;
	padding: .75em 15px;
	background: #F3F3F3;
	}

ul.dnl li ol {
	margin: 0 0 0 40px;
	list-style-type: decimal;
	}

section:not([class])>h2,
section:not([class]) .pkg>h2,

.imageset h2 {
    /* font-size: 1.3rem; */
	line-height: 1.6;
	/* margin: 50px 0 1em; */
	margin: 0px 0 1em;
	padding: 10px 20px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

section>h2:not(:first-of-type),.imageset h2:not(:first-of-type) { margin-top: 60px; }

.case figure {
	margin: 0 0 20px;
	text-align: left;
	}

.case figure img,
.case figure figcaption {
	display: inline-block;
	vertical-align: middle;
	}

.case figure img { width: 80px; }

.case figure figcaption {
	font-size: 1.3rem;
	line-height: 1.6;
	padding-left: 20px;
	text-align: left;
	}

.data h1 {
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #131B3F;
	}

.data>div {
	margin: 60px 0 30px;
	overflow: hidden;
	}

.data div h2 {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 0 3em;
	padding: 1em 20px;
	border: 1px solid #333;
	}

.data div h2+dl,.data div h2+ul { margin: 0 0 30px; }

.data div h2+dl dt,
.data div h2+dl dd,
.data div h2+ul li {
	display: inline;
	font-size: 1.2rem;
	}

.data div dt:after { content: '\00ff0f'; }
.data div h2+dl dd,.data div h2+ul li { margin-right: 1em; }

.data div h3 {
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #131B3F;
	margin: 0 0 1em;
	}

.data div h3+p,
.data ol li {
	position: relative;
	margin: 0 0 40px;
	padding: 10px;
	background: #F3F3F3;
	}

.data div h3+p:after,
.data ol li:not(:last-of-type):after,
.web-promotion section>ol li:after,
.web-promotion .pkg dl.rel:after {
	content: '\f0d7';
	position: absolute;
	bottom: -40px;
	left: 50%;
	margin-left: -.5em;
	font-size: 2.4rem;
	color: #CCC;
	}

.data div h3+p+dl {
	padding: 10px;
	background: #D3CCD6;
	}

.data div h3+p+dl dd li { display: inline-block; }
.data div h3+p+dl dd li:not(:last-child):after { content: '\003001'; }
.data ol li:nth-of-type(2) { background: #D3CCD6; }

.data ol li:nth-of-type(3) {
	background: transparent;
	border: 3px solid #D3CCD6;
	}

.data ol li em {
	display: block;
	margin: 0 0 10px;
	padding: .5em 0;
	text-align: center;
	background: #E6E6E6;
	}

.data ol li dt,.data ol li dd { display: inline; }
.data ol li dd { margin-right: 1em; }

.web-promotion section>ol li:not(:last-of-type) {
	position: relative;
	margin: 0 0 50px;
	}

.web-promotion figure.extra img { padding: 10px; }

.web-promotion section>ol li:after,
.web-promotion .pkg dl.rel:after {
	content: '\f078';
	font-size: 2rem;
	color: #131B3F;
	}

.web-promotion section>ol li figcaption {
	font-size: 2rem;
	line-height: 2;
	color: #999;
	text-transform: uppercase;
	}

.web-promotion .imageset ul li:before {
	content: '';
	margin: 0;
	}

.web-promotion .imageset ul li {
	color: #666;
	margin: 0 0 1em;
	}

.web-promotion .imageset ul li em {
	display: block;
	font-size: 1.5em;
	color: #131B3F;
	background: #eee;
	}

.web-promotion .imageset ul li.yahoo {
	min-height: 70px;
	padding-left: 60px;
	background: url("/images/temp/services/y-agency.png") no-repeat 0 0;
	background-size: 50px auto;
	}

.web-promotion .imageset .googlea {
	min-height: 70px;
	background-size: 140px auto;
	background-color: #eee;
    padding: 10px 10px 0px 10px;
    width: 100%;
}

.web-promotion .imageset ul li.yahoop {
	min-height: 70px;
	padding-left: 200px;
	background-size: 185px auto;
	background-color: #eee;
}
.web-promotion .imageset ul li.noneimage {
	min-height: 70px;
	padding-left: 200px;
	background-size: 185px auto;
	background-color: #eee;
}


.web-promotion .pkg h2 { margin-top: 30px !important; }

.web-promotion .pkg dl {
	position: relative;
	margin: 0 0 50px;
	}

.web-promotion .pkg dl.rel:after {
	content: '\f0d7';
	font-size: 2.4rem;
	color: #999;
	}

.web-promotion .pkg dt {
	font-size: 1.2rem;
	margin: 0 0 1em;
	}

.web-promotion .pkg dd {
	text-align: center;
	padding: 20px 0;
	background: #F3F3F3;
	}

.web-promotion .pkg dd img { height: 60px; }

.web-promotion .pkg .listset li {
	display: inline-block;
	margin-right: 1em;
	}

.web-promotion .pkg .listset figure img { border: 3px solid #CCC; }

.web-promotion section>dl dt {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	}

.web-promotion section>dl dt:not(:first-of-type) { margin-top: 20px; }
.web-promotion section.sp figure { margin: 0 0 30px; }

.web-promotion section.sp>div figure figcaption {
	font-size: 1.2rem;
	margin: 1em 0;
	}

.web-promotion figure.detail img {
	margin: 0 0 30px;
	border: 3px solid #CCC;
	}

.web-promotion figure.detail figcaption ol li em {
	display: block;
	margin: 1em 0;
	color: #131B3F;
	}

.web-promotion figure.detail figcaption ol li em:before {
	display: inline-block;
	width: 2em;
	height: 2em;
	font-weight: 400;
	font-family: 'Nunito',sans-serif;
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	margin-right: 10px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

.web-promotion figure.detail figcaption ol li:nth-of-type(1) em:before { content: '1'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(2) em:before { content: '2'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(3) em:before { content: '3'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(4) em:before { content: '4'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(5) em:before { content: '5'; }
.web-promotion section.sp>div:nth-of-type(2) figure img { border: 3px solid #CCC; }

.new-graduates section:not([class]) header li {
	display: inline-block;
	width: 48.5%;
	height: 100px;
	margin: 0 2px 4px;
	padding: 15px 0 0;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

.new-graduates section:not([class]) header li span {
	display: block;
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	font-size: 2rem;
	}

.new-graduates section.sp {
	padding: 0 20px;
	background: #F6F6F6;
	}

.new-graduates section.sp>div h2 {
	margin: 0 0 1em;
	padding: 0 !important;
	border: none !important;
	overflow: hidden;
	}

.new-graduates section.sp>div h2:before {
	display: block;
	width: 2em;
	height: 2em;
	float: left;
	font-weight: 400;
	font-family: 'Nunito',sans-serif;
	font-size: 1.6rem;
	line-height: 2em;
	text-align: center;
	margin-right: 10px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

.new-graduates section.sp>div:nth-of-type(1) h2:before { content: '1'; }
.new-graduates section.sp>div:nth-of-type(2) h2:before { content: '2'; }
.new-graduates section.sp>div:nth-of-type(3) h2:before { content: '3'; }
.new-graduates section.sp>div h2+ul { margin: 0 0 30px; }
.new-graduates section.sp>div figure { margin: 0 0 20px; }
.new-graduates section.sp ul.extra { margin: 0 0 30px; }
.new-graduates section.sp ul.extra li { margin: 0 0 10px; }

.new-graduates section.sp ul.extra li img,
.new-graduates section.sp ul.extra li span {
	position: relative;
	display: inline-block;
	height: 43px;
	line-height: 30px;
	}

.new-graduates section.sp ul.extra li span {
	width: 120px;
	text-align: center;
	margin-left: 20px;
	background: #FFF;
	}

.new-graduates section.sp ul.extra li span:before {
	content: '\f0da';
	position: absolute;
	top: 0;
	left: -10px;
	margin: 0;
	}

.new-graduates section.extra { margin-top: 60px; }

.new-graduates section.extra h1 {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 1em;
	padding: 1em 20px;
	color: #FFF;
	background: #131B3F;
	border-radius: 3px;
	}

.new-graduates section.extra:last-of-type h2 {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 0 3em;
	padding: 1em 20px;
	border: 1px solid #333;
	}


.new-graduates section.extra>ul { margin: 30px 0 0; }

.new-graduates section.extra>ul li {
	margin: 0 0 10px;
	padding: .5em 15px;
	background: #F3F3F3;
	}
.new-business .lead img
.new-graduates .imageset ul li {
	display: inline;
	font-size: 1.2rem;
	margin-right: 1em;
	}

.new-graduates section.tools figure { margin: 0 0 30px; }

.new-graduates section.tools figure figcaption {
	font-size: 1.3rem;
	line-height: 2;
	margin: 2em 0;
	}

.new-graduates section.extra:last-of-type dl,
.medicine section#medicm dl, 
.medicine section#docknet dl { margin: 0 0 20px; }

.new-graduates section.extra:last-of-type dt,
.medicine section#medicm dt,
.medicine section#docknet dt {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	}

.new-graduates section.extra:last-of-type dd,
.training .pkg figure { margin: 0 0 10px; }

.exe-part p.landing { margin: -50px 0 40px; }
.exe-part #vaf p.landing { margin: 0; }

.medicine section#tourism p img { margin: 0 0 30px; }

.medicine section#medicm figure,
.medicine section#ishikyuujin figure, 
.medicine section#docknet figure {
	text-align: left;
	margin: 0 0 10px;
	}

.medicine section#medicm figure a,
.medicine section#ishikyuujin figure a,
.medicine section#docknet figure a {
	padding: 0;
	background: transparent !important;
	border: 1px solid #DDD;
	}

.medicine section#medicm figure a:hover, 
.medicine section#ishikyuujin figure a:hover,
.medicine section#docknet figure a:hover { border-color: #999; }
.medicine section#medicm dd, .medicine section#docknet dd { margin: 0 0 20px; }

.medicine .icons figure { margin-bottom: 30px; }
.medicine section#medicm dd li:before,
.medicine section#docknet dd li:before {
	content: '\f1db';
	margin-right: 10px;
	}
.new-business .lead img {max-width: 73%;}
.new-business .lead p ,.new-business .lead ul{ width: 52%;}
.new-business p.landing { margin: -50px 0 40px; }
.new-business .pkg figure { margin: 0 0 10px; }
.new-business .Welfare-img {float: right;width: 51%;}
.new-business .ceo-info-img {float: right;width: 44%;}
.new-business .welfare02 {float: left;}
.new-business .welfare01 {float: right;margin-top: 1em;}
.new-business .ceo-info01 {float: left;}
.new-business .ceo-info02 {float: right;}
.new-business article { display: inline-grid;}
.new-business .Welfare-img-sp {display: none;}
.new-business .for-sp {display: none;}
.new-business .for-pc {display: block;}
.new-business .childcare-business-img {float: right;width: 51%;}
.new-business .childcare-business01 {float: left;}
.new-business .childcare-business02 {float: right;margin-top: 1em;}
.new-business .childcare-business03 {margin-top: 1em;}

.new-business .restaurant-business-img {float: right;width: 51%;}
.new-business .restaurant-business01 {float: right;}
.new-business .restaurant-business02 {float: left;margin-top: 1em;}
.new-business .restaurant-business03 {float: right;margin-top: 1em;}

.new-business .ceo-club-business-img {float: right;width: 51%;}
.new-business .ceo-club-business01 {float: left;}
.new-business .ceo-club-business02 {float: right;margin-top: 1em;}
.new-business .ceo-club-business03 {margin-top: 1em;}

/* =Media Query
-------------------------------------------------------------------------*/
@media only screen and ( max-device-width: 720px ) {
	.lead p,.lead li { font-size: 1.2rem; }
	.new-business .Welfare-img-sp {display: block;}
	.new-business .for-sp {display: block;}
    .new-business .for-pc {display: none;}
    .new-business .lead img {max-width: 100%;}
    .new-business .lead p ,.new-business .lead ul{ width: 100%;}
    .mesyia {
    display: flex;
    flex-wrap: wrap;
		}
	}

@media
only screen and ( orientation: landscape ),
only screen and ( min-device-width: 721px ) {
	article a[target] { font-size: 1.6rem; }
	.lead { overflow: hidden; }
	.lead figure { width: 48%; float: left; margin-bottom: 30px; }
	.lead p,.lead ul { width: 48%; float: right; }
	.imageset { overflow: hidden; }
	.imageset figure { width: 48%; float: right; }
	.imageset>div { width: 48%; float: left; }
	.item-left-service>div { width: 100%!important; float: left;}
	.item-left-service { 
		width: 50%; 
		/* margin-left: 1.25rem; */
	}
	/* 20230719追加 */
	.item-left-service:nth-child(2n) {
		margin-left: 45px;
	}
	/* 20230719追加 */
	.imageset h3 { margin: 0 0 1.5em; }
	section.sp { overflow: hidden; }
	.data { overflow: hidden; }
	.data div h3+p+dl { overflow: hidden; }
	.data div h3+p+dl dt,.data div h3+p+dl dd { float: left; }
	.data div h3+p+dl dt { clear: left; width: 10em; }
	.data div h3+p+dl dd { width: 20em; }
	.data div h3+p,.data div h3+p+dl { width: 48%; float: left; }
	.data div h3+p { margin: 0 4% 0 0; }
	.data div h3+p:after { content: '\f0da'; top: 1em; left: auto; right: -6%; bottom: auto; margin: 0; }
	.web-promotion section>ol li { width: 31%; float: left; margin: 0 3.5% 30px 0 !important; }
	.web-promotion section>ol li:last-of-type { margin-right: 0 !important; }
	.web-promotion section>ol li:not(:last-of-type):after { content: '\f054'; top: 50px; left: auto; right: -7%; bottom: auto; font-size: 1.6rem; margin: 0; }
	.web-promotion section header.caps { overflow: hidden; }
	.web-promotion section header.caps div { width: 56%; float: left; }
	.web-promotion section header.caps figure { width: 40%; float: right; margin: 0; }
	.web-promotion section header.caps figure img { border: 3px solid #CCC; }
	.web-promotion section.sp>div:not([class]):nth-of-type(1),.web-promotion figure.detail img { width: 48%; float: left; }
	.web-promotion section.sp>div:not([class]):nth-of-type(2),.web-promotion figure.detail figcaption { width: 48%; float: right; }
	.new-graduates section:not([class]) header li { width: 32.5%; }
	.new-graduates section.sp ul.extra li { display: inline-block; }
	.new-graduates section.sp ul.extra li img,.new-graduates section.sp ul.extra li span { height: 80px; line-height: 50px; }
	.new-graduates section.sp ul.extra li span { width: 160px; }
	.new-graduates section.extra .data>div { width: 48%; float: left; margin: 0 4% 0 0; }
	.new-graduates section.extra .data>div:nth-of-type(even) { margin-right: 0; }
	.new-graduates section.tools figure { width: 33%; float: left; }
	.training .pkg { width: 48%; float: left; margin: 0 0 60px; }
	.training .pkg+.pkg { float: right; }
	.training .pkg figure:not(:first-child) { display: inline-block; width: 49%; margin-top: 30px; }
	.exe-part section section { overflow: hidden; }
    .exe-part section figure { width: 48%; float: left; margin-right: 4%; }
	.exe-part section section p { width: 48%; float: right; }
	.medicine .imageset { background: #F9F9F9; }
	.medicine .imageset>div { width: 50%; float: left; padding: 20px; }
	.new-business section section { overflow: hidden; }
    .new-business section figure { width: 48%; float: left; margin-right: 4%; }
    .new-business #ceo-info figure { width: 45%; float: left; margin-right: 4%; }
	.new-business section section p { width: 48%; float: right; }
	.new-business .pkg { width: 48%; float: left; margin: 0 0 60px; }
	.new-business .pkg+.pkg { float: right; }
	.new-business .pkg figure:not(:first-child) { display: inline-block; width: 49%; margin-top: 30px; }
	}

@media only screen and ( min-device-width: 721px ) {
	.lead figure { margin-bottom: 6em; }
	.new-graduates section:not([class]) header li { width: 19.4%; }
	.new-graduates section:not([class]) header li span { font-size: 2.4rem; }
	.new-graduates section.sp { padding: 0 40px; }
	.exe-part section.sp>div { width: 48%; float: left; margin-right: 4%; }
	.exe-part section.sp>div:nth-of-type(2) { margin-right: 0; }
	.medicine section#tourism p { overflow: hidden; }
	.medicine section#tourism p img { width: 50%; float: left; margin: 0 4% 10px 0; }
	.medicine section#medicm dl, .medicine section#docknet dl { width: 46%; float: right; margin-top: 20px; } 
	.medicine section#medicm figure, .medicine section#ishikyuujin figure, .medicine section#docknet figure { width: 50%; float: left; margin-bottom: 30px; }
    .medicine section#ishikyuujin figure { margin-right: 40%; }
	.medicine section#medicm>p, .medicine section#docknet>p { clear: both; }
	.new-business section.sp>div { width: 48%; float: left; margin-right: 4%; }
	.new-business section.sp>div:nth-of-type(2) { margin-right: 0; }
	.mittu {
  	display: flex;
		}
	.mittu .li{
		width: calc(100% / 2);
		}	
	.li {
	 text-align: center;
	 padding: 20px 0;
	 border: 1px solid #fff;
	 padding-left: 0;
	 margin-top: 0;
	 margin-bottom: 0;
	 list-style: none;
	margin-left: 5px;
    margin-right: 5px;
		}
	.nittu {
    display: flex;
	}
	.nittu .li {
    width: calc(100% / 2);
	}
}

@media only screen and ( min-device-width: 721px ) and ( orientation: landscape ) {
	.web-promotion section.sp>div:not([class]):nth-of-type(1) { width: 60%; }
	.web-promotion section.sp>div:not([class]):nth-of-type(2) { width: 33%; }
	}

@media only screen and ( min-width: 1025px ) {
	.new-graduates article>section:nth-of-type(2) { width: 50%; }
	.exe-part article>section { overflow: hidden; }
	.medicine article>section { overflow: hidden; }
	.medicine .icons { width: 48%; float: left; margin-right: 4%; }
	.medicine .icons:nth-of-type(2) { margin-right: 0; }
	.new-business article>section { overflow: hidden; }
	}



/* EOF
-------------------------------------------------------------------------*/

/* Custom 
-------------------------------------------------------------------------*/
#masthead nav a:hover {
    background-color: #fff !important;
    color: #000 !important;
}
#articles {
    min-width: 250px;
}

.new-graduates section.sp {
    border: 0 none;
    margin-bottom: 0;
}
.data p.result::before {
    top: -44px;
}
.imageset {
}
.imageset.pb {
}
.imageset.pb h2 {
}
.imageset.pb .img {
    float: right;
}
.imageset.pb .img figure {
    float: none;
    width: auto;
}
.imageset.pb .img figure img {
}
.imageset.pb .detail {
}
.imageset.pb .detail .list {
}
.imageset.pb .detail .list li {
    display: block;
    line-height: 220%;
}
.imageset.pb .detail .text {
}
.imageset.pb .detail .text p {
    padding-bottom: 30px;
}
.new-graduates section.extra h1 {
}
.new-graduates section.extra .lead {
    border: 0 none;
    margin-bottom: 30px;
    width: auto;
}
.new-graduates section.extra .lead .text {
    float: none;
    margin-bottom: 30px;
    width: auto;
}
.new-graduates section.extra .lead figure {
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: auto;
}
.new-graduates section.extra .lead figure img {
    height: auto;
}
.new-graduates section.extra .box1 {
}
.new-graduates section.extra .box1 .title {
}
.new-graduates section.extra .box1 .title::before {
    color: #131b3f;
    content: "";
    font-family: "FontAwesome";
    font-weight: normal !important;
    margin-right: 10px;
}
.new-graduates section.extra .box1 .list {
}
.new-graduates section.extra .box1 .list li {
    background-color: #f3f3f3;
    margin: 0 0 10px;
    padding: 0.5em 15px;
}
.new-graduates section.extra .box2 {
}
.new-graduates section.extra .box2 .list {
    margin-top: 65px;
}
.new-graduates section.extra .box2 .list li {
    margin-bottom: 15px;
}
.new-graduates section.extra .box2 .list li .title {
    font-weight: bold;
    line-height: 240%;
    margin-bottom: 15px;
    overflow: hidden;
}
.new-graduates section.extra .box2 .list li .title::before {
    background: #131b3f none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    float: left;
    font-family: "Nunito",sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    height: 2em;
    line-height: 2em;
    margin-right: 10px;
    text-align: center;
    width: 2em;
}
.new-graduates section.extra .box2 .list li.l1 .title::before {
    content: "1";
}
.new-graduates section.extra .box2 .list li.l2 .title::before {
    content: "2";
}
.new-graduates section.extra .box2 .list li.l3 .title::before {
    content: "3";
}
.new-graduates section.extra .box2 .list li.l4 .title::before {
    content: "4";
}
.new-graduates section.extra .box2 .list li.l5 .title::before {
    content: "5";
}
.new-graduates section.extra .box2 .list li .text {
}
.new-graduates section.introduce {
}
.new-graduates section.introduce h1 {
}
.new-graduates section.introduce .lead {
}
.new-graduates section.introduce .lead dl {
}
.new-graduates section.introduce .lead dl dt {
}
.new-graduates section.introduce .lead dl dd {
}
.new-graduates section.introduce .box1 {
    margin-bottom: 55px;
    text-align: center;
}
.new-graduates section.introduce .box1 h2 {
}
.new-graduates section.introduce .box1 .chart {
    margin: auto;
    max-width: 733px;
}
.new-graduates section.introduce .box1 .chart figure {
    margin-bottom: 15px;
}
.new-graduates section.introduce .box1 .chart span {
    display: block;
    font-size: 14px;
}
.new-graduates section.introduce .box1 .result {
}
.new-graduates section.introduce .box2 {
}
.new-graduates section.introduce .box2 h2 {
}
.new-graduates section.introduce .box2 dl {
}
.new-graduates section.introduce .box2 dl dt {
}
.new-graduates section.introduce .box2 dl dd {
}
.geaadg h1 {
    font-size: 1.6rem;
    line-height: 1.6;
    margin: 1em 0 1em;
    padding: 1em 20px;
    color: #FFF;
    background: #131B3F;
    border-radius: 3px;
}
.dymtklg {
    float: right;
    width: 30%;
    margin-top: -20px;
}
.footerpc ul li a{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    margin-top: 1em;
	right: 20% !important;
}

@media
only screen and ( min-device-width: 721px ) {
	.graph-max-width {
		width: 100%!important;
		height: 100%;	
	}
	
	.imageset .slide {
		align-items: center;
		height: auto;
	}
	
	#tracking-fit {
		letter-spacing: 0.2em;
		margin-right: 4em
	}

.yahoop {
	min-height: 70px;
	background-size: 140px auto;
	background-color: #eee;
    padding: 10px 10px 0px 10px;
    width: 100%;
}

.noneimage {
	min-height: 70px;
	background-size: 140px auto;
	background-color: #eee;
    padding: 10px 10px 0px 10px;
    width: 100%;
}

.listing {
	display: flex;
}

.big-size {
	color: #131B3F;
	font-size:16px ;
}

.google-award {
	text-align: center;
}

.yahoo-partner {
	text-align: center;
}

}
@media only screen and ( max-device-width: 720px ) {
	#dissapper {
		display: none;
	}

	.sp-big-size {
	color: #131B3F;
	font-size: 16px;
}

}

@media only screen and ( max-width: 768px ) {
	section:not([class])>h2,
	section:not([class]) .pkg>h2,
	
	.imageset h2 {
		margin: 0px 0 10px;
		padding: 10px 20px;
		}
}

    
  .support .details-wrapper details {
	border-bottom: none;
  }
   
  .support .details-wrapper details:last-child {
	border-bottom:  1px solid #aaa;
  }
   
  .support details .details-content {
	padding: 1rem 1rem 1rem 2rem;
  }
   
  .support details summary {
	display: block;
	cursor: pointer;
	position: relative;
	/* padding: 0.5rem; */
  }
   
  .support details summary::-webkit-details-marker {
	display: none;
  }
   
  .support details[open] summary {
	border-bottom: 1px solid #aaa;
  }
   
  /* ＋のアイコンの疑似要素（縦と横の棒の共通の設定） */
  .support details summary::before,
  .support details summary::after {
	content: "";
    position: absolute;
    right: 1rem;
    top: -50%;
    bottom: 0;
    margin: auto 0;
    background-color: #fff;
    width: 16px;
    height: 3px;
  }
   
  /* 縦棒は90度回転 */
  .support details summary::after {
	transform: rotate(90deg);
  }
   
  /* 閉じる際の横棒のアニメーションの指定（省略可能） */
  .support details summary::before {
	animation: closing-before 0.3s ease-in;
  }
  /* 閉じる際の縦棒のアニメーションの指定 */
  .support details summary::after {
	animation: closing-after 0.3s ease-in;
  }
  /* 閉じる際の横棒のアニメーション（省略可能） */
  @keyframes closing-before {
	0% {
	  transform: rotate(180deg);
	}
	100% {
	  transform: rotate(0deg);
	}
  }
  /* 閉じる際の縦棒のアニメーション */
  @keyframes closing-after {
	0% {
	  transform: rotate(180deg);
	  opacity: 0;
	}
	100% {
	  transform: rotate(90deg);
	  opacity: 1;
	}
  }
  /* 開く際の横棒のアニメーションの指定（省略可能） */
  .support details[open] summary::before {
	animation: opening-before 0.3s ease-in forwards;
  }
  /* 開く際の縦棒のアニメーションの指定 */
  .support details[open] summary::after {
	animation: opening-after 0.3s ease-in forwards;
  }
  /* 開く際の横棒のアニメーション（省略可能） */
  @keyframes opening-before {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(180deg);
	}
  }
  /* 開く際の縦棒のアニメーション */
  @keyframes opening-after {
	0% {
	  transform: rotate(90deg);
	  opacity: 1;
	}
	100% {
	  transform: rotate(180deg);
	  opacity: 0;
	}
  }


  /* --------------------------------------------------------------- */

.questions summary {
    display: block; /* 矢印のアイコンを非表示にする */
}

/* Safari で三角形のアイコンを非表示にする */
.questions summary::-webkit-details-marker {
    display: none;
}

.questions details summary {
    display: block;
    cursor: pointer;
    position: relative;
}

.questions details summary::-webkit-details-marker {
    display: none;
}

.questions details summary::before,
.questions details summary::after {
    content: "◢";
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 10px;
    margin: auto 0;
    width: 16px;
    height: 3px;
}
@media only screen and ( max-width: 768px ) {
	.questions details summary::before,
	.questions details summary::after {
    bottom: -10px;
}
}
.first_summary::before,
.first_summary::after {
    content: "◢";
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 10px !important;
    margin: auto 0;
    width: 16px;
    height: 3px;
}

/* オープンの時の矢印の色を設定 */
.questions details[open] summary::before {
    color: #ffffff; /* 白色 */
}

.questions details[open] summary::after {
    color: #ffffff; /* 白色 */
}

/* クローズの時の矢印の色を設定 */
.questions details:not([open]) summary::before {
    color: #1a2c59; /* 紺色 */
}

.questions details:not([open]) summary::after {
    color: #1a2c59; /* 紺色 */
}

/* --------------------------------------------------------------- */
.advertisement .details-wrapper details {
	border-bottom: none;
  }
   
  .advertisement .details-wrapper details:last-child {
	border-bottom:  1px solid #aaa;
  }
   

   
  .advertisement details summary {
	display: block;
	cursor: pointer;
	position: relative;
	padding: 0.5rem;
  }
   
  .advertisement details summary::-webkit-details-marker {
	display: none;
  }
   
  /* ＋のアイコンの疑似要素（縦と横の棒の共通の設定） */
  .advertisement details summary::before,
  .advertisement details summary::after {
	content: "";
    position: absolute;
    right: 1rem;
    top: -50%;
    bottom: -25px;
    margin: auto 0;
    background-color: #131b3f;
    width: 16px;
    height: 3px;
  }
   
  /* 縦棒は90度回転 */
  .advertisement details summary::after {
	transform: rotate(90deg);
  }
   
  /* 閉じる際の横棒のアニメーションの指定（省略可能） */
  .advertisement details summary::before {
	animation: closing-before 0.3s ease-in;
  }
  /* 閉じる際の縦棒のアニメーションの指定 */
  .advertisement details summary::after {
	animation: closing-after 0.3s ease-in;
  }
  /* 閉じる際の横棒のアニメーション（省略可能） */
  @keyframes closing-before {
	0% {
	  transform: rotate(180deg);
	}
	100% {
	  transform: rotate(0deg);
	}
  }
  /* 閉じる際の縦棒のアニメーション */
  @keyframes closing-after {
	0% {
	  transform: rotate(180deg);
	  opacity: 0;
	}
	100% {
	  transform: rotate(90deg);
	  opacity: 1;
	}
  }
  /* 開く際の横棒のアニメーションの指定（省略可能） */
  .advertisement details[open] summary::before {
	animation: opening-before 0.3s ease-in forwards;
  }
  /* 開く際の縦棒のアニメーションの指定 */
  .advertisement details[open] summary::after {
	animation: opening-after 0.3s ease-in forwards;
  }
  /* 開く際の横棒のアニメーション（省略可能） */
  @keyframes opening-before {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(180deg);
	}
  }
  /* 開く際の縦棒のアニメーション */
  @keyframes opening-after {
	0% {
	  transform: rotate(90deg);
	  opacity: 1;
	}
	100% {
	  transform: rotate(180deg);
	  opacity: 0;
	}
  }