@charset "Windows-31J";

/*--------------- ページ全体共通 ---------------*/
html{
	font-size:62.5%; /* 10px */
}

body{        
	width: 100%;
	margin: 0px auto;
	padding: 0;
	text-align:left;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial, Helvetica, sans-serif;
        line-height:1.5em;
        letter-spacing:0.5px;
	color: #333;
    	background:#fff;
        word-wrap : break-word;
        overflow-wrap : break-word;
}

img{
    border:0;
    max-width: 100%;
    height: auto;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display:block;
}
.sp {
    display:none;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
.pc {
    display:none;
}
.sp {
    display:block;
}
}

p {
    margin-bottom:0;
    font-size:100%;
    line-height:inherit;
    text-align:justify;
    display: block;
}

h4{
    font-size:28px;
    font-weight:600;
    color:#555;
    border-left: 20px solid hotpink;
}

h5{
    text-decoration:underline;/*下線*/
    border-top: none;
    border-bottom: none;
}

h5:before {
    font-family: 'FontAwesome';
    content: '\f0a9';
    margin: 0 2px 0 0;
}

div:after, ul:after { /* div又はulにfloatがある場合、自動でclearfix */
	content:"";
	clear:both;
	display:block;
}
/*--------------- 外枠 ---------------*/
#main_guide{
        width:100%;
        max-width:800px;
        padding-bottom:0;
	margin:20px auto 20px auto;
        background:#fff;
}



/*--------------- ヘッダー ---------------*/
#header_01{
    width:100%;
    margin:0;
    float:left;
}
/*--------------- はじめましてページ・スマホメニュー用 ---------------*/
.menu {
	/*max-width: 500px;*/
	margin: 0 auto;
	padding: 0;
}

.menu a {
  display: block;
  padding-bottom: 5px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}

label {
    display: block;
    margin: 0 0 2px 0;
    padding :0 0 16px 0;
    line-height:1.4em;
    color :#333;
    border-radius: 3px;
    /*background :#D9A521;*/
    cursor :pointer;
    text-decoration:none;/*下線消去240924*/
}

label::before{  
    font-family: 'FontAwesome';
    /*content: '\f054 ';*//*240926干場コメントアウト*/
    margin: 0 2px 0 0;
    color:#ccc;
}

label:hover{
	opacity:0.7;
	-ms-filter:alpha(opacity=70);
}

input {
	display: none;
}

.menu ul {
	margin: 0;
	padding: 0;
        background :#fff;
	list-style: none;
}

.menu li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.menu p{
    margin-top: 0px;
    color:#333;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li,
#menu_bar07:checked ~ #links07 li,
#menu_bar08:checked ~ #links08 li,
#menu_bar09:checked ~ #links09 li {
  max-height: 600px;
  opacity: 1;
}

/*--------------- 文字の装飾 ---------------*/
.section{
        font-weight: bold;
	margin:0px;
	padding-top:40px;
}

.txt{
    font-size: 12px;
    line-height: 2.1;
    margin-bottom: 0;
    margin-top:5px;
}

.fs19{
    font-size:19px;
}


.midashi_guide{
        line-height: 1.3;
        margin-top: 40px;
        color:#f06160;/*#F06400;*/
        border-bottom: 1px solid #E66000;
        font-weight: bold;
        /*font-size: 20px; レスポンシブにて指定*/
}

.main_title{
        font-size:32px;
        line-height:40px;
        font-weight:700;
        color:#EF6327;
        text-align:left;
 /* 縦書き
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        width:300px;
        height:300px;
*/        
}
.main_title2{
        font-size:28px;
        line-height:40px;
        font-weight:700;
        color:#f06160;/*#f06086;*/  
        text-align:center;
}

.fademain_title2{
        font-size:28px;
        line-height:40px;
        font-weight:700;
        color:#f06160;/*#f06086;*/  
        text-align:center;
}


.kyoutyou{
    font-size:38px;
}
.kyoutyou2{
    font-size:16px;
}
.subtitle1{
         color:#67261b;/*#494b87;*/
         text-align:left;
         display:inline-block;
         width:100%;
         font-size:14px;
         font-weight:normal;
         line-height: normal;
}

h2{
    color:#f06160;/*#f06086;*/
    font-size:44px;
    line-height: 1em;
}

.list_item_title{
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right:0px;
    margin:0;
    /*font-size:1.4em; レスポンシブにて指定*/
    font-weight: bold;
    color: #333;
    
}

.list_item_box{
    padding:5px;
    width:31%;
    float:left;
}

.list_item_contents:nth-last-child(n+2){
    border-bottom:1px dotted #aaa;
}

