@charset "UTF-8";

/***********************************************/
/* FileName: reset.css                         */
/* data:2013/07/05                             */
/***********************************************/

/* iPhoneの横向け　フォント拡大禁止 */
@media screen and (min-width: 360px) {
  * { -webkit-text-size-adjust: none; }
  }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	vertical-align: baseline;
	background: transparent;
	font-family: Helvetica,Arial,’Hiragino Kaku Gothic Pro’,'ヒラギノ角ゴ Pro W3','Droid Sans',sans-serif;
	}

body {
	min-width:320px;
	line-height: 1.4;
	background: #fff;
	color: #000000;
	}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
	}
img{
	vertical-align:bottom;
	border:none;
	}
li{
	list-style-type:none;
	}
nav ul {
    list-style:none;
	}

blockquote, q {
    quotes:none;
	}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
	}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #D22A37;
	text-decoration: none;
	}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
	}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
	}

del {
    text-decoration: line-through;
	}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
	}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
	}

input, select {
    vertical-align:middle;
	}
	#atention_koro {
		width: 760px;
		margin: 10px auto 30px auto;
		text-align: center;
	}
	#atention_koro p.term_kor {
		font-size: 23px;
		text-align: center;
		font-weight: bold;
	}
	#atention_koro p.term_koro {
		font-size: 20px;
		text-align: center;
		font-weight: bold;
	}
	#atention_koro p.koro {
		font-size: 16px;
		text-align: left;
	}
	#atention_koro a {
		margin: 0 auto;
		text-decoration: underline;
		color: #03F;
	}
	@media screen and (max-width: 640px) {
		#atention_koro {
			width: 92%;
		}
		#atention_koro p.term_koro {
			font-size: 17px;
			text-align: center;
			font-weight: bold;
		}
		#atention_koro p.koro {
			font-size: 3.73333vw;
			line-height: 150%;
		}
		#atention_koro a {
			font-size: 3.73333vw;
			margin: 0 auto;
			text-decoration: underline;
			color: #03F;
		}
	}	color: #03F;
	}


	#atention_koro .koro{
		margin: 0 0 20px 0;
	}
	#atention_koro a {
		display: inline;
	}
	
	.icon_pdf_top{
		padding:0 0 0 14px;
		background: url(/img/icon_pdf.png) no-repeat left center;
		background-size: contain;
	}
	
	#atention_koro .js-show-movie img{
		width: 70%;
	}
	
	
	.modal {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999901;
		}
		
		.modal-bg {
			display: flex;
			flex-direction: column;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.9);
		}	
		
		.modal-container {
		margin: auto;
		}
		
		.modal-content button {
		border: none;
		padding: 0;
		margin: 0;
		cursor: pointer;
		background: none;
		}
		
		.modal-content__movie {
		position: relative;
		width: 90vw;
		margin-right: auto;
		margin-left: auto;
		}
		
		.modal-content__movie::before {
		content: '';
		display: block;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		}
		
		.modal-iframe {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		}
		
		.modal-content__close {
		text-align: right;
		margin-bottom: 0.5em;
		}
		
		.modal-content__close.-text {
		text-align: center;
		margin-top: 0.5em;
		}
		
		.modal-content__close.-text button {
		color: #fff;
		text-decoration: underline;
		}