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

@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:400,700);

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

 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-size: 14px;
	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: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  line-height: 1;
}
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; } 
/* */


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

 Font

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

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight:normal;
    src: url('../font/NotoSansCJKjp-Regular/NotoSansCJKjp-Regular.eot');
    src: 
    url('../font/NotoSansCJKjp-Regular/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Regular/NotoSansCJKjp-Regular.woff') format('woff'),
    url('../font/NotoSansCJKjp-Regular/NotoSansCJKjp-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../font/NotoSansCJKjp-Bold/NotoSansCJKjp-Bold.eot');
    src: 
    url('../font/NotoSansCJKjp-Bold/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/NotoSansCJKjp-Bold/NotoSansCJKjp-Bold.woff') format('woff'),
    url('../font/NotoSansCJKjp-Bold/NotoSansCJKjp-Bold.otf') format('opentype');
}


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

 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: 14px;
  font-size: 1.4rem;
  color:#211F1D;
}

body,input {
  font-family: 'Noto Sans Japanese', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #211F1D;
}

a {}
a:link,
a:visited { }
a:hover { }

a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


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

 Global Style

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

.serif,
h1,h2,h3,h4,h5{
font-family:'Old Standard TT' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;

}



.inr { width:100%; max-width:1280px; min-width:980px; margin:auto;}

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

.inr { min-width:0;}

}


/* Column */
.inr div.col { width:96%; margin:0 2%;}

ul.col-style { font-size:0;}
ul.col-style > li {
	font-size:16px;
	font-size:1.6rem;
}
ul.col-style > li { display:inline-block; vertical-align:top; margin:0 2%;}

ul.col-1 > li { width:96%;}
ul.col-2 > li { width:47%;}
ul.col-2 > li:nth-child(2n) { margin-left:0;}
ul.col-3 > li { width:30.6%;}
ul.col-3 > li:nth-child(2n),
ul.col-3 > li:nth-child(3n) { margin-left:0;}

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

/* Column */
.inr div.col { width:90%; margin:0 5%;}

ul.col-1 > li { width:90%; margin:0 5%;}
ul.col-2 { margin:auto 2.5%;}
ul.col-2 > li { width:45%; margin:10px 2.5% !important;}
ul.col-3 > li { width:100%; margin:0;}
ul.col-3.type2 > li { width:100%; margin-left: 0px;}

}



/* class */
.pc_only { display:block;}
.sp_only { display:none;}


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


/* class */
.pc_only { display:none;}
.sp_only { display:block;}

}

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

 fixbtn

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

#fixBtn { }
#fixBtn .pc_only { position:fixed; right:0; top:50px; z-index:1000;}
#fixBtn .sp_only { position:fixed; bottom:0; background:url(../images/fix_sp_btn_bg.jpg) repeat-x top center #cc0300; padding:1px 0; z-index:1000;}
#fixBtn .sp_only img { width:100%;}


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

 Header

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


/*header*/
header #header { background:#D81C00; position: relative; overflow: hidden; min-width: 980px;}
header #header .inr { height:40px; }
header #header .inr.logo_read02  { height: 40px; background: #A41D43 url(../images/logo_read_back.gif) left top no-repeat; width: 100%; max-width: 100%; position: absolute; top: 0; left: 50%; margin-left: -20px;}
header #header .inr h1,
header #header .inr.logo_read02 p  { margin: 0 2%; padding: 10px 0; width: 45%;}
header #header .inr h1 { text-align: right;}
header #header .inr h1 img,
header #header .inr.logo_read02 p img  { display:inline-block; margin-right:8px; width:auto; height:16px;}
header #header .inr.logo_read02 p img  { margin-left: 30px;}




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

/*header*/
header #header { position: static; min-width: 0;}
header #header .inr { height:auto; }
header #header .inr.logo_read02  { height: auto; background-image:none; width: 100%; position: static; margin-left: 0;}
header #header .inr h1,
header #header .inr.logo_read02 p  { margin: 0 5%; padding: 6px 0; width: 90%;}
header #header .inr h1 { text-align: left;}
header #header .inr h1 img,
header #header .inr.logo_read02 p img  { margin-right:5px; width:auto; height:12px;}
header #header .inr.logo_read02 p img  { margin-left: 0;}


}






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

 Contents

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


/*wrapper*/
#wrapper { width:100%; min-width:980px; overflow:hidden;}

#container {}

/*section*/
.section { }

.box_up, .box_down {
	position:relative;
}
.box_up:before {
    transform: rotate(-2deg);
}
.box_down:before {
    transform: rotate(2deg);
}
.box_up:before, .box_down:before {
    content: '';
    display: block;
    width: 120%;
    height: 100%;
    margin: 0 0 0 -10%;
    position: absolute;
    top: -10px;
    left: 0;
    transform-origin: center center;
	background:rgba(255,255,255,1);
}

.sec01 .box_up { z-index:10;}
.sec01 .box_up > div.inr { z-index:11; position:relative;}

