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

ul.fbox {
  	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    box-orient:horizontal;
    -ms-flex-direction:row;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
	-ms-flex-pack: center;/*--- IE10用 ---*/
	-webkit-box-pack: center;/*--- Android10用 ---*/
	justify-content: center;
}

  @media (min-width: 980px) {
.title_area{ background: url(../img/dot.gif) bottom center no-repeat; text-align:center; padding:70px 0;}
.wrapper ul.info_menu {	text-align: center;	width: 70%; margin-top: 40px; margin-left:auto; margin-right:auto;}
.wrapper ul.info_menu li{ display: inline-block; width: 30%; text-decoration: underline;}
ul.item{ width:95%; margin:auto; display: flex; justify-content:space-between; margin-top:20px;}
ul.item li a{ display:block; text-align:center;}
ul.item li a img,
ul.item li a em,
ul.item li a p{ display: block; margin:10px auto 0 auto;}
ul.item li a p{ color:#000; margin:0;}

.top{ margin-bottom: 10px;	margin-top: 20px;}
.voice_inner_01 h1{	color: #ed7faf;	font-size: 2.9rem; text-align: center; padding-top: 15px;}
.voice_inner_01 h2{	color: #3e3a39;	font-size: 1.8rem; text-align: center; margin-top: 10px; margin-bottom: 60px; line-height: 30px;}
h3{	font-size: 2.0rem; text-align: center; color: #2ca6d6; margin-top: 20px;}
h3 span{ color: #ed7faf;}
.area { font-weight: bold; margin:10px 0;}

.voice_wrap_01{ background-image: url(../img/voice_back_01.gif); padding-top: 160%;}
.voice_wrap_02{ background-image: url(../img/voice_back_02.gif); padding-top: 110%;}
.voice_wrap_03{ background-image: url(../img/voice_back_03.gif); padding-top: 180%;}
.voice_wrap_01,  .voice_wrap_02, .voice_wrap_03{
	max-width: 920px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 0px;
	position: relative;
	height: 0%;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}
.voice_inner_01{
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.voice01, .voice02, .voice03 {
	width:90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
.voice01 ul { width:100%;}
.voice02 ul { width:100%; padding-left: 20px; margin-top: 20px;}
.voice01 ul li, 
.voice02 ul li, 
.voice03 ul li, 
.voice04 ul li { text-align:left; margin-top: 10px; line-height: 25px;}
.voice01 img, 
.voice02 img { width:40%; margin-right: 20px; margin-left: 20px; display: block; margin-top: 10px;}
.voice01 img{ float: left; clear: both;}
.voice02 img{ float: right; clear: both;}
.voice01 span, .voice02 span, .voice03 span{
	color: #ed7faf;
	font-size: 1.8rem;
	height: 40px;
	padding-left: 55px;
	line-height: 30px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../img/icon_voice_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 5px;
}
.voice03{ width: 85%; margin-left: auto; margin-right: auto; margin-top: 30px;}
.voice04{ width: 85%; margin-right: auto; margin-left: auto;}
.voice04 img{ float: left; width: 15%; margin-right: 20px; margin-left: 20px;}
.voice04 p{	margin-left: 20px; width: 95%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 25px;}

.space20{ margin-top: 20px;}
.space40{ margin-top: 40px;}
.space80{ margin-top: 40px;}
.spacepd20{ padding: 20px;}
.spacepd40{ padding: 40px;}

li.unit_flame{ background-color:#EAF6FD; border-top:solid 1px #595757; border-bottom:solid 1px #595757; vertical-align: top; height:320px; max-width:285px;}
.unit_list_child, .unit_list_child p {color:#595757; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.unit_list_child {padding:40px 15px;}
.unit_list_child h3{font:bold 2.0rem/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-bottom:5px; max-width:100%; line-height:3.0rem; color:#595757;}
.unit_list_child strong{font:bold 2.8rem/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#595757;}
.unit_list_child img{ float:right; padding-top:10px;}
.center { text-align:center; float:none;}
li.fbox1 {
	-webkit-box-ordinal-group:0;
	-ms-flex-order:0;
	-webkit-order:0;
	order:0;
}
li.fbox2 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
li.fbox3 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}
li.voice_top_b{ max-width:450px; background-color:#EAF6FD; margin:5px; padding:20px;text-align:center; margin-bottom:20px;}
li.voice_top_g{ max-width:450px; background-color:#e9f6ec; margin:5px; padding:20px; text-align:center; margin-bottom:20px;}
li.voice_top_b h2, li.voice_top_g h2 {font-size:2.3rem; font-weight:bold; margin:0; padding-bottom:5px; color:#ED7FAF;}
li.voice_top_g h2{color:#00A0E9;}
li.voice_top_b p, li.voice_top_g p { text-align:left; width:96%; margin:0 auto;margin-top:10px;}
	}
	
	
@media (max-width: 979px) {

	
.title_area{ background: url(../img/dot.gif) bottom center no-repeat; text-align:center; padding:40px 0;}
ul.item{ display: flex; justify-content:center; flex-wrap:wrap; margin-top:20px;}
ul.item li { width:100%;}
ul.item li a{ display:block; text-align:center;}
ul.item li a img,
ul.item li a em,
ul.item li a p{ display: block; margin:10px auto 0 auto;}
ul.item li a p{ color:#000; margin:0;}


h1{
	color: #ed7faf;
	font-size: 2.0rem;
	text-align: center;
	margin-top: 20px;
}
h2{
	color: #3e3a39;
	font-size: 2rem;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 40px;
}
h3{
	font-size: 2rem;
	text-align: center;
	color: #2ca6d6;
	margin-top: 40px;
}
.area{ font-weight: bold; margin:10px 0;}
ul.info_menu {
	text-align: center;
	width: 100%;
	margin-top: 40px;
}
ul.info_menu li{
	display: inline-block;
	width: 35%;
	text-decoration: underline;
}
.voice_wrap_01{
	width: 100%;
	background-image: none;		
}
.voice_inner_01{
	width: 95%;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
}
.voice01 ul{ text-align:center; margin-top:20px;}
.voice01 ul li, .voice02 ul li, .voice03 ul li, .voice04 ul li {
	width:100%;
	margin-top: 20px;
	font-size: 1.6rem;
	text-align: left;
}
.voice01 span, .voice02 span, .voice03 span, .voice04 span{
	color: #ed7faf;
	font-size: 1.6rem;
	height: 40px;
	background: url(../img/icon_voice_01.gif) 0 0 no-repeat;
	padding-left: 55px;
	line-height: 35px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
}
h3 span{
	color: #ed7faf;
}
.voice01 img, .voice02 img, .voice03 img, .voice04 img {
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 100%;
}
.voice04 p{
	width: 100%;
	font-size: 1.6rem;
}
.space40{
	margin-top: 40px;
}
.space80{
	margin-top: 80px;
}
.wrapper ul { margin-top:20px; display: flex; flex-wrap:wrap; justify-content: space-around;}
.wrapper ul li { text-align:center;}
.wrapper ul li em{ display:block; margin-bottom:10px;}
.wrapper ul li a img{box-shadow: 5px 5px 10px #999;}

.unit_list_child, .unit_list_child p {color:#595757; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.unit_list_child { padding:20px 0; text-align:center;}
.unit_list_child h3{font:bold 1.8rem/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-bottom:5px; max-width:100%; line-height:3.0rem; margin-top:0;color:#595757;}
.unit_list_child p{margin:0;}
.unit_list_child strong{font:bold 2.4rem/100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#595757;}
.unit_list_child img{ padding-top:10px;}
.unit_flame{ width:100%;}
li.fbox1 {
	-webkit-box-ordinal-group:0;
	-ms-flex-order:0;
	-webkit-order:0;
	order:0;
	max-width:50%;
}
li.fbox2 {
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}
li.fbox3 {
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
	max-width:50%;
}
li.voice_top_b{background-color:#EAF6FD; padding:10px;text-align:center; margin-bottom:10px;}
li.voice_top_g{background-color:#e9f6ec; padding:10px; text-align:center; margin-bottom:10px;}
li.voice_top_b h2, li.voice_top_g h2 {font-size:2.0rem; font-weight:bold; margin:0; padding-bottom:5px; color:#ED7FAF;}
li.voice_top_g h2{color:#00A0E9;}
li.voice_top_b p, li.voice_top_g p { text-align:left; margin-top:10px;}
.item img { box-shadow:none !important;}
			
	}