/* 黄色の装飾　マーカー・色 */
.marker_yellow {
    background:linear-gradient(transparent 60%, #F9C270 60%);
    font-weight:bold;
}
.yellow {
    color:#DAA520;
    font-weight:bold;
}
.green {
    color:#488B3B;
    font-weight:bold;
}
/* 桃色の装飾　マーカー・色 */
.marker_pink {
    background:linear-gradient(transparent 60%, hotpink 60%);
    font-weight:bold;
}
.pink {
    color:hotpink;
    font-weight:bold;
}
/* 水色の装飾　マーカー・色 */
.marker_blue {
    background:linear-gradient(transparent 60%, DarkTurquoise 60%);
    font-weight:bold;
}
.blue {
    color:DarkTurquoise;
    font-weight:bold;
}
.underline{
    text-decoration:underline;/*下線*/
}

.more, more:visited, more:hover, more:active{
    color:#fff;
}
        
/*---------------  ---------------*/
.contents{
    background-color:#ffe7e7; /*#ecdaf5 ピンク*/
    border-radius: 0px 0px 15px 15px; 
    padding:15px 0;
    margin-bottom: 20px;
}

ul{
    margin:0px;
    padding:15px 0 15px;
   }       
.link{
    width:50%;
    font-size:0.8em;
    text-decoration:none;
    text-align: center;
    padding:8px;
    color:#000000;
    background-color:#FEAF01;
    border-radius:10px;
    box-shadow:4px 4px #ccc;
    
}

.block:after  {
        content:"";
        display:block;
        padding:0;
        margin:0;
        clear:both;
        }

.box_haikei {
                position: relative;
                background: #ddd;
                height: 30%;
                width: 100%;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-top:5px;
                margin-bottom: 20px;
                border-radius: 20px;
            }
            
.box_haikei_02 {
                position: relative;
                background: #fff;
                width: 100%;
                padding:0;
                margin:20px auto;
                border-radius: 0;
            }
            
.box_haikei_03 {
                padding: 15px;
                margin-bottom: 30px;
                background: #DBEED7;
                /*border: 4px #6cbb5a solid;*/
                border-radius: 10px;/*角の丸み*/
                position: relative;
            }
            
.box2 {
    position: relative;
    margin: 2em 0;
    padding: 2.5em 1em 1em 1em;
    border: solid 3px #6cbb5a;
}
.box2 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #6cbb5a; /*#E68078　桃色　#1AAB4B　緑色*/
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box2 p {
    margin: 0; 
    padding: 0;
}            
   
.ttl_b{
    display:inline;
    color:#ffffff;
    background-color:#DAA520; /*桃色・#DAA520　青・#004D99* 黄・#DAA520*/
    font-weight:normal;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
    padding:5px 40px 5px 40px;
}

.ttl_g{
    display:inline;
    color:#ffffff;
    font-size:1em;
    background-color:#5AB430;
    font-weight:normal;
	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;
    padding:5px 40px 5px 40px;
    margin-bottom:0px;
}


/*--------------------------------------------------
introduction
--------------------------------------------------*/

.logo1{
        text-align:right;
}
.logosize{
    width:35%;
}
.introduction1{
    margin:0 auto;
    text-align:center;
    margin-top:10px;
    /*padding-top:30px;*/
}

.introduction{
    text-align:center;
    margin:0 auto;
    background-color:#ebe8ff; /*#E2F0FF; 青*/
    padding-bottom:20px;
    border-radius: 15px 15px 0px 0px;
}

.fin{
    line-height: 1.5em;
}
/*2にも記載がある。重複のためコメントアウト
.about_icw{
        margin:0 auto;
        margin-top:20px;
        margin-bottom:50px;
        width: 70%;
}
*/
/*----------------ポップアップ----------------------*/

#popupforum {
	display: none;
}

#popupsemi {
	display: none;
}

#popupinfo {
	display: none;
}


#popupsearch {
	display: none;
}

.overlay {
	display: none;
}
#popupforum:checked + .overlay {
	display: block;
	background-color: rgba(21, 53, 110, 0.8);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
        z-index:999;
}

#popupsemi:checked + .overlay {
	display: block;
	background-color: rgba(21, 53, 110, 0.8);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
        z-index:999;
}

#popupinfo:checked + .overlay {
	display: block;
	background-color: rgba(21, 53, 110, 0.8);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
        z-index:999;
}

#popupsearch:checked + .overlay {
	display: block;
	background-color: rgba(21, 53, 110, 0.8);
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}

.window {
	width: 700px;
	height: 40%;
	/*background-color: #ffffff;*/
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
        z-index:999;
}
.popupwindow {
	font-size: 20px;
	margin: 30px;
	color: #fff;
        position: relative;
        z-index:999;
        line-height: 1.2em;
}

