@charset "UTF-8";

/* --------------------------------
 * base
 * -------------------------------- */

html {
}

body {
  color: #333;
  font-size: 14px;
  font-family: "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
}


a:hover {
  opacity:0.7; 
  text-decoration: none;
}

h4 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 10px;
    letter-spacing:1.5;
}


/* --------------------------------
 * parts
 * -------------------------------- */
.clearfix::after {
  content: '';
  display: block;
  clear: both;
}


.bgColorY {
    background-color: yellow;
}

.bgColorG {
    background-color: #EFFFBF;
    border-bottom: 1px dotted #333;
}

.mT10 {
    margin-top:10px;
}

.mT15 {
    margin-top:15px;
}

.mT20 {
    margin-top:20px;
}

.mT30 {
    margin-top:30px;
}

.mT40 {
    margin-top:40px;
}

.mT1L {
    margin-top: 1.6em;
}

.alignC {
    text-align: center;
}

img.imgIcon {
    vertical-align: -0.2em;
    margin-left: 5px;
}

.fs16 {
    font-size: 16px;
    font-weight: bold;
}

/* ========== ヘッダー ========== */

.headLine {
    background: #38b4dc;
}

.headLine a {
  color: #FFFFFF;
  text-decoration: underline;
}

.headLine-inner {
    margin: 0 auto;
    width: 980px;
    display: table;
}

@media (max-width:760px) {  
.headLine-inner {
    width: auto;
}
}

.headCatch {
    height: 30px;
    font-size: 12px;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width:760px) {
.headCatch {
    display: block;
    display: none;
}
}

.headTitle {
    height: 30px;
    font-size: 12px;
    color: #FFF;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-weight: bold;
}

@media (max-width:760px) {
.headTitle {
    height: 19px;
    display: block;
    margin-top: 6px;
}
}


.header-inner {
    margin: 0 auto;
    width: 980px;
    height: 80px;
    
}

@media (max-width:760px) {
    
.header-inner {
    width: auto;
    height: auto;
}
}


.logotWrap {
   float: left;
   margin: 13px 0px;
}

@media (max-width:760px) {
.logotWrap {
    margin: 10px 0 0 0;
    float: none;
}
}


.logotWrap img {
    display: block;
}

@media (max-width:760px) {
    
.logotWrap img {
    max-width: 100%;
}
}

.contactWrap {
   float: right;
}

@media (max-width:760px) {
    
.contactWrap {
    float: none;
}
}

.contact li {
    list-style: none;
    float: left;
    margin-top: 13px;
}

@media (max-width:760px) {
.contact li {
    width: 50%;
    text-align: center;
    margin-top: 0px;
}

.contact li img {
    max-width: 100%;
}
    
}