.button_sec.box_up,
.button_sec.box_down { z-index:20;}
.button_sec.box_up > div.inr,
.button_sec.box_down > div.inr{ z-index:21; position:relative;}

.sec01_1.box_up { z-index:30;}
.sec01_1.box_up > div.cont_sec { z-index:31; position:relative;}

.sec02 .box_up { z-index:40;}
.sec02 .box_up > div.inr { z-index:41; position:relative;}

.sec03 .box_up { z-index:50;}
.sec03 .box_up > div.inr { z-index:51; position:relative;}

.sec04.box_down { z-index:60;}
.sec04.box_down > div.cont_sec { z-index:61; position:relative;}

.sec04.flow.box_up { z-index:70;}
.sec04.flow.box_up > div.cont_sec { z-index:71; position:relative;}


/*contents title */
.section .cont_ttl { overflow:hidden;}
.section .cont_ttl .inr { padding:90px 0; position:relative;}
.section .cont_ttl .inr h2 { position:relative; z-index:2;}
.section .cont_ttl .inr h2 img { width:auto; height:auto;}
.section .cont_ttl .inr p { position:relative; z-index:3; margin-top:20px; font-size: 16px; font-size: 1.6rem; line-height: 2; letter-spacing: 0.1em;}
.section .cont_ttl .inr div.main_image { position:absolute; top:50%; left:100%; margin-top:-270px; margin-left:-47%; z-index:1;}

