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


/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Reset

/////////////////////////////////////////////////////////////////////////////////////////////////*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body,
p, h1, h2, h3, h4, h5, h6,
a, abbr, address,
b, strong, em, i, dfn,
button,
div,
dl, dt, dd,
form,
iframe,
img,
input,
label,
legend,
object,
ol, ul, li,
span,
table, tbody, thead, tfoot, th, tr, td,
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*font-weight: normal;*/
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
	font-weight: 500;
	line-height:1.8;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////

 clerfix

/////////////////////////////////////////////////////////////////////////////////////////////////*/

.clearfix:after { 
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
} 

*1257897500* html .clearfix { display: inline-block; } 
/* no ie mac \*/ 

*1257897501* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* */



/*/////////////////////////////////////////////////////////////////////////////////////////////////

 Layout

/////////////////////////////////////////////////////////////////////////////////////////////////*/

html,body {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* Tap時の影を消す */
	-webkit-text-size-adjust:none; /* 文字の大きさを自動で変化させない */
}
html { font-size: 62.5%; }
body {
  font-size: 13px;
  font-size: 1.3rem;
  line-height:1.7;
}


a { text-decoration:none; color:#000;}
a:link,
a:visited { color:#000;}
a:hover { text-decoration:underline; color:#20637b; }

a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.justfiy { text-align:justify;}

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

 Btn Style

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

.btn_style { text-align:center; }
.btn_style a { display:inline-block;padding:14px 120px; text-align:center; margin:0px auto 0 auto; color:#fff; background:#192538; font-size:15px; transition: 0.2s; position:relative; top:0px; font-size:16px; font-weight:bold; border-radius:5px; }
.btn_style a:before { content:""; position:absolute; width: 14px; height: 14px; background:url(../images/allow_r.svg) no-repeat; background-size:contain;right:5%; top:37%;}
.btn_style a:hover { background:#225685; text-decoration:none; }

.btn_style.type02 a { background:#321a3a;}
.btn_style.type02:hover a { background:#4e215d;}

.btn_style2 { text-align:center; width:100%; display:inline-block; margin:0 auto; }
.btn_style2 button { display:block; width:300px; margin:0 auto;padding:12px 0; text-align:center; color:#fff; 
background: #0bd5e8; /* Old browsers */
background: -moz-linear-gradient(top,  #0bd5e8 0%, #1e79db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0bd5e8 0%,#1e79db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0bd5e8 0%,#1e79db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ font-size:15px; transition: 0.2s; position:relative; top:0px; font-size:16px; font-weight:bold; }

.btn_style2 button:before { content:""; position:absolute; width: 14px; height: 14px; background:url(../images/allow_r.svg) no-repeat; background-size:contain;right:5%; top:37%;}
.btn_style2 button:hover { background: #0bd5e8; /* Old browsers */
background: -moz-linear-gradient(bottom,  #0bd5e8 0%, #1e79db 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  #0bd5e8 0%,#1e79db 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  #0bd5e8 0%,#1e79db 100%); text-decoration:none; }

.correction_btn { text-align:center; width:100%; display:inline-block; margin:0 auto; }
.correction_btn button { display:block; width:300px; margin:0 auto;padding:12px 0; text-align:center; color:#fff; 
background: #999; ont-size:15px; transition: 0.2s; position:relative; top:0px; font-size:16px; font-weight:bold; }

.btn_style { text-align:center; }
.btn_style.type02 a {  background:#192538;
 background: rgb(9,49,136);
background: -webkit-linear-gradient(to top, rgba(9,29,136,1) 0%, rgba(9,54,121,1) 35%, rgba(0,172,255,1) 100%);
background: -o-linear-gradient(to top, rgba(9,29,136,1) 0%, rgba(9,54,121,1) 35%, rgba(0,172,255,1) 100%);
background: linear-gradient(to top, rgba(9,29,136,1) 0%, rgba(9,54,121,1) 35%, rgba(0,172,255,1) 100%);}

.btn_style.type02:hover a { background:#192538;
 background: rgb(9,49,136);
background: -webkit-linear-gradient(left, rgba(9,49,136,1) 0%, rgba(9,54,121,1) 35%, rgba(0,212,255,1) 100%);
background: -o-linear-gradient(left, rgba(9,49,136,1) 0%, rgba(9,54,121,1) 35%, rgba(0,212,255,1) 100%);
background: linear-gradient(to top, rgba(10,112,195,1) 0%, rgba(0,132,225,1) 45%, rgba(9,29,136,1) 100%);}




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

 Global Style

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

.mg_t10 { margin-top: 10px;}
.mg_t15 { margin-top: 15px;}
.mg_t20 { margin-top: 20px;}
.mg_t30 { margin-top: 30px;}
.mg_t40 { margin-top: 40px;}
.mg_t50 { margin-top: 50px;}
.mg_t60 { margin-top: 60px;}

.mg_b5 { margin-bottom: 5px;}
.mg_b10 { margin-bottom: 10px;}
.mg_b20 { margin-bottom: 20px;}
.mg_b30 { margin-bottom: 30px;}
.mg_b40 { margin-bottom: 40px;}
.mg_b50 { margin-bottom: 50px;}
.mg_b60 { margin-bottom: 60px;}

.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_12 { font-size:12px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}


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

 table Style

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

.table_style { display:table;}
.table_style > dl { display:table-row;}
.table_style > dl > dt,.table_style > dl > dd { display:table-cell; vertical-align:middle; box-sizing:border-box;}


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

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

 title Style

---------------------------------------------------------*/
*{
	-webkit-text-size-adjust: 100%; /* ブラウザ側での自動調整をなしにする */           
}
		
.sub_title_style01 { font-size:18px; margin-bottom:15px;}
.sub_title_style02 { font-size:15px; padding:3px 0; }
.sub_title_style03 { font-size:18px; padding:6px 0 6px 16px;}
.sub_title_style04 { font-size:18px; }

}


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

 Layout

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

.col_sec { font-size:0!important;}
.col_sec > li { font-size:13px; display:inline-block; vertical-align:top;}

ul.col_sec01 > li { width:49%; margin-right:2%;}
ul.col_sec01 > li:nth-child(2n) { margin-right:0;}

ul.col_sec02 > li { width:30%; margin-right:5%; margin-bottom:1%;}
ul.col_sec02 > li:nth-child(3n) { margin-right:0;}

ul.col_sec03 > li { width:24%; margin-right:1.3%; margin-bottom:1%;}
ul.col_sec03 > li:nth-child(4n) { margin-right:0;}


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

ul.col_sec01 > li { width:100%; margin-right:0;}
ul.col_sec01 > li:nth-child(2n) { margin-right:0;}

ul.col_sec02 > li { width:100%; margin-right:0;}
ul.col_sec02 > li:nth-child(2n) { margin-right:0;}

/*Translation service*/
ul.col_sec02.type02 > li { width:49%; margin-right:2%;}
ul.col_sec02.type02 > li:nth-child(2n) { margin-right:0;}

ul.col_sec03 > li { width:33%; margin-right:0.5%; margin-bottom:1%;}
ul.col_sec03 > li:nth-child(4n) { margin-right:0.5%;}
ul.col_sec03 > li:nth-child(3n) { margin-right:0;}

.btn_style a { display:inline-block;padding:14px 0px; width:100%;}

}