/* ========== グローバルナビ ========== */
.grobal-nav {
/*
    border-width: 1px 0;
	background-color: #058BA9;
	background-image: linear-gradient(to bottom, #92CDDB, #058BA9);
	border: 1px solid #058BA9;
    border-left:none;
    border-right: none;
	box-shadow: 1px 1px 0 #9DDDED inset;
	text-shadow: 0px -1px 0 #333333;
*/
    border-width: 1px 0;
	background-color: #CFCFCF;
	background-image: linear-gradient(to bottom, #EDF0F0, #D7DBDC);
	border: 1px solid #CFCFCF;
    border-left:none;
    border-right: none;
	box-shadow: 1px 1px 0 #F7F9F9 inset;
/*	text-shadow: 1px 1px 0 #FFF;*/
}

.navWrap {
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width:760px) {
.navWrap {
    width: auto;
}
}

.navbar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.navbar ul {
    border-top:#ccc solid 1px;
}

.navbar li {
        display: inline-block;
        list-style: none;
        border-left: 1px dotted #888;
        font-weight: bold;
	    text-decoration: none;
}

.navbar li a {
        display: block;
        margin: 0;
        padding:12px 18px;
}

.navbar li.BC a {
    color: #FFF;
	background-image: linear-gradient(to bottom, #7ED2FC, #42A4E1);
    background-color: #7ED2FC;
}


@media (max-width:760px) {
.navbar li {
    display: block;
    text-align: left;
    border: 0px;
    border-bottom: 1px dotted #333 ;
    width: auto;
    margin: 0px;
	background-image: linear-gradient(to bottom, #EDF0F0, #D7DBDC);
}

.navbar li.BC a {
color: #FFF;
}

.navbar li a::before {
content: ">";
margin-right: 4px;
}
    
    
}

.navbar li:first-child {
        border-left: none;
}
.navbar li a{
    color: #626363;
    text-decoration: none;
}

@media (max-width:760px) {
.navbar li a {
    display: block;
}
}

@media (max-width:760px) {
.navbar li:first-child {
    display: none;
}
.navbar li:last-child {
    border-bottom:none;
}
    
}

/* ========== メインイメージ ========== */
.mainImage {
    text-align: center;
    padding: 4px;
    margin-top: 20px;
}

@media (max-width:760px) {
.mainImage {
    margin-top: 10px;
    padding: 0px;
}
.mainImage img {
    max-width: 100%;
    height: auto;
}
}



/* ==========    メイン    ========== */

.container {
    width: 980px;
    margin: 0 auto;
}

@media (max-width:760px) {
    
.container {
    width: auto;
}
}

main {
    width: 720px;
    float: left;
}

@media (max-width:760px) {
    
main {
    width: 100%;
    float:none;
}
}

aside {
    width: 240px;
    float: right;
}

@media (max-width:760px) {
aside {
    width: 100%;
    float:none;
}
}

.heading-typeA {
    font-size: 18px;
    color: #38B4DC;
    background-color: #E0F1F6;
    padding: 15px 10px;
    margin-top: 20px;
    font-weight: bold;
}

@media (max-width:760px) {
.heading-typeA {
    margin-top: 10px;
}
}

.serviceInfoA section {
    width: 210px;
    margin: 10px 10px 0 15px;
    float: left;
    
}

.serviceInfoA section p {
    line-height: 1.3;
    
}


@media (max-width:760px) {
    
.serviceInfoA section {
    width: auto;
    float: none;
}
}


.serviceInfoA section h3 {
    text-align: center;
}

.serviceInfoA section p {
    margin: 14px 0;
}

h3 .book_off {
    position: relative;
    z-index: 0;
}
h3 .off10 {
    position: absolute;
    z-index: 1;
    max-width: 150px;
    margin-left: 20px;
    margin-top: 0px;
}
.book_merit {
    position: relative; 
  max-width: 640px;
}
.book_merit .book_off10 {
    position: absolute; 
    left: 71%;
    margin-top: 26px;
    max-width: 142px;
}
@media (max-width: 748px) {
    .book_merit .book_off10{
        max-width: inherit;
        width: 20%;
        left: 72%;
        margin-top: 4.5%;
    } 
}
@media (max-width: 680px) {
    .book_merit .book_off10 {
        left: 72%;
        margin-top: 5.5%;
    }
}

.btnInfo {
    text-align: right;
    margin: 10px;
}

.btnInfo a{
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 15px;
    color: #38B4DC;
}

.btnAction {
    text-align: center;
}

@media (max-width:760px) {    
.btnAction img {
    max-width: 100%;
    height: auto;
}
}


.serviceInfoB section {
    margin-top: 10px;
    width: 210px;
    margin-left: 12px;
    padding: 0 8px;
    float: left;
    border-radius: 5px;
    background-color: #38B4DC;
    color: #FFF;

}

.serviceInfoB section a {
  color: #FFFFFF;
  text-decoration: none;
}


@media (max-width:760px) {   
.serviceInfoB section {
    width: auto;
    float: none;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 10px 10px;

}
}


.serviceInfoB section.Merit h3 {
    text-align: center;
    margin: 18px 0;
    font-size: 18px;
}

.serviceInfoB section.Merit h3 span {
    display: inline-block;
    background-image: url(../img/w_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-left: 15px;
}

.serviceInfoB section p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

.serviceInfoC section {
    width: 320px;
    margin-left: 10px;
    padding: 0 10px 40px;
    float: left;
    border-radius: 5px;
    border: 3px solid #38B4DC;
    margin-top: 10px;
    position: relative;
}

@media (max-width:760px) {   
.serviceInfoC section {
    width: auto;
    float: none;
    margin: 10px 10px;
}
}

.serviceInfoC section h3 {
    font-size: 20px;
    color: #38B4DC;
    margin-top: 20px;
}

.serviceInfoC section p {
    margin-top: 14px;
    line-height: 1.5;
}

.serviceInfoC section .btnInfo {
    position: absolute;
    margin: 0px;
    bottom: 10px;
    right: 10px;
}

.sidebar ul {
margin-top: 20px;    
}

.sidebar li {
        list-style: none;
        margin-top: 5px;  
    
}

@media (max-width:760px) {   
.sidebar ul {
    margin: 10px 10px;
}
}

/* ==========    フッター    ========== */

#pageFoot {
    background-color: #EEEEEE; 
    padding: 30px;
}

#copyright {
    width: 980px;
    margin: 0 auto;
    font-size: 11px;
}

@media (max-width:760px) {
#copyright {
    width: 100%;
}
}


#pageTop {
    max-width: 980px;
    margin: 0 auto;
    text-align: right;
    height: 28px;
}

