/*-----*/
/* CSS Document ---------------------------------------------------------------------------------------------------------------- */
/* XHTML1.1/CSS【Type XHTML】2011.04.28 var.1.0　(C)advista */
/* [http://yumekaiteki.com/] */
/* Default Style Reset --------------------------------------------------------------------------------------------------------- */
body,form,fieldset{margin: 0px;padding: 0px;}
fieldset{border:none;}
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{margin: 0px;padding: 0px;}
blockquote,li,dt,dd{}
li{list-style:none;}
input,textarea{font-size: 1em;}
img{border: 0px none;}

/* Tag Castam ----------------------------------------------------------------------------------------------------------------- */
body             {font-family: Verdana, Helvetica, Arial, "ヒラギノ角ゴPro W3", Osaka, "MPS Pゴシック", sans-serif; text-align:center;
                  font-size: 80%;line-height: 150%;color: #444444;background-color: #FFFFFF;}

				  
/* Header --------------------------------------------------------------------------------------------------------------------- */
#header       { background-color:#a967a7;}
.flex         { display:flex;} 
.flex:hover{ opacity:0.7;}
.flex li      { margin: 0 10px 0 0;} 
.cont0        { max-width:980px; margin:0 auto; display:flex; justify-content:space-between;align-items: center; padding:10px 0;}
.imgbox       { text-align:right; align-self:flex-end;} 
.mini         { color:#FFF; font-size:14px;}
.flex2        { display:flex;}
/* Content ----------------------------------------------------------------------------------------------------------------- */


#contbox2,#contbox4        { max-width:980px; margin:0 auto 80px auto; padding:0 10px;}
#box1            { display:flex;flex-wrap: wrap;justify-content:space-between; }
#contbox1        { margin:0 auto 30px auto;max-width:980px;padding:0 10px;}
.imgbox img:hover      {opacity:0.7;}


#mainimg img    { margin-bottom:80px; width:100%;}

.ttl               { font-size:3.5em; text-align:left; color:#a967a7; font-weight: bold; margin-bottom:50px; border-bottom: solid 3px #a967a7;font-family:'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif; padding-bottom: 20px; margin-bottom:50px;}
h3               { position: relative; border-bottom: dashed 3px #a967a7;font-family:'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;font-size:2.5em; color:#4553a3; padding-bottom:20px;text-align:left; margin-bottom:30px;}
h3 span          {padding:0 0 5px 40px;}
h3::after        { position: absolute;content: ''; width: 30px; height: 30px; background:url(../img/nx1nx2/circle.png) no-repeat; top: -4px; left: 0px;}

.cont1           { max-width:440px; margin:0 0 50px 0; padding-left:10px;}


.cont1 ul,.cont2        { text-align:left; font-size:1.5em; line-height: 1.6em;}
.cont1 li        { margin-bottom:25px;position: relative; padding:0 0 0 20px;}
.cont1 li:after        { position: absolute;content: ''; width: 12px; height: 12px; background: url(../img/nx1nx2/square.jpg) no-repeat; top: 8px; left: 0px;}
.botom            {margin-bottom:20px;}
							
#contbox2,#contbox4         { margin:0 auto 80px auto;}
#contbox2 h3                 { width:200px;font-size:1.5em; padding-bottom:12px; margin-bottom:20px;}							
#contbox2 h3::after         { position: absolute;content: ''; width: 30px; height: 30px; background:url(../img/nx1nx2/circle.png) no-repeat; top: -1px; left: 0px;}
.cont2                      { margin-bottom:50px;}


#back                       { background: linear-gradient(90deg, #a967a7 0%, #a967a7 50%, #4553a3 50%, #4553a3 100%); padding:40px 0; margin-bottom:80px;}
#contbox3                   { max-width:980px; display:flex;margin:0 auto;padding:0 10px; }
#left                 { width: 460px; padding-right:30px;}
#right                { width: 460px; padding-left: 30px;}
#left ul.flex,#right ul.flex{ opacity: 1;}
#contbox3 p           { color:#FFF; font-size:1.3em; text-align:left;line-height: 1.4em; margin-bottom:15px;}
#contbox3 .flex       { margin-bottom:15px;} 
.table1                 {border-collapse: collapse; width:460px; color:#FFF; font-size:1.2em; text-align:left; margin-bottom:15px;}
.table1 tr,.table1 td     { border: solid 2px #FFF; padding:8px;}



#contbox4             { display:flex;flex-wrap: wrap;justify-content:space-between;padding:0 10px;}
.ft1                  { width: 460px; }
.ft1 a                { text-decoration: none; color: #000;  }
.ft1 a:hover          { opacity: 0.8; }
.ft1 img              { margin-bottom:15px;}
.ft1 p                { font-size:1.3em; line-height: 1.4em; font-weight:600; text-align:left; padding:10px; border: solid #F1E334 10px;}
.ft2                  { width: 460px; margin-bottom:30px;}
#footbtn              { margin:0 auto;}
#footbtn img:hover       { opacity:0.7;}

#footbtn li           { margin-bottom: 20px;}








.table2                {border-collapse: collapse; font-size:1em; font-weight:100; margin-bottom:15px; width:450px;}
.table2 tr,.table2 td     { border: solid 1px #000; padding:10px;}
.table2 td                { }
.table2 th                {background: #e3dee8; padding:10px; width:180px;}
.TxTBox                 { margin-bottom:80px;}
#flex                   { display:flex;justify-content:space-between;max-width:980px; }
#Cont01                 { width:450px;}
.FormBox                { margin-bottom:15px;}
.TableBox p              { text-align:right;}
.bottom                 { margin-bottom:80px;}


#under                    { background-color:#4553a3;}
#top                 { background-color:#a967a7;}
#right2               {width: 460px; padding-right:30px; padding:10px; }
#left2                {width: 460px; padding:20px;margin-bottom:30px;}
#left2 p,#right2 p          {
    color: #FFF;
    font-size: 1.3em;
    text-align: left;
    line-height: 1.4em;
    margin-bottom: 15px;}
	
#contactimg    { width:calc(100% - (450px + 30px));  margin-bottom:80px}
#contactimg ul li #left2,
#contactimg ul li #right2 {width:100%; padding: 30px; box-sizing:border-box;  }
#contactimg ul li .table1{width: 100%;}
#contactimg ul li img {width:auto; max-width: 100%;  }
#contactimg ul li ul.flex:hover{ opacity:1}
#contactimg ul li ul  { margin: 0 0 20px;}
#contactimg ul li table{ margin:0 0 20px; }