@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/* Common-Setting
----------------------------------------*/
html {}
body {
	color:#000000;
	background:#FFF;
	position:relative;
}

h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size:140%;
	line-height:1.6;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

dt img,dd img,li img,p img {vertical-align:bottom;}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

*:first-child+html p {letter-spacing:0;}

a:link    {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover   {color:#000; text-decoration:underline;}
a:active  {outline:none;}


@media screen and (max-width: 768px) {
html {-webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {font-size:140%; line-height:1.6;}
}


img { width: 100%; height: auto; overflow: hidden;}





/* Container
----------------------------------------*/
#wrapper{
	width:100%;
	min-width:1000px;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:left;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
#wrapper{min-width:100%; margin-top: 56px !important;}
}






/* Header
----------------------------------------*/
#outer_sp_header {display:none;}

@media screen and ( max-width:768px) {
#outer_header {display:none;}
#outer_sp_header {
	width:100%;
	top:0;
	left:0;
	z-index:99999;
	display:block;
    position: fixed;
}
#sp_header {
	width:100%;
	height:56px;
	padding:5px;
	background:#fff;
	position:relative;
	box-sizing:border-box;
    border-bottom: #00a1e9 2px solid;
}
#sp_header .logo img {
    width: 50px;
    height: auto;
    overflow: hidden;
    float: left;
}
#sp_header .logo a {
    overflow: hidden;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}
#sp_header .logo a span {
    font-size: 19px;
    font-weight: bold;
    color: #00a1e9;
}

#sp_header .open-menu {
	display:block;
	width:50px;
	height:30px;
	position:absolute;
	top:13px;
	right:10px;
}
#sp-menu {
	display:none;
	width:100%;
	height:480px;
	position:absolute;
	top:56px;
	right:0;
	border-top:#e6e1e1 1px solid;
	background:#FFF;
	z-index:99999;
	overflow-y:scroll;
}

#sp-menu p.btn {
	font-size:14px;
	font-weight:bold;
    background:#fafafa;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu p.btn a {
	display:block;
	padding:7px;
	color:#333;
	text-decoration:none;
}

#sp-menu dl {
}
#sp-menu dt {
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:10px;
    background:#fafafa url(../images/sp_open.png) 98% center no-repeat;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu dt.open {
    background:#fafafa url(../images/sp_close.png) 98% center no-repeat;
}
#sp-menu dd {
	width:100%;
	display:none;
}
#sp-menu dd li {
	width:100%;
	font-size:12px;
	line-height:1.2;
	position:relative;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu dd li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:10px;
}
#sp-menu dd li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.menu_btn {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 10px 5px;
	box-sizing:border-box;
}
.menu_btn li {
	width:45px;
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	background:#fff;
}

p.close_btn {
	background:#f4f4f4;
}
p.close_btn a {
	display:block;
	line-height:1;
	color:#555;
	text-align:center;
	text-decoration:none;
	padding:15px 10px;
}
p.close_btn a:hover {text-decoration:none;}

#outer_sp_header img {
	width:100%;
	height:auto;
}
}


@media screen and ( max-width:320px) {
#sp_header .logo img {
    width: 45px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 2px;
}
#sp_header .logo a {
    overflow: hidden;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}
#sp_header .logo a span {
    font-size: 17px;
    font-weight: bold;
    color: #00a1e9;
}
}

.header-area p {
    width: 98%;
    height: auto;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.header-area p span {
    padding: 4px 5px;
    margin: 0 auto 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #ffa837;
}




/* Navi
----------------------------------------*/
#header_o {
	width:100%;
	height:145px;
	margin:0 auto;
	z-index:99999;
	overflow:hidden;
    position: fixed;
    background: #fff;
}

#header {
    width: 1000px;
    height: 97px;
    margin: 0 auto;
}
#header .h_logo img {
    width: 76px;
    height: auto;
    margin-right: 5px;
    float: left;
    margin-top: 8px;
}
#header .h_logo h1,#header .h_logo p.lower {
    margin: 10px 0;
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
    float: left;
    color: #000;
}
#header .h_logo h1 span,#header .h_logo p.lower span{
    font-size: 30px;
    color: #00a1e9;
}

#header .h_form img {
    width: 200px;
    height: 58px;
    margin: 3px 0 0 10px;
    float: right;
}
#header .h_tel {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.1;
    font-weight: bold;
    float: right;
    color: #000;
    text-align: center;
}
#header .h_tel span {
    font-size: 34px;
}
#header .h_payment {
    margin-top: 4px;
    padding: 3px 4px 2px;
    background: #ffa837;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    float: right;
    overflow: hidden;
}



#navi {
	width:100%;
    height: 48px;
    overflow: hidden;
    text-align: center;
    background: #22b0ef;
    z-index: 9999;
    padding-top: 10px;
    box-sizing: border-box;
    color: #fff;
}

#navi .navi_txt a {
    text-align: center;
    margin: 10px auto;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
}


@media screen and (max-width: 768px) {
#header_o {display:none;}
}









/* common
----------------------------------------*/
.pc_area {display:block;}
.sp_area {display:none;}

.f_left {float:left;}
.f_right {float:right;}
.center {text-align: center;}

.bold {font-weight:bold;}