@media (max-width:760px) {
#pageTop {
    width: 100%;
}
}

/* ========== ソロエルアリーナとは ========== */

.aboutInfoA div {
    width: 700px;
    margin: 10px 10px; 
}

@media (max-width:760px) {   
.aboutInfoA div {
    width: auto;
    float: none;
}
}

.aboutInfoA div p {
    line-height: 1.5;
    margin: 14px 0;
    font-weight: bold;
}

.secondPage p span {
    color: #38B4DC;
}

@media (max-width:760px) {
.aboutInfoA .secondPage {
    width: auto;
}
}

.aboutInfoC .photoAskl img {
    float: right;
    padding-left: 10px;
    margin-bottom: 10px;
}

/*
.serviceInfoC .secondPage02 {
    width: 694px;
    margin: 0px 0px;
    padding-bottom: 0px;
}
*/

.aboutInfoC .secondPage02 {
    width: 674px;
    padding: 10px 10px;
    border-radius: 5px;
    border: 3px solid #38B4DC;
    margin: 10px;
}


.aboutInfoC .secondPage02 p {
    line-height: 1.5;
}

.aboutInfoC div h2 {
    font-size: 22px;
    color: #38B4DC;
    margin: 10px 0;
    line-height: 1.2;
}

@media (max-width:760px) {
.aboutInfoC .secondPage02 {
    width: auto;
}
}


.Caution {
    margin: 20px 0;
    font-size: 12px;
}

/* 表１ */
.tableA {
	font-size: 0;
    margin-bottom: 20px;
}

.tableA li {
    list-style-type: none;
}

.tableA dl dd {
    font-size: 12px;
    padding-left: 50px;
    line-height: 1.5;
}


@media (max-width:760px) {
.tableA dl dd {
    font-size: 14px;
    padding-left: 50px;
    line-height: 1.5;
}
}

.tableA dl {
	display: inline-block;
	font-size: 14px;
	vertical-align: text-top;
	text-align: left;
	width: 160px;
}

@media (max-width:760px) {
.tableA dl {
    display: block;
	width: auto;
    }
.tableA {
	width: auto;
    margin-left: 0px;
    }  
}

.tableA dl.item01 dt {
    background: url(../img/about_fig01_01.jpg) no-repeat left top;
    padding: 18px 0 0 62px;
}