/*contents sub title */
.section .cont_sec .sub_title { text-align:center; padding: 60px 0;}
.section .cont_sec .sub_title h3 { font-size:40px; font-size:4.0rem; color:#D81B00; font-weight:bold;}
.section .cont_sec .sub_title h3 img { width:auto; height:auto; margin:auto;}
.section .cont_sec .sub_title p { font-size:18px; font-size:1.8rem; line-height: 2; letter-spacing: 0.1em; margin-top: 20px;}


/*contents detail */
.section .cont_sec .detail { padding-bottom: 60px;}
.section .cont_sec .detail .left { float:left;}
.section .cont_sec .detail .right { float:right;}


.button_sec.box_down.sec02 { padding-bottom:100px; margin-top:-50px;}



/*button sec */

.button_sec.box_up:before,
.button_sec.box_down:before,
.button_sec.bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fde7e7+0,fef2f1+100 */
	background: #fde7e7; /* Old browsers */
	background: -moz-linear-gradient(top,  #fde7e7 0%, #fef2f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fde7e7 0%,#fef2f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fde7e7 0%,#fef2f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde7e7', endColorstr='#fef2f1',GradientType=0 ); /* IE6-9 */
}

.button_sec { padding-bottom:100px;}
.button_sec .inr { padding:60px 0;}
.button_sec.bg{ margin-top:-50px;}
.button_sec.bg .inr { padding:90px 0 20px;}

.button_sec div.col h2 { text-align:center; font-size:40px; font-size:4.0rem; line-height: 1.4; font-weight:bold;}
.button_sec div.col p { text-align:center; font-size:18px; font-size: 1.8rem; line-height: 1.4; padding:10px 0 20px;}
.button_sec div.col div { width:525px; margin:20px auto 0; position:relative;}
.button_sec div.col div a {
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:30px; font-size:3.0rem;
	font-weight:bold;
	line-height:1.2;
	display:block;
	text-decoration:none;
	padding:20px 0;
	
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #b00400;
	-moz-box-shadow:0px 8px 0px 0px #b00400;
	-webkit-box-shadow:0px 8px 0px 0px #b00400;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e83a00+0,ca0000+100 */
	background: #e83a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #e83a00 0%, #ca0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e83a00 0%,#ca0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e83a00 0%,#ca0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83a00', endColorstr='#ca0000',GradientType=0 ); /* IE6-9 */
	
}

.sec01_button { padding:15px 0; width:80%; margin:0 auto;}
.sec01_button img { width:60%;}

.sec01_button a:after {
	position:absolute;
	content:' ';
	background: url(../images/icon_btn_arrow01.png) no-repeat;
	background-size: 8px auto;
	width:8px;
	height:13px;
	top:50%;
	right:15px;
	margin-top:-7px;
}

.sec01_button a {
	position:relative;
	text-align:center;
	color:#FFF;
	font-size:30px; font-size:3.0rem;
	font-weight:bold;
	line-height:1.2;
	display:block;
	text-decoration:none;
	padding:10px 0;
	
    border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */
	
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #b00400;
	-moz-box-shadow:0px 8px 0px 0px #b00400;
	-webkit-box-shadow:0px 8px 0px 0px #b00400;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e83a00+0,ca0000+100 */
	background: #e83a00; /* Old browsers */
	background: -moz-linear-gradient(top,  #e83a00 0%, #ca0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e83a00 0%,#ca0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e83a00 0%,#ca0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e83a00', endColorstr='#ca0000',GradientType=0 ); /* IE6-9 */
	
}

.button_sec div.col div a:after {
	position:absolute;
	content:' ';
	background: url(../images/icon_btn_arrow01.png) no-repeat;
	background-size: 15px auto;
	width:15px;
	height:25px;
	top:50%;
	right:30px;
	margin-top:-13px;
}


@media screen and (min-width: 980px) {
    /* 980px以上用（PC用）の記述 */
	.button_sec div.col div a:hover {
		position:relative;
		top:8px;
		
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	
		/* box-shadow */
		box-shadow:none !important;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
	}
}



/*button sec other */
.button_sec.other {
	background:url(../images/bg02.jpg) no-repeat center center;
	background-size:cover;
}
.button_sec.other div.col p { color:#FFF;}
.button_sec.other div.col div.btn_col2 { width:100%; text-align:center; font-size:0;}
.button_sec.other div.col div.btn_col2 div { width:40%; display:inline-block; margin:0 5%;}
.button_sec.other div.col div.btn_col2 div:nth-child(2n) { margin-left:0;}
.button_sec.other div.col div a { font-size:30px; font-size:3.0rem;}
.button_sec.other div.col div a span { display:block; font-size:20px; font-size:2.0rem;}
	
.button_sec.other div.col div a.btn_style01 {
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #006B99;
	-moz-box-shadow:0px 8px 0px 0px #006B99;
	-webkit-box-shadow:0px 8px 0px 0px #006B99;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#39c4ff+0,00aaef+100 */
	background: #39c4ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #39c4ff 0%, #00aaef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #39c4ff 0%,#00aaef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #39c4ff 0%,#00aaef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c4ff', endColorstr='#00aaef',GradientType=0 ); /* IE6-9 */
	
}

.button_sec.other div.col div a.btn_style02 {
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #005B99;
	-moz-box-shadow:0px 8px 0px 0px #005B99;
	-webkit-box-shadow:0px 8px 0px 0px #005B99;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0091ee+0,006bb5+100 */
	background: #0091ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #0091ee 0%, #006bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #0091ee 0%,#006bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0091ee 0%,#006bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091ee', endColorstr='#006bb5',GradientType=0 ); /* IE6-9 */
	
}

/* アンカーボタン */
.button_sec div.col div.btn_anc { width:365px; margin:30px auto 0;}
.button_sec div.col div.btn_anc a.btn_style_anc {
	color:#333;
	padding:15px 0 25px;
}

.button_sec div.col div.btn_anc a.btn_style_anc {
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #E0E6E9;
	-moz-box-shadow:0px 8px 0px 0px #E0E6E9;
	-webkit-box-shadow:0px 8px 0px 0px #E0E6E9;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eaedf0+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaedf0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaedf0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eaedf0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaedf0',GradientType=0 ); /* IE6-9 */
	
}
.button_sec div.col div.btn_anc a:after {
	background: url(../images/icon_btn_arrow02.png) no-repeat;
	background-size: 18px auto;
	width:18px;
	height:12px;
	top:initial;
	bottom:10px;
	left:50%;
	margin-left:-9px;
}



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

/*wrapper*/
#wrapper { min-width:0px;}

/*section*/
/*contents title */
.section .cont_ttl { }
.section .cont_ttl .inr { padding:0;}
.section .cont_ttl .inr .col { width: 100%; margin: 0;}
.section .cont_ttl .inr h2 { }
.section .cont_ttl .inr h2 img { width:100%; height:auto;}
.section .cont_ttl .inr p {  width: 90%; margin: 15px 5%; font-size: 14px; font-size: 1.4rem; line-height: 1.8; text-align:center;}
.section .cont_ttl .inr div.main_image { display:none;}

/*contents sub title */
.section .cont_sec .sub_title { padding: 20px 0;}
.section .cont_sec .sub_title h3 {}
.section .cont_sec .sub_title h3 img { width:100%; height:auto;}
.section .cont_sec .sub_title p { font-size:14px; font-size:1.4rem; line-height: 1.6; margin-top: 20px;}
 
 /*contents detail */
.section .cont_sec .detail { padding-bottom: 40px;}
.section .cont_sec .detail .left { float:none;}
.section .cont_sec .detail .right { float:none;}

/*button sec */
.button_sec {}
.button_sec .inr { padding:30px 0;}
.button_sec div.col h2 { text-align:center; font-size:20px; font-size:2.0rem;}
.button_sec div.col h2 img { width:100%; height:auto; max-width:300px;}
.button_sec div.col p { font-size:14px; font-size: 1.4rem; padding:10px 0 10px;}
.button_sec div.col div { width:100%; margin:10px auto 0;}
.button_sec div.col div a {
	font-size:20px; font-size:2.0rem;
	padding:10px 0;
}
.button_sec div.col div a img { width:80%; height:auto; max-width:240px; margin-top:5px;}

.button_sec.box_down.sec02 { padding-bottom:40px;}

.button_sec.bg { padding-bottom:40px;}

.button_sec div.col div a:after {
	background-size: 8px auto;
	width:8px;
	height:13px;
	top:50%;
	right:15px;
	margin-top:-7px;
}
.button_sec div.col div.btn_anc { width:80%; margin:30px auto 0;}
.button_sec div.col div.btn_anc a.btn_style_anc { padding:10px 0 13px;}
.button_sec div.col div.btn_anc a img { width:70%; height:auto; max-width:180px; margin-top:0px;}
.button_sec div.col div.btn_anc a:after {
	background-size: 9px auto;
	width:9px;
	height:6px;
	bottom:5px;
	left:50%;
	margin-left:-4px;
}

.button_sec.other div.col div.btn_col2 div { width:100%; display:block; margin:0 auto; }
.button_sec.other div.col div.btn_col2 div:first-child { margin-bottom:20px;}
.button_sec.other { padding-bottom:40px;}
.button_sec.other div.col div a { font-size:2.5rem;}
.button_sec.other div.col div a span { font-size:1.5rem;}
.button_sec.other div.col div a:hover { opacity:0.8;}

}





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

 Section1

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

.section.sec01 .box_up { margin-top:-20px;}

.section.sec01 .cont_ttl {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5ced7+0,d7dee6+50,dce3e9+100 */
	background: #c5ced7; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5ced7 0%, #d7dee6 50%, #dce3e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c5ced7 0%,#d7dee6 50%,#dce3e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c5ced7 0%,#d7dee6 50%,#dce3e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ced7', endColorstr='#dce3e9',GradientType=0 ); /* IE6-9 */
}

.section.sec01 .cont_sec .detail {}
.section.sec01 .cont_sec .detail .col-1 > li { margin-top: 30px;}
.section.sec01 .cont_sec .detail .w58 { width:58%;}
.section.sec01 .cont_sec .detail .w40 { width:40%;}

.section.sec01 .cont_sec .detail .sec01_subttl { margin-top:40px;}
.section.sec01 .cont_sec .detail .sec01_subttl dl { display:table;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dt,
.section.sec01 .cont_sec .detail .sec01_subttl dl dd { display:table-cell; vertical-align:middle;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dt img { margin-right:20px;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dd h4 { font-size:36px; font-size:3.6rem; font-weight:bold; line-height:1.4;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dd h4 img { width:auto; height:auto;}
.section.sec01 .cont_sec .detail .sec01_image img { width:100%; height:auto; max-width:470px;}
.section.sec01 .cont_sec .detail .sec01_text { margin-top:20px;}
.section.sec01 .cont_sec .detail .sec01_text p { font-size:18px; font-size:1.8rem; line-height:1.8; margin-bottom:10px;}
.section.sec01 .cont_sec .detail .sec01_text p:last-child { margin-bottom:0px;}
.section.sec01 .cont_sec .detail .sec01_text p span { font-size:22px; font-size:2.2rem; line-height:1.8; color:#D81A00;}
.section.sec01 .cont_sec .detail .sec01_text p span.italic { font-style:italic;}
.section.sec01 .cont_sec .detail .sec01_text p span.gray { color:#666666;}

@media screen and (max-width: 1080px) {
	.section.sec01 .cont_sec .detail .sec01_subttl { margin-top:20px;}
	.section.sec01 .cont_sec .detail .sec01_text p { font-size:16px; font-size:1.6rem;}
	.section.sec01 .cont_sec .detail .sec01_text p span { font-size:20px; font-size:2.0rem;}
	.section.sec01 .cont_sec .detail .sec01_text p br.custum { display:none;}
}


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

.section.sec01 .cont_ttl {
	padding-bottom: 30px;
}

/*
.section.sec01 .cont_ttl {
	background: #EBEEF2;
	padding-bottom: 40px;
}
*/

.section.sec01 .cont_sec .detail {}
.section.sec01 .cont_sec .detail .col-1 > li { margin-top: 0;}
.section.sec01 .cont_sec .detail .w58 { width:100%;}
.section.sec01 .cont_sec .detail .w40 { width:100%;}


.section.sec01 .cont_sec .detail .sec01_subttl { margin-top:10px;}
.section.sec01 .cont_sec .detail .sec01_subttl dl { }
.section.sec01 .cont_sec .detail .sec01_subttl dl dt,
.section.sec01 .cont_sec .detail .sec01_subttl dl dd { }
.section.sec01 .cont_sec .detail .sec01_subttl dl dt img { margin-right:10px; width:50px; height:auto;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dd h4 { font-size:20px; font-size:2.0rem; font-weight:bold; line-height:1.4;}
.section.sec01 .cont_sec .detail .sec01_subttl dl dd h4 img { width:100%; height:auto;}
.section.sec01 .cont_sec .detail .sec01_image { margin-top:20px; text-align:center; }
.section.sec01 .cont_sec .detail .sec01_image img { max-width:100%; display:inline-block;}
.section.sec01 .cont_sec .detail .sec01_text { margin-top:20px; margin-bottom:20px;}
.section.sec01 .cont_sec .detail .sec01_text p { font-size:14px; font-size:1.4rem; line-height:1.6;}
.section.sec01 .cont_sec .detail .sec01_text p span { font-size:15px; font-size:1.5rem; line-height:1.6;}
.section.sec01 .cont_sec .detail .sec01_text p span.italic {}
 
}

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

 Section1-2

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

.section.sec01.sec01_1.box_up { margin-top:-60px;}
.section.sec01.sec01_1.box_up > div.cont_sec {}

.section.sec01.sec01_1.box_up:before { background:url(../images/bg01.jpg) no-repeat top center; background-size:cover;

	border-top:1px solid #691D2E\9; /* IE10以下 */
	border-bottom:1px solid #691D2E\9; /* IE10以下 */
	box-sizing:border-box\9; /* IE10以下 */
	box-shadow:0px 0px 1px 1px #5C1322 inset\9; /* IE10以下 */
	-moz-box-shadow:0px 0px 1px 1px #691D2E inset\9; /* IE10以下 */
	-webkit-box-shadow:0px 0px 1px 1px #691D2E inset\9; /* IE10以下 */
	
 }
 
/* IE10以上 */
@media all and (-ms-high-contrast: none){
.section.sec01.sec01_1.box_up:before {
	border-top:1px solid #691D2E;
	border-bottom:1px solid #480813;
	box-sizing:border-box;
	box-shadow:0px 0px 1px 1px #691D2E inset;
	-moz-box-shadow:0px 0px 1px 1px #691D2E inset;
	-webkit-box-shadow:0px 0px 1px 1px #691D2E inset;
 }

}


.section.sec01.sec01_1 { }

/*contents sub title */
.section.sec01.sec01_1 .cont_sec .sub_title { }
.section.sec01.sec01_1 .cont_sec .sub_title h3 { color:#FFF;}
.section.sec01.sec01_1 .cont_sec .sub_title h3 img { }
.section.sec01.sec01_1 .cont_sec .sub_title p { color:#FFF;}

.section.sec01.sec01_1 .cont_sec .bg_FFF { background:#FFF;}


.section.sec01.sec01_1 {}



/*contents detail */
.button_sec.bg_purple { position:relative; padding-bottom: 60px;}
.button_sec.bg_purple div.col p { color:#FFF;}
.button_sec.bg_purple div.col div a {
	/* box-shadow */
	box-shadow:0px 8px 0px 0px #961B3D;
	-moz-box-shadow:0px 8px 0px 0px #961B3D;
	-webkit-box-shadow:0px 8px 0px 0px #961B3D;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd1c61+0,a41d43+100 */
	background: #bd1c61; /* Old browsers */
	background: -moz-linear-gradient(top,  #bd1c61 0%, #a41d43 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bd1c61 0%,#a41d43 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bd1c61 0%,#a41d43 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd1c61', endColorstr='#a41d43',GradientType=0 ); /* IE6-9 */
	
}

.section.sec01.sec01_1 .cont_sec .bg_FFF > div { margin-bottom:-1px;}
.section.sec01.sec01_1 .cont_sec .bg_FFF > div:nth-child(2n) { background:#FCF9FA;}

.section.sec01.sec01_1 .cont_sec .detail { padding-bottom:0;}
.section.sec01.sec01_1 .cont_sec .detail .col-1 > li { margin-top: 0;}



.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl { margin-top:50px;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dt,
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dd { vertical-align:top;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dt:last-child,
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dd:last-child { vertical-align:middle;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dt img { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dd h4 { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl dl dd h4 img { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_image { overflow:hidden;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_image img { max-width:100%;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_text { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_text p { }
.section.sec01.sec01_1 .cont_sec .detail .sec01_text p span { color:#A41D43;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_text p span.italic { }
	.section.sec01.sec01_1 .cont_sec .detail .sec01_text p br { display:block;}

@media screen and (max-width: 1200px) {
	.section.sec01.sec01_1 .cont_sec .detail .sec01_subttl { margin-top:30px;}
	.section.sec01.sec01_1 .cont_sec .detail .sec01_text p br { display:none;}
}

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

.section.sec01.sec01_1.box_up:before {
	border-top:1px solid #691D2E; border-bottom:1px solid #480813; box-sizing:border-box;
	box-shadow:0px 0px 1px 1px #691D2E inset;
	-moz-box-shadow:0px 0px 1px 1px #691D2E inset;
	-webkit-box-shadow:0px 0px 1px 1px #691D2E inset;
 }


.section.sec01.sec01_1.box_up:before { width: 140%; margin: 0 0 0 -20%;}

/*contents sub title */
.section.sec01.sec01_1 .cont_sec .sub_title h3 img { max-width:300px;}
.section.sec01.sec01_1 .cont_sec .sub_title p { margin-top:10px;}


.section.sec01.sec01_1 .cont_sec .detail .sec01_image { height:120px; padding: 10% 0;}
.section.sec01.sec01_1 .cont_sec .detail .sec01_image img { margin-top:-30%;}
.section.sec01.sec01_1 .cont_sec .bg_FFF > div:last-child .detail .sec01_image img { margin-top:-20%;}


.button_sec.bg_purple { padding-bottom: 30px;}

}


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

 Section2

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


.section.sec02 { margin-top:-20px; margin-top:-50px;}
.section.sec02 .cont_sec.box_up { margin-top: -50px;}

.section.sec02 .cont_ttl {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5ced7+0,d7dee6+50,dce3e9+100 */
	background: #c5ced7; /* Old browsers */
	background: -moz-linear-gradient(top,  #c5ced7 0%, #d7dee6 50%, #dce3e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c5ced7 0%,#d7dee6 50%,#dce3e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c5ced7 0%,#d7dee6 50%,#dce3e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5ced7', endColorstr='#dce3e9',GradientType=0 ); /* IE6-9 */
}

/*contents title */
.section.sec02 .cont_ttl { }
.section.sec02 .cont_ttl .inr {padding: 140px 0; }
.section.sec02 .cont_ttl .inr h2,
.section.sec02 .cont_ttl .inr p { left:50% ;margin-left: -80px;}
.section.sec02 .cont_ttl .inr div.main_image { left:50%; margin-left:-750px;}


.section.sec02 .cont_sec .detail {}
.section.sec02 .cont_sec .detail .col-1 > li { margin-top: 30px; margin-bottom:30px;}
.section.sec02 .cont_sec .detail .w58 { width:58%;}
.section.sec02 .cont_sec .detail .w40 { width:40%;}

.section.sec02 .cont_sec .detail .sec02_subttl { }
.section.sec02 .cont_sec .detail .sec02_subttl p.text_sholder { color:#D90000; font-size:16px; font-size:1.6rem; font-weight:bold;}
.section.sec02 .cont_sec .detail .sec02_subttl p.text_sholder span { font-family:Helvetica, Arial, sans-serif; padding-left:10px;}
.section.sec02 .cont_sec .detail .sec02_subttl h4 { font-size:36px; font-size:3.6rem; line-height:1.3; font-weight:bold; margin:10px 0;}
.section.sec02 .cont_sec .detail .sec02_subttl p.text_spec { font-size:14px; font-size:1.4rem; line-height:1.4; color:#535353;}

.section.sec02 .cont_sec .detail .sec02_image img {width:100%; height:auto;}
.section.sec02 .cont_sec .detail .sec02_text { margin-top:30px;}
.section.sec02 .cont_sec .detail .sec02_text p { font-size:16px; font-size:1.6rem; line-height:2.0; margin-bottom:15px;}
.section.sec02 .cont_sec .detail .sec02_text p span { font-size:22px; font-size:2.2rem; line-height:1.8; color:#D81A00;}
.section.sec02 .cont_sec .detail .sec02_text p span.italic { font-style:italic;}


.section.sec02 .cont_sec .detail .sec02_job { margin-top:30px; position:relative;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba { width:100%;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl { display:table; width:100%; margin-bottom:2px; height:76px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dt,
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd { display:table-cell; vertical-align:middle;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dt { width:90px; text-align:center; padding:0 10px; font-size:14px; font-size:1.4rem; line-height:1.6;}
.section.sec02.special_job .cont_sec .detail .sec02_job .job_ba dl dt { width:166px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd { font-size:18px; font-size:1.8rem; padding:0 20px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd span { display:block; font-size:14px; font-size:1.4rem; margin-bottom:5px;}

.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_befoer { background-color:#EEEEEE;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_befoer dt { background-color:#CCCCCC;}

.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_after { background-color:#FEF3F3;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_after dt { background-color:#D81C00; color:#FFF;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_after dd {color:#D81C00; font-size:24px; font-size:2.4rem; font-weight:bold;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_after dd span { font-size:16px; font-size:1.6rem; font-weight:bold;}

.section.sec02 .cont_sec .detail .sec02_job .job_ba > img { position:absolute; top:50%; right: 8%; margin-top: -48px; margin-right: -20px;}

@media screen and (max-width: 1080px) {
	.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dt { width:70px;}
	.section.sec02 .cont_sec .detail .sec02_job .job_ba > img { right: 0%; margin-right: 0;}
}


.section.sec02.special_job { padding-top:50px; padding-bottom:80px;}
.section.sec02.special_job {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfaf4+0,f9f5e8+100 */
	background: #fcfaf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfaf4 0%, #f9f5e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfaf4 0%,#f9f5e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfaf4 0%,#f9f5e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf4', endColorstr='#f9f5e8',GradientType=0 ); /* IE6-9 */
}

.section.sec02.special_job .cont_sec .sub_title h3 { color:#201F1D; line-height:1.4;}
.section.sec02.special_job .cont_sec .detail .sec02_job .job_ba { width:100%;}


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

.section.sec02 .cont_ttl .inr {padding: 40px 0; }
.section.sec02 .cont_sec.box_up.box_up:before { width: 140%; margin: 0 0 0 -20%;}
.section.sec02 .cont_ttl { padding-bottom: 40px;}
.section.sec02 .cont_sec .detail { padding-bottom: 20px;}


/*contents title */
.section.sec02 .cont_ttl .inr h2,
.section.sec02 .cont_ttl .inr p { left:0 ;margin-left: 0;}
.section.sec02 .cont_ttl .inr p { margin: 15px 5%;}

.section.sec02 .cont_sec .detail .col-1 > li { margin-top: 30px; margin-bottom:30px;}
.section.sec02 .cont_sec .detail .w58 { width:100%;}
.section.sec02 .cont_sec .detail .w40 { width:100%;}

.section.sec02 .cont_sec .detail .sec02_image img { margin-top:20px;}
.section.sec02 .cont_sec .detail .sec02_text { margin-top:20px;}
.section.sec02 .cont_sec .detail .sec02_text p { font-size:14px; font-size:1.4rem; line-height:1.8; margin-bottom:10px;}

.section.sec02 .cont_sec .detail .sec02_subttl p.text_sholder { font-size:14px; font-size:1.4rem;}
.section.sec02 .cont_sec .detail .sec02_subttl h4 { font-size:20px; font-size:2.0rem; margin:10px 0 0;}
.section.sec02 .cont_sec .detail .sec02_subttl h4 img { width:100%; height:auto; max-width:400px;}
.section.sec02 .cont_sec .detail .sec02_subttl p.text_spec { font-size:12px; font-size:1.2rem;}


.section.sec02 .cont_sec .detail .sec02_job { margin-top:20px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba { }
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl { height:66px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dt,
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd { }
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dt { width:60px; padding:0 2px; font-size:12px; font-size:1.2rem; line-height:1.2;}
.section.sec02.special_job .cont_sec .detail .sec02_job .job_ba dl dt { width:60px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd { font-size:18px; font-size:1.8rem; padding:0 15px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl dd span { font-size:13px; font-size:1.3rem; margin-bottom:5px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba > img { width:70px; height:auto; margin-top:-30px;}
.section.sec02 .cont_sec .detail .sec02_job .job_ba dl.job_after dd span { font-size:13px; font-size:1.3rem;}


.section.sec02 .cont_sec ul.col-2 > li { width:95%; margin:10px 2.5% !important;}
.section.sec02.special_job .cont_sec .detail .sec02_image img { margin-top:0px;}

}


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

 Section3

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

.section.sec03 { margin-top:-50px;}
.section.sec03 .cont_sec.box_up { margin-top:-50px;}

.section.sec03 .cont_ttl {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8fcff+0,fbfcfe+50,f8fcff+100 */
	background: #f8fcff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8fcff 0%, #fbfcfe 50%, #f8fcff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f8fcff 0%,#fbfcfe 50%,#f8fcff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f8fcff 0%,#fbfcfe 50%,#f8fcff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fcff', endColorstr='#f8fcff',GradientType=0 ); /* IE6-9 */
}

/*contents title */
.section.sec03 .cont_ttl { }
.section.sec03 .cont_ttl .inr { padding: 140px 0;}
.section.sec03 .cont_ttl .inr h2,
.section.sec03 .cont_ttl .inr p { }
.section.sec03 .cont_ttl .inr div.main_image { left:90%;}

.section.sec03 .cont_sec .detail {}
.section.sec03 .cont_sec .detail .col-2 > li { margin-top: 30px;}
.section.sec03 .cont_sec .detail .w58 { width:58%;}
.section.sec03 .cont_sec .detail .w40 { width:40%;}

.section.sec03 .cont_sec .detail li > div { text-align:center; margin-bottom:10px;}
.section.sec03 .cont_sec .detail li > div img { width:100%; height:auto;}
.section.sec03 .cont_sec .detail li > div h4 { font-size:24px; font-size:2.4rem; line-height:1.4; font-weight:bold; margin-top:20px;}
.section.sec03 .cont_sec .detail li > div h4 img { width:auto;}
.section.sec03 .cont_sec .detail li > div p { font-size:16px; font-size:1.6rem; line-height:1.8; margin-top:10px;}


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

.section.sec03 .cont_ttl .inr { padding: 40px 0;}
.section.sec03 .cont_ttl { padding-bottom:40px; }

.section.sec03 ul.col-2 > li{ width:95%;  }
.section.sec03 .cont_sec .detail li > div h4 img { width:100%; max-width:300px;}
.section.sec03 .cont_sec .detail li > div h4 { font-size:20px; font-size:2.0rem; margin-top:15px;}
.section.sec03 .cont_sec .detail li > div p { font-size:14px; font-size:1.4rem; line-height:1.6; margin-top:5px; text-align:left;}

}


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

 Section4

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

.section.sec04 { margin-top:-50px; padding-bottom: 80px;}
.section.sec04 .cont_sec .detail {}
.section.sec04 .cont_sec .detail .col-2 > li { margin-top: 30px;}

.section.sec04 .cont_sec .detail li > div { text-align:left;}
.section.sec04 .cont_sec .detail li > div p { font-size:16px; font-size:1.6rem; line-height:1.8; margin-top:10px;}
.section.sec04 .cont_sec .detail li > div p.icon_q { background:url(../images/icon_q.gif) left top no-repeat; padding-left:40px; min-height:30px;}
.section.sec04 .cont_sec .detail li > div p.icon_q img { margin-top:3px;}
.section.sec04 .cont_sec .detail li > div p.icon_a { background:url(../images/icon_a.gif) 10px 10px no-repeat; padding-left:50px; color:#D81A00;}
.section.sec04 .cont_sec .detail li > div p.icon_a .caution { display:block; margin-top:10px; font-size:12px; font-size:1.2rem; }


.section.sec04.flow.box_up:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfaf4+0,f9f5e8+100 */
	background: #fcfaf4; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfaf4 0%, #f9f5e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfaf4 0%,#f9f5e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfaf4 0%,#f9f5e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf4', endColorstr='#f9f5e8',GradientType=0 ); /* IE6-9 */
}

.section.sec04.flow {
}

.section.sec04.flow .cont_sec .sub_title h3 { color:#201F1D; line-height:1.4;}
.section.sec04.flow .cont_sec .detail .sec04_title { margin-bottom:20px;}
.section.sec04.flow .cont_sec .detail .sec04_image { position:relative;}
.section.sec04.flow .cont_sec .detail .sec04_image img { width:100%; height:auto;}
.section.sec04.flow .cont_sec .detail .sec04_image img.icon_arrow { width:auto; height:auto; position:absolute; top:50%; right: -45px; margin-top: -20%; z-index: 10;}
.section.sec04.flow .cont_sec .detail .sec04_image img.icon_arrow_v { display:none;}


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

.section.sec04 { padding-bottom: 40px;}
.section.sec04.flow .cont_sec .detail { padding-bottom: 0px;}

.section.sec04 .cont_sec .sub_title h3 img { max-width:150px;}
.section.sec04 .cont_sec ul.col-2 > li { width:95%;}
.section.sec04 .cont_sec .detail li > div p { font-size:14px; font-size:1.4rem; line-height:1.6; margin-top:10px;}
.section.sec04 .cont_sec .detail li > div p.icon_q { background-position:0 2px; background-size:20px auto; padding-left:30px; min-height:20px;}
.section.sec04 .cont_sec .detail li > div p.icon_q img { width:auto; height:auto; margin-top:0;}
.section.sec04 .cont_sec .detail li > div p.icon_q img.title_q01 { height:15px;}
.section.sec04 .cont_sec .detail li > div p.icon_q img.title_q02 { height:15px;}
.section.sec04 .cont_sec .detail li > div p.icon_q img.title_q03 { height:33px;}
.section.sec04 .cont_sec .detail li > div p.icon_q img.title_q04 { height:33px;}


.section.sec04 .cont_sec .detail li > div p.icon_a {  background-position:3px 6px; background-size:14px auto; padding-left:30px;}
.section.sec04 .cont_sec .detail li > div p.icon_a .caution { display:block; margin-top:10px; font-size:12px; font-size:1.2rem; }


.section.sec04.flow .cont_sec .sub_title h3 img { max-width:300px;}
.section.sec04.flow .cont_sec ul.col-3 { margin:0 2.5%;}
.section.sec04.flow .cont_sec ul.col-3 > li { width:95%; margin:10px 2.5%;}

.section.sec04.flow .cont_sec .sub_title h3 { }
.section.sec04.flow .cont_sec .detail .sec04_title { margin-bottom:15px;}
.section.sec04.flow .cont_sec .detail .sec04_title img { width:100%; height:auto; max-width:190px;}
.section.sec04.flow .cont_sec .detail .sec04_image { position:relative;}
.section.sec04.flow .cont_sec .detail .sec04_image img { width:100%; height:auto;}
.section.sec04.flow .cont_sec .detail .sec04_image img.icon_arrow { display:none;}
.section.sec04.flow .cont_sec .detail .sec04_image img.icon_arrow_v { display:block; margin:20px auto 0; width:40px; height:auto;}

}


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

 footer

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

/*footer*/
footer #footer .link_sec {}
footer #footer .link_sec .col { text-align:center;}
footer #footer .link_sec .col > div { margin:40px 0;}
footer #footer .link_sec .col a { display:inline-block; background:url(../images/link_icon01.gif) right center no-repeat; min-height:12px; padding-right:20px;}
footer #footer .link_sec .col a:link,
footer #footer .link_sec .col a:visited{ text-decoration:underline; color:#333;}
footer #footer .link_sec .col a:hover{ color:#D81C00;}
footer #footer .copy { padding:30px 0;}
footer #footer .copy p { text-align:center; font-size:12px; font-size:1.2rem; line-height:1.4;}







/*Page Top*/


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


/*footer*/
footer #footer { padding-bottom:30%;}
footer #footer .link_sec {}
footer #footer .link_sec .col { text-align:center;}
footer #footer .link_sec .col > div { margin:30px 0;}
footer #footer .link_sec .col > div img { width:90%; height:auto; max-width:260px;}
footer #footer .link_sec .col a { }
footer #footer .copy { padding:20px 0;}
footer #footer .copy p { font-size:11px; font-size:1.1rem;}

}










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



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


}

@media screen and (min-width: 641px) {


}