.red { color:#c64147;}
.navy { color:#173a87; font-weight: bold;}
.orange { color:#ff611c; font-weight: bold;}

.font10 {font-size:10px !important;}
.font12 {font-size:12px !important;}
.font14 {font-size:14px !important;}
.font16 {font-size:16px !important;}
.font18 {font-size:18px !important;}
.font20 {font-size:20px !important;}
.font30 {font-size:30px !important;}

.text {
    margin-bottom:1em;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
}
.text02 {
    margin-bottom:1em;
    font-size: 16px;
    line-height: 1.8;
}
.text03 {
    margin-bottom:1em;
    font-size: 14px;
    line-height: 2.2;
    text-align: center;
}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
    text-decoration: none;
}

.anc-box {
    padding-top: 162px;
    margin-top: -162px;
}

@media screen and (max-width: 768px) {
.anc-box {
    padding-top: 56px;
    margin-top: -56px;
}
.text {
    width: 94%;
    margin: 0 auto;
    margin-bottom:1em;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
}
.text02 {
    margin-bottom:1em;
    font-size: 15px;
    line-height: 1.8;
}
.text03 {
    margin-bottom:1em;
    font-size: 14px;
    line-height: 1.8;
    text-align: center;
}
}


.sub_common_block { width:100%; margin:0 auto; overflow:hidden;}


@media screen and (max-width: 768px) {
.pc_area {display:none;}
.sp_area {display:block;}
}



.image_l,
.image_item {
	width: 140px;
	height: auto;
	float: left;
	margin: 0 16px 8px 0 !important;
}
.image_r {
	width: 340px;
	height: auto;
	float: right;
	margin: 0 0 20px 35px !important;
}
.image_l img, .image_r img,
.image_item img {
	width: 100% !important;
	height: auto;
}

.image_r02 {
	width: 300px;
	height: auto;
	float: right;
	margin: 0 0 40px 45px !important;
}
.image_r03 {
	width: 375px;
	height: auto;
	float: right;
	margin: 0 0 40px 45px !important;
}


@media screen and (max-width: 1099px) {
.image_l, .image_r {
	width: 50%;
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0 auto 10px !important;
	float: none;
}
.image_item {
	width: 50%;
	max-width: 300px;
	height: auto;
	display: block;
	margin: 0 10px 5px 0 !important;
}
img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.image_r02 {
	width: 55%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 10px !important;
	float: right;
}
.image_r03 {
	width: 90%;
	max-width: 300px;
	height: auto;
	margin: 0 auto 10px !important;
	float: none;
}
}





@media screen and (max-width: 768px) {
#wrapper img { width:100%; max-width:100%; height:auto;}
}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mt_m {margin-top:60px !important;}
.mt_s {margin-top:60px !important;}
.mt_pc {padding-top:140px !important;}

.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.mb_s {margin-bottom:30px !important;}
.mb_m {margin-bottom:60px !important;}
.mb_l {margin-bottom:100px !important;}

@media screen and (max-width: 768px) {
.mb_m {margin-bottom:30px !important;}
.mb_l {margin-bottom:60px !important;}
.mt80 {margin-top:30px !important;}
.mt_m {margin-top:0px !important;}
.mt_s {margin-top:25px !important;}
.mt_pc {padding-top:60px !important;}
}




.content {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 100px;
}
@media screen and (max-width: 768px) {
.content {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 50px;
}
}

.content02 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
.content02 {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
}










/* index-main
----------------------------------------*/

#index-main {
    width: 100%;
    height: 480px;
    overflow: hidden;
    margin: 145px auto 0;
    background: url(../images/main_bg2.jpg) no-repeat center;
    background-size: cover;
	/*background-color: #d8f3ff;*/
}
.main {
    width: 1000px;
    height: 480px;
    overflow: hidden;
    margin: 0 auto;
    /*position: relative;
    background: url(../images/main_icon.png) no-repeat right;*/
	/*border: 2px solid #8ddcff;
	box-sizing: border-box;*/
}
.main .txt_box {
    width: 620px;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 30px;
    top: 55px;
    border: 6px #76d1f9 solid;
    box-sizing: border-box;
    padding: 20px 40px 30px;
    background: url(../images/main_txt_bg.png) repeat;
}
.main .txt_box h2 {
    font-size: 30px;
    line-height: 1.8;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 10px;
}
.main .txt_box h2 span {
    font-size: 45px;
    line-height: 0 !important;
}
.main .txt_box h3 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

.main .link-btn a {
    width: 420px;
    display: block;
    text-align: center;
    background: #00a1e9;
    font-size: 24px;
    color: #fff;
    padding: 12px 0;
    margin: 0 auto;
}



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

 #index-main {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 10px;
}
#index-main a img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#index-main a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
    text-decoration: none;
}
.main {
    display:none;
}
}










/* ttl
----------------------------------------*/

.ttl_01 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin-bottom: 35px;
    padding-bottom: 5px;
}
.ttl_01 span {
    color: #00a1e9;
}
.ttl_01-2 {
    font-family: YuMincho,    /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    font-size: 16px;
    line-height: 1.2;
    margin: 7px auto 40px;
    text-align: center;
    color: #1e3f71;
}
#news_detail .ttl_01 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 10px;
	    padding-bottom: 0px;
	border:0;
}

.ttl_02 {
    font-size: 21px;
    line-height: 1.2;
    margin: 0 auto 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    color: #173a87;
}


.ttl-03 {
        font-size: 17px;
        font-weight: bold;
        color: #000;
        background: url(../images/list_icon.png) no-repeat left;
        padding-left: 26px;
        box-sizing: border-box;
        margin-bottom: 5px;
    line-height: 1.2;
}

.ttl_04 {
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 20px;
    overflow: hidden;
    font-weight: bold;
    background: #4a71ab;
    padding: 8px 10px;
    box-sizing: border-box;
    color: #fff714;
}

.ttl_05 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 8px;
    overflow: hidden;
    font-weight: bold;
    color: #000;
}




@media screen and (min-width:768px) and ( max-width:999px) {
.ttl_01 {
    width: 96%;
    font-size: 30px;
    line-height: 1.2;
    margin: 0 auto;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
.ttl_01 span {
    color: #00a1e9;
}
#news_detail .ttl_01 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
	    padding-bottom: 0px;
	border:0;
}

.ttl_02 {
    font-size: 21px;
    line-height: 1.2;
    margin: 0 auto 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    color: #173a87;
}


.ttl-03 {
        font-size: 17px;
        font-weight: bold;
        color: #000;
        background: url(../images/list_icon.png) no-repeat left top;
        padding:1px 0 3px 26px;
        box-sizing: border-box;
        margin-bottom: 20px;
        line-height: 1.1;
}

.ttl_04 {
    width: 100%;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 20px;
    overflow: hidden;
    font-weight: bold;
    background: #4a71ab;
    padding: 7px 10px;
    box-sizing: border-box;
}
.ttl_05 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 8px;
    overflow: hidden;
    font-weight: bold;
    color: #000;
}
}




@media screen and (max-width: 768px) {
.ttl_01 {
    width: 98%;
    font-size: 26px;
    line-height: 1.3;
    margin: 0 auto 10px;
    font-weight: bold;
    text-align: center;
}

#news_detail h3.ttl_01 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 10px;
	    padding-bottom: 0px;
	border:0;
}

.ttl_02 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0 auto 20px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    color: #173a87;
}


.ttl-03 {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        background: url(../images/list_icon.png) no-repeat left top;
        padding:1px 0 3px 26px;
        box-sizing: border-box;
        margin-bottom: 20px;
        line-height: 1.1;
}

.ttl_04 {
    width: 100%;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 20px;
    overflow: hidden;
    font-weight: bold;
    background: #4a71ab;
    padding: 7px 10px;
    box-sizing: border-box;
}
.ttl_05 {
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 8px;
    overflow: hidden;
    font-weight: bold;
    color: #000;
}
}

















/* index-sec　bn
----------------------------------------*/

/*bn フローティングバナー*/
.floating {
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
    z-index: 9999999;
}
.floating a {
  display: block;
  text-decoration: none;
}
.floating a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
.floating {
    width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  display: block;
    line-height: 0;
}
.floating a {
  display: block;
  text-decoration: none;
    width: 50%;
    float: left;
}
.floating a:first-child {
  display: block;
  text-decoration: none;
    width: 100%;
    float: none;
}
.floating a img {
    margin-bottom: 0;
    padding: 0;
}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}





/*bn キャンペーンバナー*/
.bn-l {
    width: 480px;
    height: auto;
    float: left;
    margin-top: 60px;
}

.bn-r {
    width: 480px;
    height: auto;
    float: right;
    margin-top: 60px;
}

@media screen and (max-width: 768px) {
.bn-l {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 10px;
}

.bn-r {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 10px;
}
}






/* index-sec　linkbtn
----------------------------------------*/

.link-btn01 a {
    width: 420px;
    display: block;
    text-align: center;
    font-size: 23px;
    color: #000;
    padding: 12px 0;
    margin: 0 auto;
    border: 4px #76d1f9 solid;
    font-weight: bold;
    background: #fff;
}

@media screen and (max-width: 768px) {
.link-btn01 a {
    width: 90%;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #000;
    padding: 12px 0;
    margin: 0 auto;
    border: 4px #76d1f9 solid;
    font-weight: bold;
}
}












/* index-sec01
----------------------------------------*/


#sec01 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 0;
    padding-top: 80px;

}
.sec01 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
ul.box-threee {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 40px;
}
.box-threee li {
    width: 226px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 32px;
    padding: 18px 0;
    box-sizing: border-box;
}
.box-threee li:nth-of-type(4n) {
    margin-right: 0;
}