@media (max-width:760px) {
.tableA dl.item01 dt {
    background: url(../img/sp_img/about_fig01_01.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}
}



.tableA dl.item02 dt {
    background: url(../img/about_fig01_02.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item02 dt {
    background: url(../img/sp_img/about_fig01_02.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item03 dt {
    background: url(../img/about_fig01_03.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item03 dt {
    background: url(../img/sp_img/about_fig01_03.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item04 dt {
    background: url(../img/about_fig01_04.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item04 dt {
    background: url(../img/sp_img/about_fig01_04.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item05 dt {
    background: url(../img/about_fig01_05.jpg) no-repeat left top;
    padding: 18px 0 0 64px;
}

@media (max-width:760px) {
.tableA dl.item05 dt {
    background: url(../img/sp_img/about_fig01_05.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}
}


.tableA dl.item06 dt {
    background: url(../img/about_fig01_06.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item06 dt {
    background: url(../img/sp_img/about_fig01_06.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}
}

.tableA dl.item07 dt {
    background: url(../img/about_fig01_07.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item07 dt {
    background: url(../img/sp_img/about_fig01_07.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}
}


.tableA dl.item08 dt {
    background: url(../img/about_fig01_08.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item08 dt {
    background: url(../img/sp_img/about_fig01_08.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item09 dt {
    background: url(../img/about_fig01_09.jpg) no-repeat left top;
    padding: 18px 0 0 64px;
}

@media (max-width:760px) {
.tableA dl.item09 dt {
    background: url(../img/sp_img/about_fig01_09.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item10 dt {
    background: url(../img/about_fig01_10.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
}

@media (max-width:760px) {
.tableA dl.item10 dt {
    background: url(../img/sp_img/about_fig01_10.jpg) no-repeat left top;
    padding: 18px 0 0 50px;

}
}

.tableA dl.item11 dt {
    background: url(../img/about_fig01_11.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
    width: 121px;
}

@media (max-width:760px) {
.tableA dl.item11 dt {
    background: url(../img/sp_img/about_fig01_11.jpg) no-repeat left top;
    padding: 18px 0 0 50px;
    width: auto;
}
}

.tableA dl dt {
    height: 27px;
    color: #fff;
    font-weight: bold;
}

@media (max-width:760px) {
.tableA dl dt {
    height: 19px;
    border-bottom: 3px double #3C9CBE;
}
.tableA dl dd {
    padding-top: 10px;
}
}



.tableA dl.item01 dd, .tableA dl.item05 dd, .tableA dl.item09 dd {
    padding-left: 62px;
}

.tableA dl.item01, .tableA dl.item05, .tableA dl.item09 {
   margin-left: 18px;
}



@media (max-width:760px) {
.tableA dl.item01 dd, .tableA dl.item05 dd, .tableA dl.item09 dd {
    padding-left: 50px;
}
.tableA dl.item01, .tableA dl.item05, .tableA dl.item09 {
   margin-left: 0px;
}
    
.tableA li:after {
    content:"｜";
}  

.tableA li {
    display: inline-block;
    margin-left:0px;
    list-style-type: none;
}

}

.secondPage02 p.before {
    text-align: center;
    margin-top: 20px;
}

@media (max-width:760px) {
    
.secondPage02 p img {
    max-width: 100%;
    height: auto;
}
}

/* aboutのテーブル */


#about-table01 {
    width: 100%;
    border-collapse: collapse;
}

#about-table01 thead .askul {
    color: #fff;
    background: #5850f2;
    width: 218px;
}
#about-table01 th, #about-table01 td {
    vertical-align: middle;
    font-size: 85.7%;
    line-height: 1.4;
    font-weight: normal;
    text-align: center;
    padding: 7px 3px 6px;
    border: 1px solid #999;
}

#about-table01 thead .soloelarena {
    color: #fff;
    background: #38b4dc;
    width: 218px;
}

#about-table01 tbody .soloelarena {
    background: #ebf7fb;
}
#about-table01 tbody th {
    width: 30%;
    text-align: left;
    padding-left: 8px;
}

/* ========== メリットとは ========== */

#merit-new {
	display: block;
    width: 700px;
	height: 391px;
	position: relative;
	/*background: url(../img/merit-new-bg.png) no-repeat top center;*/
}

#merit-new a {
	position: absolute;
	top: 322px;
	left: 47px;
}

@media (max-width:760px) {
#merit-new {
width: 100%;
height: auto;
/*height: 210px;*/
/*background: url(../img/merit-new-bg.png);*/
/*background-position:center top;
background-repeat:no-repeat;
-moz-background-size:contain;
background-size:contain; */
position: relative;
}

#merit-new .new-bg img {
    max-width: 100%;
    height: auto;
}
#merit-new a img {
    max-width: 96%;
    height: auto;
}
#merit-new a {
	position: absolute;
	/*top: 160px;*/
    /*top: 42.5vw;*/
    top: 81.2%;
	left: 0px;
    text-align: center;
}
}



.serviceInfoB section.Merit {
    margin-top: 10px;
    width: 210px;
    margin-left: 10px;
    padding: 0 8px;
    float: left;
    border-radius: 5px;
    background-color: #38B4DC;
    color: #FFF;
}


@media (max-width:760px) {   
.serviceInfoB section.Merit {
    width: auto;
    float: none;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 10px 10px;

}
    
.serviceInfoB section.Merit a {
  color: #FFFFFF;
  text-decoration: none;
}  

p.photoAskl img#floatNone {
       float: none; 
    }
}



/* ========== 導入の流れ ========== */

.introText {
    line-height: 1.4;
}

@media (max-width:760px) {
.introduction {
width: 100%;
height: auto;
}
}

/* ========== ソロエルアリーナの機能 ========== */

/* function-table01 */
#function-table01{
	width:100%;
	border-collapse:collapse;
}
#function-table01 th,
#function-table01 td{
	font-size:85.7%;
	line-height:1.4;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	padding:7px 3px 6px;
	border:1px solid #999;
	border-left:none;
}

#function-table01 td li {
	list-style: none;
}

#function-table01 .last{
	width:190px;
	padding-right:0;
	padding-left:10px;
	border-right:none;
}
#function-table01 thead th{
	font-weight:bold;
	background:#acdcf2;
	padding-left:8px;
}
#function-table01 thead .highlight{background:#6fb8e8;}
#function-table01 tbody .highlight{
	font-weight:bold;
	background:#ebf7fb;
}

@media (max-width:760px) {
#function-table01 img {
width: 100%;
height: auto;
}

#function-table01 .last {
width: 100px;
height: auto;
}
    
#function-table01 td.last img {
width: 100%;
height: auto;
}
}


/* ========== よくある質問 ========== */
.aboutInfoA div p.box-txt {
    border: 2px solid #999999;
    border-radius: 4px;
    padding: 15px;
    margin-top: 20px;
    font-weight: normal;
}

.box-txt {
	border: 2px solid #999999;
	border-radius: 4px;
	padding: 15px;
	margin-top: 20px;
}

.faq-acLink{
	overflow:hidden;
}

.faq-acLink ul {
    display: block;
    margin: 0 auto;
}

.faq-acLink li{
	line-height:1.3;
	font-weight:bold;
	background:url(../shared/img/arw_down.gif) no-repeat 3px 0.22em;
	float:left;
	min-width:260px;
	padding:0 20px 8px;
    list-style: none;
}

.faq-acLink li a {
	color: #38B4DC;
}

.faqTag {
    width: 600px;
    margin: 0 auto;
}
@media (max-width:760px) {
.faqTag {
    width: 90%;
}
}

.faq-box{
	border-bottom: 1px dashed #38b4dc;
}

.faq-box .boxInr{
	padding-bottom:5px;
}
.faq-box .boxInr .boxInr{
	padding:10px 20px 10px;
}

.faq-box .boxInr h3{
	margin-bottom:10px;
	line-height: 1.3;
    font-size: 18px;
    color: #333;
}

.faq-box h3:before{
	content: "Q";
	font-size: 24px;
	margin-right: 6px;
	color: #38b4dc;
}


.faq-box .boxInr .boxInr dl {
	font-size: 0;
}
.faq-box .boxInr .boxInr dl dt {
	font-size: 24px;
	font-weight: bold;
	margin-right: 7px;
	color: #fe0000;
	display: inline-block;
	width: 3%;
	vertical-align: -25px;
}

@media (max-width:760px) {
.faq-box .boxInr .boxInr dl dt  {
	margin-right: 17px;
}
}

.faq-box .boxInr .boxInr dl dd {
	display: inline-block;
	font-size: 14px;
	width: 94%;
	vertical-align: text-top;
	padding-top: 11px;
}

@media (max-width:760px) {
.faq-box .boxInr .boxInr dl dd  {
	width: 90%;
}
}

.faq-box .boxInr .boxInr span {
	font-size: 24px;
	font-weight: bold;
	margin-right: 7px;
	color: #fe0000;
	display: inline-block;
}


.faq-box .boxInr .boxInr p{
	display: inline-block;
}
.faq-box .boxInr .boxInr p.mT10:before,
.faq-box .boxInr .boxInr p.mT1L:before{
	content: "";
	margin-right: 0;
}

.ttl-sub {
	color: #fff !important;
	background: #38b4dc;
	padding: 8px 20px 4px;
    font-size: 16px !important;
}

img.imgIconL{
	vertical-align:-0.2em;
	margin-right:5px;
}

img.imgIcon{
	vertical-align:-0.2em;
	margin-left:5px;
}

.list-dot {
    line-height: 1.5;
}

/* ========== フォーム ========== */

/*=============================================================
 contact Layout
=============================================================*/

.error-box{
	color: #CC0000;
	border: 1px solid #CC0000;
	padding: 5px;
	margin-top: 5px;
	display: none;
}

.error-box02 {
    color: #CC0000;
    border: 1px solid #CC0000;
    padding: 5px;
    margin-top: 5px;
}

#contact-box {
	max-width: 100%;
	min-height: 754px;
	/*max-height: 1054px;*/
	/*height: auto;*/
	display: block;
	/*padding: 20px;*/
	font-size: 13px;
	/*border: 3px solid #38b4dc;*/
} 

#contact {
	line-height: 1.6;
}
#contact h1 {
	text-align: left;
	margin: 20px 0 0 0;
	font-size: 18px;
}
#contact p.text {
    margin: 15px 10px 10px 10px;
}

#contact p.title {
	background: #38b4dc;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
}
#contact p.noMB {
	margin-bottom: 0 !important;
}

