/*------------------------------------------------------
/////  HOME index.html  ///////////////////////////////
------------------------------------------------------*/

#topcoporations,#topindividuals,#topaboutus,#topcontactus,#access	{padding: 80px 0;color: #333}

.whitemat	{position: relative;padding: 40px 60px;background: #fff;margin-top:60px;}

.topctitle	{margin-bottom: 15px;font-size: 35px;font-family: 'Oswald', sans-serif;font-weight: 500;line-height: 160%;letter-spacing: 1px}
.topctitle	strong{font-size: 42px;}
.topctitle	.en{font-size: 14px;font-family: 'Open Sans', sans-serif;}

.topcmnt	{margin-bottom: 30px; text-align: center;}

.tocupage {position: relative;width: 300px}
.tocupage	a{position: relative;display: block;padding: 15px;background:#06afe8;color: #fff;text-decoration: none}
.tocupage	i{position: absolute;top: 20px;right: 20px;transition: all 0.5s;}
.tocupage	a:hover	{transform: translateX(10px);opacity: 1;}

.syougakukin {margin: 25px auto;width: 500px;}
.syougakukin h2{text-align: center; font-size:25px;color: #577dbe;font-weight: 500;margin-bottom: 10px;}

/*お問い合わせ*/
#topcontactus	{padding: 100px 0;background-image: linear-gradient(to right, #577dbe, #91d3ff);;color: #577dbe;margin: 0 auto 50px auto;}
#topcontactus	.topctitle	{width: 350px; padding: 10px 0px;font-size: 30px;text-align: center;line-height: 1.1em;background-color: #ffffff;border-color: #577dbe;margin: 0 auto;}
#topcontactus	.topcubutton	{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
#topcontactus	.topcubutton	p	{-ms-flex-preferred-size: 48%;flex-basis: 48%;margin: 0;padding: 15px;border: 1px solid #666;text-align: center}
#topcontactus	.topcubutton	p:nth-child(1)	{padding: 25px 15px 15px 15px;}

#topcontactus	.telnum{margin-left: 10px;font-size: 120%;font-family: 'Oswald', sans-serif;}
#topcontactus	.telnum	a{font-size: 230%;color: #fff;text-decoration: none}
#topcontactus_web	.topctitle	{width: 350px; padding: 10px 0px;font-size: 30px;text-align: center;line-height: 1.1em;background-color: #ffffff;border-color: #577dbe;margin: 0 auto;}

#topcontactus_web {padding: 100px 0;background-image: linear-gradient(to right, #EFA7F2, #A0CFFD);;color: #577dbe;margin: 0 auto 50px auto;}
.topctitle a{text-decoration: none;color: #577dbe;}





/*アクセス*/
#access	{text-align: center}
#access	.topctitle	{margin-bottom: 50px;font-size: 30px;line-height: 1.1em;}
#access	.topctitle	.en{display: block;color: #999}
/*.ggmap	{position:relative;display: block;width:100%;height: 500px;}
.ggmap iframe{position:absolute;top:0; right:0;width:100%;height:500px}*/

.swiper-container {max-width: 1200px;width: 100%;height: auto;}
.swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;line-height: 0}
.swiper-slide img	{width: 100%;height: auto;line-height: 0}
.pc	{display: block;}
.sp	{display: none}

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

#topcoporations	.whitemat,
#topindividuals	.whitemat	{padding: 40px 60px}

#topcoporations,
#topindividuals	{background-size: 150% 20%}
.topcoporations	{margin-right: 0;}
.topcoporations	.photo	{margin: 0 auto 30px auto;}
.topcoporations	.tocupage {margin: 0 auto;}

.topindividuals		{margin-left: 0;}
.topindividuals	.photo	{margin: 0 auto 30px auto;}
.topindividuals	.tocupage{margin: 0 auto;}
.fromtoptomobile	{margin: 20px auto;text-align: center}

}

@media screen and (max-width: 800px) {
#topcoporations{padding: 30px 0 40px 0;}
.chosei	{padding-top: 50px;}
}

@media screen and (max-width: 768px) {
#topcoporations	.topctitle,.topindividuals	.topctitle{line-height: 1.1em;}
#topcoporations	.topctitle	.en,.topindividuals	.topctitle	.en{display: block;margin: 0;}
.whitemat	{padding: 30px;}
}

@media screen and (max-width: 480px) {
#topindividuals,#topaboutus,#topcontactus,#access	{padding: 40px 0;}

#topcoporations	.whitemat,
#topindividuals	.whitemat	{padding: 35px;}

#access	{padding: 40px 0 0 0;}
.topctitle	{font-size: 25px;}
.topctitle	strong{font-size: 30px;}
.topaboutus		.topctitle	{margin-bottom: 30px;font-size: 23px;}
/*#topcontactus		.topctitle	{margin: 0;font-size: 23px;}*/
#access	.topctitle	{font-size: 23px; }
.tocupage {width: 100%}

.topaboutus	.photo	{margin: 0 0 30px 0}
/*#topcontactus	.telnum{display:block;margin-top: 10px;}*/
}

@media screen and (max-width: 360px) {
.fromtoptomobile	{font-size: 90%;}
}




@media screen and (max-width: 980px) {/*←980px*/

#service	dl{-ms-flex-preferred-size: calc(47.5% - 42px);flex-basis: calc(47.5% - 42px);}

#service	dl:nth-child(3n){margin-right: 5%}
#service	dl:nth-child(2n){margin-right: 0}

}

@media screen and (max-width: 768px) {/*←640px*/
#service	dl{-ms-flex-preferred-size: 100%;flex-basis: 100%;margin-right: 0;margin-bottom: 30px;padding: 20px;}

#forindividuals	#service	dl,#forcoporate	#service	dl{min-height: auto;}


#service	dl:nth-child(3n){margin-right: 0}
#service	dd:last-child{position:relative;bottom: 0;}
#selectitem	ul	{display:block;}
#selectitem	ul	li	{margin: 0 0 10px 0;padding: 10px 0;}
#selectitem	ul	li	span.hokenmei	{margin: 0 20px 1em 20px;}
.tomobile	{position:absolute;top: -37px;right: 0px;}

}



/*------------------------------------------------------
///  お客様への販売・勧誘にあたって about_sales.html  ///
------------------------------------------------------*/
.aboutsalesmessage	{margin: 50px 0;padding: 15px;font-size: 1.8rem;font-family: 'Noto Serif JP', serif;font-weight: 500;line-height: 140%;letter-spacing: 1px;text-align: center;background: #efefef;}
@media screen and (max-width: 530px) {.aboutsalesmessage		{font-size: 6.25vw;}}

.kugiri	{margin: 50px 10%;height: 1px;border: 0;border-bottom: solid 1px #ccc;}

.selesinfomation	{margin-top: 50px;padding: 15px;border: 3px double #ccc;font-weight: bold;}
.selesinfomation	dt{padding-bottom: 15px;border-bottom: 1px solid #ccc;}
.selesinfomation	dd{padding: 15px 0 0 0;line-height: 2rem}
.selesinfomation	dd	a,.selesinfomation	dd	span{color: #000;font-size: 1.5rem;text-decoration: none}

.kaitei	{margin: 1em 0;text-align: right;font-size: 80%;color: #ccc}

/*------------------------------------------------------
/////  お問い合わせcontactus.html  ////////////////
------------------------------------------------------*/
.normalTbl3 img {width:30px; height: auto;vertical-align: middle;}

.telcontact	{text-align: center}
.telcontact	.telnum{font-size: 120%;font-family: 'Oswald', sans-serif;}
.telcontact	.telnum	a{color: #333;font-size: 190%;text-decoration: none}
.telcontact	dd:last-child{margin-top: 7px;}

#formarea	dl	{margin: 0 10% 50px 10%;border-top: 1px dotted #000;border-left: 1px dotted #000;border-right: 1px dotted #000;background: rgba(255,255,255,0.3);text-align: center}
#formarea	dt,#formarea	dd	{text-align: left}
#formarea	dt	{padding: 15px 15px 10px 15px;color: #004d9f;font-weight: bold;}
#formarea	dt	span	{margin-left: 10px;color: #999;font-size: 85%;font-weight: normal;letter-spacing: 1px}
#formarea	dd	{padding: 0 15px 25px 15px;border-bottom: 1px dotted #000;}

#formarea input[type="email"],#formarea input[type="text"],#formarea textarea{margin: 0 auto;padding:10px;outline:0;border:1px solid #ccc;-moz-box-shadow:inset 1px 1px 2px -3px rgba(0,0,0,.5);-webkit-box-shadow:inset 1px 1px 2px -3px rgba(0,0,0,.5);box-shadow:inset 1px 1px 2px -3px rgba(0,0,0,.5);border-radius:3px;font-size: 110%;line-height: 150%;}
#formarea	input[type="text"]:focus,#formarea	input[type="email"]:focus,#formarea	textarea:focus {box-shadow: 0 0 2px #90defb;border: 1px solid #90defb;}

#formarea	.hissu,#formarea	.nini	{margin: 0 7px 5px 0;padding: 4px;color: #fff;font-size: 70%;border-radius: 3px;}
#formarea	.hissu	{background:#80f972;}
#formarea	.nini	{background:#999;}

.input01	{width: calc(100% - 25px);}
.input02	{width: calc(30% - 25px);}/*zip*/
.input03	{width: calc(100% - 25px);}/*住所*/
.input04	{width: calc(50% - 25px);}/*電話番号*/
.input05	{width: calc(100% - 25px);min-height: 200px;}

/*郵便番号*/
.tojapanpost	a	{margin-left: 15px;padding: 5px 10px;background: #80f972;border: 3px solid #80f972;color: #fff;text-decoration: none;font-size: 90%;transition: all 0.5s;}
.tojapanpost	a:hover{background: #fff;color: #80f972}


.ppagree	{margin-bottom: 20px;text-align: center}
.ppagree	h3{margin-bottom: 5px;font-weight: bold;}
.ppagree	a{color:#80f972}

.submitarea	{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom: 50px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.submitarea	input[type="submit"],.submitarea	input[type="reset"],.submitarea	input[type="button"],.submitarea	a{-ms-flex-preferred-size: 40%;flex-basis: 40%;margin: 0 5%;padding: 10px 0;border: none;font-size: 105%;background: #1b62a4;border: 3px solid #1b62a4;color: #fff;transition: all 0.5s;}
.submitarea	a	{text-decoration: none;text-align: center}
.submitarea	input[type="submit"]:hover,.submitarea	input[type="reset"]:hover,.submitarea	input[type="button"]:hover,.submitarea	a:hover{background: #fff;color: #80f972}

#form-tbl{margin: 0 10%}
#form{border-collapse:collapse;margin-bottom: 50px}
#form td,#form th{border:1px solid #666;padding:8px}
#form th{white-space:nowrap;background:#e8e8e8}
#form td{background:#fff}
p.btn input{width:110px;height:2pc}
p.msg{margin:2em}
p.msg,span.msg{color: #004d9f}

.thanksmessage	{margin-bottom: 80px;text-align: center}


@media only screen and (max-width:980px){
#formarea	dl	{margin: 0 0 50px 0;}
#form{width:96%;margin:10px auto 30px auto}
}

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

.input02	{width: calc(50% - 25px);}/*zip*/
.input04	{width: calc(100% - 25px);}/*電話番号*/

#form-tbl{margin:0 auto;text-align:center}

#form td,#form th{text-align:left;width:100%;display:block;padding:6px 3px;border-top:0}
#form tr:first-child th{border-top:1px solid #666}


}


/*お問い合わせページ*/
.cntinner {padding: 20px 0px 20px 0px;margin: 0 auto;}
.cntinner h2 {color: #fff; font-size: 30px;text-align: center;line-height: 1.1em;font-weight: bolder;}
#contactwrap {width: 50%; margin: 50px auto;}
table {border: 1px solid #000;}
table th {border: 1px solid #000;background-color: #eee; color: #577dbe;margin: 10px 0;}
table td {border: 1px solid #000;margin: 10px 0;}
.mt20  {text-align: center;}
.fontS   {text-align: center;}
.fontS   a {text-decoration-line: none;color: #577dbe;}
.head {background-image: linear-gradient(to right, #577dbe, #91d3ff);;color: #ffffff;text-align: center;font-size: large;}
@media only screen and (max-width:980px){
    #contactwrap {width: 80%; margin: 50px auto;}
    }

    @media only screen and (max-width:800px){
        #prtMain {margin-top: 50px;}
        }
    
    @media only screen and (max-width:600px){
        #contactwrap {width: 100%; margin: 50px 2px;}
        table , .mt20 , .fontS{font-size: small;}
        .head {background-image: linear-gradient(to right, #577dbe, #91d3ff);;color: #ffffff;text-align: center;font-size: medium;}
        .cntinner h2 {color: #fff; font-size: large;text-align: center;line-height: 1.1em;font-weight: bolder;}
        }
    



/*------------------------------------------------------
/////  プライバシーポリシー　privacy.html  ///////////
------------------------------------------------------*/
#prtMain {background-image: linear-gradient(to right, #577dbe, #91d3ff);;}
.prtinner {padding: 30px 0px 20px 0px;margin: 0 auto;}
.prtinner h2 {color: #fff; font-size: 30px;text-align: center;line-height: 1.1em;font-weight: bolder;}
#privecycont {width: 70%; margin: 50px auto;font-weight: bold;}
.privacycom {width: 350px; margin: 5px 0;border-bottom: 3px solid #577dbe;}
#privecycont h4 {margin: 15px 0 20px 0;color: #577dbe;font-weight:900;font-size: xx-large;}
.privacy-policy dl {margin: 20px 0;}
.privacy-policy {margin: 10px 0;list-style-type:decimal;}
.privacy-policy dd ul li {list-style-type:circle;}
.privacy-policy dd ul {margin-left: 45px;}
.privacy-policy a {text-decoration-line: none;color: #577dbe;}
@media only screen and (max-width:600px){
.prtinner h2 {color: #fff; font-size:large;text-align: center;line-height: 1.1em;font-weight: bolder;}
}
/*------------------------------------------------------
/////  制作実績・企業理念と方針・会社概要  ///////////
------------------------------------------------------*/
.works_line	{display: block;text-align: center;width:350PX;margin: 0 auto 30px auto;}
.works_line h2 {border:solid #577dbe;font-size: 30PX;font-family: 'Oswald', sans-serif;color: #577dbe;padding: 15px 0;}
.works_blocks {display: flex; justify-content: center;}
.works_housin img {width:60%;}
.works_housin{text-align: center;}
.works_line p {text-align: center;}
.works_housin_sp img{display: none;}
.rinen {font-size: medium; color:#577dbe;}
section {margin: 0 auto 50px auto;}
.works_images p {margin: 0 0;}
.works_images {text-align: center;margin: 20px 0;}
.works_images h3{font-size: larger; color:#577dbe;margin: 15px 0;}
.works_images h2 {border:solid #577dbe;border-width: thin;font-size: medium;font-family: 'Oswald', sans-serif;color: #577dbe;padding: 15px 0;width: 300px;margin: 0% auto;}
.works_imgpro img {width:90%;}
.works_imgpro {text-align: center;margin: 10px 0;}


@media only screen and (max-width:780px){
    .works_blocks {display: flex;flex-direction: column;text-align: center;}
    .works_images img {width: 300px;}
    .works_line	{display: block;text-align: center;width:200px;margin: 0 auto 30px auto;}
    .works_line h2 {border:solid #577dbe;font-size: 25PX;font-family: 'Oswald', sans-serif;color: #577dbe;padding: 15px 0;}
    }

    @media only screen and (max-width:780px){
        .works_housin_sp img{display: block;width:80%;margin: 0 auto;}
        .works_housin img {display: none;}
    }
/*------------------------------------------------------
/////  会社概要　内容  ///////////
------------------------------------------------------*/
table th, table td {padding: 15px; font-size: 15PX;font-family: 'Oswald', sans-serif;color: #000;}
table th {text-align: left;}
.gaiyou {margin: 0 auto;width: 600px;}
@media only screen and (max-width:780px){
    table th, table td {padding: 5px; font-size: 12PX;font-family: 'Oswald', sans-serif;color: #000;}
    .gaiyou {margin: 0 auto;width: 400px;}
}

/*------------------------------------------------------
/////  アクセス  ///////////
---------------------------------------s---------------*/
.gg_blocks{display: flex;justify-content: center;}
.ggmp {width:100%;margin: 50px 0px;text-align: center;}
.ggmp .renraku {font-size:medium; color:#577dbe;font-weight: bold;}
.ggmp p .add_ress {font-size:small; color:#577dbe;}
.ggmp p {margin: 0;}

@media only screen and (max-width:980px){
    .gg_blocks{display: flex;justify-content: space-around;}
    .ggmp iframe {width: 80%;height: auto;}
    .ggmp {width:80%; margin: 50px 0px;text-align: center;}
    .ggmp .renraku {font-size:medium; color:#577dbe;font-weight: bold;}
    .ggmp p .add_ress {font-size: small; color:#577dbe;}
    }

@media only screen and (max-width:780px){
    .gg_blocks{display: flex;flex-wrap: wrap;}
    .ggmp iframe {width: 80%;height: auto;}
    .ggmp {width:60%;margin: 30px auto;}
    .ggmp .renraku {font-size:small; color:#577dbe;font-weight: bold;}
.ggmp p .add_ress {font-size: small; color:#577dbe;}
    }


    /*トップイメージ*/
#topimage_sp {display: none;}
#topimage {display:block;margin-top: 0px;width: 100%;height:auto;line-height: 0;}
@media screen and (max-width: 800px) {
    #topimage_sp {display:block;margin-top: 60px;width: 100%;height:auto;line-height: 0;}
    #topimage {display: none;}
}

    /*header*/