#sec01 h4,#sec01 h3 {
    font-size: 20px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}
#sec01 h4 span,#sec01 h3 span {
    font-size: 30px;
    color: #ffef3a;
    font-weight: bold;
}

#sec01 li {
    background: #00a1e9;
    border-radius: 10px;
	border-bottom: 6px #0791ce solid;
}

#sec01 li img {
    margin: 0 auto 5px;
    width: 220px;
    overflow: hidden;
    display: block;
}

#sec01 li a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    display: block;
}


@media screen and (max-width: 768px) {
#sec01 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
}
.sec01 {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin:0 auto 20px;
}
ul.box-threee {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 10px;
}
.box-threee li {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 1% 10px;
    padding: 12px 5px;
    box-sizing: border-box;
}
.box-threee li:nth-of-type(4n) {
    margin: 0 1% 20px;
}


#sec01 h4,#sec01 h3 {
    font-size: 15px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
}
#sec01 h4 span,#sec01 h3 span {
    font-size: 19px;
    color: #ffef3a;
    font-weight: bold;
}

#sec01 li img {
    margin: 0 auto 5px;
    width: 80%;
    overflow: hidden;
    display: block;
}

#sec01 li a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
}
}







/* index-sec02
----------------------------------------*/

#sec02 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #eefaff;
    padding: 140px 0 100px;
    margin-top: 100px;
}
#sec02-k {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #eefaff;
    padding: 100px 0 80px;
    margin-top: 70px;
}
.sec02 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.sec02 .ttl_01 span {
    color: #00a1e9;
	font-size: 48px;
}
#sec02 .sec02 p.ttl,#sec02-k .sec02 p.ttl { text-align: center; font-size:38px; font-weight: bold; color:#ff7200; margin-bottom:0px; line-height:1;}
#sec02 h4,#sec02 h3,
#sec02-k h4,#sec02-k h3
{
    font-size: 36px;
    line-height: 1.2;
    margin: 0 auto 15px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#sec02 h4 span,#sec02 h3 span,
#sec02-k h4 span,#sec02-k h3 span
{
    background: linear-gradient(transparent 70%, #ffd2fa 0%);
    display: inline;
    padding: 0 4px 5px;
}

ul.box-three {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 40px;
}
.box-three li {
    width: 300px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 50px;
    padding: 18px 0;
    box-sizing: border-box;
}
.box-three li:nth-of-type(3n) {
    margin-right: 0;
}

#sec02 li img,#sec02-k li img {
    width: 260px;
    margin: 0 auto 10px;
    overflow: hidden;
    display: block;
}

#sec02 li p,#sec02-k li p {
    font-size: 17px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
}




@media screen and (max-width: 768px) {
#sec02 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px auto 0;
    padding: 40px 0;
}
#sec02-k {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 0;
    padding: 30px 0;
}
.sec02 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.sec02 .ttl_01 span {
    color: #00a1e9;
	font-size: 38px;
}
#sec02 .sec02 p.ttl,#sec02-k .sec02 p.ttl { text-align: center; font-size:26px; font-weight: bold; color:#ff7200; margin-bottom:0px; line-height:1;}
#sec02 h4,#sec02 h3,
#sec02-k h4,#sec02-k h3 {
    font-size: 24px;
    line-height: 1.2;
    margin: 0 auto 15px;
    font-weight: bold;
    text-align: center;
    color: #000;
}
#sec02 h4 span,#sec02 h3 span,
#sec02-k h4 span,#sec02-k h3 span {
    background: linear-gradient(transparent 70%, #ffd2fa 0%);
    display: inline;
    padding: 0 4px 5px;
}
ul.box-three {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 10px;
}
.box-three li {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 1% 10px;
    padding: 12px 5px;
    box-sizing: border-box;
}
.box-three li:nth-of-type(4n) {
    margin: 0 1% 20px;
}
#sec02 li img,
#sec02-k li img {
    margin: 0 auto 10px;
    padding: 0;
}
#sec02 li:nth-of-type(3n),
#sec02-k li:nth-of-type(3n) {
    margin: 0 1% 10px;
}
#sec02 li img,#sec02-k li img {
    margin: 0 auto 10px;
}

#sec02 li p,#sec02-k li p {
    font-size: 15px;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
}

}









/* index-sec03
----------------------------------------*/

#sec03 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 140px;
    margin-bottom: 100px;

}
.sec03 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

ul.box-four {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 40px;
}
.box-four li {
    width: 220px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 40px;
    padding: 18px 0;
    box-sizing: border-box;
}
.box-four li:nth-of-type(4n) {
    margin-right: 0;
}

#sec03 li {
    background: #00a1e9;
    /*border-radius: 10px;*/
}
#sec03 h4,#sec03 h3 {
    font-size: 21px;
    line-height: 1.2;
    margin: 0 auto 8px;
    font-weight: bold;
    text-align: center;
    color: #ffef3a;
}
#sec03 li a.cnt {
    width: 86%;
    background: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
    padding: 4px 2px;
    box-sizing: border-box;
    margin: 0 auto;
}
#sec03 li p {
    width: 93%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
}
#sec03 li p span {
    font-size: 20px;
}
#sec03 li p span a {
    font-size: 15px !important;
    background: #00a1e9 !important;
    width: 100% !important;
    padding: 0 !important;
    color: #fff !important;
}

p.txt {
    font-size: 21px;
    color: #000;
    text-align: center;
    margin: 0 auto 40px;
    line-height: 1.5;
}


@media screen and (max-width: 768px) {
#sec03 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0 0;
    margin-bottom: 40px;
}
.sec03 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 20px;;
}

ul.box-four {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 10px;
}
.box-four li {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 1% 10px;
    padding: 12px 5px;
    box-sizing: border-box;
}
.box-four li:nth-of-type(4n) {
    margin: 0 1% 20px;
}

#sec03 h4,#sec03 h3 {
    font-size: 17px;
}
#sec03 li a.cnt {
    width: 96%;
}
#sec03 li p {
    width: 92%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    line-height: 1.5;
}
#sec03 li p span {
    font-size: 16px;
}

p.txt {
    font-size: 16px;
    color: #000;
    margin: 0 auto 30px;
    line-height: 1.7;
    width: 90%;

}

}














/* index-sec04
----------------------------------------*/

#sec04_o {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f9f0e6;
    padding: 140px 0 100px;
    margin:100px auto 0;
}
#sec04_o2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f9f0e6;
    padding: 140px 0 100px;
    margin:0 auto;
}

#sec04 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin:0 auto;
}
#sec04 h3.ttl_01,#sec04 h2.ttl_01 {
    margin-bottom: 0;
}

#sec04 #voice {
    width: 480px;
    height: auto;
    overflow: hidden;
    float: left;
    background: #fff;
    margin-bottom: 40px;
    padding: 30px 35px 20px;
    box-sizing: border-box;
}

#sec04 #faq {
    width: 480px;
    height: auto;
    overflow: hidden;
    float: right;
    background: #fff;
    margin-bottom: 40px;
    padding: 30px 35px 20px;
    box-sizing: border-box;
}

#sec04 #howto {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
	padding: 30px 40px 20px;
    box-sizing: border-box;
}