#contact .txt-box {
	width: 760px;
	display: block;
	margin: 0 auto;
}


@media (max-width:760px) {
    
#contact .txt-box {
    font-size: 14px;
	width: 96%;
	margin: 0 auto;
}
    
}





#contact .list-flow {
	font-size: 0;
	margin: 40px auto;
}

#contact .list-flow ul {
	list-style: none;
	text-align: center;
}
#contact .list-flow ul li {
	display: inline-block;
	font-size: 18px;
	width: 200px;
	height: auto;
	padding: 15px 0;
	line-height: 1;
	background: #fff;
	border: 1px solid #38b4dc;
	margin-right: 30px;
}


#contact .list-flow ul li:after {
	content: ">";
	margin-left: 10px;
}
#contact .list-flow ul li.actived {
	background: #38b4dc;
	color: #fff;
	font-weight: bold;
}
#contact .list-flow ul li:last-child {
	margin-right: 0 !important;
}
#contact .list-flow ul li:last-child:after {
	content: none;
	margin-left: 0;
}


#contact table {
	border-collapse: collapse;
	width: 100%;
	border-top: 1px solid #c1c7ca;
	border-bottom: 1px solid #c1c7ca;
}
#contact table th {
	padding: 0 20px;
	border-bottom: 1px dotted #c1c7ca;
	width: 31%;
    text-align: left;
	vertical-align: center;
}