.closepopup {
	display: inline-block;
        margin-bottom: 0;
        position: relative;
        text-align: center;
        
}

.close {
	cursor:pointer;
        width: 100px;
	position: relative;
        margin-top: 60%;
        margin-right:50%;
	font-size: 20px;
        padding:5px 20px;
        background-color: #f06160;
        color: #ffffff;
        z-index:9999;
}
.closenear {
        text-decoration: none;
	cursor:pointer;
        width: 150px;
	position: relative;
        margin-top: 60%;
	font-size: 20px;
        padding:5px 20px;
        background-color: #ffd600;
        color: #67261b;
        z-index:9999;
        border-radius: 3px;
}

    /*書き換え中*/
    
    .hajimeteimg{
    width:70%;
}

.finmsg{
    /*position:relative;*/
    background:#ECDAF5;
    padding: 5px;
    margin-left: 12.5%;
    width:75%;
    text-align:center;
    color:#67261b; /*#364e85;*/
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    /*z-index: 1;*/
}
/*
.finmsg:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(236, 218, 245, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-top-color:#ECDAF5;
    top:100%;
    left:50%;
}
*/
.copyright{
    border-top:1px solid #cccccc;
    margin-bottom: 5px;
    padding-top: 3px;
    text-align: center;
}


/*----------------レスポンシブ----------------------*/
            
@media screen and(max-width: 2042px) {
    
    p{
    font-size: 14px;
    font-weight: normal;
  }
  
    .section{
    font-size: 32px;
  }
  
    .list_item_title{
    font-size: 20px;
  }
  
  .midashi_guide{
    /*font-size: 20px;*/
  
}

    .list_item_box{
    padding-left: 10px;
}


.boxLeft{
        float: left;
        width: 30%;
    }

.boxRight{
        float: right;
        width: 65%;
        padding-left: 10px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
    }

    .pad30px {
        padding-top:30px;
    }


.box1{
    background-color:#e3ffff;
    width:335px;
    height:340px;
    padding:5px;
    border-radius:50px;
    border:solid 8px #FFF;
    position: relative;
}

.photo-box7 .hmask-text {
  /*position: absolute;*/ /*コメントアウト240927*/
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 1.5em;
  line-height:1.5em;
  color: #A82400;
  text-align:center;
}}

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

.fademain_title2{
        font-size:24px;
        line-height:38px;
        font-weight:700;
        color:#f06160;  /*#f06086;*/
        text-align:center;
}    

.window {
	width: 70%;
}
    
}

@media screen and (max-width: 640px){
    p{
    font-size: 12px;
    }

    img{
        padding-left:0px;
    }    
    
    .section{
    font-size: 18px;
    letter-spacing:-0.1em;
    padding-right:0;
    padding-left:0;
    }
    .main_title2{
        font-size:20px;
        line-height:30px;
        font-weight:700; 
        text-align:center;
}

.fademain_title2{
        font-size:18px;
        line-height:30px;
        font-weight:700;
        color:#f06160; /*#f06086;*/  
        text-align:center;
}

    .list_item_title{
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right:0px;
    margin:0;
    }
  
    .midashi_guide{
    /*font-size: 18px;*/
    letter-spacing:-0.05em;
    padding-right:0;
    padding-left:0;
    margin:40px auto 20px auto; 
  }
  
    .list_item_box{
    padding: 0;
    width:100%;
    float:none;
    }
    
    .boxLeft{
        width: 100%;
        text-align: center;
    }

    .boxRight{
        float: right;
        width: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
    }    
    .fs19{
    font-size:16px;
    }
    
    .window {
	width: 80%;
	height: auto;
	/*background-color: #ffffff;*/
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
        z-index:999;
}
.popupwindow {
	font-size: 18px;
	margin: 30px;
	/*color: #2c3e91;*/
        color: #ffffff;
        position: relative;
        z-index:999;
        line-height: 1.2em;
        display: block;
}


/*.close {
        position: relative;
        width: 80px;
	cursor:pointer;
	font-size: 20px;
        padding:5px 20px;
        background-color: #73c9eb;
        color:#fff;
        margin:auto;
        display: block;
        text-align: center;
}
.closenear {
        position: relative;
	cursor:pointer;
	font-size: 20px;
        padding:5px 20px;
        background-color: #73c9eb;
        color:#fff;
        margin:auto;
        display: block;
        text-align: center;
        border:none;
        height:28px;

}*/
}
@media screen and (max-width: 487px){

.closepopup {
	display: inline-block;
        margin-bottom: 20px;
        position: relative;
        text-align: center;
        
}


}