.news { height:200px;overflow-y:scroll; margin-bottom: 20px;}
.news li { border-bottom: 1px #000 dotted;}
.news li a { padding:15px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 15px; font-weight: bold;}


.news li span { color: #fff; margin:0 10px 0 3px; padding:3px; font-weight: normal; font-size: 14px;}
.news li span.gomi {  background: #f2a962;}
.news li span.moving {  background: #00a1e9;}
.news li span.artifacts {  background: #64af7d;}
.news li span.recovery {  background: #ed8ed3;}
.news li span.purchase {  background: #d2d01f;}

.news li span.gomi-faq {  background: #f2a962;}
.news li span.moving-faq {  background: #00a1e9;}
.news li span.artifacts-faq {  background: #64af7d;}
.news li span.recovery-faq {  background: #ed8ed3;}
.news li span.purchase-faq {  background: #d2d01f;}


#sec04 #howto .list {
	height:220px;
    overflow-y:scroll;
	margin-bottom: 20px;
}
#sec04 #howto .list li {
    width: 226px;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
}
#sec04 #howto .list li .thumb {
    width: 100%;
    height: 120px;
    overflow: hidden;
    margin-bottom: 8px;
}
#sec04 #howto .list li .thumb img {
    width: 100%;
    height: auto;
    overflow: hidden;
}
#sec04 #howto .list li p,#sec04 #howto .list li h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}


div::-webkit-scrollbar{
  width: 12px;
}
div::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777;
}
div::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 10px;
  box-shadow: none;
}

.howto_o {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 40px;
    background: #eefaff;
}




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

#sec04_o {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f9f0e6;
    padding: 60px 0 30px;
    margin:40px auto 0;
}
#sec04_o2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f9f0e6;
    padding: 60px 0 40px;
    margin:0 auto;
}

#sec04 {
    width: 92%;
    height: auto;
    overflow: hidden;
    margin:0 auto;
}

#sec04 #voice {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 10px 10px;
    box-sizing: border-box;

}

#sec04 #faq {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    background: #fff;
    margin-bottom: 30px;
    padding: 20px 10px 10px;
    box-sizing: border-box;
}


#sec04 #howto {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    padding: 20px 3px 10px;
    box-sizing: border-box;
}
#sec04 #howto h3.ttl_01 {
    font-size: 25px;
}

.news { height:200px;overflow-y:scroll; margin:10px auto 20px;}
.news li a { padding:6px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 14px;}
.news li span { margin:0 5px 0 2px; font-size: 13px}

#sec04 #howto .list {
	height:350px;
    overflow-y:scroll;
}
#sec04 #howto .list li {
    width: 50%;
    padding: 6px 1%;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
}
#sec04 #howto .list li .thumb {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 8px;
}
#sec04 #howto .list li p,#sec04 #howto .list li h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}

.howto_o {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #eefaff;
}

}





/* 一覧
----------------------------------------*/

.news_list { width: 1000px; height: auto; overflow:hidden; margin: 0 auto 100px;}
.news_list li { border-bottom: 1px #000 dotted;}
.news_list li a { padding:15px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 17px; font-weight: bold;}


.news_list li span { color: #fff; margin:0 10px 0 3px; padding:3px 2px 3px 5px; font-weight: normal; font-size: 15px;}
.news_list li span.gomi {  background: #f2a962;}
.news_list li span.moving {  background: #00a1e9;}
.news_list li span.artifacts {  background: #64af7d;}
.news_list li span.recovery {  background: #ed8ed3;}
.news_list li span.purchase {  background: #d2d01f;}

.news_list li span.gomi-faq {  background: #f2a962;}
.news_list li span.moving-faq {  background: #00a1e9;}
.news_list li span.artifacts-faq {  background: #64af7d;}
.news_list li span.recovery-faq {  background: #ed8ed3;}
.news_list li span.purchase-faq {  background: #d2d01f;}


@media screen and (max-width: 768px) {
.news_list { width: 96%; height: auto; overflow:hidden; margin: 0 auto 80px;}
.news_list li a { padding:10px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 14px;}
.news_list li span { margin:0 5px 0 2px; font-size: 13px}
}






.news_list_k { width: 100%; height: auto; overflow:hidden; margin: 0 auto 10px;}
.news_list_k li { border-bottom: 1px #000 dotted;}
.news_list_k li a { padding:15px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 17px; font-weight: bold;}


.news_list_k li span { color: #fff; margin:0 10px 0 3px; padding:3px 2px 3px 5px; font-weight: normal; font-size: 15px;}
.news_list_k li span.moving {  background: #00a1e9;}


@media screen and (max-width: 768px) {
.news_list_k { width: 96%; height: auto; overflow:hidden; margin: 0 auto;}
.news_list_k li a { padding:10px 0; text-decoration:none; color:#000; display:block; box-sizing:border-box; font-size: 14px;}
.news_list_k li span { margin:0 5px 0 2px; font-size: 13px}
}










/* index-sec05
----------------------------------------*/

#sec05 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 100px 0 30px;
}
.sec05 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin:0 auto;
}

#sec05 #can {
    width: 480px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-bottom: 40px;
    box-sizing: border-box;
    padding-top: 10px;
}

#sec05 #news {
    width: 480px;
    height: auto;
    overflow: hidden;
    float: right;
    background: #eefaff;
    margin-bottom: 40px;
    padding: 30px 35px;
    box-sizing: border-box;
}

#sec05 #can h3.ttl_01 {
    margin-bottom: 20px;
}
#sec05 #news h3.ttl_01 {
    margin-bottom: 0;
}



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

#sec05 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 60px 0 30px;
}
.sec05 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin:0 auto;
}

#sec05 #can {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    margin-bottom: 30px;

}

#sec05 #news {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    margin-bottom: 30px;
    padding: 20px 6% 10px;
    box-sizing: border-box;
}

}
















/* inquiry */

#sec06 {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 0;
}
#sec06-2 {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#inquiry {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff3fc;
    padding: 60px 0 0;
}

#inquiry .form {
	padding: 50px 0 70px;
}
#inquiry .form p {
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	margin-bottom: 20px;
}
#inquiry .form p input[type="text"],
#inquiry .form p input[type="email"] {
	font-size: 16px;
	padding: 10px;
	width: 80%;
	height: 40px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin:0 auto 30px;
}
#inquiry .form p .mwform-tel-field input[type="text"] {
	font-size: 16px;
	padding: 10px;
	width: 25%;
	height: 40px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin:0 auto 30px;
}
::placeholder {
  color: #777777;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #777777;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #777777;
}
#inquiry .form p textarea {
	font-size: 16px;
	padding: 10px;
	width: 80%;
	height: 200px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin:0 auto 30px;
}
#inquiry .form .send-btn { text-align: center; }
#inquiry .form input[type="submit"] {
	font-size: 16px;
	letter-spacing: 2px;
	width: 160px;
	background: #000;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.w-80 { width:78%; margin:0 auto;}





@media screen and (max-width: 768px) {
#sec06 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 0;
}
#sec06-2 {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.w-80 { width:98%; margin:0 auto;}

	/* inquiry */

    #inquiry {
    width: 100%;
    margin: 10px auto 0;
    overflow: hidden;
    }

	#inquiry .container {
		width: auto;
		padding: 0 20px;
	}
	#inquiry .info p { font-size: 14px; }
	#inquiry .info p {
		margin: 0 0 20px;
		display: block;
	}
	#inquiry .form { padding: 50px 0; }
	#inquiry .form p {
		font-size: 13px;
		margin-bottom: 10px;
	}