@media (max-width:760px) {
    
    #contact table	{ 
    margin: 0; }
    #contact table th,
    #contact table td{
    width: inherit !important;
	display: block;}
    #contact table th.vTop {
	padding:10px;
}
       

}

/*
#contact table th.vTop {
	vertical-align: center;
}
*/

#contact table td {
	padding: 20px 20px;
	border-bottom: 1px dotted #c1c7ca;
	font-size: 90%;
}
#contact table td > span {
	/*display: block;
	margin-top: 3px;
	line-height: 1.2;*/
	font-size: 95%;
}
#contact table td > span.desc {
	display: block;
	margin-top: 20px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 95%;
}
#contact table td > p.small {
	font-size: 80%;
	margin-top: 6px;
	margin-bottom: 0;
}
#contact table tr:nth-child(2n) {
    background: #edf1f2;
}

#contact table input[type=text] {
	width: 60%;
	padding: 5px 10px;
	border: 1px solid #C8C8C8;
	font: 100% "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}


@media (max-width:760px) {
#contact table input[type=text] {
	width: 90%;
}

}




#contact table textarea {
	width: 93%;
	padding: 5px 10px;
	border: 1px solid #C8C8C8;
	min-height: 100px;
	line-height: 1.2;
	font: 100% "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

@media (max-width:760px) {
   #contact table textarea {
	width: 90%;
}    
}