#inquiry .form p input[type="text"],
#inquiry .form p input[type="email"] {
	padding: 10px;
	width: 100%;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#inquiry .form p .mwform-tel-field input[type="text"] {
	padding: 10px;
	width: 29%;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#inquiry .form p textarea {
	width: 100%;
}

}











#news_detail { margin-bottom:80px;}
#news_detail h2 {
	border-bottom:double 5px #98d1ea;
	border-top:double 5px #98d1ea;
	padding:15px 0;
	text-align:center;
	margin-bottom:20px;
	font-size:22px;
}
#news_detail h3 {
    margin: 60px 0 20px;
    text-align: center;
    color: #00a1e9;
}
#news_detail h4 {
	font-size:20px;
	font-weight:bold;
	color:#252c3e;
    border-bottom: none;
    margin-bottom: 0;
}
#news_detail p.font18 {
    text-align: center;
}
#news_detail a {
    text-decoration: underline;
}

#news_detail img { width:50%; margin:0 auto 20px; display:block;}
@media screen and (max-width: 768px) {
#news_detail h2 {
	padding:15px 10px;
    font-size: 24px !important;
}
#news_detail h3 {
    margin: 25px 0 10px;
}
#news_detail h4 {
	font-size:18px;
	font-weight:bold;
	color:#252c3e;
    border-bottom: none;
    margin-bottom: 0;
}
#news_detail p {
    text-align: left;
}
#news_detail img { width:60%; margin:0 auto 20px; display:block;}
}


.nextprev { width: 50%; margin: 0 auto 100px; overflow: hidden;}
.nextprev ul li { width: 48%; float: right;}
.nextprev ul li:first-child { float: left;}

.nextprev ul li a {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #ffef3a;
	background:#00a1e9;
    text-decoration: none;
    box-sizing: border-box;
}

.nextprev ul li a:hover { opacity: 0.8;}












/* footer
----------------------------------------*/
#footer_o {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #57b6e0;
    padding-bottom: 10px;
}
#footer {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 15px;
}
#footer .h_logo img {
    width: 85px;
    height: 100px;
    margin-right: 5px;
    float: left;
}
#footer .h_logo h5 {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: bold;
    float: left;
    color: #fff;
}
#footer .h_logo h5 span {
    font-size: 30px;
    color: #fff;
}

#footer .h_form img {
    width: 220px;
    height: 68px;
    margin: 16px 0 0 10px;
    float: right;
}
#footer .h_tel {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: bold;
    float: right;
    color: #fff;
    text-align: center;
}
#footer .h_tel span {
    font-size: 34px;
	color: #fff;
}
.h_payment img {
    width: 700px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}


.f_link {
    height: auto;
    font-size: 16px;
    color: #fff;
    text-align: center;
    display: block;
    overflow: hidden;
    margin: 30px auto 40px;
}
.f_link a {
    height: auto;
    font-size: 14px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 2;
}


.copy {
    height: auto;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
}






@media screen and (min-width:768px) and ( max-width:999px) {
#footer_o {
    padding-bottom: 220px;
}
#footer {
    width: 96%;
    padding: 10px 0 0;
    margin: 0 auto;
}
#footer .h_logo {
    float: left;
}

#footer .h_logo img {
    width: 68px;
    height: 80px;
    margin-right: 5px;
    float: left;
}
#footer .h_logo h5 {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    float: left;
    color: #fff;
    padding-top: 10px;
}
#footer .h_logo h5 span {
    font-size: 23px;
    color: #fff;
}

#footer .h_form img {
    display: none;
}
#footer .h_tel {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    float: right;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
#footer .h_tel span {
    font-size: 38px;
	color:#fff;
}

.f_link {
    display: none;
}

.copy {
    width: 100%;
    font-size: 12px;
    padding: 0 5px;
    box-sizing: border-box;
    float: none;
    text-align: center;
}

}


@media screen and ( max-width:767px) {
#footer_o {
    padding-bottom: 130px;
}
#footer {
    width: 100%;
    padding: 10px 0 0;
}


#footer .h_logo img {
    width: 68px;
    height: 80px;
    margin-right: 5px;
    float: left;
}
#footer .h_logo h5 {
    margin-top: 28px;
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
    float: none;
    color: #fff;
    padding-top: 10px;
}
#footer .h_logo h5 span {
    font-size: 23px;
    color: #fff;
}

#footer .h_form img {
    display: none;
}
#footer .h_tel {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    float: none;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
#footer .h_tel a {
    color: #fff;
}
#footer .h_tel span {
    font-size: 38px;
    color: #fff !important;
}
#footer .h_tel span a {
    color: #fff;
}

.f_link {
    display: none;
}

.copy {
    width: 100%;
    font-size: 12px;
    padding: 0 5px;
    box-sizing: border-box;
    float: none;
    text-align: center;
}

}

@media screen and (max-width: 320px) {
#footer .h_logo h5 {
    font-size: 12px;
    padding-top: 10px;
}
#footer .h_logo h5 span {
    font-size: 20px;
    color: #fff;
}
}






/* h1-ttl
----------------------------------------*/

#h1-ttl {
    width: 100%;
    height:auto;
    background: url(../images/h2-bg.jpg) no-repeat center;
    background-size: cover;
    margin: 100px 0 90px;
    padding: 65px 0 65px;
}

#h1-ttl h1 {
    color: #fff;
    font-size: 58px;
    font-family : YuMincho,    /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 6px;
    margin: 5px;
}
#h1-ttl h2 {
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    text-align: center;
}


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

#h1-ttl {
    width: 100%;
    height:auto;
    background: url(../images/h2-bg.jpg) no-repeat center;
    background-size: cover;
    margin: 0 0 40px;
    padding: 40px 0 45px;
}

#h1-ttl h1 {
    color: #fff;
    font-size: 27px;
    font-family : YuMincho,    /* Mac用 */ 'Yu Mincho', /* Windows用 */ serif;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
#h1-ttl h2 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
}

}







/* anc_block
----------------------------------------*/

.anc_block {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin: 0 auto 100px;
}
.anc_block li a {
    width: 180px;
    height: auto;
    overflow: hidden;
    margin:0 10px 10px;
    background: #173a87;
    padding: 15px 5px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    color: #fff714;
    border-bottom: 3px solid #7f7f7f;
    font-size: 17px;
    font-weight: bold;
}
.anc_block li a span {
    font-size: 16px;
}


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

.anc_block {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 50px;
}
.anc_block li a {
    width: 48%;
    height: auto;
    overflow: hidden;
    margin: 6px 1%;
    background: #173a87;
    padding: 15px 5px;
    box-sizing: border-box;
    float: left;
    text-align: center;
    color: #fff714;
    border-bottom: 3px solid #7f7f7f;
    font-size: 15px;
    font-weight: bold;
}
.anc_block li a span {
    font-size: 15px;
}

}

















#h2-single,#h1-single {
    width: 100%;
    height:auto;
    background: url(../images/h2-single.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 140px 0 60px;
    padding: 80px 0;
}
#h2-single h2,#h1-single h1 {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    font-size: 40px;
    text-align: center;
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1;
    letter-spacing: 2px;
    text-shadow: 1px 2px #000;
}




@media screen and (max-width: 768px) {
#h2-single,#h1-single {
    width: 100%;
    height: auto;
    margin: 0 0 30px;
    padding: 50px 0;
}
#h2-single h2,#h1-single h1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0;
}

}














/* 下層ページcss
----------------------------------------*/
#h2-kasou,#h1-kasou{
    width: 100%;
    height:auto;
    background: url(../images/h2-single.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    margin: 140px 0 0;
    padding: 80px 0;
}
#h2-kasou h2,#h1-kasou h1{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    font-size: 40px;
    text-align: center;
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 1;
    letter-spacing: 2px;
    text-shadow: 1px 2px #000;
}




@media screen and (max-width: 768px) {
#h2-kasou,#h1-kasou {
    width: 100%;
    height: auto;
    margin: 0 0;
    padding: 50px 0;
}
#h2-kasou h2,#h1-kasou h1 {
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0;
}

}

.content_k {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 90px 0;
}
.content_k02 {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.content_k03 {
    width: 800px;
    height: auto;
    overflow: hidden;
    padding: 90px 0 0;
    margin: 0 auto;
}

.bg_blue {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #eefaff;
}

.ttl_k01 {
    width: 640px;
    font-size: 30px;
    color: #000;
    padding-bottom: 8px;
    line-height: 1.3;
    border-bottom: 1px #22b0ef dotted;
    margin-bottom: 20px;
    float: left;
    font-weight: bold;
}
.ttl_k01:first-letter{
    color: #22b0ef;
 }
.txt_k01 {
    font-size: 17px;
    color: #000;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: bold;
}

.ttl_k03 {
    width: 100%;
    font-size: 30px;
    color: #000;
    padding-bottom: 8px;
    line-height: 1.3;
    border-bottom: 1px #22b0ef dotted;
    margin-bottom: 20px;
    font-weight: bold;
}
.ttl_k03:first-letter{
    color: #22b0ef;
 }

@media screen and (max-width: 768px) {
.content_k {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0;
}
.content_k02 {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.content_k03 {
    width: 96%;
    height: auto;
    overflow: hidden;
    padding: 60px 0 0;
    margin: 0 auto;
}

.ttl_k01 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
}
.txt_k01 {
    font-size: 15px;
    color: #000;
    line-height: 1.3;
    margin-bottom: 10px;
    font-weight: bold;
}
.ttl_k03 {
    width: 100%;
    font-size: 20px;
    color: #000;
    padding-bottom: 8px;
    line-height: 1.3;
    border-bottom: 1px #22b0ef dotted;
    margin-bottom: 20px;
    font-weight: bold;
}
.ttl_k03:first-letter{
    color: #22b0ef;
 }
}



.span_blue { color: #3d6ede !important; }

.span_pink { color: #ff71be; }


.ttl_k02 {
    width: 100%;
    font-size: 20px;
    color: #000;
    padding-bottom: 8px;
    line-height: 1.3;
    border-bottom: 1px #22b0ef solid;
    margin-bottom: 10px;
    font-weight: bold;
}


table.table01 {
  width: 100%;
  border-collapse: collapse;
    margin-bottom: 30px;
    font-size: 15px;
}

table.table01 th, table.table01 td {
  border:1px solid #bfada9;
    vertical-align: middle;
  padding: 8px 20px;
}

table.table01 th {
  background-color: #eefaff;
    font-weight: bold;
    width: 30%;
    text-align: center;
    padding: 8px 10px;
}


.payment {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
    text-align: center;
    color: #ffa837;
}
@media screen and (max-width: 768px) {
.payment {
    font-size: 13px;
}
}






.cat_list  {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin:0 auto 30px;
}
.cat_list li {
    padding-left: 8px;
    float: left;
    margin-bottom: 8px;
    color: #999;
    letter-spacing: 1.2px;
}
.cat_list li a {
    text-decoration-line: underline;
    font-size: 16px;
    color: #76d1f9;
    padding-right: 8px;
}

@media screen and (max-width: 768px) {
.cat_list  {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin:0 auto 10px;
}
}




.cat_list_top  {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin:40px auto 30px;
}
.cat_list_top h2  {
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.3;
}
.cat_list_top li {
    margin: 5px 4px;
    float: left;
    background: #fff;
    letter-spacing: 1.2px;
	border-radius: 3px;
}
.cat_list_top li a {
    text-decoration-line: underline;
    font-size: 16px;
    color: #1178a6;
    padding:6px 7px;
	font-weight: bold;
	background: #fff;
	border-radius: 3px;
}

@media screen and (max-width: 768px) {
.cat_list_top  {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin:30px auto 20px;
}
}










ul.box-item {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 40px;
}
.box-item li {
    width: 232px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-right: 24px;
    padding: 5px 15px 20px;
    box-sizing: border-box;
    background: #6dd2ff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 25px;
}
.box-item li:nth-of-type(4n) {
    margin-right: 0;
}
.box-item li h4,.box-item li h3 {
    font-size: 25px;
    color: #ffef16;
    line-height: 1.3;
}
.box-item li .img {
    width: 172px;
    height: auto;
    margin: 5px auto;
}
.box-item li a:hover {
    text-decoration: underline #79c1e1;
}

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

ul.box-item {
    overflow: hidden;
    float: none;
    display: block;
    margin-bottom: 10px;
}
.box-item li {
    width: 48%;
    height: auto;
    overflow: hidden;
    float: left;
    margin: 0 1% 10px;
    padding: 5px 5px 15px;
    box-sizing: border-box;
}
.box-item li:nth-of-type(4n) {
    margin: 0 1% 10px;
}
.box-item li h4,.box-item li h3 {
    font-size: 21px;
    color: #ffef16;
    line-height: 1.3;
}
.box-item li .img {
    width: 85%;
    height: auto;
    margin: 5px auto;
}
}



.wp-pagenavi {
    height: auto;
    padding: 5px;
    box-sizing: border-box;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 7px 8px !important;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    border: 1px solid #7dd7ff !important;
}








#rect {
    width: 900px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    /*border: 8px solid #ffa837;
    padding: 15px;*/
    box-sizing: border-box;
    margin-top: 50px;
    background: #fff5e7;
}
#rect .l-box {
	width: 420px;
    height: auto;
    overflow: hidden;
	float:left;
    margin-bottom: 20px;
}
#rect .r-box {
	width: 420px;
    height: auto;
    overflow: hidden;
	float: right;
    margin-bottom: 20px;
}
#rect .campaign h3 {
    text-align: center;
    font-size: 38px;
    line-height: 1.4;
    color: #1ab5ec;
    font-weight: bold;
    margin-bottom: 8px;
}
#rect .campaign p {
    text-align: center;
    font-size: 22px;
    line-height: 1.6;
    color: #000;
    font-weight: bold;
}
#rect .campaign p span {
    color: #f80431;
    font-size: 28px;
}
#rect .campaign p.text {
    text-align: center;
    font-size: 23px;
    line-height: 1.4;
    color: #000;
    font-weight: bold;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

@media screen and (max-width: 768px) {
#rect {
    width: 98%;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
    border: 5px solid #ffa837;
    padding: 10px 6px;
    box-sizing: border-box;
}
#rect .campaign h3 {
    text-align: center;
    font-size: 21px;
    line-height: 1.3;
    color: #1ab5ec;
    font-weight: bold;
    margin-bottom: 15px;
}
#rect .campaign p {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
}
#rect .campaign p span {
    color: #f80431;
    font-size: 20px;
}
#rect .l-box {
	width: 50%;
    height: auto;
    overflow: hidden;
	float:left;
	margin-bottom:5px;
}
#rect .r-box {
	width: 50%;
    height: auto;
    overflow: hidden;
	float: right;
	margin-bottom:5px;
}
#rect .campaign p.text {
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
    font-weight: bold;
    display: block;
    width: 100%;
    overflow: hidden;
    margin-top: 0px;
}
}