#contact table td .list-check li {
	font-size: 95%;
    list-style: none;
}

@media (max-width:760px) {
    
#contact table td .list-check li {
	font-size: 13px;
    list-style: none;
}      
}


#contact .box-note {
	background: #f4ebe4;
	padding: 20px;
	font-size: 85.7%;
}
#contact .box-note h2 {
	margin-bottom: 10px;
    color: #333;
    font-size: 14px;
}
#contact .box-note p {
	margin-bottom: 0 !important;
}
#contact .box-note ul li {
	list-style-type: disc;
	list-style-position: inside;
}

#contact .form-btn{
	padding:5px 10px;
	cursor:pointer;
}

#contact-complete {
	text-align: center;
	line-height: 1.6;
}
#contact-complete h1,
#contact-complete h2 {
	font-size: 18px;
	margin: 20px 0 30px;
}

.textRed {
    color: #f00 !important;
}

.mT20 {
    margin-top: 20px !important;
}
.alignC {
    text-align: center !important;
}

/*=============================================================
 Global iframe contact Layout
=============================================================*/
iframe.frame-contact {
	border: 3px solid #38b4dc;
	width: 640px;
	min-height: 800px;
	/*height: 1100px;*/
	/*max-height: 1072px;*/
	height: 100%;
	overflow: hidden;
	padding: 18px;
}

/*  ページ回遊　リンク   */
.pagenavi {
    width: 700px;
    margin: 10px;
}

@media (max-width:760px) {   
.pagenavi {
    width: auto;
    margin: 10px;
}
}

.pagenavi ul li.prev {
    float: left;
}

.pagenavi ul li.next {
    float: right;
}

.pagenavi ul li {
    display: inline-block;
    font-size: 12px;
    background: #38b4dc;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
}

@media (max-width:760px) {  
.pagenavi ul li {
    background: #FF9326;
}
}

.pagenavi ul li a {
  color: #FFFFFF;
  text-decoration: none;
}

.pagenavi ul li.prev:before {
    content: "<";
    margin-right: 6px;
}