.fuwafuwa {
-webkit-animation:fuwafuwa 1s infinite linear alternate;
animation:fuwafuwa 1s infinite linear alternate;

}



@-webkit-keyframes fuwafuwa {
0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(5deg);}

}



@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}

}





table.table01 {
  width: 700px;
  border-collapse: collapse;
    margin:0 auto 30px;
    font-size: 16px;
}
table.table01 tr {
  width: 50%;
}

table.table01 th, table.table01 td {
  border:1px solid #bfada9;
  text-align: center;
    vertical-align: middle;
  padding: 6px 0;
}

table.table01 th {
  background-color: #22b0ef;
	  color: #fff;
	width:25%;
	font-weight:bold;
}
table.table01 td {
  background-color: #fff;
	color: #000;
	text-align:left;
	padding:5px 20px;
}



@media screen and (max-width: 768px) {
	table.table01 {
  width: 100%;
  border-collapse: collapse;
    margin-bottom: 30px;
    font-size: 16px;
}

table.table01 th, table.table01 td {
  border:1px solid #bfada9;
  text-align: center;
    vertical-align: middle;
  padding: 6px 0;
}

table.table01 th {
  background-color: #22b0ef;
	  color: #fff;
}
table.table01 td {
  background-color: #fff;
	color: #000;
	padding:5px 10px;
	text-align:left;
}

}









#performance {
    width: 1000px;
    height: auto;
    overflow: hidden;
    margin:40px auto -30px;
}
#performance li {
    margin-bottom: 40px;
}
#performance li h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
    padding: 0 8px;
    box-sizing: border-box;
}
#performance li .performance-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
#performance li .performance-box .box01 {
    width: 470px;
    float: left;
}
#performance li .performance-box .box01 h3 {
    width: 100%;
    background: #dadada;
    font-size: 25px;
    font-weight: bold;
    color: #000;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 0;
}
#performance li .performance-box .box01 h3 span {
    font-size: 17px;
}
#performance li .performance-box .box01 img{
    width: 100%;
    height: auto;
    overflow: hidden;
}

#performance li .performance-box .box03 {
    width: 470px;
    float: left;
}
#performance li .performance-box .box03 h3 {
    width: 100%;
    background: #1ec0f9;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 0;
}
#performance li .performance-box .box03 h3 span {
    font-size: 17px;
}
#performance li .performance-box .box03 img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#performance li .performance-box .box02 {
    width: 60px;
    float: left;
}
.performance {
    width: 800px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 80px 0 0;
}

@media screen and (max-width: 768px) {
#performance {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px auto 0;
}
#performance li {
    margin-bottom: 30px;
}
#performance li h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
}
#performance li .performance-box {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
#performance li .performance-box .box01 {
    width: 49%;
    float: left;
}
#performance li .performance-box .box01 h3 {
    width: 100%;
    background: #dadada;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding: 8px 10px;
    box-sizing: border-box;
    margin-bottom: 0;
    line-height: 1.2;
}
#performance li .performance-box .box01 h3 span {
    font-size: 14px;
    font-weight: 400;
}
#performance li .performance-box .box01 img{
    width: 100%;
    height: auto;
    overflow: hidden;
}

#performance li .performance-box .box03 {
    width: 49%;
    float: right;
}
#performance li .performance-box .box03 h3 {
    width: 100%;
    background: #1ec0f9;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 8px 10px;
    box-sizing: border-box;
    margin-bottom: 0;
    line-height: 1.2;
}
#performance li .performance-box .box03 h3 span {
    font-size: 14px;
    font-weight: 400;
}
#performance li .performance-box .box03 img{
    width: 100%;
    height: auto;
    overflow: hidden;
}
#performance li .performance-box .box02 {
    display: none;
}
.performance {
    width: 96%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 60px 0 0;
}
}




.btn-wrap,
.btn-wrap02,
.l-btn {
	width: 600px;
	height: auto;
	margin: 0 auto 20px;
}
.o-btn {
	width: 400px;
	height: auto;
	margin: 0 auto;
}
a.btn {
	width: 100%;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}


a.btn-c {
  font-size: 26px;

  position: relative;

  padding: 0px 20px 20px 20px;

  color: #fff;
  background: #6bcf29;
  -webkit-box-shadow: 0 5px 0 #72be28;
  box-shadow: 0 5px 0 #72be28;
}

a.btn-c span {
  font-size: 18px;

  position: absolute;
  top: -10px;
  left: calc(44% - 150px);

  display: block;

  width: 400px;
  padding: 0.2rem 0;

  color: #32b16c;
  border: 2px solid #72be28;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #72be28;
  -webkit-box-shadow: 0 2px 0 #2c9d60;
  box-shadow: 0 2px 0 #2c9d60;
}

a.btn-c:hover:before {
  left: 2rem;
}


a.btn-d {
  font-size: 26px;

  position: relative;

  padding: 0px 20px 20px 20px;

  color: #fff;
  background: #22b0ef;
  -webkit-box-shadow: 0 5px 0 #0a86c0;
  box-shadow: 0 5px 0 #0a86c0;
}

a.btn-d span {
  font-size: 18px;

  position: absolute;
  top: -10px;
  left: calc(44% - 150px);

  display: block;

  width: 400px;
  padding: 0.2rem 0;

  color: #0a86c0;
  border: 2px solid #22b0ef;
  border-radius: 0.5rem;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-d:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #0a86c0;
  -webkit-box-shadow: 0 2px 0 #2a7cd7;
  box-shadow: 0 2px 0 #2a7cd7;
}

a.btn-d:hover:before {
  left: 2rem;
}


@media screen and (max-width: 768px) {
.btn-wrap,
.l-btn {
	width: 360px;
	height: auto;
	margin: 0 auto 20px;
}
.o-btn {
	width: 300px;
	height: auto;
	margin: 0 auto;
}
.btn-wrap02 {
	width: 330px;
	height: auto;
	margin: 0 auto 20px;
}

a.btn-c,
a.btn-d {
  font-size: 24px;
  padding: 0px 20px 20px 20px;
}

a.btn-c span,
a.btn-d span {
  font-size: 18px;
  top: -10px;
  left: calc(50% - 150px);
  width: 300px;
  padding: 0.2rem 0;
}
}


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

.btn-wrap,
.btn-wrap02 {
	width: 300px;
	height: auto;
	margin: 0 auto 20px;
}
.l-btn {
	width: 300px;
	height: auto;
	margin: 0 auto 20px;
}
a.btn-c,
a.btn-d {
  font-size: 22px;
  padding: 0px 10px 20px 10px;
}
a.btn-c span,
a.btn-d span {
  font-size: 17px;

  position: absolute;
  top: -10px;
  left: calc(53% - 150px);

  display: block;

  width: 283px;
  padding: 3px 0;
}
}

.o-btn {
	width: 270px;
	height: auto;
	margin: 0 auto;
}