.pagenavi ul li.next:after {
    content: ">";
    margin-left: 6px;
}


/*   　　サイドバー　　　　*/
@media (max-width:760px) {  
.sidebar ul li img {
    display: none;
} 
}


/* ========== フォーム本体 ========== */

main#contact {
    width: 100%;
    margin: 0 auto;
}

.aboutInfoC .secondPage03 {
    padding: 10px 10px;
    border-radius: 5px;
/*    border: 3px solid #38B4DC;*/
    margin: 10px;
}


.aboutInfoC .secondPage03 p {
    line-height: 1.5;
}

#contact .list-flow ul li.actived {
    background: #38b4dc;
    color: #fff;
    font-weight: bold;
}

#contact .list-flow ul li {
    display: inline-block;
    font-size: 18px;
    width: 200px;
    height: auto;
    padding: 15px 0;
    line-height: 1;
    background: #fff;
    border: 1px solid #38b4dc;
    margin-right: 30px;
}

@media (max-width:760px) {  
    #contact .list-flow ul li {
        display: inline-block;
        font-size: 12px;
        width: 80px;
        height: auto;
        padding: 5px 5px;
        line-height: 1;
        background: #fff;
        border: 1px solid #38b4dc;
        margin-right: 5px;
    }
}

#contact .infographic2 {
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}
#contact .infographic2 img {
    max-width: 100%;
}
#contact .check-sample {
    max-width: 796px;
    margin: 40px auto 60px;
    /* padding: 20px; */
    padding: 0 20px;
    /* border: 3px solid #a1d7f1; */
    border: 3px solid #ffffff;
    border-radius: 3px;
    box-sizing: border-box;
}
#contact .check-sample .flL {
    width: 70%;
    float: left;
    text-align: center;
    padding-top: 20px;
}
#contact .check-sample .flR {
    width: 30%;
    float: left;
    text-align: right;
}
#contact .check-sample p {
    font-size: 18px;
}
#contact .check-sample p.main {
    color: #37b6f4;
    font-size: 30px;
    font-weight: bold;
    background: url(../img/check_arrow.png) no-repeat top center;
    padding-top: 35px;
}
#contact .check-sample .img {
    margin-bottom: 0;
}
#contact .check-sample .img img {
    max-width: 100%;
}
@media (max-width:760px) {
    #contact .infographic2 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #contact .check-sample {
        /* padding: 20px 20px 15px; */
        padding: 0 20px;
        margin: 20px auto 40px;
    }
    #contact .check-sample .flL {
        float: none;
        width: 100%;
        padding-top: 0;
    }
    #contact .check-sample .flR {
        float: none;
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
    #contact .check-sample p {
        font-size: 14px;
    }
    #contact .check-sample p.main {
        font-size: 22px;
        background: url(../img/check_arrow.png) no-repeat top center;
        background-size: 16px auto;
        padding-top: 22px;
    }
    #contact .check-sample .img {
        margin-bottom: 0;
        text-align: center;
    }
}


.breadcrumb {
    font-size: 0;
    line-height: 1.3;
    margin: 15px auto 0;
}
.breadcrumb li {
    display: inline-block;
    font-size: 12px;
}
.breadcrumb li:after {
    content: '>';
    margin: 0 4px;
}
.breadcrumb li:last-of-type:after {
    content: '';
    margin: 0;
}
.breadcrumb li a {
    color: #38B4DC;
}
@media (max-width:760px) {
    .breadcrumb {
        display: none;
        /* padding-left: 10px; */
    }
}

.banner-katsuyo {
    display: none;
}
@media (max-width:760px) {
    .banner-katsuyo {
        width: 94%;
        max-width: 370px;
        display: block;
        text-align: center;
        margin: 25px auto;
    }
    .banner-katsuyo a {
        display: block;
    }
    .banner-katsuyo a img {
        max-width: 100%;
        height: auto;
        vertical-align: middle;
    }
}