.l-btn a.btn,
.o-btn a.btn { color: #fff; font-size: 22px; padding: 15px; line-height: 1.3;}


.btn--orange {
  color: #fff;
  background-color: #f7b040;
  border-bottom: 5px solid #e18a19;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f7b040;
  border-bottom: 2px solid #e18a19;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}



/* 2021-11-4 torodoki  */
.p-item-list
{
    width: 1000px;
    margin: 0 auto;
    padding: 90px 0;
}

.p-item-list__navi
{
    padding: 0 100px;

    text-align: center;
}

.p-item-list__navi figure
{
    margin: 0 0 40px;
}

.p-item-list__navi figure img
{
    width: 576px;
    height: auto;
    margin: 0 auto;

    vertical-align: bottom;
}

.p-item-list__navi nav ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 0;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.p-item-list__navi nav ul li
{
    width: 188px;
    margin-bottom: 15px;

    border-bottom: 4px solid #61b4d8;
    background-color: #fff;
}

.p-item-list__navi nav ul li a
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 46px;

    border: 4px solid #76d1f9;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.p-item-list__navi nav ul li a:hover
{
    text-decoration: none;
}

.p-item-list__section
{
    padding: 150px 100px 0;
}

.p-item-list__section h2
{
    font-size: 48px;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 80px;
    margin-bottom: 20px;

    color: #fff352;
    background-color: #4cdefe;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
            align-content: center;
}

.p-item-list__section .ranking
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 40px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.p-item-list__section .ranking li
{
    width: 240px;
}

.p-item-list__section .ranking li figure
{
    margin: 0 0 10px;
}

.p-item-list__section .ranking li figure img
{
    width: 100%;
    height: auto;
}

.p-item-list__section .ranking li p
{
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;

    margin-bottom: 5px;

    text-align: center;
}

.p-item-list__section .ranking li a
{
    font-size: 20px;
    font-weight: 600;
    line-height: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 45px;

    letter-spacing: -.1em;

    color: #fff;
    border-bottom: 3px solid #10add2;
    border-radius: 4px;
    background-color: #34d7fd;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.p-item-list__section .ranking li a:hover
{
    text-decoration: none;
}

.p-item-list__section h3
{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.p-item-list__section h3 .icon
{
    margin-right: 10px;
}

.p-item-list__section .desc
{
    font-size: 18px;
    line-height: 1.6;

    margin-bottom: 20px;
}

.p-item-list__etc
{
    padding: 150px 0 0;
}

.p-item-list__etc figure
{
    margin: 0 0 40px;

    text-align: center;
}

.p-item-list__etc figure img
{
    width: 576px;
    height: auto;
    margin: 0 auto;

    vertical-align: bottom;
}

.p-item-ranking-detail
{
    width: 800px;
    margin: 0 auto;
    padding: 90px 0;
}

.p-item-ranking-detail .main-title
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 50px;

    border: 5px solid #76d1f9;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.p-item-ranking-detail .main-title .chara
{
    width: 170px;
    height: auto;
    padding: 10px 20px 0 10px;
}

.p-item-ranking-detail .main-title .chara img
{
    vertical-align: bottom;
}

.p-item-ranking-detail .main-title .txt
{
    font-size: 28px;
    line-height: 1.4;

    width: 600px;
}

.p-item-ranking-detail__box
{
    margin-bottom: 50px;
}

.p-item-ranking-detail__box h3
{
    font-size: 28px;
    font-weight: 600;
    line-height: 1.4;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.p-item-ranking-detail__box h3 .icon
{
    margin-right: 10px;
}

.p-item-ranking-detail__box p
{
    font-size: 15px;
    line-height: 1.6;

    margin-bottom: 20px;
}

.p-item-ranking-detail__box .img-l,
.p-item-ranking-detail__box .img-r
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.p-item-ranking-detail__box .img-l figure,
.p-item-ranking-detail__box .img-r figure
{
    width: 430px;
    margin: 0;
}

.p-item-ranking-detail__box .img-l p,
.p-item-ranking-detail__box .img-r p
{
    width: 345px;
}

.p-item-ranking-detail__box .img-r
{
            flex-direction: row-reverse;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
}

.p-item-ranking-detail__bottom figure
{
    margin: 0 0 40px;

    text-align: center;
}

.p-item-ranking-detail__bottom figure img
{
    width: 576px;
    height: auto;
    margin: 0 auto;

    vertical-align: bottom;
}

@media (max-width: 767px)
{
    .p-item-list
    {
        overflow: hidden;

        width: 96%;
        height: auto;
        margin: 0 auto;
        padding: 60px 0;
    }

    .p-item-list__navi
    {
        padding: 0;
    }

    .p-item-list__navi figure
    {
        margin: 0 0 20px;
    }

    .p-item-list__navi figure img
    {
        width: 100%;
    }

    .p-item-list__navi nav ul li
    {
        width: 48%;
        margin-bottom: 10px;
    }

    .p-item-list__navi nav ul li a
    {
        font-size: 16px;
    }

    .p-item-list__section
    {
        padding: 65px 0 0;
    }

    .p-item-list__section h2
    {
        font-size: 22px;

        height: 60px;
    }

    .p-item-list__section .ranking
    {
        margin-bottom: 10px;
    }

    .p-item-list__section .ranking li
    {
        width: 48%;
        margin-bottom: 20px;
    }

    .p-item-list__section .ranking li p
    {
        font-size: 18px;
    }

    .p-item-list__section .ranking li a
    {
        font-size: 16px;
    }

    .p-item-list__section h3
    {
        font-size: 20px;
    }

    .p-item-list__section .desc
    {
        font-size: 16px;

        margin-bottom: 10px;
    }

    .p-item-list__etc
    {
        padding: 65px 0 0;
    }

    .p-item-list__etc figure
    {
        margin: 0 0 20px;
    }

    .p-item-list__etc figure img
    {
        width: 100%;
    }

    .p-item-ranking-detail
    {
        overflow: hidden;

        width: 96%;
        height: auto;
        margin: 0 auto;
        padding: 60px 0;
    }

    .p-item-ranking-detail .main-title
    {
        margin-bottom: 30px;
    }

    .p-item-ranking-detail .main-title .chara
    {
        width: 35%;
        padding: 10px 10px 0 10px;
    }

    .p-item-ranking-detail .main-title .txt
    {
        font-size: 18px;

        width: 62%;
    }

    .p-item-ranking-detail__box
    {
        margin-bottom: 30px;
    }

    .p-item-ranking-detail__box h3
    {
        font-size: 18px;
    }

    .p-item-ranking-detail__box p
    {
        font-size: 14px;
    }

    .p-item-ranking-detail__box .img-l,
    .p-item-ranking-detail__box .img-r
    {
        display: block;
    }

    .p-item-ranking-detail__box .img-l figure,
    .p-item-ranking-detail__box .img-r figure
    {
        width: 80%;
        margin: 0 auto 20px;

        text-align: center;
    }

    .p-item-ranking-detail__box .img-l p,
    .p-item-ranking-detail__box .img-r p
    {
        width: 100%;
    }

    .p-item-ranking-detail__bottom figure
    {
        margin: 0 0 20px;
    }

    .p-item-ranking-detail__bottom figure img
    {
        width: 100%;
    }
}

.bn-virus {
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin: 50px auto 0;
}
.bn-virus img {
	width: 100%;
	height: auto;
	overflow: hidden;
}

@media (max-width: 767px){
	.bn-virus {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px auto 0;
}
}